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

/* 1.1  Standard Category Menu Template */

#StandardCategoryMenuTemplate ul { padding:0 0 0 0 ; margin:1 1 1 1; line-height:100%;}
#StandardCategoryMenuTemplate li { padding: 5px 0 0 15px; margin:1 1 1 1; border:5px; list-style:none;}
#StandardCategoryMenuTemplate li a { color:#FFF; text-decoration:none;}
#StandardCategoryMenuTemplate li a:hover {color:#CC3300;}
#StandardCategoryMenuTemplate li a:active {color:#FF6600;}

/* 1.2.1 Detail List Category Template */

#DetailedListCategoryTemplate .Product { margin: 5px 5px 15px 5px }
#DetailedListCategoryTemplate .ProductHead {float: left;  width:12%; 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 */

#GridListCategoryTemplate .CategoryTitle { color:#003366; font-size:1.7em; font-weight:bold;}
#GridListCategoryTemplate .Product { margin: 10px; width: 100%; text-align: center; vertical-align: bottom; border:dashed 0px #ff6600;}
#GridListCategoryTemplate .ProductImage { height:120px; line-height:120px; vertical-align:text-bottom;}
#GridListCategoryTemplate .ProductSKU { width:20%; text-align:left; visibility:hidden;height:1px; line-height:1px; overflow:hidden;}
#GridListCategoryTemplate .CategoryTrailBar{visibility:hidden;height:1px; line-height:1px; overflow:hidden;}

/* 1.2.3 Grid With Subs Category Template */

#GridWithSubsCategoryTemplate .Category { margin: 10px 0 0 0; width: 180px; text-align: center; vertical-align:top;}
#GridWithSubsCategoryTemplate .Product { margin: 10px 0 0 0; width: 180px; text-align: center; vertical-align: top;
}

/* 1.2.4 Simple List Category Template */

#SimpleListCategoryTemplate .ProductImage, 
#SimpleListCategoryTemplate .ProductName, 
#SimpleListCategoryTemplate .ProductStorePrice {padding: 0 0 0 15px; float: left; text-align: right;}

#SimpleListCategoryTemplate .ProductName, 
#SimpleListCategoryTemplate .ProductStorePrice { margin: 30px 0 0 10px;}


#SimpleListCategoryTemplate .Product { margin:10px 0  0 0; border-style:inherit;}
#SimpleListCategoryTemplate .ProductName { width:35%; text-align:left;}
#SimpleListCategoryTemplate .ProductSKU { width:20%; text-align:left; visibility:hidden;}
#SimpleListCategoryTemplate .ProductStorePrice { 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 {}
#StandardProductTemplate .Product {padding: 0;}
#StandardProductTemplate .ProductImage { padding: 10px; width:100%; text-align:center;clear:both;margin:0 auto;}
#StandardProductTemplate .NameDesc{ padding: 0 5px 10px 5px; border:dashed 0px #FF6600;}
#StandardProductTemplate .ProductName { color:#003366; padding:0 0 10px 0; font-size:1.7em; font-weight:bold;}
#StandardProductTemplate .ProductLongDescription{ width: 100%; clear:both; font-weight:normal; padding-bottom:10px;}
#StandardProductTemplate .ProductShortDesc { }
#StandardProductTemplate .ProductAttributes {padding-bottom:10px; }
#StandardProductTemplate .PriceBox {padding: 0 10px 10px 10px; clear:both; width:580px; border:dashed 0px #003366;}
#StandardProductTemplate .ProductNormal { text-align: left;}
#StandardProductTemplate .OrderQuantity { float:left; }
#StandardProductTemplate .AddToCartMessage { float:right; }
#StandardProductTemplate .CategoryTrailBar {clear:both;height:1px;overflow:hidden;line-height:1px; visibility:hidden;}
#StandardProductTemplate .ProductDiscounts{clear:both;padding:10px 0 0 0;}
#StandardProductTemplate .ProductRetailPrice{ visibility:hidden;height:1px;overflow:hidden;line-height:1px;}
#StandardProductTemplate .ProductSavedPrice{ visibility:hidden;height:1px;overflow:hidden;line-height:1px;}
/*#StandardProductTemplate .ProductStorePrice,
#StandardProductTemplate .ProductSavedPrice { color:Green; font-size:12px; font-weight:bold;}
#StandardProductTemplate .GridView { width:40%;}*/


/* 1.4  Shopping Cart and Standard Checkout*/

#CartHeadRow,
#CartContentRow,
#CartSubTotalRow,
#PayPalExpressButtonRow { padding:2px 0 2px 0;}

#CartTopButtonRow_Left,
#CartBottomButtonRow_Left{ float:left;}

#CartTopButtonRow_Right,
#CartBottomButtonRow_Right,
#PayPalExpressButtonRow { float:right;}

#CartContentRow,
#PayPalExpressButtonRow { clear:both;}

#PayPalExpressCheckout #ShippingAddress { width:35%;}

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

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

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

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

#StandardCheckoutStep1 #ShippingAddress { float:left;width:45%;}
#StandardCheckoutStep1 #BillingAddress { float:right; width:45%;}
#StandardCheckoutStep1 #BottomButtons { clear:both;width:100%;text-align:right;}

#ShoppingCart{ margin:0 0px 0 5px; width:;}
#StandardCheckoutStep1,
#StandardCheckoutStep2,
#PayPalExpressCheckout,
#OrderConfirmation,
#CustomerReceipt{ margin:10px; width:100%;}

/* 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%;}



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

.GridView { width:100%;}
.GridViewHeader { background-color:#ff8800; text-align:left; font-weight:bold; font-size:11px;}
.GridViewFooter { font-size:11px;}
.GridViewRow, .GridViewAltRow { font-size:11px;}



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

.CategoryTrailBar { padding:0; font-weight: bold; text-align: left; vertical-align:middle;color:#333;}
.PagerBar { float:left;}
.SorterBar { background-color:#ff8800; padding:2px; text-align: right; height:1.9em;color:#999;}
.SorterHead { font-weight: bold;}
.ProductSorter { }

/* 2.3  Pager Control */

.PagerContainerTable {font: 11px arial; background-color: #ff8800; color:White;}
.PagerInfoCell { font: 11px arial;}
.PagerCurrentPageCell { }
.PagerOtherPageCells { }

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

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


/* 2.5  Override styles from DNN */

.SubHead { text-align:right;}
.Head { color:#333; font-size:12px;}


/* 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;}

/* 2.7 Print View */
.AliPrintNormal {font-size:15pt;}
.AliPrintHead {font-size:15pt; font-weight:bold;}


/*========================================================================================*/
/* 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 11px; margin:1 1 1 1; border:5px; list-style:none;}
#StoreAdminMenu li a { text-decoration:none;}
#ProductEditGeneral .Head {	text-align:left;}
#ProductEditShipping .SubHead {	width:20%;}
.StoreAdminLeftPane{ vertical-align:top; width:130px; background-color:#D8D8D8 ; border:dashed 2px #999;}
.StoreAdminRightPane { vertical-align:top;}
.CategoryTrail { font-weight: bold;}
#ProductEditGeneral, #ProductEditShipping, .ModuleContainerTable { width:100%; vertical-align:top; text-align:left; padding:0 0 0 0;}

/* 3.2  Horizontal Menu */

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

/* 3.3  Others */
.ShippingSettingTable { width:100%;}
.SaveCancelRow { text-align:left;}