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

#StandardCategoryMenuTemplate { text-align:right; }
#StandardCategoryMenuTemplate ul { direction:rtl; margin:0; padding:0; list-style-type: none;}
#StandardCategoryMenuTemplate li { direction:rtl; list-style:none; padding-right:0px;}
#StandardCategoryMenuTemplate li a { font:bold 12px Arial; display: block; color: #003366; padding: 2px 8px 3px 12px; text-decoration: none; padding-top:10px; }
#StandardCategoryMenuTemplate li a:hover { color: #003366;}
#StandardCategoryMenuTemplate li li a { font:bold 12px Arial; display: block; color: #003366; padding: 2px 17px 3px 3px; text-decoration: none;  }

/* 1.2.1 Detail List Category Template */
#DetailedListCategoryTemplate {direction:rtl; text-align:right; }
#DetailedListCategoryTemplate H1 { display:none;font:bold 12px Arial; line-height:12px; }
#DetailedListCategoryTemplate .CategoryTrailBar .CategoryTrail A:Link, #DetailedListCategoryTemplate .CategoryTrailBar .CategoryTrail A:Visited { color:#0082d6; font: bold 14px Arial; }
#DetailedListCategoryTemplate .CategoryDescription { font: 12px Arial; }
#DetailedListCategoryTemplate .SorterBar { display:none; }
#DetailedListCategoryTemplate .ProductName A:Link, #DetailedListCategoryTemplate .ProductName A:Visited { font:bold 14px Arial; color:#0082d6 }
#DetailedListCategoryTemplate .ProductName A:Active, #DetailedListCategoryTemplate .ProductName A:Hover { font:bold 14px Arial; color:#0082d6 }
#DetailedListCategoryTemplate .ProductSKU { font:10px Arial; color:#666666; }
#DetailedListCategoryTemplate .ProductShortDesc { font:12px Arial; }
#DetailedListCategoryTemplate .Product { margin: 5px 5px 15px 5px; direction:rtl; text-align:right; }
#DetailedListCategoryTemplate .ProductHead {float: right; text-align: right; padding:0 0 0 5px; font:bold 12px Arial;}
#DetailedListCategoryTemplate .ProductNormal { text-align: right; direction:rtl;font:bold 12px Arial;}
#DetailedListCategoryTemplate .ProductImage { padding: 0px 5px 5px 10px; float: right; width: 120px;}
#DetailedListCategoryTemplate .ProductShortDesc { }

#DetailedListCategoryTemplate .ProductPrices { padding-top:5px; direction:rtl; text-align:right;}
#DetailedListCategoryTemplate .ProductRetailPrice { display: none;}
#DetailedListCategoryTemplate .ProductStorePrice { }
#DetailedListCategoryTemplate .ProductSavedPrice { display:none; }

#DetailedListCategoryTemplate .OrderQuantity { padding-top:2px; padding-bottom:5px; }
#DetailedListCategoryTemplate .OrderQuantity INPUT { width:20px; height:12px;font:10px Arial; border: solid 1px #999999; }
#DetailedListCategoryTemplate .OrderQuantity .ProductHead { padding-top:1px; }

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

