﻿body {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('../images/1pxpgback.jpg') repeat-x left top; 
background-color:#C2C3C5;
}

a:active, a:focus {outline: 0;}
h1,h2,h3,h4,h5,h6,ul,li,p,div,br {padding:0px; margin:0px;}
div {line-height:normal;}

/* Link Styles */
.glink{font: bold 10px/1.5em arial; color:#005532;}
a.glink:link {text-decoration: none;}
a.glink:visited {text-decoration: none;}
a.glink:hover {text-decoration: underline;}



#spacer{height:28px; width:1000px; float:left; clear:left;}


#outercontainer{
width:954px;
margin:0 auto;
clear:left;
}


#header{
width:954px;
height:112px;
float:left;
clear:left;
display:inline;
background:url('../images/head-r.jpg') no-repeat right top;
}

#comstor-outdoor-logo{
background:url('../images/comstor-outdoor-logo.jpg') no-repeat left top; 
width:383px; height:56px; float:left; clear:left; margin:26px 0 0 13px; }
#comstor-outdoor-logo a {display:block; width:383px; height:56px;}
#comstor-outdoor-logo h1{text-indent:-99999em;}

#head-r{width:410px; height:112px; padding:5px 10px 0 0; float:right;}
#head-r ul{list-style:none; float:right; clear:left; display:inline; margin:0; padding:0px;}
#head-r li{list-style:none; display:inline; float:left; margin:0px; padding:0px 10px 0 0;}

#comstor-contact{
width:350px; height:30px; float:right; clear:both; margin-top:25px; 
font: normal 20px/1.5em Arial;color:#433A39; text-indent:0px;
}

#navbar{
width:954px;
height:40px;
float:left;
clear:left;
}

#navbar ul{list-style:none; float:left; clear:left; display:inline; margin:0; padding:0px;}
#navbar li{list-style:none; display:inline; float:left; margin:0px; padding:0px;}

#navlink{
width:954px;
height:25px;
float:left;
clear:left;
}

#content{
width:936px;
margin:0 auto;
height:auto !important;
float:left;
clear:left;
font: normal 13px/1.3em Arial;color:#1A161B;
background-color:#FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
margin-left:8px;
}

#banner-holder{
width:936px;
height:265px;
float:left;
clear:left;
border-bottom:10px solid #000000;
}

#slider{
width:394px;
height:265px;
float:left;
clear:left;
background:url('../slide/comstor-slide1.jpg') no-repeat left top;
}

#homevideo{
width:394px;
height:265px;
float:left;
clear:left;
}


#banner-right{
width:542px;
height:265px;
float:left;
display:inline;
}
#banner-right h1{text-indent:-9999em; display:inline; float:left; clear:left;}
.banner-top-txt{background:url('../images/comstor-banner-top.jpg') no-repeat left top; width:542px; height:116px; float:left; display:inline;}

#banner-right ul{list-style:none; float:left; clear:left; display:inline; margin:0; padding:0px; width:542px; height:111px;}
#banner-right li{list-style:none; display:inline; float:left; margin:0px; padding:0px;}

.billboard-location{background:url('../images/billboard-location-back.jpg') no-repeat left top; width:542px; height:38px; float:left; clear:left; display:inline;}


#who-costor-outdoor{
width:896px;
float:left;
clear:left;
display:inline;
padding:20px;
}
.glink{font: bold 13px/1.3em arial; color:#C2291C;}
a.glink:link {text-decoration: none;}
a.glink:visited {text-decoration: none;}
a.glink:hover {text-decoration: underline;}

.glink1{font: bold 13px/1.3em arial; color:#901C13;}
a.glink1:link {text-decoration: none;}
a.glink1:visited {text-decoration: none;}
a.glink1:hover {text-decoration: underline;}



#product-holder{
width:936px;
height:194px;
float:left;
clear:left;
background:url('../images/1pxgradiant.jpg') repeat-x left top;
}

#product-holder td{ vertical-align:top; height:194px;}
#product-holder ul{list-style:none; float:left; clear:left; display:inline; margin:0; padding:0px;}
#product-holder li{list-style:none; display:inline; width:91px; float:left; margin:0px; padding:6px;}

.product-content{margin:20px 10px 0 10px;}


#bottom-info-table{
width:936px;
height:160px;
float:left;
clear:left;
background-color:#EDEDEE;
border-bottom:2px solid #A1A0A2;
}

#bottom-info-table td{height:160px; vertical-align:top; padding-top:10px;}
.testimonial{background:url('../images/comstor-testimonial.jpg') no-repeat center center; width:360px;}

#test-cont{float:left; clear:left; width:280px; margin:20px 0 0 40px;
color:#901C13; font: bold 14px/1.3em arial;
}
.black-txt{color:#000; font: bold 12px/1.7em arial;}

.info{font: normal 11px/1.5em arial; color:#000;}
a.info:link {text-decoration: none;}
a.info:visited {text-decoration: none;}
a.info:hover {text-decoration: underline;}



.footer{text-align:center; vertical-align:middle; color:#5B5C5E;
font: normal 11px/1.5em arial;
float:left; clear:left; height:34px; width:100%;
padding-top:15px;
}

.flink{font: bold 11px/1.5em arial; color:#5B5C5E; padding:0 10px 0 10px;}
a.flink:link {text-decoration: none;}
a.flink:visited {text-decoration: none;}
a.flink:hover {text-decoration: underline;}


.copy{font: normal 11px arial; line-height:2.5em; color:#4D4F56; margin:0 auto; text-align:center; clear:left}
.seotext{font: bold 20px/1.5em Arial;color:#8F1C12; text-transform:uppercase;}
.normal{font: normal 12px/1.3em Arial;color:#1A161B;}
.standouttext{color:#8F1C12;}



/* Drop Down Menu Tab CSS*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top:0;

/*THEME CHANGE HERE*/
/*Top border width. Should match height of .ddcolortabsline above*/
z-index:100000;
background-color:#C2281C; 
display:block;
width: 195px;
visibility: hidden; 
font: bold 13px/1.5em arial;
}


.dropmenudiv_a a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom:1px dashed #2C2C2C;
text-decoration: none;
color: #ffffff; 
padding-top:5px;
padding-bottom:5px;
text-align:left;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 90%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
color: #2C2C2C;
}
