@import "reset.css";



/* construction  blocks */
.wrapUp{ margin: 0px auto; width: 899px; padding: 12px 10px;}
#header {}
#content{margin:0px auto; background:url(../images/contentBackStore.png) repeat-y top center; }
#col1{ min-height: 60px; width:650px; padding:0px 20px 20px 10px; color: #333;}
#col2{color: #333; width:212px; float: left; margin-top: -6px; }
#col3{ width:185px; border-top: solid 1px #041423; border-right: solid 1px #041423; border-bottom: solid 1px #041423; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; background: repeat-y url(../images/col3Back.png); padding:20px; color: #185c86; float: right; min-height: 58px; height: 190px;}
#intro{color: #333; clear: both; padding: 23px 0 24px 40px;}

#c{background: repeat-y url(../images/contentBack.png); float: left; width: 710px;}
#cTop{background: no-repeat url(../images/contentTop.png); width: 725px; height: 33px;}
#cBot{background: no-repeat url(../images/cBotStore.png) top center; height: 28px; margin-bottom: 10px;}

/* intro area */
#intro h2{ font-size: 14px; font-weight: bold; color: #333;}
#intro p {font-size: 12px;}
#intro div.fl{width: 350px; margin-left: 50px; padding: 10px 0 10px 0; margin-top: 10px;}

/* site switcher */
#siteSwitcher{ margin:0 0 0 40px;}
#siteSwitcher li{background:url(../images/storeswitchBTN.png) no-repeat; padding-left:10px; display: block; float: left; margin-right: 15px;}
#siteSwitcher li a{background:url(../images/storeswitchBTN.png) no-repeat right top;  padding:5px 150px 9px 0; color: white; text-decoration: none; font-size:17px; display: block; font-weight: normal;}

/*sidebar */
#col2 ul li h3{background: url(../images/h3SideBarBack.png); font-size: 14px; color: #fff; padding:14px 0 4px 13px;}
#col2 ul li div{background: url(../images/sidebarBoxes.png) #cfe9f9 bottom left; font-size: 12px; color: #fff; padding:14px 10px 14px 17px;}

#col2 ul li.special h3{background: url(../images/specialH3.png); font-size: 14px; color: #fff; padding:30px 0 22px 75px; margin: 0 0 0 -22px;}
#col2 ul li.special div{background: url(../images/sidebarBoxes.png) #cfe9f9 bottom left; font-size: 12px; color: #fff; padding:10px 10px 30px 17px;}

/* logo control */

.logoSmall{width:285px; height:122px; float:left;  background:url(../images/HICOlogoBig.png) no-repeat 0px -20px; padding: 10px 0 10px 0; }




/* navigation */
ul#nav{ background:url(../images/menu.png) repeat-x; clear:both; padding: 13px 15px 32px 35px; position: relative; z-index: 999;}
ul#nav li {float: left;}
ul#nav li a{ color: #fff; font-weight: bold; font-size: 13px; margin: 0 25px 0 0; text-decoration: none;}
ul#nav li.last{ }
ul#nav a { }
ul#nav a:hover { }

/* bottom Nav */
#footer ul{ float: left; margin-left: 40px;}
#footer ul li{line-height: 20px;}
#footer ul li h4{ color: #fff; line-height: 20px; text-decoration: none; font-size: 14px;}
#footer ul li a{ color: #fff; line-height: 20px; text-decoration: none;}
#footer ul li a:hover{ color: #fff; line-height: 20px; text-decoration: underline;}




/* this stuff makes the dynamic-ness of the drop down happen */
ul#nav ul{ display:none; position:absolute; z-index:500; top:35px; }
*+html ul#nav ul{/*if IE */ margin-left:-110px;}
ul#nav li:hover ul{ display:block;}


/* content format styles */
.textBox{-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; background:#454545 url(../images/textBoxBack.jpg) repeat-x; min-height:100px; padding:6px; border:solid 3px #454545;}
.textBox h2{font-style:italic; font-size:16px; font-weight:normal; letter-spacing:.03em; margin-bottom:5px; color:#FFF; padding:10px 0 0 5px;}
.textBox p{ color:#ccc;}
.alignleft{}
.alignright{}


/*footer styles */

#footer{ width: 1024px; margin: 0 auto;}
#footer p{ font-size:10px; text-align:center; color:#CCC;}

.banner{background:url(../images/bannerMock.png) no-repeat; width:362px; height:138px;margin: 0 0 20px 30px; }
.copy{text-align: center; padding-top: 20px; padding-bottom: 8px; background: url(../images/copyback.png) repeat-x; color: black; width:100%; position: relative; z-index: 5; clear: both;}



/* The balloons */
#balloon{width: 100%; min-width:1024px; height:763px; float: right; position: relative; top:-30px;  background:url(../images/goodBalloons.png) no-repeat top right; }


/* login section */
#login{background:url(../images/loginBack.png) center top no-repeat; padding:12px 0 4px 0;}
.loginContent{ margin: 0px auto; width: 899px; padding: 9px 10px 4px 0; text-align: right; color: #000;}
.loginContent div ul li{ float: right; margin-right: 5px;}
.loginContent div ul li a{padding: 6px; display:block; color: black; text-decoration: none;}
.loginContent div ul li a:hover{background:#163650; color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.loginContent legend {float: left; display:none;}
.loginContent fieldset {float: right; display: block;}
.mini-search{float: right; display: block;}


/* here's some overrides I couldn't find in boxes.css */
.form-button{float: right; clear: right;}
.description{ float: left; margin: 0 0 0 10px; width: 400px;}
table.view-by{ display: none;}
.mini-search input{float: right; margin: 1px 0 0px 0;}
input#search{ margin: 2px 5px 5px 0; display: block; }
#stuff{background: url(../images/sidebarBoxes.png) top left; padding:0 12px; color: #fff; text-align: right;}
#stuff a{color: #fff; }
#cart-sidebar{background: url(../images/sidebarBoxes.png) bottom left; padding-bottom:10px;}
.mini-cart h5{color: white; padding-left: 10px;}
.hideme{ display: none;}

/* upsell override */

.up-sell{ display: none;}

/* fixing product view layout up */

.add-or{clear: left; margin: 10px;}
.add-to-box{clear:left;}
.qty-box label{line-height: 20px;}
.add-to-cart-box legend{ padding-bottom: 10px;}
.product-shop{margin-left: 10px; width: 320px !important;}