﻿/* universal */
@import "/styles/style.css";

/*OPTIONAL COMPONENTS*/

.hide,
#header #Logo,
#headermainmenu,
.mailinglistsignupform,
#footer #footernavmenu,
#footer #copyright{display: none;}

table{width: 100%;}

h1{
  padding: 10px;
  margin: 0px;
  font: 30px Arial Narrow;
  background: #F2EEE1;
}

h4{
  font: 24px Arial Narrow;
  color: white;
  margin: 0px;
  padding: 10px 15px;
  text-transform: none;
}

h6{
  font: bold 15px Arial, Helvetica, sans-serif;
  padding: 5px 0px;
  margin: 0px;
  color: #507B1F;
}

td{
  vertical-align: top;
}

#popup{
  background: white;
}

/* Admin Panel */
#adminpanel {font-size:11px;background-color:#303030;color:#999;border-bottom: 1px solid #666;padding:5px;}
#adminpanel a {color:#999;text-decoration:none;}
#adminpanel a:hover {text-decoration:underline;}

/* frame equivalent */
#maincontent {
  width: 940px;
  margin: 0px auto;
}

.widecontentwrapper{}

/* content equivalent */
.clear {
  float: left;
  width: 940px;
  clear: both;
  background: url(../../../../../images/css/background_container.gif) repeat-y;
}

#header{
  float: left;
  height: auto;
}

/* logo equivalent */
#brandingarea h1{
  float: left;
  width: 160px;
  height: 120px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  border: none;
}

/* utility equivalent */
#headernavmenu{
  float: right;
  width: 560px;
  height: 13px;
  margin: 4px 10px 0px 0px;
  display: inline;
}

#headernavmenu ul{
  float: right;
  margin: 0px;
  padding: 0px;
}

#headernavmenu ul li{
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px 13px 0px 11px;
  font: 11px Arial, Helvetica, sans-serif;
  background: url(../../../../../images/css/bullet_utility.gif) no-repeat 0px 3px;
}

#header_cart{
  float: right;
  width: 195px;
}

#minicart{
  float: left;
  padding: 4px 0px 0px 25px;
  margin: 0px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #588527;
  background: url(/images/css/background_cart.gif) no-repeat 0px 5px;
}

#minicart #carttotals{
  float: left;
  width: auto;
}

#cartlink{
  float: left;
  width: 70px;
  padding: 0px;
}

#cartlink a{
  padding: 0px 0px 0px 10px;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight:bold;
}

#wait{ background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }


/* home page */
#homepagecolumn1,
#navcolumn,
#categoryleft,
#menucolumn,
.sidemenu,
.categorymenu{
  float: left;
  width: 220px;
  margin: 0px;
  padding: 0px;
}

#homepagecolumn1,
#navcolumn,
#categoryleft,
#menucolumn,
.sidemenu{
  float: left;
  width: 220px;
  height: auto !important;
  height: 340px;
  min-height: 340px;
  margin: 0px;
  padding: 10px 0px 0px;
  background: url(../../../../../images/css/background_sideNav.jpg) no-repeat;
}

#homepagecolumn2{
  float: left;
  width: 700px;
  padding: 10px;
  margin: 0px;
}

#home_products{
  float: left;
  width: 720px;
  margin: 0px;
  padding: 10px 0px 0px 10px;
}

#home_products ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#home_products ul li{
  list-style: none;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px;
}

#homepagecolumn3{}

/* content block tags */
.decoratedblock {}
.decoratedblock h4 {display:none;}
.blockcontent {padding:5px;text-align:left;}

/* Side Menu Content Block */

.name{
  float: left;
  width: 205px;
  margin: 5px 0px 0px 10px;
  display: inline;
}

.sidemenu ul, 
.categorymenu ul{
  float: left;
  padding: 0px;
  margin: 0px;
}

.sidemenu li, 
.categorymenu li{
  float: left;
  list-style: none;
  cursor: pointer;
  cursor: hand;
  padding: 0px;
  margin: 0px;
}

.categorymenu li.current{
  float: left;
  padding: 0px;
  margin: 0px;
}

.categorymenu li.current a{
  background: #544516 url(../../../../../images/css/background_selected.gif) top right no-repeat;
}

.sidemenu li a, 
.categorymenu li a{
  color: #E7E0C8;
  padding: 4px 5px 4px 25px;
  margin: 0px;
  width: 190px;
  display: block;
}

.searchboxform{
  display: none;
}

.searchboxform .forminput{
  float: left;
  display: inline;
  margin: 2px 2px 0px 0px;
}

.searchboxform .searchbutton{
  float: left;
}

/* content_wide equivalent */
.breadcrumbs {
  float: right;
  vertical-align: top;
  width: 700px;
  background: #E7E0C8;
  padding: 5px 10px;
  border-bottom: 1px solid #DCD2AF;
}

#maincolumn,
#categorymain,
#imagecolumn,
#carttitle,
.productgrid{
  float: right;
  vertical-align: top;
  width: 720px;
}

fieldset#SearchForm {
	border: none;
	width: 690px;
	float: right;
	margin: 20px 0;
}

#SearchResultsPane td {
	width: 30%;
	text-align: center;
	padding: 8px 20px;
}

