﻿body {
}
.ShoppingTextQuiet
{
	font-family: Sans-Serif, Arial, Verdana;
	font-size: 9pt;
	color: #888888;
}
.ShoppingHeader1
{
	color: #FF6600;
	font-weight: bold;
	font-size: 13pt;
	margin-bottom: 2px;
	background-color: inherit;
}
.ShoppingHeader2
{
    /*font-weight: bold;*/
	color: #FF8800;
	font-weight: bold;
	font-size: 11pt;
}
.SignInErrorMessageBlock
{
	border: 1px solid #FFAA00;
	background-color: #FFFFCC;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	font-size: 11pt;
	font-family: Sans-Serif, Verdana;
	color: #FF4400;
}
.ShoppingTextBoxStyle
{
	border: 1px solid #BBBBBB;
}
.ShoppingListBoxStyle
{
	border: 1px solid #BBBBBB;
}
.ShoppingCheckBoxStyle
{
	font-family: Sans-Serif;
	font-size: 9pt;
}
.ShoppingCheckBoxStyle input
{
	margin: 5px 5px 0;
}
.ShoppingButton
{
	font-family: Sans-Serif, Verdana;
	font-size: 8pt;
}
.ShoppingRadioButton
{
	font-family: Sans-Serif, Verdana;
	font-size: 9pt;
    float: left;
}
.ShoppingRadioButton input
{
	margin: 5px 5px 0;
}
.Shopping_LeftPanel
{
    /*border: 1px solid red;*/
	float: left;
	width: 70%;
	margin-left: 10px;
	margin-top: 5px;
}
.Shopping_RightPanel
{
	margin-top: 10px;
	float: right;
	margin-right: 20px;
	width: 200px;
	border: 1px solid #AAAAAA;
    padding-right: 0px;
    padding-left: 0px;
}
.Shopping_HelpTitle
{
	background-color: #FFAA00;
	border-bottom: 1px solid #AAAAAA;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
}
.Shopping_HelpHeader1
{
	margin-top: 5px;
	color: #FF6600;
	font-weight: bold;
	font-size: 8pt;
}
.Shopping_HelpComment
{
	font-family: Sans-Serif, Verdana;
	font-size: 8pt;
	color: #333333;
	padding: 7px;
	/*text-align: justify;*/
}
.Shopping_HelpComment A
{
	text-decoration: underline;
}
.Shopping_Ticks_Block
{
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
/*border: #999999 1px solid;*/
	padding: 5px;
	font-size: 8pt;
	width: 180px;
/*dependent on the width of the Shopping_RightPanel*/
}
.Shopping_Ticks_ImgBlock
{
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}
.Shopping_Ticks_Item
{
	float: left;
}
.Shopping_Ticks_Item P
{
	float: left;
	margin: 0px;
}
.Shopping_Ticks_Item IMG
{
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 5px;
}
.SIGNIN_Form_col {
    font-family: Sans-Serif, arial, Verdana, geneva, courier;
    font-size: 10pt;
	font-weight: bold;
    color: #111111;	
    float: left;
    width: 90%;    
    margin-top: 4px;
    margin-bottom: 3px;
    margin-left: 5px;
    white-space: normal;
}
.SIGNIN_Form_col1
{
	font-family: Sans-Serif, arial, Verdana, geneva, courier;
    font-size: 10pt;
	font-weight: bold;
	color: #111111;	
	float: left;
	width: 155px;
    /*min-width:155px;*/
	margin-top: 4px;
	margin-bottom: 3px;
	margin-left: 5px;
}
.SIGNIN_Form_col2
{
	font-family: Sans-Serif, Arial, Verdana;
	width: 60%;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	white-space: normal;
}
A.buttonSimple
{
	font-size: 9pt;
	font-family: sans-serif;
	background-color: #999999;
	border: 1px solid #555555;
	padding: 0px 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
    padding: 5px 10px;
}
A.buttonSimple:active
{
	color: #FFFFFF;
}
A.buttonSimple:hover
{
	color: #FFFFFF;
	background-color: #CCCCCC;
	border: 1px solid #555555;
	text-decoration: none;
}
A.buttonSimple2
{
	font-size: 9pt;
	font-family: sans-serif;
	background-color: #FFAA00;
	border: 1px solid #666666;
	padding: 0px 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
    padding: 5px 10px;
}
A.buttonSimple2:active
{
	color: #FFFFFF;
}
A.buttonSimple2:hover
{
	color: #FFFFFF;
	background-color: #FFDD00;
	border: 1px solid #555555;
	text-decoration: none;
}
A.buttonSimple3
{
	font-size: 9pt;
	font-family: sans-serif;
	background-color: #FFAA00;
	border: 1px solid #666666;
	padding: 0px 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
    padding: 5px 5px;
}
A.buttonSimple3:active
{
	color: #FFFFFF;
}
A.buttonSimple3:hover
{
	color: #FFFFFF;
	background-color: #FFDD00;
	border: 1px solid #555555;
	text-decoration: none;
}
.ShoppingText, .ShoppingText P
{
	font-family: Sans-Serif, Arial, Verdana;
	font-size: 9pt;
	background-color: inherit;
}
.ShoppingTextLarger, .ShoppingTextLarger P
{
	font-family: Sans-Serif, Arial, Verdana;
	font-size: 11pt;
	background-color: inherit;
}

