/* =========== global ========== */

* { padding: 0px; margin: 0px; }
body {	background: #150f03 url(../images/body-bg.jpg) no-repeat top center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; }
a { border: 0px; color: #000; text-decoration: none; }
a:link{ border: 0px;}
a img{ border: 0px;}
a:hover { color: #333333; text-decoration: underline; }
ul{ list-style: none;}
h1{ color: #ffffff; font-family: "Arial", sans-serif; font-size: 2em; }
h2{ margin: 10px 0px 10px 0px; padding: 5px 5px 3px 6px; color: white; background: url(../images/maincolumnbg.png) top left no-repeat; font-family: "Arial", sans-serif; font-size: 1.5em;}
.sidecolumn h2 {background: url(../images/sidecolumnnbg.png) top left no-repeat}
h2.newsletter{ margin: 10px 0px 10px 0px; padding: 5px 5px 3px 6px; color: white; background: url(../images/sidcolumnnewsletterbg.png) top left no-repeat; font-family: "Arial", sans-serif; font-size: 1.5em; }
h3{ font-family: "Arial", sans-serif; font-size: 14px; color: #A5222A;}
h4{ font-family: "Arial", sans-serif; font-size: 1em; color: #A5222A;}
h5{ font-family: "Arial", sans-serif; font-size: 0.8em; color: #A5222A;}
h6{ font-family: "Arial", sans-serif; font-size: 0.7em; color: #A5222A;}
h7{ margin: 10px 0px 10px 0px; padding: 5px 5px 3px 6px; color: white; background: url(../images/sub-cat2.jpg) repeat-x; font-family: "Arial", sans-serif; font-size: 1.5em;}
p{color: #333; line-height: 18px; font-size: 12px;}
.clr{clear: both; background: none;}
li.clr { background: none !important; border:0px !important; clear:both;}
.phone {float:right; margin-right:105px;}

/* =========== header ========== */

#header { background: url(../images/top-tail.gif) top center repeat-x; height: 171px; margin-bottom: 25px;}
#header .main-width{width:905px; margin: auto;}
#header .menu{ width:905px; overflow:hidden;}
#header .menu #nav ul{ margin:0; padding:0 0 0 3px;}
#header .menu #nav li{ float:left; font-size:13px; text-transform:uppercase; padding-right:6px;}
#header .menu #nav li a{ text-decoration:none; display:inline-block; color:#fff; padding-right:13px;}
#header .menu #nav li a span{ display:block; padding:25px 15px 9px 15px;} 
#header .menu #nav li a:hover{ background:url(../images/menu-item-right-bg.gif) right top no-repeat;}
#header .menu #nav li a:hover span{ background:url(../images/menu-item-tail.gif) left top repeat-x;}
#header .menu #nav li ul.roll{ display:none;}
#header .menu #nav li ul.roll a:hover span, #header .menu #nav li ul.roll a span{ padding: 0px; background:none;}
#header .menu #nav li ul.roll a:hover { background:none;}
#header .menu #nav li ul.roll a {padding-right: 0px;}
#header .menu #nav li ul.roll li:hover { background:#930C10 url(../images/menu-item-tail.gif) top left repeat-x;}
#header .menu #nav li:hover ul.roll{ display:block; position: absolute; padding: 0px;}
#header .menu #nav li ul.roll li{ display:block; padding:10px 15px 10px 15px; background-color: #590809;}
#header .menu #nav li ul.roll li#left-corner{background: url(../images/sub-left-corner.png) bottom left no-repeat; width: 10px; height: 15px; padding:10px 0px;}
#header .menu #nav li ul.roll li#right-corner{background: url(../images/sub-right-corner.png) bottom right no-repeat; width: 10px; height: 15px; padding: 10px 0px;}
#header .logo{ padding-top: 18px; margin-bottom: 5px;}
.corners-tail { height: 9px;background-repeat: repeat-x; background-image: url(../images/corners-tail.gif);}

/* =========== slider ========== */

#slide-holder { width : 860px; height : 301px; position : relative ; background : url(../images/main-header-bg.jpg) 0 0; }
#slide-holder div#slide-runner { width : 865px; height : 301px; overflow : hidden; position : absolute; }
#slide-holder img { margin : 0; position : absolute; }
#slide-holder div#slide-controls { left : 0; bottom : 5px; width : 860px; height : 46px; display : none; position : absolute;}
#slide-holder div#slide-controls p.text { float : left; color : #fff; display : inline; font-size : 10px; line-height : 16px; margin : 15px 0 0 20px; text-transform : uppercase; }
#slide-holder div#slide-controls p#slide-nav { float : right; height : 24px; display : inline; margin : 11px 15px 0 0; }
#slide-holder div#slide-controls p#slide-nav a { color:#FFFFFF; float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; font-weight : bold; text-align : center; text-decoration : none; background-image: url(../images/slide-nav.png); background-position : 0 0; background-repeat : no-repeat;}
#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -24px;}

/* =========== wrapper ========== */

#wrapper { width: 905px; margin: auto; padding-top: 15px;}
#wrapper .row{ background: url(../images/search-bar.png) no-repeat; width:100%; overflow:hidden; color:#fff; font-size:12px; padding:15px 0 10px; height: 10px;}
#wrapper #container { background: #FFFFFF; padding: 20px; clear:both; }
#wrapper #container #slide-banner{ margin: auto; width: 860px;}
#wrapper #container .main-column{ width: 550px; float:left; margin-right: 12px;}
#wrapper #container .side-column{ width: 300px; float: left;}
#wrapper #container .side-column .one{ width: 150px; float: left;}
#wrapper #container .main-column img { padding-right: 0px; padding-bottom: 15px; padding-top: 0px;}
#wrapper #container .main-column img.cow { float: left; padding-right: 15px; padding-bottom: 23px; padding-top: 5px;}
#wrapper #container .main-column img.cow2 { float: left; padding-right: 15px; padding-bottom: 0px; padding-top: 5px;}
#wrapper #container .main-column img.cow3 { float: left; padding-right: 35px; padding-bottom: 0px; padding-top: 5px;}

#wrapper #container .main-column ul { list-style-image: url(../images/bullet.jpg); list-style-position: outside; padding: 0; margin: 7px 17px 5px 30px; }
#wrapper #container .main-column ul li { color: #333; border-bottom: 1px #eee solid; padding: 3px 0 3px 0; }
#wrapper #container .main-column ul li a { color: #333; line-height: 18px; }
#wrapper #container .main-column ul li a:hover { color: #000; }

#wrapper #container .main-column ul.crumbs { border-left: #B19D84 1px solid;  margin:0px; clear:both;}
#wrapper #container .main-column ul.crumbs li {float:left;  background: url(../images/subpagetoplinks.png) top left repeat-x; color:#000000; border-right: #B19D84 1px solid; border-bottom:  #B19D84 1px solid; padding: 15px 14px; border-top: #B19D84 1px solid; list-style-image: none; }
#wrapper #container .main-column ul.crumbs li:hover { background: url(../images/subpagetoplinks.png) bottom left repeat-x;}
#wrapper #container .main-column ul.crumbs li a { color:#000000;}
#wrapper #container .main-column ul.crumbs li a:hover { color:#000000; text-decoration:none;}
#wrapper #container .main-column ul.crumbs li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#wrapper #container .main-column ul.crumbs li span:hover {text-decoration:none;}


#wrapper #container .main-column ul.crumbo {  margin:0px; clear:both; padding-bottom: 15px;}
#wrapper #container .main-column ul.crumbo li {float:left;  background: url(../images/blues-bg.jpg) top left repeat-x; color:#000000; border-right: #2f5baf 1px solid; border-bottom:  #2f5baf 1px solid; padding: 5px 26px; border-top: #2f5baf 1px solid; list-style-image: none; }
#wrapper #container .main-column ul.crumbo li:hover { background: url(../images/blues-bg-hover.jpg) bottom left repeat-x;}
#wrapper #container .main-column ul.crumbo li a { color:#ffffff;}
#wrapper #container .main-column ul.crumbo li a:hover { color:#fff; text-decoration:none;}
#wrapper #container .main-column ul.crumbo li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#wrapper #container .main-column ul.crumbo li span:hover {text-decoration:none;}


#wrapper #container .main-column .video { float:left; margin-right: 5px;}

/* =========== side column ========== */

.side-column ul { margin-bottom: 10px;}
.side-column ul.quickLinks{ border-left: #B19D84 1px solid;}
.side-column ul.quickLinks li { background-color: #F2E2C3; border-bottom: #E0B33A 1px solid; border-top: #B19D84 1px solid;padding:5px 15px; color:#000000; margin-bottom: 3px;}
.side-column ul li { color:#000000; margin-bottom: 3px;}
.side-column ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input.email{ background-color: #C2AF94; height: 20px; width: 230px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px;border : 1px solid #a28964;; margin-right: 5px; font-weight: bold;}
input.submit{ vertical-align:middle;}
.side-column a { color: #222; font-weight:bold; }
.side-column a:hover { color: #993300; text-decoration:none; font-weight:bold; }
.side .col1 {width: 105px; text-align:left; padding-right: 0px; padding-bottom: 3px;}
.side .col2 {width: 105px; text-align:left; padding-right: 0px; padding-bottom: 3px;}
.side .col3 {width: 105px; text-align:left; padding-right: 0px; padding-bottom: 3px;}
.quick {background: #C2AF94; width: 300px;}
.quick .col1 {width: 100px; text-align:left; padding-right: 0px; padding-bottom: 3px;}
.quick .col2 {width: 100px; text-align:left; padding-right: 0px; padding-bottom: 3px;}
.quick .col2 {width: 100px; text-align:left; padding-right: 0px; padding-bottom: 3px;}
.side-column ul li.storeCat{ float:left; margin-right: 2px; background:none; padding:0px;}
.side-column ul li.clr{background:none; padding:0px;}
.side-column ul {margin-botton: 5px;}

/* =========== faq ========== */

span.back-to-top{ background: url(../images/backtotoparrow.png) center left no-repeat; padding-left: 20px; padding-top: 5px; height:16px; }
ul.qanda{ margin-left: 5px !important;}
ul.qanda li a:hover{ text-decoration:none; color:#990000; font-weight:bold;}
ul.qanda li a{font-weight:bold;}
ul.qanda li{ padding-bottom: 5px; list-style-type: none; list-style-image: none;}

/* =========== sitemap ========== */

ul.list4 { color: #fff; margin: 5px !important; }
.list4 li { list-style-image: none; list-style-type: none;}
.list4 li a {background:url(images/list-marker4.gi) right top no-repeat; }
.list4 li a:hover {color:#333;}
.list4 li.sub a { margin-left: 12px; color:#A5222A !important; font-size: 12px; text-decoration: none; text-transform:uppercase; line-height: 25px;}
.list4 li.sub a:hover {color:#222 !important; font-size: 12px;}
.list4 li.sub2 a { margin-left: 20px; color:#444 !important; font-size: 12px; text-decoration:none; line-height: 25px;}
.list4 li.sub2 a:hover {color:#666666 !important; font-size: 12px;}
.list4 li.sub3 a { margin-left: 30px; color:#F68B1F !important; font-size: 12px; text-decoration:none;}
.list4 li.sub3 a:hover {color:#666666 !important; font-size: 12px;}
.list4 li.sub4 a { margin-left: 30px; color:#444 !important; font-size: 12px; text-decoration:none;}
.list4 li.sub4 a:hover {color:#666666 !important; font-size: 12px;}
.list4 li.sub5 a { margin-left: 50px; color:#666 !important; font-size: 12px; text-decoration:none;}
.list4 li.sub5 a:hover {color:##666666 !important; font-size: 12px;}

/* =========== contact ========== */

#contactForm { display: block; float: left; border: 0px #999 dotted; padding: 10px 15px 10px 10px; margin: 0 10px 0 20px;}
#contactForm ul {list-style: none; padding: 0;margin: 10px 0 0 0;}
#contactForm ul li {padding-top: 5px;border: 0; list-style-image:none;}
#contactForm ul li a {text-decoration: underline;color: #777;}
#contactForm ul li a:hover {color: #000;}
#contactForm ul li label {font-family : Verdana, Arial, Helvetica, sans-serif;font-size: 10 px;font-weight: normal;color: #333;text-transform: uppercase;letter-spacing: 1px;text-align: left;border-right: 0px #444 solid;padding: 0 0 0 0;margin: 0 0 0 0;}
#contactForm ul li .formfieldarea {width: 400px;height: 200px;background-color:  #C2AF94;font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10px;color: #000;border: 1px solid #a28964;padding: 2px 2px;margin: 0;}
#contactForm .inputBox {width: 400px;height: 15px;background-color: #C2AF94;font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10px;color: #000;border : 1px solid #a28964;padding: 0;margin: 0;}
#contactForm fieldset {border-top: 0px #111 dotted;border-right: 0px #111 dotted;border-bottom: 0px #111 dotted;border-left: 0px #111 dotted;padding: 0 0 5px 0;margin: 0 0 0 0;}
#contactForm label.submit {display: block;text-align: left;}

/* =========== footer ========== */

#footer { padding: 5px 20px 20px 20px; background: url(../images/footer.png) no-repeat; clear: both; width: 865px; }
#footer a{ color:#c2af8a; font-size: 10px;}
#footer a:hover{ color:#7F6745;}
#footer .copyright{width: 710px; float:left; padding-top: 20px; }
#footer .copyright p {text-transform: capitalize; color: #7F6745;}
#footer .social { float: right;}
#footer .social ul li{float: left; margin-left: 10px;}
#footer .social ul li.facebook:hover{background: url(../images/facebook_over.png) no-repeat;}
#footer .social ul li.facebook{ background: url(../images/facebook.png) no-repeat;}
#footer .social ul li.twitter:hover{background: url(../images/twitter_over.png) no-repeat;}
#footer .social ul li.twitter{ background: url(../images/twitter.png) no-repeat;}
#footer .social ul li.youtube:hover{background: url(../images/youtube_over.png) no-repeat;}
#footer .social ul li.youtube{ background: url(../images/youtube.png) no-repeat;}
#footer .social ul li.wiki:hover{background: url(../images/wikipedia_over.png) no-repeat;}
#footer .social ul li.wiki{ background: url(../images/wikipedia.png) no-repeat;}
#footer .grip-icon{ padding-bottom: 30px; padding-right: 0px; padding-top: 30px; float: right; }
#footer .menu #nav{ width: 710px;}
#footer .menu #nav ul{ margin:0; padding:0 0 0 3px; width: 710px;}
#footer .menu #nav li{ float:left; font-size:13px; text-transform:uppercase; padding-right:2px;}
#footer .menu #nav li a{ text-decoration:none; display:inline-block; color:#fff; padding-right:10px;}
#footer .menu #nav li a:hover{ text-decoration:none; display:inline-block; color:#A5222A; padding-right:10px;}
#footer .menu #nav li a span{ display:block; padding:10px 15px 9px 5px;}