/* 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 { direction:rtl; text-align:right; padding: 0;}
#StandardProductTemplate H1 { font:bold 14px Arial; color:#0082d6; padding:0; margin:0;  }
#StandardProductTemplate .CategoryTrailBar { padding-bottom:20px; }
#StandardProductTemplate .CategoryTrailBar .CategoryTrail { direction:rtl; text-align:right; }
#StandardProductTemplate .CategoryTrailBar .CategoryTrail A:Link, #StandardProductTemplate .CategoryTrailBar .CategoryTrail A:Visited, #StandardProductTemplate .CategoryTrailBar .CategoryTrail .CategorySeparator { font: 10px Arial; color:#0082d6; }
#StandardProductTemplate .ProductSKU { font:12px Arial; color:#999; padding-bottom:10px;}
#StandardProductTemplate .ProductAttributes .ProductHead { padding-top:6px;}
#StandardProductTemplate .ProductHead { float: right; text-align: right; padding:0 5px 0 0;}
#StandardProductTemplate .ProductNormal { text-align: right;}
#StandardProductTemplate .ProductImage { padding: 0px 0px 10px 20px; float: right; }
#StandardProductTemplate .MorePictureBlock { padding-top:3px; text-align:center; }
#StandardProductTemplate .ProductShortDesc { width: 100%; }
#StandardProductTemplate .ProductHead {float: right; text-align: right; padding:0 0 0 5px; font:bold 12px Arial;}
#StandardProductTemplate .ProductNormal { text-align: right; direction:rtl;font:bold 12px Arial;}
#StandardProductTemplate .ProductLongDescription { font-size:12px; }
#StandardProductTemplate .AddToCart { padding-top:10px; }
#StandardProductTemplate .ProductRetailPrice { display: none;}
#StandardProductTemplate .ProductStorePrice {}
#StandardProductTemplate .ProductSavedPrice { display: none;}
#StandardProductTemplate .OrderQuantity { padding-top:2px; padding-bottom:5px; }
#StandardProductTemplate .OrderQuantity INPUT { width:20px; height:12px;font:10px Arial; border: solid 1px #999999; }
#StandardProductTemplate .OrderQuantity .ProductHead { padding-top:1px; }
#StandardProductTemplate .GridView { width:40%;}

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

/* 1.4  Shopping Cart and Standard Checkout*/

#ShoppingCart { padding-top:20px;direction:rtl; text-align:right; }
#ShoppingCartContent .GridView, #ShoppingCartContent .GridView TD, #ShoppingCartContent .GridView TH { border: 0px; }
#ShoppingCartContent TD { border-bottom:solid 1px #dedede;}
#ShoppingCartContent .GridViewHeader {}
#ShoppingCartContent .GridView .GridViewHeader th { color:#0082d6; font:bold 14px Arial; background-color:#eee; }
#ShoppingCartContent #CartItemFriendlyName A:link, #ShoppingCartContent #CartItemFriendlyName A:visited { color:#0082d6; }
#ShoppingCartSummary .SubHead { color:#333; font:bold 12px Arial; }
#ShoppingCartCoupon .SubHead { color:#333; font:bold 12px Arial; }

#ShoppingCartHeader,
#ShoppingCartContent,
#ShoppingCartSummary,
#ShoppingCartCoupon,
#PayPalExpressButton { padding:2px 0 2px 0;}

#PayPalExpressButton { float:right;}

#ShoppingCartCoupon,
#ShoppingCartContent,
#PayPalExpressButton { 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;}
#PaymentMethods { width:100%;}

#StandardCheckoutStep1 { padding-top:20px; direction:rtl; text-align:right;}
#StandardCheckoutStep1 H1, #StandardCheckoutStep2 H1, #OrderConfirmation H1 { font:bold 14px Arial; padding: 0px; margin: 0px; padding-bottom:10px; } 
#StandardCheckoutStep1 #ShippingAddress { width:100%; text-align:right; padding-bottom:10px;}
#StandardCheckoutStep1 #BillingAddress { float:left;}
#StandardCheckoutStep1 .BottomButtons { }
#StandardCheckoutStep1 .SameAsBilling { display:none; }
#StandardCheckoutStep1 #EmailAddress h2 { display:none;font:bold 14px Arial; padding: 0px; margin: 0px;}
#StandardCheckoutStep1 #EmailAddress .SubHead { font:bold 12px Arial; color:#0082d6; width:65px; padding-left:10px; text-align:left; }
#StandardCheckoutStep1 #EmailAddress INPUT { border:solid 1px #666; width:150px; height:14px; direction:ltr; text-align:left; } 

