html {background: #fdfeff url(../img/bg.jpg) 50% 0% repeat-x ; height: 100%; }
body {background: transparent url(../img/grass.png) bottom left repeat-x; height: 100%;display: table; width: 100%;}
#container {background:  transparent url(../img/container.png) bottom left repeat-y; padding: 20px 0 10px 0; margin: 0 auto 0 auto; width: 996px; }

/* Header */
#header {background: transparent url(../img/j-strauss-headshot.jpg) 900px 0 no-repeat;  position:relative;}
#header a:hover, #header a:active {background-color:transparent;}

img#logo {padding: 0; margin: 0 20px;}
#header h2 {float: right; margin:20px 120px 0 0; font-size: 1.4em; font-family:Georgia, "Times New Roman", serif; color:#3b2724;}

/* Menu */
#menu {background:  transparent url(../img/menu-new.jpg) 0 -61px no-repeat; margin: 0 10px; width: 976px; height: 61px; position: relative;}
/*#menu:hover {background:transparent url(../img/menu-new.jpg) 0 9px  no-repeat;}*/

#menu ul {margin: 0;}
#menu li {float: left; height: 61px; border-right: 1px dotted #fff; padding: 0 10px; margin: 0; }

#menu li a:link,
#menu li a:visited {float: left; height: 21px; padding-top: 41px; color: #fff; text-transform:uppercase; text-decoration:none; }

#menu li a:hover, 
#menu li a:active {background-color:transparent;}

#menu ul ul li {}
#menu ul ul li a:link, #menu ul ul li a:visited {padding: 0; height: auto; }
#menu ul ul { padding: 5px 10px 5px 5px; position: absolute; top: 5.7em; margin: -10px 0px 0px 0px; width: 150px; background-color:#3b6914; border:1px solid #ccc; }
#menu ul ul li {height: auto; float: left; clear: left; padding:5px 0; border-right:none;}
#menu ul ul ul { border-top: 1px solid #d0d7e0; margin: -15px 0px 0px 145px; }
#menu ul ul a { padding: 0px 0px 0px 5px; margin: 0px; color: #333; font-size: 11px; width: 150px; }
#menu ul ul li.expandable { background: transparent url(/img/extendable.gif) center right no-repeat; }
#menu ul ul a:hover {  }
#menu ul ul, #menu li:hover ul ul, #menu li.hover ul ul { left: -999em; }
#menu li:hover ul, #menu li.hover ul, #menu ul ul li:hover ul, #menu ul ul li.hover ul { left: auto; }


/* Banner */
#banner {background: transparent url(../img/banne.jpg) top left no-repeat; width: 976px; height: 220px; margin: 0 5px;}

/* Content */
#content {padding: 20px 60px;}

/* Footer */
#footer { clear: both;background: transparent url(../img/footer.png) top left no-repeat; width: 956px; margin: 0 auto; padding:0 20px 60px 20px;height: 173px; color: #392624;}
#footer a:link,
#footer a:visited {color: #392624; }
#footer a:hover,
#footer a:active {background-color:transparent;}
#footer p {margin: 0;}
#footer li {margin: 0;}
#footer ul {margin: 0 0 0 10px;}
#footer-menu {float: left; width: 180px; margin: 0 0 0 30px;}
#footer-address {float: left; width: 225px; margin: 10px 0 0 0;}
#footer-contact {float: left; width: 250px; margin: 10px 0 0 0;}
#international-distributors { font-size: 0.9em; clear: both; padding-top: 20px;}
#international-distributors p,
#international-distributors ul,
#international-distributors li {display: inline; padding: 0 1px; }


/** 
* @author Steve Henderson
* @date   July 21, 2009
*         Products CSS to stylize the front end of the products page
*/

/*  Class  */
#categoryList {float:left; width:190px;}
#categoryList ul {margin: 0; padding: 0;}
#categoryList li {margin: 0; padding: 5px 0;}
#categoryList a:link, #categoryList a:visited {font-weight: bold;text-decoration: none; padding: 2px;}
#categoryList a:hover, #categoryList a:active {}

.clear { clear:both; }

/*  VIEW PROD STUFF  */

#products {float:left; width:660px; }

.productDetails {}
.productImages {float: left; width: 200px; text-align: center; }
.productImages img {border: 1px solid #ededed!important; padding: 5px;}
.thumbs {margin: 15px 0 0 0;}
.thumb {float: left;}
.thumb img {margin: 5px;}
.productImages a:hover, .productImages a:active {background-color: transparent;}
.productInfo {float: left; margin-left: 50px; width: 600px;  }
.productInfo p {margin: 10px 0;}
.productInfo h1 {margin-top:10px;}
.productInfo h2 {margin: 10px 0;}

.storeList {margin: 0; padding: 0;}
.storeList li {float: left; width: 250px; height: 2em; margin: 0 0 0 35px; padding: 0; list-style-type: square;}

#locateRetailer { clear: both; background-color: #fcfcfc; padding: 10px; border: 1px solid #eee;}
#locateRetailer label {display: block; font-size: 0.9em; margin: 5px 0 0 0;}
#storeLocator_q {width: 400px; padding: 4px;}


.storeInfoList {border:1px solid #bbb; padding:4px; margin:10px 4px 4px 0px; float: left; width: 156px; height:85px;}
.storeInfoList.alt {background-color:#f2f2f2;}
.storeInfoList a:link, .storeInfoList a:visited {font-weight:bold;}
.storeInfoList a:hover, .storeInfoList a:active {background-color: transparent; }

#map { float: left; width:850px; height:550px; border:1px solid #bbb; margin: 10px 0; }

/*  LIST PROD STUFF  */

.storeLogo { float:left;}
.store { margin-left:150px;}

.smallText { color:#000; }

/*  ID  */
#categoriesOld {float:left; border-right:1px solid #ccc; padding:5px; width:210px; }
#categories {display: inline; margin-left: 100px; margin-bottom: 50px;}
#productList { padding: 5px; border: 1px solid #000; margin-left:200px; }
#thumbImg{width:200px;}

.product { border:2px solid #ccc; float:left; width:150px; height:175px; text-align:center;margin:5px;}
.product a:hover, .product a:active {background-color:transparent;}
.product img {margin:15px 4px 4px 4px; }
.product p { }

div.message { display:none;}
span.errorText {color:#c00; font-weight:bold; display:block; clear:both;}

a.selectCountry {background:transparent url(/img/ca-flag-small.jpg) 0 50% no-repeat; padding:0 20px 0 18px; position:absolute; top:-17px; right:10px;}
a.selectCountry:hover, a.selectCountry:active {background-color:transparent;}

div.siteSelector {position:absolute; top:165px; width:100%;  }
div.siteSelector div.wrapper {width:510px; height:238px; margin:0 auto; position:relative;}
div.siteSelector div.content {background:transparent url(/img/site-selector-bg.png); width:510px; height:238px;  margin:0 auto;}

div.siteSelector.small {display:none;}
div.siteSelector.small div.wrapper {width:275px; height:193px; margin:0 auto; position:relative;}
div.siteSelector.small div.content {background:transparent url(/img/site-selector-bg-small.png); width:275px; height:193px;  margin:0 auto;}
div.siteSelector.small p {color:#fff; padding:40px 20px 0 30px; margin:0 10px 0 20px;}
div.siteSelector.small ul {margin: 10px 0 0 30px; padding:0;}

div.siteSelector p {color:#fff; padding:60px 20px 0 30px; margin:0 10px 0 20px;}
div.siteSelector li {color:#fff;}
div.siteSelector strong {color:#fff;}
div.siteSelector a.close {position:absolute; top:20px; right:20px;}
div.siteSelector a:link, div.siteSelector a:visited {color:#fff;}
div.siteSelector a:hover, div.siteSelector a:active {background-color:transparent;}
div.siteSelector ul {margin: 20px 0 0 40px; padding:0;}
div.siteSelector li a:link, div#siteSelector li a:visited { color:#fff;}
div.siteSelector li.CDN {background:transparent url(/img/ca-flag-large.jpg) top left no-repeat; padding:0 0 5px 35px;}
div.siteSelector li.USA {background:transparent url(/img/us-flag-large.jpg) top left no-repeat; padding:0 0 5px 35px;}
div.siteSelector li em {font-size:10px; font-style:italic; display:block;}