/*========================================================================================*/
/*  1. StoreFront Modules- Category Menu, Proudct List, Shopping Cart and Your Account    */
/*========================================================================================*/     
   

/* 1.1  Standard Category Menu Template */

#StandardCategoryMenuTemplate ul { padding:2px 0 ; margin:0 0 5px 0; }
#StandardCategoryMenuTemplate li { padding:-2px 0 0 15px; margin:0 0 7px 10px;  list-style:none;
                                   list-style-position: outside;padding-left:15px;
                                   background:url(/images/green_bullet_cat.gif) no-repeat left top;}
#StandardCategoryMenuTemplate li a { text-decoration:none;font-size:14px;}
#StandardCategoryMenuTemplate li a:hover{ text-decoration:underline;}

/* 1.2.1 Detail List Category Template */

#DetailedListCategoryTemplate .Product { margin: 5px 5px 15px 5px }
#DetailedListCategoryTemplate .ProductHead {float: left;  width:120px; text-align: right; padding:0 5px 0 0;}
#DetailedListCategoryTemplate .ProductNormal { text-align: left;}
#DetailedListCategoryTemplate .ProductImage { padding: 0 5px 5px 5px; float: right; width: 50%;}
#DetailedListCategoryTemplate .ProductShortDesc { width: 100%;}

#DetailedListCategoryTemplate .ProductStorePrice,
#DetailedListCategoryTemplate .ProductSavedPrice { color:Green; font-size:12px; font-weight:bold;}

/* 1.2.2 Grid List Category Template */
/***JZ THIS IS MAIN SETTINGS***/

#GridWithSubsCategoryTemplate .Product,
#GridListCategoryTemplate .Product,
#GridWithSubsCategoryTemplate .Category { margin: 10px 0 40px 10px; width: 245px; text-align: left; vertical-align: top; }
#GridListCategoryTemplate h1{color:#999;font-size:28px;font-family:"helveticaRd", helvetica, arial, sans-serif;margin-left:10px;}
.ProductImage{width:120px; margin-right:5px;float:left;}
#GridListCategoryTemplate h2 a {line-height:16px;color:#E41270;font-size:15px;
                                             font-weight:bold;width:100px;float:left;font-family:"helveticaRd", helvetica, arial, sans-serif;
                                             padding:0 0 10px 0;text-transform:none;
                                             letter-spacing:.1em;}
/*.ProductName a:visited {line-height:18px;color:#E41270;font-size:15px;font-weight:bold;width:100px;float:left;font-family:"helveticaRd", helvetica, arial, sans-serif;}*/
.ProductSKU{display:none;}
.ProductPrice{font:18px arial, helvetica, clean, sans-serif;font-weight:bold;width:100px;float:left;}


/* 1.2.4 Simple List Category Template */

#SimpleListCategoryTemplate .Product {}
#SimpleListCategoryTemplate .ProductImage {margin: 5px 0 5px 25px; float: left; } 
#SimpleListCategoryTemplate .ProductName {width: 50%; float:left; margin: 20px 0 0 15px; font-family: Helvetica, Arial, Verdana; font-weight: bold;}
#SimpleListCategoryTemplate .ProductPrice {width: 50%; float:left; margin: 8px 0 0 15px; font-family: Helvetica, Arial, Verdana; font-size: 14px; color:#888;}
/*#SimpleListCategoryTemplate .ProductSeparator {border-top: solid 1px #E8E8E8; margin: 100px 25px 0 25px;}*/
#SimpleListCategoryTemplate .ProductSKU { display:none;}
/*
#SimpleListCategoryTemplate .ProductName, 
#SimpleListCategoryTemplate .ProductPrice { margin: 30px 0 0 10px;}

#SimpleListCategoryTemplate .Product { margin:10px 0  0 0; border-style:inherit;}
#SimpleListCategoryTemplate .ProductName { width:25%; float:left;}
#SimpleListCategoryTemplate .ProductPrice { width:10%; text-align:left;}*/


/* 1.2.5 Shared styles for All Category Template */


.ProductListRow {clear:both;  }
.EULA_Bar { clear:both; vertical-align:middle; text-align:center;}

/* 1.3  Standard Product Template */

