@import "/styles/style.css"; 

/*
TO CHANGE STORE COLORS:

CHOOSE FOUR COLORS, 
1. ONE DARK HUE 
2. ONE SLIGHTLY DARKER HUE (TO SERVE AS A BORDER)
3. ONE LIGHT HUE
4. ONE SLIGHTLY DARKER HUE THAN THE LIGHT HUE (TO SERVE AS A BORDER)

CURRENT:
1. #1A6ABE -DARK HUE
2. #1661AB -SLIGHTLY DARKER HUE THAN THE DARK
3. #B3EFFF -LIGHT HUE
4. #97EAFF -SLIGHTLY DARKER HUE THAN THE LIGHT

FIND AND REPLACE THOSE FOUR COLORS WITH YOUR OWN PALETTE.

*/

/*OPTIONAL COMPONENTS*/

.hide,
#webnetwork,
#store_links,
#header #Logo,
#header #MainMenu,
#footer #poweredby,
#footer #footermenu,
#footer #copyright{display: none;}
/*
#header ul{
  position: static;
  margin: 40px 0px 0px;
  float: right;
}

#header ul li{
  padding: 0px;
}

#header ul li a{
  padding: 0px 0px 0px 30px;
}
*/
html,
body{
  font: 12px Arial, Helvetica, Sans-Serif;
  color: black;
  padding: 0px;
  margin: 0px;
}

#container{
  width: 960px;
  /*margin: 0px auto;*/
}

form,
input{
  padding: 0px;
  margin: 0px;
}

.indent{margin-left:20px;}
.Padded{margin:10px;}

a{
  color: #1A6ABE;
}

h1{
  padding: 10px;
  margin: 0px;
  font: 28px Arial, Helvetica, sans-serif;
  background: #F8F8F8;
  color: #1A6ABE;
  border: 1px solid white;
}

#header h1{
  border: none;
}

h3{
  font: 23px Arial, Helvetica, sans-serif;
  padding: 5px 0px 10px;
  margin: 0px;
  color: #1A6ABE;
}

h4{
  padding: 5px 3px;
  margin: 0px;
  background: #ECECEC;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  color: black;
  border: 1px solid white;
  border-bottom: 1px solid #DDD;
  text-align: center;
}

h6{
  font: bold 15px Arial, Helvetica, sans-serif;
  padding: 5px 0px;
  margin: 0px;
  color: #1A6ABE;
}

td{
  vertical-align: top;
}

/*POPUP*/

#popupContainer{
  height: 100%;
  margin: 0px auto;
  background: white;
}

/*HEADER*/

#header{
  width: 960px; 
  height: 245px;
  float: left;
  margin: 0px 0px 5px;
}

#header #BrandingArea{
  /*background: red;*/
}
#header #Logo{}
#header #search{
  background: none;
  display: none;
}


/*SITEMENU-OPTIONAL*/
#header #SiteMenu{
  float: left;
  margin: 0px;
	height: 35px;
	padding: 0px 0px 10px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#SiteMenu ul{
  /*white-space:nowrap;*/
  padding: 5px 10px 0px 15px;
  margin: 0px;
}

#SiteMenu li{
  display: inline;
  list-style-type: none;
}

#SiteMenu a{
  padding: 2px 5px 0px 10px;
  color: white;
  text-decoration: none;
}

#SiteMenu a:Hover{
  text-decoration: underline;
}


/*CART-OPTIONAL*/

#ShoppingCartLink{
  display: none;
}
#ShoppingCartLink a{}
#Header1_MiniCartTotal_MiniCartTotal{}

#MiniCart{
  height: 15px;
	padding: 20px 0px 10px;
	float: left;

}

#Header1_MiniCartTotal_lblItemCount,
#Header1_MiniCartTotal_lblSubTotal{
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: white;
  padding: 0px;
  margin: 0px;
}

/*MAIN MENU-OPTIONAL*/

