/*========================================================================================*/
/*  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:150%;}
#StandardCategoryMenuTemplate li { padding: 0 0 0 11px; margin:1 1 1 1; border:5px; list-style:none;}
#StandardCategoryMenuTemplate li a { text-decoration:none;}

/* 1.2.1 Detail List Category Template */

#DetailedListCategoryTemplate .Product { margin: 5px 5px 15px 5px; min-height:130px; border-bottom: solid 1px #CCC; }
#DetailedListCategoryTemplate .Product a { font-weight: bold; color: #336699; }

#DetailedListCategoryTemplate .ProductHead {float: left; text-align: left; padding:0 5px 0 0; display:none;}
#DetailedListCategoryTemplate .ProductNormal { text-align: left;}
#DetailedListCategoryTemplate .ProductImage { padding: 0 15px 5px 5px; float: left; min-height:100px;}
#DetailedListCategoryTemplate .ProductShortDesc {margin-left:140px; width: 58%; min-height: 55px;}

#DetailedListCategoryTemplate .OrderQuantity {display: none;}
#DetailedListCategoryTemplate .ProductSKU {display: none;}
#DetailedListCategoryTemplate .ProductName {margin-left:140px; padding-bottom: 5px;}
#DetailedListCategoryTemplate .AddToCart {padding-bottom: 10px; margin-left: 140px;}

#DetailedListCategoryTemplate .ProductStorePrice,
#DetailedListCategoryTemplate .ProductSavedPrice {margin-left:140px; color: #F58026; font-size:12px; font-weight:bold; padding-top: 8px; padding-bottom: 8px;}

/* 1.2.2 Grid List Category Template */

#GridWithSubsCategoryTemplate .Product,
#GridListCategoryTemplate .Product,
#GridWithSubsCategoryTemplate .Category { 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 .ProductSKU, 
#SimpleListCategoryTemplate .ProductPrice {float: left; text-align: right;}

#SimpleListCategoryTemplate .ProductName, 
#SimpleListCategoryTemplate .ProductSKU, 
#SimpleListCategoryTemplate .ProductPrice { 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;}
#SimpleListCategoryTemplate .ProductPrice { width:10%; text-align:left;}

/* 1.2.5 Shared styles for All Category Template */

h1, h2, h3 { font-size: 120%; }
.ProductListRow { clear:both; }

/* 1.3  Standard Product Template */

#StandardProductTemplate .Product { padding: 10px 10px 0 20px;}
#StandardProductTemplate .ProductHead { float: left; width:120px; padding:0 5px 0 0;}
#StandardProductTemplate .ProductNormal { text-align: left;}
#StandardProductTemplate .ProductImage { padding: 0 10px 10px 0px; width: 48%; float:left;}
#StandardProductTemplate .ProductShortDesc { width: 100%;}

#StandardProductTemplate .ProductStorePrice,
#StandardProductTemplate .ProductSavedPrice { color: #000; font-size:12px; font-weight:bold; width: 48%; float:right; padding-bottom:8px;}
#StandardProductTemplate .GridView { width:40%;}

#StandardProductTemplate .ProductSKU { display: none;}
#StandardProductTemplate .OrderQuantity {width: 48%; float:right; padding-bottom:8px;}
#StandardProductTemplate .AddToCart {padding-bottom:15px; margin-left: 210px;}

#StandardProductTemplate .ProductLongDescription { /*width: 100%; float:left;*/float:right;
width:48%;}

.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,
#ShoppingCartCoupon,
#PayPalExpressButton { padding:2px 0 2px 0;}

#CartItemImage input { width: 60px; }

#PayPalExpressButton { float:right;}

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

#ShoppingCartCoupon {display: none}

#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 #ShippingAddress { float:left;/*width:40%;*/}
#StandardCheckoutStep1 #BillingAddress { float:left;/*float:right;width:55%;*/}
#StandardCheckoutStep1 #BottomButtons { clear:both;float:left;}