#StandardProductTemplate .Product { padding: 10px 10px 0 20px;}
#StandardProductTemplate .ProductHead { float: left; width:0px; text-align: right; padding:0 5px 0 0;}
#StandardProductTemplate .PriceHead {float: left; width:240px; text-align: right; padding:0 5px 0 0; color:#999999;}
#StandardProductTemplate .OrderHead { float: left; width:240px; text-align: right; padding:0 5px 0 0; color:#999999;font-weight:bold;}
#StandardProductTemplate .AddToCart {margin:4px 0;text-align:center;}
#StandardProductTemplate .SnugImage { padding: 0 10px 10px 10px; float: left; width: 40%;}
#StandardProductTemplate .SnugAttribute{float:left;width:55%;}
#StandardProductTemplate .greek{display:none;}
##StandardProductTemplate .NormalRed{width:150px;}
#StandardProductTemplate .ProductNormal { text-align: left;line-height:24px;}
#StandardProductTemplate .ProductImage { padding: 0 10px 10px 10px; float: right; width: 40%;}
#StandardProductTemplate .ProductShortDesc { width: 100%;}

#StandardProductTemplate .ProductStorePrice,
#StandardProductTemplate .ProductSavedPrice { color:#333; font-size:18px; font-weight:bold;line-height:24px;}
#StandardProductTemplate .GridView { width:40%;border-bottom: solid 1px #333;}

.CrossSellsBlock { text-align:left; }
.CrossSell { margin: 10px 10px 10px 10px; text-align: center; vertical-align: top; }
.ProductStockInfo { color:red; }

/* 1.4  Shopping Cart and Standard Checkout*/

#ShoppingCartHeader,
#ShoppingCartContent,
#ShoppingCartSummary,

#PayPalExpressButton { padding:2px 0 2px 0;}

#PayPalExpressButton { float:right;}

#ShoppingCartCoupon,
#ShoppingCartContent,
#PayPalExpressButton { clear:both;}

#ShoppingCart .Head,
#StandardCheckoutStep1 .Head,
#StandardCheckoutStep2 .Head,
#PayPalExpressCheckout .Head { font-size:13px;font-weight:bold; color:Black;}

#PayPalExpressCheckout #ShippingAddress { width:80%;}
#PayPalExpressCheckout .AddressControl { width:100% }
#PayPalExpressCheckout .SubHead { width:25%;}

#PaymentMethods .SubHead { text-align:left;}
#PaymentMethods { width:100%;}

.AddressControl .SubHead { text-align:right;}

#ShippingAddress .AddressControl,
#BillingAddress .AddressControl { border-style:none; border-width:0; width:100%; vertical-align:top;}

#StandardCheckoutStep1 {width:680px;}
#StandardCheckoutStep1 #ShippingAddress { float:left;width:315px;}
#StandardCheckoutStep1 #BillingAddress { float:right; width:315px;}
#StandardCheckoutStep1 .BottomButtons {margin:auto;text-align:center;}

#ShoppingCart {padding-bottom:20px; margin-bottom:30px;border-bottom:dotted 2px #d4d4d4;}
#StandardCheckoutStep1,
#StandardCheckoutStep2,
#PayPalExpressCheckout,
#OrderConfirmation {margin-bottom:50px;}


.AmountBeforeDiscount{}
.CreditCartControl .SubHead { padding:0 0 0 20px;}

/* 1.5  Your Account Module */

.YourAccountLeft {width:15%; vertical-align:top;}
.YourAccountLeft ul { padding:0 0 0 0 ; margin:1 1 1 1; line-height:150%}
.YourAccountLeft li { padding: 0 0 0 11px; margin:1 1 1 1; border:5px; list-style:none;}
.YourAccountLeft li a { text-decoration:none;}

.YourAccountRight { width:85%; vertical-align:top;}

/*========================================================================================*/
/*  2. Shared Styles By StoreFront and StoreAdmin                                         */
/*========================================================================================*/ 
          
/* 2.1  Gridview controls */