/*
#MainMenu{
  width:760px;
  text-align: center;
  font-size: 11px;
}

#MenuLevel1{
  width:760px;
  background: transparent;
  float: left;
}

#MenuLevel1 a{
  color: white;
  display: block;
  width: 100px;
  height: 25px;
  line-height: 20px;
  font-weight: bold;
}

#MenuLevel1 a:hover,
#MenuLevel2 a:hover{
  text-decoration: none;
}

#MenuLevel1 table,
#MenuLevel2 table{
  margin: 0px auto;
}

#MenuLevel1 td{
  width: 102px;
}

.MenuItem a{
  background: #B21C10;
  border: 1px solid #98180E;
}

.MenuItem a:hover{
  background: #5AA989;
  border-color: #46886D;
}

.MenuItemActive{
  border-color: #46886D;
}

.MenuItemActive a{
  background: #5AA989;
  border: 1px solid #46886D;
}

.MenuItemActive a:hover{
  background: #5AA989;
}

#MenuLevel2{
  clear: both;
  width:760px;
  background: #081D56;
  float: left;
  height: 25px;
}

#MenuLevel2 a{
  background: #081D56;
  width: 75px;
  height: 25px;
  display: block;
  color: white;
  border: none;
  line-height: 20px;
}

#MenuLevel2 a:hover{
  background: #0C2978;
}


#MenuLevel1,
#MenuLevel2{
  display: none;
  }
*/


/* START HOMEPAGE TAGS */

#PageHome #maincontent{}

#HomeTable{
  padding: 0px;
  margin: 0px;
  width: 760px;
  background: white;
}

/*CONTENT NARROW-EQUIVALENT*/
#NavColumn,
#navcolumn,
#HomeColumn1{
  /*width:190px;*/
  margin:0px;
  padding: 0px;
  background: #E8E8E8;
  padding: 5px;
	width: 265px;
}
/*CONTENT WIDE-EQUIVALENT*/
#ContentColumn{
  vertical-align: top;
  background: white;
  width: 665px;
  padding: 5px 10px;
}
/*MAINCONTENT-CONTAINER-DIRECT CHILD OF CONTENT WIDE*/
#maincontent{
  padding: 10px 0px 0px;
  background: white;
  border: 1px solid #CCC;
}

#HomeColumn2{
  margin:0px;
  width: 525px;
  background: url(/images/css/store/background_homeColumn2.gif) no-repeat 12px 0px;
  padding: 35px 0px 0px 21px;
}

#page_name{
  width: 505px;
  height: 75px;
  margin: 0px;
  position: relative;
  display: block;
}

#HomepageSample1{
  height:210px;
  width:485px;
  float: left;
  padding: 25px 5px 0px 15px;
  background: white;
}

#HomeColumn3{
  vertical-align:top;
  text-align:left;
  padding:0px;
  width:175px;
  margin:0px;
  background: #E0F4FC;
  display: none;
}

.HomePageBlock{}

#HomePageSample2{
  width: 495px;
  padding: 5px 5px 10px;
  background: white;
}

/* #page is used by pages without a sidebar */
#page{
  padding:0px;
  margin:0px;
}

#Page #maincontent{
  background: white;
}

/*
#HomeColumn1 .SingleProductDisplay,
#HomeColumn2 .SingleProductDisplay,
#HomeColumn3 .SingleProductDisplay{
  border:0px;	
}

#HomeColumn1 .SingleCategoryDisplay,
#HomeColumn2 .SingleCategoryDisplay,
#HomeColumn3 .SingleCategoryDisplay{
  border:0px;
}
*/

/* END HOMEPAGE TAGS */

/*CATEGORIES*/
.CategoryList,
.SearchBoxForm,
.MailingListSignupForm{
  background: #F9F9F9;
  padding: 0px 0px 15px;
  margin: 0px 0px 5px;
  font-size: 11px;
  color: black;
  width: 190px;
  border: 1px solid #BBB;
}

.CategoryListContent{}

.CategoryListContent ul{
  padding: 0px;
  margin:0px;
  list-style: none;
}

