/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): _______. 
/****************************************************************************************************/





/****************************/
/* Common
/****************************/
img
{
	border: none;
}
checkbox, input, radio, select
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.clear 
{
	border:medium none;
	clear:both;
	float:none;
	font-size:0;
	height:0;
	line-height:0;
}
.textBox
{
	margin: 1px;
	border-right: #dfe5e7 1px solid;
	border-top: #a8bac2 1px solid;
	border-left: #a8bac2 1px solid;
	border-bottom: #dfe5e7 1px solid;
	background: url(Images/bgTextBox.gif) white repeat-x left top;
	color: #11354A;
	font-family: verdana;
	font-size: 8pt;
	padding: 1px;
	height: 15px;
}
.messageError
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: red;
}
.productPrice
{
	color: #df5932;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}

/****************************/
/* Sections
/****************************/
/****************************/
/* Header
/****************************/
.currencySelector
{
	float: left;
	padding:10px;
	text-align: right;
	vertical-align: top;
}
.languageSelector
{
	float: left;
	padding:10px;
	text-align: right;
	vertical-align: top;
}
/****************************/
/* Info block
/****************************/
/****************************/
/* HTML content block
/****************************/
.htmlcontent
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.htmlcontent-title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.htmlcontent-body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
/****************************/
/* Checkout
/****************************/
.CheckoutPage
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}
.CheckoutPage .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
.CheckoutPage .CheckoutData
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}

.CheckoutData .OrderSummaryTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}
.CheckoutData .OrderSummaryBody
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

/* Addresses */
.CheckoutData .SelectAddressTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}

.CheckoutData .AddressGrid
{
	margin-bottom: 15px;
	padding: 0px;
}
.CheckoutData .AddressGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}
.CheckoutData .AddressGrid .AddressItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	width: 200px;
	height: auto;
}
.CheckoutData .AddressGrid .AddressItem .SelectButton
{
	margin-bottom:5px;
	margin-top:5px;
	text-align: center;
}
.CheckoutData .AddressGrid .AddressItem .AddressBox
{
	text-align: left;
}
.CheckoutData .EnterAddressTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}
.CheckoutData .EnterAddress
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CheckoutData .EnterAddress .EnterAddressBody
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}
.CheckoutData .EnterAddress .Button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .EnterAddress .TheSameAddress
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}
.CheckoutData .EnterAddress .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}



/* Shipping options */
.CheckoutData .ShippingOptions
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CheckoutData .ShippingOptions .ShippingOptionItem
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}
.CheckoutData .ShippingOptions .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}
.CheckoutData .ShippingOptions .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}
.CheckoutData .ShippingNotAllowed
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}



/* Payment methods */
.CheckoutData .PaymentMethods
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CheckoutData .PaymentMethods .PaymentMethodItem
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}
.CheckoutData .PaymentMethods .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}
.CheckoutData .NoPaymentMethods
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}


.CheckoutData .PaymentInfo
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CheckoutData .PaymentInfo .Body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}
.CheckoutData .PaymentInfo .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}




/* Confirm order */
.CheckoutData .ConfirmOrder
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CheckoutData .ConfirmOrder .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ConfirmOrder .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}



/*Completed */

.CheckoutData .OrderComleted
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CheckoutData .OrderComleted .Body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}
.CheckoutData .OrderComleted .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/****************************/
/* Contact us form
/****************************/
.contactform
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}
.contactform .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
.contactform .info
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}

.contactform .sendEmail
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}

.contactform .contactform
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}


/**************************************************/
/* Shopping cart / Wishlist / Order summary
/**************************************************/
.shoppingcart
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}
.shoppingcart .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
.shoppingcart .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}


.wishlist
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}
.wishlist .title
{
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
.wishlist .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}



.OrderSummaryContent
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
.OrderSummaryContent .CouponBox
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
.OrderSummaryContent .TotalInfo
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.OrderSummaryContent .Buttons
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
}
.OrderSummaryContent .Buttons .CommonButtons
{
	float:left;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}
.OrderSummaryContent .Buttons .AddonButtons
{
	float:right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align:right;
}

.WishlistContent
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}




.cart_line_y
{
	background: url(images/cart_line_y.gif) left center repeat-y;
}
.cart_line_x
{
	background: url(images/cart_line_x.gif) center top repeat-x;
}
.cart_total_left
{
	width: 100%;
	text-align: right;
	vertical-align: middle;
	height: 21px;
	font-weight: bold;
	color: #353434;
}
.cart_total_right
{
	text-align: right;
	vertical-align: middle;
	padding-left: 5px;
}

