@import "resetMOD.css";


/* construction  blocks */

#header {}
#content{width:936px; margin:40px auto 20px auto;}
#col1{ margin-left: 20px; min-height: 60px; width:398px; padding:0px 40px 20px 30px; 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;}
#intro span{ font-size: 12px; font-style: italic; margin-top: 5px; display: block;}

#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/contentBottom.png); width: 725px; height: 33px;}

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

/* 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 */

.logo{width:285px; height:162px; float:left;  background:url(../images/HICOlogoBig.png) no-repeat; 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 { display: block; padding-bottom: 20px;}
ul#nav a:hover { }

ul#nav ul{padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #666; }
ul#nav ul li{ clear: both; width: 100%;}
ul#nav ul li a{ font-weight: normal; line-height: 20px; padding-bottom: 2px;}



/*a.homelink {float: left; position: relative; z-index: 200; top:0; left:0; color: #fff; font-weight: bold; font-size: 13px; margin: 0 10px 0 0; text-decoration: none; float: left;}
*/
/* level 2 nav */
ul#nav li:hover ul ul{ display: none;}

/* this stuff makes the dynamic-ness of the drop down happen */
ul#nav ul{ display:none; position:absolute; z-index:500; top:30px; }
*+html ul#nav ul{/*if IE */ margin-left:-110px;}
ul#nav li:hover ul{ display:block;}
ul#nav li:hover ul li:hover ul{ display:block; left:95%; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
ul#nav li:hover ul li:hover ul li a{min-width: 90px;}

/* 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;}


/* 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{}
.no-display{display: none;}


/*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; }
#cart-sidebar{ background: url(../images/sidebarBoxes.png) #cfe9f9 bottom left; padding:6px; }
#stuff{background: url(../images/sidebarBoxes.png) top left; padding:0 12px; color: #fff; text-align: right;}
#stuff a{color: #fff; }
.mini-cart .actions{text-align: right;}
.mini-cart h5 { color: white;
}