.CategoryListContent ul li{
  margin: 0px;
  display: block;
  float: left;
}

.CategoryListContent ul li span{}

.CategoryListContent ul li a{
  color: black;
  text-decoration: none;
  display: block;
  padding: 4px 5px 4px 10px;
  width: 175px;
  background: #F9F9F9;
  border-bottom: dashed 1px #DDD;
}

/*ACTIVE CATEGORY*/
.CategoryListContent ul li .CurrentCategory{}

.CategoryListContent ul li .CurrentCategory a{
  background: #1A6ABE;
  color: white;
  font-weight: bold;
}

/*OTHER CATEGORY*/
.CategoryListContent ul li .OtherCategory a:hover{
  color: #1A6ABE;
  background: #B3EFFF;
}

/*SUBCATEGORIES*/
.CategoryListContent ul li ul li a{
  background: #F0F0F0;
  color: #1A6ABE;
}

.CategoryListContent ul li ul li a:hover{
  background: #B3EFFF;
  color: #1A6ABE;
}

/*SEARCH BOX*/
.SearchBoxFormContent{
  padding: 5px 10px;
}

.FormInput,
.FormInputError{
  padding: 2px;
  margin: 2px 0px;
  font: 11px Arial, Helvetica, sans-serif;
  border: 1px solid #CCC;
  background: white;
  color: #333;
  width: 120px;
  float: left;
}

.FormInputError{
  border-color: 1px solid red;
}

/* START BREADCRUMB TAGS */
#BreadCrumbs{
  padding: 5px 10px;
  margin: 0px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  background: #ECECEC;
  color: #666;
  border: 1px solid #CCC;
  border-right: none;
  border-left: none;
  border-top: 3px solid #1A6ABE;
}

.BreadCrumbTrailSpacer{}

.BreadCrumbTrailNoLink{
  font-weight: bold;
  color: #1A6ABE;
}

#BreadCrumbs a{
  color: #666;
  text-decoration: none;
}

#BreadCrumbs a:hover{
  color: #1A6ABE;
}

/*CATEGORY PAGE*/

#CategoryListHeader{}

#CategoryListHeader #LayoutTable{
  width: 100%;
  font-size: 11px;
}

/*SORT BAR*/

#RecordsFound,
#Pager,
#Sorter{
  background: #ECECEC;
  height: 20px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3px 0px;
  margin: 0px 0px 5px;
  text-align: left;
}

#lblPager,
#lblPager a{
  color: #1A6ABE;
}

#lstSort{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

#Sorter{}

#Records{
  width: 520px;
  padding: 0px 4px 20px;
  background: white;
}

/*PRODUCT PAGE*/

#ProductPageContainer{
  width:520px;
}

#ProductPageImageColumn{
  text-align:center;
  width: 165px;
  padding: 15px 5px 5px;
  background: #FAFAFA;
  border-right: 1px solid #CCC;
}
#ProductPageImageColumn img{
  padding: 0px 0px 3px;
}

#ProductImage{}

#ProductPageContentColumn{
  padding: 10px 10px 0px;
  font: 12px Arial, Helvetica, sans-serif;
}

#ProductPageContentColumn h1{
  font-size: 22px;
  background: none;
  border: none;
  color: #1A6ABE;
  width: 275px;
  display: block;
  padding: 10px 0px;
}

#lblName{}

#ProductDescription{
  padding: 10px;
  margin: 20px 0px;
  background: #F8F8F8;
  border: 1px solid #CCC;
}

#lblDescription{
  display: block;
  margin: 0px;
  padding: 0px 3px 0px 0px;
  height: 125px;
  overflow: auto;
  line-height: 16px;
}

#ProductProperties{}

#ProductProperties ul{
  margin: 10px 0px 0px;
  list-style-type: none;
  color: #333;
}
#ProductProperties ul li{
  margin: 0px 0px 10px;
}

.ProductPropertyLabel{
  color: #1A6ABE;
  font-weight: bold;
}