.AddressControl { direction:rtl; text-align:right; }
.AddressControl .SubHead { font:bold 12px Arial; color:#0082d6; text-align:left; }
.AddressControl INPUT { border:solid 1px #666; width:150px; height:14px; } 
.AddressControl #PostalCode INPUT, .AddressControl .Telephone INPUT  { direction:ltr; text-align:left; }
.AddressControl #Country, .AddressControl #Region { display:none; }
#ShippingAddress { padding-top:10px;}
#ShippingAddress H2 { display:none; padding:0px;margin:0px;font:bold 14px Arial; }
#ShippingAddress .AddressControl,
#BillingAddress .AddressControl {  border-style:none; border-width:0; vertical-align:top;}
#ShippingAddress .AddressControl TD.SubHead { width:65px; padding-left:10px;}

#StandardCheckoutStep2 { padding-top:20px; direction:rtl; text-align:right;}
#StandardCheckoutStep2 #ShippingMethods h2 { display:none; font:bold 14px Arial; padding: 0px; margin: 0px; }
#StandardCheckoutStep2 #PaymentMethodsContainer { display:none; direction:rtl; text-align: right; padding-bottom:10px;}
#StandardCheckoutStep2 #PaymentMethodsContainer h2 { font:bold 14px Arial; padding: 0px; margin: 0px; padding-top:10px;}
#StandardCheckoutStep2 #PaymentMethodsContainer #PaymentMethods TD { text-align: right;}
#StandardCheckoutStep2 #BottomButtons { padding-top:10px; }
#StandardCheckoutStep2 #ShippingMethods .SubHead { font:bold 12px Arial; color:#0082d6; }

#OrderConfirmation { padding-top:20px; direction: rtl; text-align:right; }
#OrderConfirmation .GridView TH { font-weight:bold; text-align:right; }
#OrderConfirmation .GridView TD { text-align:right; }
#OrderConfirmation .GridView .GridViewHeader th { color:#0082d6; font:bold 14px Arial; background-color:#eee; }
#OrderConfirmation .GridView, #OrderConfirmation .GridView TD, #OrderConfirmation .GridView TH { border: 0px; }
#OrderConfirmation .GridView TD { border-bottom:solid 1px #dedede;}
#OrderConfirmation #TaxRow { display: none; }
#OrderConfirmation TEXTAREA { border:solid 1px #666; width:300px; height:50px; }
#OrderConfirmation .ImageButton { padding-top:10px; }
#OrderConfirmation .SubHead { font:bold 12px Arial; color:#0082d6; }

#ShoppingCart,
#StandardCheckoutStep1,
#StandardCheckoutStep2,
#PayPalExpressCheckout,
#OrderConfirmation { margin:0 0px 0 40px; width:90%; direction:rtl; text-align:right;}
#CustomerReceipt { margin:0 0px 0 40px; width:90%; direction:rtl; text-align:right; padding-top:20px;}
#CustomerReceipt .GridView TH { font-weight:bold; text-align:right; }
#CustomerReceipt .GridView TD { text-align:right; }
#CustomerReceipt .GridView .GridViewHeader th { color:#0082d6; font:bold 14px Arial; background-color:#eee; }
#CustomerReceipt .GridView, #CustomerReceipt .GridView TD, #CustomerReceipt .GridView TH { border: 0px; }
#CustomerReceipt .GridView TD { border-bottom:solid 1px #dedede;}
#CustomerReceipt #TaxRow { display: none; }
#CustomerReceipt .SubHead { font:bold 12px Arial; color:#0082d6; }
#CustomerReceipt .Head { font:bold 14px Arial; color:#0082d6; }

.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 { direction:rtl; margin:0; padding:0; list-style-type: none; }
.YourAccountLeft li { direction:rtl; list-style:none; padding-right:0px; }
.YourAccountLeft li a { font:bold 12px Arial; display: block; color: #003366; padding: 2px 0px 3px 12px; text-decoration: none; }
.YourAccountLeft li a:hover { color: #003366;}
.YourAccountLeft li li a { font:bold 12px Arial; display: block; color: #003366; padding: 2px 17px 3px 3px; text-decoration: none; }

.YourAccountRight { width:85%;}

#YourOrderHistory { direction: rtl; text-align:right; }
#YourOrderHistory .GridView TH { font-weight:bold; text-align:right; }
#YourOrderHistory .GridView TD { text-align:right; }
#YourOrderHistory .GridView .GridViewHeader th { color:#0082d6; font:bold 14px Arial; background-color:#eee; }
#YourOrderHistory .GridView, #YourOrderHistory .GridView TD, #YourOrderHistory .GridView TH { border: 0px; }
#YourOrderHistory .GridView TD { border-bottom:solid 1px #dedede;}

.YourOrderDetails { direction: rtl; text-align:right; }
.YourAccountRight .SubHead { font:bold 12px Arial; color:#0082d6; }
.YourAccountRight .GridView TH { font-weight:bold; text-align:right; }
.YourAccountRight .GridView TD { text-align:right; }
.YourAccountRight .GridView .GridViewHeader th { color:#0082d6; font:bold 14px Arial; background-color:#eee; }
.YourAccountRight .GridView, .YourAccountRight .GridView TD, .YourAccountRight .GridView TH { border: 0px; }
.YourAccountRight .GridView TD { border-bottom:solid 1px #dedede;}

#ShippingGrid { padding-top:15px; }
#ShippingGrid  .GridView .GridViewHeader th { font:bold 12px Arial; }

/* 1.6 Mini-Cart */
#MiniCart { direction:rtl; text-align:right; }
#MiniCart .GridViewRow a:link, #MiniCart .GridViewRow a:visited, #MiniCart .GridViewAltRow a:link, #MiniCart .GridViewAltRow a:visited { font-weight:bold;color:#0082d6 }
#MiniCartFooter #ViewCart { padding-top:15px; }
#MiniCartFooter .SubHead { font:bold 12px Arial; color:#0082d6}

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

.GridView { width:100%;}
.GridViewHeader { background-color:#999999; 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 { direction:rtl; text-align: right; vertical-align:middle;}
.PagerBar { float:left;}
.SorterBar { background-color:#999999; padding:0 0 2px 0; direction:rtl; text-align: left; padding-left:5px;padding-top:2px;}
.SorterHead { font:bold 12px Arial;}
.ProductSorter { }

/* 2.3  Pager Control */

.PagerContainerTable {font: 11px arial; background-color: #eee; color:#0082d6;}
.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 { text-align:right; }
#StoreAdminMenu ul { direction:rtl; margin:0; padding:0; list-style-type: none;}
#StoreAdminMenu li { direction:rtl; list-style:none; padding-right:0px;}
#StoreAdminMenu li a { font:bold 12px Arial; display: block; color: #0082d6; padding: 2px 8px 3px 12px; text-decoration: none; padding-top:10px; }
#StoreAdminMenu li a:hover { color: #003366;}
#StoreAdminMenu li li a { font:12px Arial; display: block; color: #003366; padding: 2px 25px 3px 3px; text-decoration: none;  }

#ProductEditGeneral { direction:rtl; text-align:right; }
#ProductEditGeneral .Head {	text-align:right;}

.StoreAdminLeftPane{ vertical-align:top; width:140px;}
.StoreAdminRightPane { vertical-align:top; direction:rtl; text-align:right;}
.StoreAdminRightPane  .SubHead { font:bold 12px Arial; color:#0082d6; }
.StoreAdminRightPane .GridView TH { font-weight:bold; text-align:right; }
.StoreAdminRightPane .GridView TD { text-align:right; }
.StoreAdminRightPane .GridView .GridViewHeader th { color:#0082d6; font:bold 14px Arial; background-color:#eee; }
.StoreAdminRightPane .GridView, .StoreAdminRightPane .GridView TD, .StoreAdminRightPane .GridView TH { border: 0px; }
.StoreAdminRightPane .GridView TD { border-bottom:solid 1px #dedede;}
.StoreAdminRightPane SubHead { padding:0px;margin:0px;}

#ProductEditGeneral, 
#ProductEditShipping,
#ProductEditVariants, 
.ModuleContainerTable { width:100%; vertical-align:top; text-align:left; padding:0 0 0 0;}

/* 3.2  Horizontal Menu */

.HorizontalMenuBar { text-align: right; background-color: #eee; line-height:20px; }
.HorizontalMenuBar ul {	margin:0 0 5px 0;}
.HorizontalMenuBar li { list-style:none; text-align:right; vertical-align:middle; display:inline; margin: 0 5px 0 0;}
.HorizontalMenuBar li .SubSubMenu { font:bold 14px Arial; color: #0082d6; padding-left:5px; padding-right:5px; }
/* 3.3  Product Search */

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

/* 3.4  Others */

.ShippingSettingTable { width:100%;}
.SaveCancelRow { padding-top:10px; text-align:right;}
.SimpleProductDisplay { background-color:#ffffcc; width:100%;}