/***********************************************/
/* html tag styles                             */
/***********************************************/ 
body 
{
margin: 0 auto; 
padding: 0;
font-family: trebuchet,verdana,sans-serif;
font-size: 100%;
/*text-align: center;*/
}

#containerOuter { width: 100%; background-image:url(http://lib.store.yahoo.net/lib/tonneau-truck-cover/body-bg.png); background-position:center; background-repeat:repeat-y; text-align: center; background-color:#F1F2F2;    }



#containerInner { margin: 0 auto; padding:0; width:1000px; text-align: left; border: 1px solid #11375C; background: #ffffff; }



#masthead{
font: 100% verdana,trebuchet,sans-serif;
font-variant: small-caps;
color: #000000; 
}
/***********************************************/
/* common classes                                */
/***********************************************/
.width100 { width: 100%; }
.width90 { width: 90%; }
.width75 { width: 75%; }
.width60 { width: 60%; }
.width60 { width: 60%; }
.width50 { width: 50%; }
.width40 { width: 40%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear { clear: both; }
.padding3 { padding: 3px;}
.padding5 { padding: 5px;}
h1.intro-text
{
font: 19px verdana,trebuchet,sans-serif;
font-weight: bold;
color: #c4161c; 
text-decoration: none; 
margin-top:0px;
text-align:center;
}
h2.intro-text
{
font: 14px verdana,trebuchet,sans-serif;
font-weight: bold;
color: #000000; 
margin-top:5px;
margin-bottom:0px;
text-align:center;
}
h3.intro-text
{
font: 14px verdana,trebuchet,sans-serif;
font-weight: bold;
color: #000000; 
margin-top:5px;
margin-bottom:0px;
text-align:center;
font-variant: small-caps;
}
h4.intro-text
{
font: 17px verdana,trebuchet,sans-serif;
font-weight: bold;
color: #c4161c; 
text-decoration: none; 
margin-top:5px;
text-align:center;
}
h1
{
font-size:100%;
font-weight: bold;
color: #c4161c; 
margin-top:5px;
margin-bottom:5px;
text-decoration:underline;
}
a
{
font-size:90%;
color: #000000; 
text-decoration:none;
}
a:hover
{
font-size:90%;
color:  #c4161c; 
text-decoration:underline;
}
/* BACKGROUND COLORS */
.grey
{
background-color:#999999;
height:1px;
}
.white
{
background-color:#ffffff;
height:3px;
}
.black
{
background-color:#000000;
height:1px;
}
.red{
background-color:#C4261D;
}
.sid-nav-bar{
background-image:url('/lib/tonneau-truck-cover/vertical.gif');
background-repeat:repeat-y
}
/***********************************************/
/* layout divs                                 */
/***********************************************/
#masthead{
margin: 0px;
padding: 0px;
width: 100%;
}
#adsense{ width: 728px; height:90px; margin:30px 2px 0px 0px;  float:right; }
#content
{
margin-top:5px;
margin-right:5px;
margin-left:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
text-align: left;
color: #000000;
font: 80% Verdana, Arial, Helvetica, sans-serif;
}#content div.ul
{
margin: 0 0 0 2px;
padding: 0px;
font: 80% Verdana, Arial, Helvetica, sans-serif;
}#footer{
margin: 0;
padding: 0;
color: #cccccc;
border-bottom: 3px solid #C4261D;
font:80% Verdana, Arial, Helvetica, sans-serif;
background-color:#000;
text-align:center;
}
/* ###################################### MASTHEAD : TOP MENU  ###################################### */
/*    NAVIGATION TOP  */
#navigation
{
width:30em;
font-size:90%;
}				   
#navigation a
{
color: #fff;
background: #C4261D url('/lib/tonneau-truck-cover/left-tab-hover.gif') no-repeat left top;
text-decoration: none;
padding-left: 10px;
font-weight:bold
}
#navigation a span
{
background: url('/lib/tonneau-truck-cover/right-tab-hover.gif') no-repeat right top;
padding-right: 10px
}
#navigation a, #navigation a span
{
display: block;
float: left
}
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */
#navigation a:hover
{
color: #fff;
background: #000000 url('/lib/tonneau-truck-cover/left-tab.gif') no-repeat left top;
padding-left: 10px;
font-weight:bold
}
#navigation a:hover span
{
background: url('/lib/tonneau-truck-cover/right-tab.gif') no-repeat right top;
padding-right: 10px
}
#navigation ul
{
list-style: none;
padding: 0;
margin: 0
}
#navigation li
{
float: left;
margin: 0;
padding: 0;
} 
/* ######################################  MASTHEAD : CONTENTS  ###################################### */
#masthead div.logo
{
background-image:url('/lib/tonneau-truck-cover/tonneau-truck-banner.gif');
background-repeat: no-repeat;
background-color:#C4261D;
background-position: left top;
height: 151px;
margin: 0px;
font-size:90%;
padding:0px
}
#masthead div.logo h1
{
position:absolute;
top: 103px;
left: 556px;
color:#fff;
font-size: 80%;
width: 30%;
text-decoration:none;
}
#masthead marquee
{
font-size:70%;
font-weight:bold;
color: #00000;
font: bold 100% Arial, 'Trebuchet MS', 'Lucida Grande', sans-serif;
vertical-align:middle;
}
#masthead #brandlogo{border-bottom: 1px solid #c4161c; }#masthead div.strip
{
border-top: 1px ridge #c4161c;
border-bottom: 2px dotted #000000;
background-color:#dddddd;
margin: 1 0 0 0;
width: 100%;
padding-bottom: .10em;
padding-top:: .10em;
}
#masthead div.strip div.scrollnews
{
width: 97%;
vertical-align: middle;
float:left;
}html>body #masthead div.strip{
height:22px;
}
#masthead div.topnav {
width:100%;
height: 21px;
text-align: left;
background-color:#000000;
font-weight:bold;
}
#masthead div.topnav a {
color: #ffffff;
padding-right: 13px;
padding-left: 10px;
background-image: url('/lib/tonneau-truck-cover/sep.gif');
background-repeat:no-repeat;
background-position: center;
background-position: right;
font-weight: bold;
}
#masthead div.topnav a.nosep{
background-image: none;
}
#masthead div.topnav a:hover {
color: ffffff;
}
/* ######################################  content : DETAILS  ###################################### */
#content div.contactus{
border: 1px solid #c4161c;
width: 440px;
text-align:left;
}
#content div.contactus tbody{
font: 80% Verdana, Arial, Helvetica, sans-serif;
}
#content div.contactus textarea{overflow: scroll; overflow-y: scroll;overflow-x: hidden;overflow:-moz-scrollbars-vertical;}
#content div.contactus h2{
font-size:100%;
font-weight: bold;
color: #c4161c; 
text-decoration: none;
background-color: #c4161c;
color: #ffffff;
margin: 0;
text-align:center;
}
/* ######################################  FOOTER  ###################################### */
#footer div.address
{
border-top:3px solid #CCCCCC;
border-bottom:1px dotted #CCCCCC;
background-image:url('/lib/tonneau-truck-cover/address-bg.gif');
background-repeat:repeat-x;
padding-top:5px;
padding-bottom:5px;
width: 100%;
height:80px
}
#footer div.address div.company
{
float: left;
width: 40%;
margin-right:40px;
}
#footer div.address div.telephone
{
float: right;
width: 50%;
padding-left:40px;
}
#footer div.stores
{
background-image:url('/lib/tonneau-truck-cover/footer-bg.gif');
background-repeat:repeat-x;
border-bottom:1px dotted #CCCCCC;
padding-top:5px;
padding-bottom:5px
}#footer div.stores a
{
color:#000000;
font-weight:bold;
}
#footer div.stores a:hover 
{
color:#000000;
text-decoration:underline;
font-weight:bold;
}#footer a
{
color:#FFFFFF
}
#footer a:hover 
{
color:#FFFFFF;
text-decoration:underline;
}
/* ######################################  SECTIONLINKS  ###################################### */
#sectionlinks{
width: 195px; /*width of menu*/
font-size: 12px;
margin-left:5px;
font-weight:bold;
}
#sectionlinks .headerbar{
color: white;
background: black url(http://lib.store.yahoo.net/lib/yhst-42399157813287/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
#sectionlinks ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
#sectionlinks ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
#sectionlinks ul li a{
color: #A70303;
background: url(http://lib.store.yahoo.net/lib/tonneau-truck-cover/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
#sectionlinks ul li a:visited{
color: #A70303;
}
#sectionlinks ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
#search
{
width: 175px;
margin: 2px 0 0 7px;
text-align:right;
font-size:80%;
}
#search .input
{
border:1px groove #c4161c; 
color: #c4161c;
}#newsletter #newsletterContent{
padding-left: 10px;
padding-bottom: 5px;
font:90% Georgia, "Times New Roman", Times, serif;
}/* Tonneau BOX*/
#knowledgebase{
border: 0px groove black;
width: 190px;
background-color:#F7F7F7;
font: normal 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
margin: 0 0 0 6px;
}
#knowledgebase div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-image:url('/lib/tonneau-truck-cover/address-bg.gif');
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
height: 10px;
}
#knowledgebase a
{
color: #c4161c;
text-decoration:none;
padding-left: .5em;
line-height: 2em;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#knowledgebase a:hover
{
color:  #000000;  
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-decoration:underline;
}
#currencyConvertor
{
color:#FFFFFF;
padding-left: 5px;
font-size:90%;
margin: 0 0 0 3px;
}
#newsletter
{
background:#C4261D;
color:#FFFFFF;
font-weight:bold;
margin: 0 0 0 6px;
width:190px; 
height:200px;
}
#jumpsearch
{
width: 100%;
background:#C4261D;
padding: 0.2em;
text-align: center;
margin: 0.5em;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
border: 1px solid #000000;
color: #ffffff;
}
#jumpsearch form
{
display:inline;

}