#ProductProperties ul ul{
  margin: 5px 0px 0px 50px;
  list-style-type: disc;
}

#ProductControls{
  background: #F8F8F8;
  border: 1px solid #CCC;
  text-align: center;
  padding: 5px 0px 0px;
}

#ProductControls .DiscountText,
#ProductControls .SitePrice,
#ProductControls .ListPrice{
  color: black;
}

#ProductControls .YouSave,
#ProductControls .SitePriceDiscounted{
  color: red;
}

#ProductControls .SitePriceDiscounted, 
#ProductControls .YouSave{
  background: none;
  border: none;
  padding: 0px;
  display: block;
}

#ProductControls table td{
  padding: 5px;
}

#ProductReviews, #ProductReviewNew{
  margin: 20px 0px 10px 0px;
}

#ProductReviews h3{
  padding: 5px;
  margin: 0px 0px 5px;
  font: bold 14px Arial, Helvetica, Sans-Serif;
  color: white;
  text-align: center;
  background: #1A6ABE;
  border: 1px solid #1661AB;
}

.ProductReviewRating{
  color: #1A6ABE;
}

.ProductReview{
  margin: 10px 10px 15px 10px;
}

.ProductReviewKarma{
  color:#666;
}

/*NAV COLUMN - SUBSTITUTES CATEGORIES COLUMN, DISPLAYS LINKS TO YOUR ACCOUNT*/

.NavColumnBlock{
  background:#F9F9F9;
  padding: 0px 0px 15px;
  margin: 0px 0px 5px;
  font-size: 11px;
  color: black;
  width:190px;
  border: 1px solid #BBB;
  float: left;
}

.NavColumnBlock ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.NavColumnBlock ul li{
  margin: 0px;
  display: block;
  float: left;
}

.NavColumnBlock ul li a{
  color: black;
}


.NavColumnBlockContent{}

#NavColumn h4,
.CategoryList h4{}



/*MY ACCOUNT*/

#MyAccountMenu1_lstMyAccountMenu{}
#MyAccountMenu1_TitleLabel{}

#MyAccountMenu1_lstMyAccountMenu{
  padding: 10px 0px 15px;
  margin: 0px;
  background: url(/images/css/store/background_myAccount.gif) no-repeat;
  width: 190px;
  float: left;
}

#MyAccountMenu1_lstMyAccountMenu li{
  list-style: none;
  padding: 2px 0px 2px 10px;
  margin: 0px;
  display: block;
  width: 180px;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#MyAccountMenu1_lstMyAccountMenu li a{
  color: #999;
  width: 180px;
  display: block;
  float: left;
}


/*CATEGORIES PRODUCT LINKS*/

.SingleProductDisplay,
.SingleCategoryDisplay{
  text-align:center;
  width: 150px;
  border: 5px solid #DFDFDF;
  margin: 10px;
}

.SingleProductDisplayImage img,
.SingleCategoryDisplayImage img{
  padding: 5px;
}

.NavColumnBlock .SingleProductDisplay,
.NavColumnBlock .SingleCategoryDisplay{}

.SingleProductDisplayName, 
.SingleCategoryDisplayName, 
.ListCategoryDisplay{
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  display: block;
}

.SingleProductDisplayName a, 
.SingleCategoryDisplayName a, 
.ListCategoryDisplay a{
  display: block;
  background: #EFEFEF;
  border: 1px solid #CCC;
  padding: 3px;
  color: black;
  text-decoration: none;
}

.SingleProductDisplayName a:hover, 
.SingleCategoryDisplayName a:hover, 
.ListCategoryDisplay a:hover{
  background: #B3EFFF;
  border-color: #97EAFF;
  color: #1A6ABE;
}

.SingleProductDisplayPrice a,
.SingleProductDisplayPrice a:hover{
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding: 3px 0px;
  display: block;
  background: #1A6ABE;
  color: white;
  text-decoration: none;
  border: 1px solid #1661AB;
  border-bottom-width: 2px;
}