#ShoppingCart,
#StandardCheckoutStep1,
#StandardCheckoutStep2,
#PayPalExpressCheckout,
#OrderConfirmation,
#CustomerReceipt{ margin:0 0px 0 0px; width:98%; padding-bottom: 50px;}

.AmountBeforeDiscount{ text-decoration:line-through;}
.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%;}
.GridViewHeader { background-color: #FFF; text-align:left; font-weight:bold; font-size:11px; font-family: "Complete in Him","Comic Sans MS",Arial,sans-serif;}
.GridViewFooter { font-size:11px;}
.GridViewRow, .GridViewAltRow { font-size:11px;}

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

.CategoryTrailBar { text-align: left; vertical-align:middle;}
.PagerBar { background-color:transparent; padding:0 0 2px 0; text-align:center;}
.SorterBar { background-color:transparent; padding:0 0 20px 0; text-align: right;}
.SorterHead { font-weight: bold;}
.ProductSorter { }

/* 2.3  Pager Control */

.PagerContainerTable {font: 11px arial; background-color: #999999; 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:Black; 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;}

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


/* Custom Styles Added by ITX */

/* Featured Products */
#FeaturedProductListPlaceHolder { text-align: right; }
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate {text-align: left; width: 225px; float: right;}

#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate h1 { font-family:Arial,Verdana,Geneva,sans-serif; font-size:10pt; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:bold; line-height:16pt; color: black; }

#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .Product .ProductImage{ min-height: 25px; padding: 0px; margin: 0px;}
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .ProductImage input { padding: 0px 2px 0px 0px; float: left; width: 70px;}

#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .Product { margin: 0px 0px 0px 0px; border-bottom: dashed 1px #336699; min-height: 40px;}
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .ProductName { padding: 0px; margin-left: 73px;}
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .ProductName a {color: #0066CC; font-weight: normal; text-decoration: underline; }


#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .ProductShortDesc { margin-left: 73px; padding-bottom: 5px; width: 150px;}

#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .SorterBar,
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .CategoryTrailBar,
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .CategoryDescription,
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .AddToCart,
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .ProductNormal,
#FeaturedProductListPlaceHolder #DetailedListCategoryTemplate .ProductStorePrice
  { display:none; }
/* ********* */


#FeaturedProductListPlaceHolder #StandardProductTemplate { display: none; }


#FeaturedProductListPlaceHolder #StandardProductTemplate .Product .ProductImage img { padding: 0px 2px 0px 0px; float: left; width: 25px;}

#FeaturedProductListPlaceHolder #StandardProductTemplate .Product .OrderQuantity,
#FeaturedProductListPlaceHolder #StandardProductTemplate .Product .AddToCart,
#FeaturedProductListPlaceHolder #StandardProductTemplate .Product .ProductLongDescription,
#FeaturedProductListPlaceHolder #StandardProductTemplate .Product .ProductStorePrice 
  { display:none; }

#FeaturedProductListPlaceHolder #StandardProductTemplate .Product .ProductShortDescription
{ display: block; }


#MiniCart {
	text-align: right;
	width: 100%;
}

#MiniCart div {
	text-align: left;
	width: 200px;
	float: right;
}


#MiniCart hr {
	/*height: 1px;
	background-color: #CCC;
	border: 0;*/
	size: 1;
	background-color:#FFFFFF;
	border-color:#336699;
	border-style:none none dashed;
	border-width:1px;
	clear:both;
	color:#FFFFFF;

}

#MiniCart a {
	color: #0066CC;
	font-weight: normal;
	text-decoration: underline;
	font-family:Arial,Verdana,Geneva,sans-serif;
	font-size:10pt;
}

#MiniCartFooter {
	padding-bottom: 15px;
}
#MiniCart #MessageBoximg{display:none;}
.DetailedListCategoryTemplate .SorterBar {display:none;}
.ProductNormal select{width:198px;}
#DetailedListCategoryTemplate h1.CategoryTitle{display:none;}
#DetailedListCategoryTemplate .ProductStorePrice{color:#000;}