/****************************/
/* Compare products
/****************************/
.compareProducts
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.compareProducts .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.compareProducts .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}


.compareProductsTable
{
}
.compareProductsTable .removeButton
{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
.compareProductsTable tr.productName
{
	background-color: #CCCCCC;
	font-weight: bold;
}
.compareProductsTable td
{
	border-width: 1px;
	border-color: #BFBFBF;
	border-style: solid;
	padding: 3px;
}

/****************************/
/* Order details
/****************************/

.OrderDetails
{
	margin-bottom: 15px;
	padding: 0px;
}
.OrderDetails .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
.OrderDetails .info
{
	border: 1px solid rgb(232, 230, 210);
	padding:10px;
}
.OrderDetails .SectionTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}
.OrderDetails .OrderOverview
{
	text-align: left;
	padding-bottom: 10px;
}
.OrderDetails .ShippingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.OrderDetails .BillingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.OrderDetails .ProductsBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

/****************************/
/* Input forms / tables
/****************************/
.TableContainer
{
	
}
.TableContainer .Row
{
}
.TableContainer .Row .ItemName
{ 
	padding: 3px 10px 0px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: middle;
}
.TableContainer .Row .ItemValue
{ 
	padding: 3px 0px 0px 0px;
	vertical-align: middle;
}


/****************************/
/* Account
/****************************/
.AccountPage
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.AccountPage .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.AccountPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}



/****************************/
/* Customer info
/****************************/


.CustomerInfoBox
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
.CustomerInfoBox .SectionTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}
.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CustomerInfoBox .Button
{
	margin-bottom:5px;
	margin-top:5px;
	text-align: center;
}






.CustomerAddresses
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
.CustomerAddresses .SectionTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}
.CustomerAddresses .AdressList
{
}
.CustomerAddresses .AdressList .AddressItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CustomerAddresses .AddButton
{
	margin-bottom:5px;
	margin-top:5px;
	float:right;
	text-align: right;
}






.CustomerOrders
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
.CustomerOrders .OrderList
{
}
.CustomerOrders .OrderList .OrderItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}






.CustomerPassRecovery
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}
.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.CustomerInfoBox .Button
{
	margin-bottom:5px;
	margin-top:5px;
	text-align: center;
}




.blockBordered
{
	border: 1px solid rgb(232, 230, 210);
}











/****************************/
/* Login page
/****************************/
.LoginPage
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.LoginPage .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.LoginPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}

.LoginPage .RegisterTitle
{
	text-align: center;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
}

.LoginPage .LoginTitle
{
	text-align: center;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
}

.LoginPage .RegisterBlock
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: 1px solid rgb(232, 230, 210);
	height: 240px;
	vertical-align: top;
}

.LoginPage .LoginBlock
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	border: 1px solid rgb(232, 230, 210);
	height: 240px;
	vertical-align: middle;
}
.LoginTableContainer
{
	vertical-align: middle;
}
.LoginTableContainer .Row
{ 
}
.LoginTableContainer .Row .ItemName
{ 
	padding: 10px 10px 10px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align:middle;
	font-weight:bold;
}
.LoginTableContainer .Row .ItemValue
{ 
	padding: 10px 0px 10px 0px;
	vertical-align:middle;
}
.LoginPage .ForgotPassword
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.LoginPage .LoginButton
{
	float:right;
	margin-bottom:5px;
	margin-top:5px;
	text-align: center;
	clear:both;
}


/****************************/
/* Registration page
/****************************/
.RegistrationPage
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.RegistrationPage .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.RegistrationPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}

.RegistrationPage .SectionTitle
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	clear:both;
}
.RegistrationPage .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.RegistrationPage .Button
{
	float:right;
	margin-bottom:5px;
	margin-top:5px;
	text-align: center;
	clear:both;
}

/****************************/
/* Password recovery page
/****************************/
.PasswordRecoveryPage
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.PasswordRecoveryPage .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.PasswordRecoveryPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}

/****************************/
/* Password recovery page
/****************************/
.AddressEditPage
{
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:0;
}

.AddressEditPage .title
{
	padding:10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}

.AddressEditPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555D65;
	background-color: inherit;
}