.DiscountText,
.SitePriceDiscounted,
.YouSave,
.SitePrice,
.ListPrice{
  font: bold 13px Arial, Helvetica, sans-serif;
  color: white;
}

.ListPrice{
  text-decoration:line-through;
}

.SitePriceDiscounted, 
.YouSave{
  background: red;
  border: 1px solid #CC0000;
  padding: 2px 0px;
  display: block;
}

.ListProductDisplay, 
.ListCategoryDisplay{
  text-align:left;	
  width:500px;
}

.ListProductDisplayPrice{
  text-align:right;
}

.ListCategoryDisplayDescription{
  margin:3px 10px 10px 0px;
}

.DetailProductDisplay{
  border-top: solid 1px #CCC;
  padding: 5px 10px 10px 10px;
  text-align:left;
  width:550px;
}

.DetailProductDisplayImage{
  vertical-align:top;
  text-align:left;
  width:120px;
  height:120px;
  float:right;
}

.DetailProductDisplayName,
.DetailProductDisplayPrice,
.DetailProductDisplayDescription{
  padding: 3px 0px;
}

.DetailProductDisplayDescription ul{
  padding: 10px 0px;
  margin: 0px;
  list-style: none;
}

.DetailProductDisplayDescription ul li{
  padding: 0px 0px 5px;
  margin: 0px;
}

.DetailProductDisplayName{
  font: 18px Arial, Helvetica, sans-serif;
}

/*WISH LIST*/

#CartWishList{
  background: #F8F8F8;
  border: 1px solid #CCC;
  margin: 10px;
}

#CartWishList h3{
  background: #1A6ABE;
  border: 1px solid #1661AB;
  color: white;
  padding: 5px;
}

#dgWishList{
  width: 100%;
}


#dgWishList .DiscountText,
#dgWishList .SitePrice,
#dgWishList .ListPrice{
  color: #1A6ABE;
  text-decoration: none;
}

#dgWishList .SitePriceDiscounted, 
#dgWishList .YouSave{
  color: red;
  border: none;
  background: none;
  display: compact;
  text-decoration: none;
}

#dgWishList .DetailProductDisplay{
  border: none;
  padding: 5px 10px 10px 10px;
  text-align:left;
  width:550px;
}


/*SHOPPING CART*/
#CartTitle{}

#CartSubTitle{}

#CartContainer{
  width: 100%;
  padding: 0px;
  text-align: center;
  margin: 0px 0px 20px;
}

#CartItemBlock{
  padding: 10px;
}

#tblItems{
  border: 1px solid #CCC;
  text-align: left;
  width: 100%;
}

.Header{
  background: #1A6ABE;
  border: 1px solid #1661AB;
  border-right: 1px solid #1A6ABE;
  border-left: 1px solid #1A6ABE;
  font: bold 13px Arial, Helvetica, Sans-Serif;
  color:#FFF;
  padding:3px;
}

.Item,
.CartItem{
  background: #F8F8F8;
}

.AlternateItem,
.CartAlternateItem{
  background: #FFF;
}

.CartItem, 
.CartAlternateItem{
  border: 1px solid #CCC;
  border-right: 1px solid #EEE;
  border-left: 1px solid #EEE;
  padding: 5px;
  margin: 0px 0px 1px;
}

#CartUpdateBlock{
  text-align:center;
  color: red;
  font-weight: bold;
}

#CartTotalBlock{
  width:250px;
  text-align:center;
  color: #1A6ABE;
}

#CartCheckoutButtons{
  text-align:right;
  margin-top:10px
}

.formlabel{
  font: bold 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;	
  letter-spacing: normal;	
}

.FormLabelStrong{
  font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #006699;	
}

.ErrorMessage{
  background: red;
  border: 1px solid #CC0000;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  color: white;
  padding: 3px;
}