.GridView {width:100%; }
.GridViewRow {border:solid 1px #d4d4d4;}/*{margin:0 5px 0 5px; background:url(images/product_bg.gif) repeat-x top left;}*/
.GridViewAltRow {margin:0 5px 0 5px; background:url(images/product_bg.gif) repeat-x top left;}

.GridViewHeader {background-image:url(images/confirmheader_bg.gif);
                background-repeat:repeat-x; text-align:left; font-weight:bold; font-size:11px;}
.GridViewFooter { font-size:11px;}
/* CONFIRM SCREEN */
.GridViewRowConfirm, .GridViewAltRowConfirm { font-size:11px;}
.GridViewConfirm {width:100%;}

.MiniCartBox{border:solid 1px #d4d4d4;background-color:#efefef;padding:5px 10px;}
.miniGridView{width:140px;}
.CartGridViewRow {}
.CartGridViewAltRow {}
/*.minicart {padding:5px; background:url(images/minicart_bg.gif) repeat-x top left;}*/
.minicart{border:solid 1px #D4D4D4;background-color:#efefef;padding:5px 10px;}
.viewcart {margin-top:10px;}

/* 2.2  Category Trail Bar, Pager Bar and Sorter Bar */

.CategoryName {margin: 0 0 10px 15px; font-size:19.5px; font-weight: bold;}
.CategoryDescription {display: none;}
.CategoryTrailBar { display: none; text-align: left; vertical-align:middle;}
.PagerBar {padding:0 0 2px; text-align:center;font-size:14px;font-weight:bold;}
#Pager{font-size:14px;font-weight:bold;} 
#Pager .PagerHyperlink{font-size:14px;font-weight:bold;}
.SorterBar { display: none; background-color:#999999; padding:0; text-align: right;}
.SorterHead { font-weight: bold;}
.ProductSorter { }

/* 2.3  Pager Control */

.PagerContainerTable {font: 13px arial;  color:White;}
.PagerInfoCell { font-size: 13px; font-family: arial;}
.PagerCurrentPageCell {font-size: 13px; }
.PagerOtherPageCells { }

/* 2.4  Navigation menus in Store Admin Module and Your Account modules */

.TopMenu { }
.TopMenuClicked { font-size:12px;}


/* 2.5  Override styles from DNN */
.SubHeadResidence {color:#333;font-weight:bold;font-family:verdana;font-size:12px;}
.SubHeadSameAddress {color:red;font-weight:bold;}
.SubHead { text-align:right;}
.Head { color:Black; font-size:12px;}
.SubHeadDiscountLC {text-align:right;color:#2372B5;font-weight:bold;font-family:Verdana;font-size:14px;}
.SubHeadDiscount {text-align:right;color:#2372B5;font-weight:bold;font-family:Verdana;font-size:14px;}
.SubHeadTotalLC {text-align:right;color:#e41270;font-weight:bold;font-family:Verdana;font-size:16px;}
.SubHeadTotal {text-align:right;color:#e41270;font-weight:bold;font-family:Verdana;font-size:16px;}


/* 2.6  Popup Windows */

.PopupNormal { font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #555; }
.PopupSubHead { font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
.PopupHead { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}

/*========================================================================================*/
/* 3. Styles For StoreAdmin Module                                                        */
/*========================================================================================*/

/* 3.1  Left Admin Menu */

#StoreAdminMenu ul { padding:0 0 0 0 ;margin:1 1 1 1; line-height:150%}
#StoreAdminMenu li { padding: 0 0 0 10px; margin:1 1 1 1; border:1px; list-style:none;}
#StoreAdminMenu li a { text-decoration:none;}
#ProductEditGeneral .Head {	text-align:left;}
#ProductEditShipping .SubHead {	width:25%;}

.StoreAdminLeftPane{ vertical-align:top; width:140px;}
.StoreAdminRightPane { vertical-align:top;}

#OrderPrinting,
#ProductEditGeneral, 
#ProductEditShipping,
#ProductEditVariants, 
.ModuleContainerTable { width:100%; vertical-align:top; text-align:left; padding:0 0 0 0;}
.ModuleContainerTable .AddressControl .SubHead { font-weight:normal; text-align:left; }

/* 3.2  Horizontal Menu */

.HorizontalMenuBar { text-align: left; background-color: White; width:100%; }
.HorizontalMenuBar ul {	margin:0 5px 5px 0; padding:0 0 0 0;}
.HorizontalMenuBar li { list-style:none; text-align:left; vertical-align:middle; display:inline; margin: 0 2px 0 0;}

/* 3.3  Product Search */

.ProductSearch .SubHead { text-align:left;}

/* 3.4  Others */

.ShippingSettingTable { width:100%;}
.SaveCancelRow { text-align:left;}
#PayPalStandard, .SimpleProductDisplay { background-color:#ffffcc; width:100%; margin: 5px 0 5px 0;}
.CatalogSearch{display:none;}
.CategoryMenu{margin:0; padding:0;}

#orderconfirm{color:red;width:700px;margin:10px 0;background-color:#f8f8f8;}
#normal2{font-size:7px;}
.please-print{width: 990px; text-align: center; font-size: 14px; margin-top: 5px;}

.receipt-block{width:990px;margin:40px 0 50px 0;}
#CustomerReceipt{border:solid 1px #d4d4d4;padding:10px 20px;margin:0;width:660px;float:left;background-color:#fff;}
#ship-note{height:150px;width:260px;float:right;background:#fff url(images/receipt.gif) no-repeat left top;border:solid 1px #d4d4d4;}
#asseenontv{margin:20px 0 0 0;width:260px;float:right;text-align:center;}
/*#ship-note{border:solid 1px #d4d4d4;margin:0;padding:0;width:260px;float:right;background-color:#fff;}
#ship-note ul{padding-left:20px;}*/