#ctl00_MainContentHolder_DataList1,
#checkout,
#ctl00_MainContentHolder_contactUsInfo{
  float: right;
  width: 720px;
  margin: 15px 0px;
  display: inline;
}

#NewUsers,
#CurrentUsers,
.ProductReviews,
#EstimateShipping,
#cartcontainer,
#cartcoupons,
#cartactions{
  float: right;
  width: 690px;
  margin: 15px 15px 15px 0px;
  display: inline;
}

.addtocartcontrols{
  float: left;
  width: 690px;
  margin: 0px 0px 15px 15px;
}

/* content_full equivalent */
#ctl00_MainContentHolder_pnlAll{
  float: left;
  width: 940px;
  padding: 0px;
  background: white;
}

.categoryrotator .blockcontent {text-align:center;}
.productrotator .blockcontent {text-align:center;}
.productgrid .blockcontent {text-align:center;}

/* Specific Content Block Tags */
#searchform {margin:10px 0;padding:10px;}
.row {text-align: left;background-color: #fff;}
.row td, .alternaterow td {border-bottom: solid 1px #ccc;}
.alternaterow {text-align:left;background-color: #f5f5f5;}
.rowheader {text-align:left;background-color: #8C7121;color:#fff;}
.searchresultspane {margin:0 0 20px 60px;}
.searchresultrecord {margin:3px 20px 5px 20px;}

/* cart */
.cartitemimage {width:110px;height:110px;float:left;}
.cartitemdescription {display:inline;}
#cartFooter {margin: 10px 0 0 0;}
#carttotals {width:240px;float:right;padding:0px 5px;text-align:left;}
#cartupdates {width:550px;margin-bottom:10px;text-align:right;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }
.radiobuttoncol {width: 20px;}

#popupContainer {width:100%;padding:10px;}

.StickyNote {color:#000;font-size: 14px;font-family:'Comic Sans MS' , Arial, Verdana;}

/* BVC5 Single Product Display Control */
.WideSingleProductDisplayPanel .SingleProductDisplayImage {float: left;display: block;}
.WideSingleProductDisplayPanel .ProductBadge {}
.WideSingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.WideSingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.WideSingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayImage {float:none;display:block;}
.SkinnySingleProductDisplayPanel .ProductBadge {}
.SkinnySingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}


#categorygridtemplaterecords .record{
  text-align: center;
  width: 205px;
  border: 5px solid #D9C586;
  margin: 0px 15px 15px 0px;
}

#categorygridtemplaterecords .recordimage img{
  padding: 5px;
}

.recordimage img {
	  margin: 0 0 8px;
}

#categorygridtemplaterecords .recordname,
#categorygridtemplaterecords .recordsku{
  font: 11px Arial, Helvetica, Sans-Serif;
  display: block;
  background: #E7E0C8;
  border: 1px solid #DCD2AF;
}

#categorygridtemplaterecords .recordname a{
  display: block;
  padding: 3px;
  color: black;
  text-decoration: none;
}

#categorygridtemplaterecords .recordname a:hover{
  background: #F1EDE0;
  border-color: #ECE7D5;
  color: #507B1F;
}

#categorygridtemplaterecords .recordprice a{
  font: bold 12px Arial, Helvetica, Sans-Serif;
  padding: 3px 0px;
  display: block;
  background: #507B1F;
  color: white;
  text-decoration: none;
  border: 1px solid #355418;
  border-bottom-width: 2px;
}


/* Product Page */

#contentcolumn{
  float: left;
  width: 300px;
  padding: 15px;
}

#actioncolumn{
  float: left;
  width: 300px;
  padding: 15px 0px;
}

#actioncolumn td input{
  width: 30px;
}

/* Main Menu Control */
div.MainMenu {background-color:Gray;margin-bottom:5px;margin-left:auto;margin-right:auto;width:780px;clear: both;}
ul.MainMenu {display:block;margin:2px 0px;list-style-type:none;}
li.MenuItem {margin:2px 10px 2px 0;display:inline;}
li.ActiveMenuItem {margin: 2px 10px 2px 0;display:inline;font-weight:bolder;}


/* Site Map Page */
.sitemapColumn{ vertical-align: top;}
.ColumnOne {  }
.ColumnTwo {  }
.ColumnThree {  }
#SitemapTable{ width: 100%; }

.AddedToCartMessage {color: Red;}

/* Pager Control */
.pager {
  padding: 4px 0px; 
  text-align: center; 
  clear: both;
  background: #E7E0C8;
  border: 1px solid #DCD2AF;
  width: 718px;
  float: right;
}

.pager ul {
  list-style:none;
  margin:0px;
  padding:0px;
}

.pager ul li {
  display:inline;
  margin: 0px;
  padding: 0px 0px 0px 15px;
}

.pager ul li a {
  color: #507B1F; 
  text-decoration:none;
  padding: 2px 4px;
  margin: 0px;
}

.pager ul li a:hover{
  background: #507B1F; 
  color: white;
}

.pager ul li.current a:hover{
  background: none; 
  color: white;
}

.errormessage { color: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }

/* checkout */
.shippingdiscount { text-decoration: line-through; }

/* Message */
.messagebox { width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

.MarkDownPrice {text-decoration:line-through;}