.SuccessMessage{
  background:#99FF00;
  color: #000;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

/*CHECKOUT*/

#CheckoutTable{
  margin: 0px auto;
  border: 1px solid #CCC;
}

#CheckoutSteps{
  background: white;
  padding: 5px;
}

.CheckoutStep{}

#CheckoutSteps A{
  padding-right: 20px;
  text-decoration:none;
  color: #1A6ABE;
}

.CheckoutStep .CheckoutStepCurrent{
	font: bold 13px Arial, Helvetica, sans-serif;
}

#InstructionsField{
  font: 12px Arial, Helvetica, sans-serif;
  width: 100%;
  margin: 5px 0px 0px;
}

.CheckoutDescription{
  padding: 10px;
  display: block;
}

#AddressBookPanel{
  margin:0px 0px 10px;	
}

.ContentBox{
  margin: 3px 0px 5px 20px;	
  text-align: left;
  background: #FFFFEE;
  border: solid 1px #CCC;
  padding: 10px;
}

#CheckoutTotals{
  background: #1A6ABE;
  border: 1px solid #1661AB;
  color: white;
}

#CheckoutTotals table td{
  padding: 3px;
}

#lblGrandTotal{
  font-size: 13px;
  background: #1661AB;
  display: block;
  padding: 3px 0px;
}

#PlaceOrderCell{
  text-align: center;
  vertical-align: middle;
  background: #2BFF2B;
  border: 1px solid #00BB00;
}

#CheckoutCoupons, 
.ControlArea{
  background: #F8F8F8;
  border: 1px solid #CCC;
  padding:5px;
}

#CheckoutPayment{
  background: white;
  border: 1px solid #CCC;
  padding: 10px;
  line-height: 16px;
}

#ProductControls{
  margin-top:20px;
}

#VolumeDiscounts{
  font: 12px Arial, Helvetica, sans-serif;
  margin:5px;
  padding: 5px;
  background: white;
  border: 1px solid #CCC;
}

.VolumePricingHeader{
  background: #1A6ABE;
  border: 1px solid #1661AB;
  color: white;
  font-weight: bold;
}

.VolumePricingText{
  color: black;
  font-weight: bold;
}

.NewProductBadge{
  height:110px;	
  margin-top:-110px;
  position: absolute;
}

.NewProductBadge img{
  position:relative;
  left:-55px;
}

/*FOOTER*/
/*
#footer{
  width: 100%;
}
*/
#footermenu{
  margin: 10px 0px 0px;
  padding: 5px 0px;
  background: #081D56;
}

#footermenu a{
  color: white;
  padding: 0px 5px;
}

#footermenu a:hover{
  color: #5AA989;
}

#copyright{}

#poweredby{}

/*ERROR MESSAGE BOX*/
.WebPageMessage{
  width: 550px;
  background: red;
  border: solid 3px #CC0000;
  color: white;
  font: bold 13px Arial, Helvetica, sans-serif;
  padding:0px;
  margin: 10px auto;
}

.WebPageMessageError, 
.WebPageMessageWarning, 
.WebPageMessageInformation, 
.WebPageMessageQuestion, 
.WebPageMessageOK{
  padding: 5px;
  background-position: 5px 10px;
  background-repeat: no-repeat;
}

.WebPageMessageError{
  background-image: url(WebPageMessageError.gif);
}

.WebPageMessageWarning{
  background-image: url(WebPageMessageWarning.gif);
}

.WebPageMessageInformation{
  background-image: url(WebPageMessageInformation.gif);
}

.WebPageMessageQuestion{
  background-image: url(WebPageMessageQuestion.gif);
}

.WebPageMessageOK{S
  background-image: url(WebPageMessageOK.gif);
}

.WebPageMessage .Message{
  padding: 0px 0px 15px 40px;
}

/* use extra divs to insert custom graphics or elements */
#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#ExtraDiv1,#ExtraDiv6{}

/*
#mini_cart{
  background-image: none;
  background: green;
}

#miniCart ul{
  padding: 0px;
  margin: 0px;
}
*/