#SECURE_MAINPANEL_TopContainer {
    font-family: Sans-Serif, Verdana, geneva, courier;
    border-bottom: 1px solid #AAAAAA;
    background-color: inherit;
}
#SECURE_MAINPANEL_Top_Title {
    font-family: Sans-Serif, Verdana, geneva, courier;
    font-size: 14pt;
    text-align: center;
    color: #3366BB;
}
#SECURE_MAINPANEL_MiddleContainer {
    display: block;
    background-color: inherit;
    margin-top: 10px;
    padding-bottom: 80px;
}
.ShoppingMessageBlock {
    border: 1px solid #FFAA00;
    background-color: #FFFFCC;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
    font-size: 11pt;
    font-family: Sans-Serif, Verdana;
    color: #FF4400;
}
.CART_ContinueShoppingOrCheckoutBlock {
    /* border: 1px solid blue; */
    width: 100%; /*700px;*/
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.CART_ContinueShoppingBlock {
    text-align: center;
    float: left;
    /* border: 1px solid red; */
    width: 49%;
}
.CART_CheckoutBlock {
    float: left;
    width: 49%;
    /* border: 1px solid green; */
    text-align: center;
}
.CART_Header1 {
    font-size: 11pt;
    margin-bottom: 5px;
}
a.button span {
    background: transparent url(../Images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#SECURE_Form_Block {
    /* float: left; */
    display: block;
    margin-left: 10px;
    margin-top: 5px;
}
#SECURE_Form_Block P {
    margin-bottom: 0px;
    margin-top: 0px;
}
.SECURE_Form_col1 {
    float: left;
    font-family: sans-serif;
    color: #111111;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    width: 120px;
    margin-top: 4px;
    margin-bottom: 3px;
    padding-right: 7px;
}
.SECURE_Form_col1_Med {
    float: left;
    font-family: sans-serif;
    color: #111111;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    width: 140px;
    margin-top: 4px;
    margin-bottom: 3px;
    padding-right: 7px;
}
.SECURE_Form_col2 {
    width: 65%;
    float: left;
    margin-top: 5px;
    margin-bottom: 3px;
    margin-left: 0px;
    white-space: normal;
    font-family: sans-serif;
    font-size: 9pt;    
}
.SECURE_Form_col2 label {
    margin-left: 5px;
    padding-top: -5px;
    margin-bottom: 0px;
    display: inline;
}
.SECURE_Form_col2_small {
    /* width: 370px; */
    float: left;
    margin-top: 5px;
    margin-bottom: 3px;
    white-space: normal;
    font-family: sans-serif;    
    font-size: 9pt;
}
.SECURE_Form_col2_small input {
    margin-bottom: 0px;
    margin-top: 0px;
}
.SECURE_Form_Block p {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 8pt;
}
#ProgressBar_Next {
    display:grid;
    width: 250px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}
.note {
    font-family: sans-serif;
    font-size: 9pt;
}
.PAYMENTMETHOD_Container {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-left:5px;
}
.PAYMENTMETHOD_Choice_block {
    float: left;
    font-weight: bold;
    width: 100%;
    margin-top: 5px;
}
.PAYMENTMETHOD_Choice_block IMG {
    float: left;
    width: 40px;
    margin-left: 5px;
}
.PAYMENTMETHOD_Choice_Extra {
    float: left;
    color: #003300;
    font-size: 8pt;
    margin-top: 10px;
    margin-left: 10px;
    font-weight: normal;
}
.PAYMENTMETHOD_Choice_Extra_title {
    float: left;
    width: 150px;
}
.PAYMENTMETHOD_Choice_Extra_comment {
    float: left;
    width: 500px;
    margin-bottom: 5px;
}
.ORDERREVIEW_MainPanel{
    margin-left:5px;
    margin-right:5px;
}
.OrderStatus_Title
{
	background-color: #ffaa00;
	border-bottom: 1px solid #ff7700; 
	padding-top: 2px; padding-bottom: 2px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	font-family: sans-serif,arial;
	text-decoration: none;
    text-align:center;
}
.Orders_Title 
{
	border-bottom: 1px solid #cccccc;
}
.Orders_NormalRow
{
	font-family: Sans-Serif, Arial,verdana;
	font-size: 10pt;
}

@media screen and (max-width: 767.99px){   
    #SECURE_Form_Block {      
        margin-left: 0px;        
    }
    .Shopping_LeftPanel{
        width: 100%;
        margin-left: 0px;        
    }
    .Shopping_RightPanel{
        width: 96%;
        /*margin-left: 8px;*/
        margin-right: 12px;
    }    
    .ShoppingMessageBlock{
        width: 96%;
    }
    .CART_ContinueShoppingBlock {      
        width: 96%;
    }
    .CART_CheckoutBlock {     
        width: 96%;      
    }
}

@media screen and (max-width: 480px){
    .SECURE_Form_col1{
        width:100px;
    }
    .SECURE_Form_col1_Med{
        width:130px;
    }
    .SECURE_Form_col2, .SECURE_Form_col2_small{
        /*width: calc(100vw - 150px);*/
        max-width: 240px;
    }
    SECURE_Form_col2 input, .SECURE_Form_col2_small input {       
        max-width: 240px;
    }
    .Shopping_RightPanel{
        width: 96%;
        /*margin-left: 8px;*/
        margin-right: 8px;
    }
    .ShoppingMessageBlock{
        width: 96%;
    }
    .PAYMENTMETHOD_Choice_Extra_comment {      
        width: 300px;       
    }
}

@media screen and (min-width: 768px){
    .Shopping_RightPanel{
        /*width: 200px;*/
    }
    .Shopping_LeftPanel {   
        /*width: 70%;*/   
    }
}