/* CSS Document */
/*  
Site Name:	Rhino Linings
Site URL:		http://www.rhinolinings.com/
Version:		1.0
Author:		TYPE G DESIGN
Author URL: http://typegdesign.com/

*/


/**************************************************
GLOBAL ELEMENTS
**************************************************/
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a {color:#445271;}
a:hover {color:#970000;}

/**************************************************
LAYOUT
**************************************************/

td.noborder img  {border:0; }
#mainContainer { background:url(_images/bg-top_shadow.gif) repeat-x top left; border: 1px solid #cdcdcd;}
#rightCol { background:#c8c8bc;}

#search {background: url(_images/bg-locator.gif) no-repeat; height:31px; width:164px; padding-top:33px; padding-left:6px;  border-bottom:10px solid #fff;}
#search input {font-size:11px; text-transform:uppercase; padding:0; margin:0; border:1px solid #666;}
#search form {margin-bottom:0; padding-bottom:0;}

#searchResults { border-bottom:10px solid #fff; padding:8px;}

.rightColBlock {padding:8px; /*background:url(_images/bg-rightCol_line.gif) no-repeat top;*/}

.breakBG {background:#FFFFFF; width:170px; height:10px; padding:0; margin:0;}

.gradientBg {background:url(_images/bg-gradient.gif) repeat-x top left #EbEbdf;}

#colSprayWhat {background:url(_images/title-rhino_spray_what.gif) no-repeat #EbEbdf; padding:65px 0 5px 5px; font-size:10px;}

#colSprayWhat img {opacity: 0.7; background:#000000;}
#colSprayWhat img:hover {opacity: 0.9999;}
#footerLinks { margin-top:14px; font-size:10px; color: #9d9d92;  }

#headerLinks {font-size:10px; color: #9d9d92;}


#pageTitle {width:550px; margin-bottom:0px; height:33px; background:url(_images/bg-pageTitle.gif) no-repeat;}

html, body {height:100%;}
#fullheight {height:100%;}

td#content {padding-top:10px;}

#galleryImage {}
td#galleryImage {width:550px; height:367px; background:url(_images/bg-gallery.jpg) no-repeat;}

.closeBtn { display:block; width:544px; height:14px; font-size:10px; color:#FFFFFF; text-align:right; padding:3px; margin-bottom:10px; background:#000000;} 

#specs {}

table#features { border: #666 solid 1px; background:#ccc; margin: 0; }
table#features td { font:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:2px;}
table#features tr {background:#f1f1f1;}
table#features tr:hover {background:#e1e1e1;}
table#features th { font-family:Arial, Helvetica, sans-serif; font-size:11px; background: #888486 url(images/bg_cms-th.gif) repeat-x;  font-weight:normal; text-transform:uppercase; height:25px; text-align:center; padding:5px; }
table#features p {margin:0; padding:0;}

/**************************************************
TYPOGRAPHY
**************************************************/

h2 { background:url(_images/specs-h2_bg.gif) no-repeat left top; padding:0 0 0 20px; font-weight:normal; margin-bottom:8px; }

h3 { padding:0 0 0 10px; font-weight:normal; font-size:14px; font-weight:bold;}

h4 { text-align:right; padding-right:5px; font-size:11px; color:#535353; text-transform:uppercase; padding-top:1px; margin-top:0;}

h5 {margin:0; padding:0; font-size:12px; color:#333333; text-align:left;}
select { 
  background: #ccc; 
  color: #000; 
  font-weight: normal;
  border-bottom:1px #666 solid;
  font-size:10px;
  padding:1px;
  } 
  
 h6 {font-weight:normal; padding:0; margin:0; color: #999999;}
 h6 a {text-decoration:none;}

 #news form {margin:0; padding:0;} 
 select span.newsDate {font-size:16px;}
 span.newsDate {font-size:16px;}

#footerLinks a {color:#AEACA4; text-decoration:none;}
#footerLinks a:hover {color:#434A65; text-decoration:none;}

#headerLinks a {color:#434A65; text-decoration:none;}
#headerLinks a:hover {color:#970000;}
#headerLinks p {padding:4px 10px 4px 0; margin:0;}

#headerLinks span.homeLink {}
#headerLinks span.homeLink a {color:#434A65;}
#headerLinks span.homeLink a:hover {color:#970000;}

.button { background:url(_images/btn-bg.gif) repeat-x; height:19px;}
.button a { color:#AEACA4; text-decoration:none; }
.button a:hover { color:#434A65;}

.subnav { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#111223; font-size:11px;}
.subnav ul { background:#c8c8bc; padding:0; margin:0; list-style:none;}
.subnav ul li {margin:1px 0 1px 0; padding:0;}
.subnav a {padding:4px 9px 4px 9px; text-decoration:none; color:#111223; display:block; background:#d9d9cf;}
.subnav a:hover { color:#99aece; background:#43516f;}



#subNav-Products ul{width:99px;}
#subNav-Applications ul{width:121px;}
#subNav-Dealer ul{width:116px;}
#subNav-About ul{width:123px;}

#rightCol h3 { font-size:11px; margin:0; padding:0 0 1px 0; text-transform: capitalize; color: #666666;}
#rightCol p { font-size:10px; margin:0; padding:0 0 5px;}
#rightCol a {font-size:10px; text-decoration:none; display:block;}
#rightCol a:hover {}
#rightCol ul { font-size:10px; margin:5px; padding:0;}
#rightCol ul li {margin:2px 0 2px 10px; padding:0; line-height:12px; list-style:square; }
#rightCol .rightColBlock a {display: inline;}


td.gradientBg {}
td.gradientBg p {font-size:11px; padding:5px 10px 0 10px; margin:0;}
td.gradientBg h3 {font-size:14px; font-weight:normal; padding:0 0 5px 0; margin:0; border-bottom:#fff 1px solid;}

.content {}
.content p {font-size:12px; padding-left:10px; padding-right:10px;}
.content ul {font-size:12px;}

.testimonial p { font-size:10px; margin:0; padding:0 0 5px; font-style:italic;}
.testimonial a {font-size:10px; color:#606060;}
.testimonial a:hover {color:#43516f;}

#trans_content p {padding:0 10px 10px 10px; margin:0; font-size:11px;}
#trans_content h3 {font-size:13px; margin:10px 10px 6px 10px; padding:0;}

.question { background:url(_images/icon-question.gif) no-repeat left top; height:18px;  }

.question a {margin: 10px; }
.question a:hover {}

.answer { background:#e0e0e0 url(_images/bg-specs_bottom.gif) no-repeat bottom;}
div.answer { margin-bottom:10px; padding-bottom:8px}
.answer h3 {font-size:13px; padding:0 10px 0 10px;  background:url(_images/icon-question.gif) no-repeat left top; margin-left: 10px; padding-left:20px; padding-bottom:10px; height:18px;}
.answer p {background:url(_images/icon-answer.gif) no-repeat left top; margin:10px; margin-top:0; padding-left:20px}

#specs h3 {background:url(_images/specs-h3_bg.gif) no-repeat top left; width:530px; height:16px; font-size:12px; padding:1px 10px 0 10px; margin:0;}
#specs ul { margin-top:5px; margin-bottom:20px;}
#specs li {}

.space {padding:5px;}

table.infoImages { padding:10px 0 10px 10px;}


#tooltip { padding: 2px; font-size: 10px; position: absolute; width:550px; text-align: left; color: #FFCC00; border: 1px solid #2e2e2e; background-color: #000; visibility: hidden; z-index: 100; }



.disclaimer {margin:5px 0; font-style:italic;}

.dealerCities {margin-bottom: 20px;}
.dealerCities h3 { font-size: 18px;

color: #000000;

margin-top: 4px;

margin-right: 4px;

margin-bottom: 4px;

margin-left: 0px;

padding-top: 6px;

padding-right: 6px;

padding-bottom: 6px;

padding-left: 6px;

background-color: #ebebdf;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #c8c8bc;

border-right-color: #c8c8bc;

border-bottom-color: #c8c8bc;

border-left-color: #c8c8bc;}
address { font-size:11px; font-style:normal; padding-left:8px;}
.dealerCities hr {color: #000000;

background-color: #FFFFFF;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-color: #d2d2d2;

border-right-color: #d2d2d2;

border-bottom-color: #d2d2d2;

border-left-color: #d2d2d2;

border-top-style: none;

border-right-style: none;

border-bottom-style: dotted;

border-left-style: none;}

/**************************************************
SUBMIT FORM
**************************************************/
#promo {font-size:10px; background:#e0e0e0 url(_images/bg-specs_bottom.gif) no-repeat bottom;}
table#promo { width:530px;}
#promo td {font-size:10px;}
#promo input { font-size:10px;}
#promo p {font-size:10px; padding:0}
.redText {color:#990000;} 
.promo2 {background:#f1f1f1;}

.contact {font-size:10px;  background:#e0e0e0 url(_images/bg-specs_bottom.gif) no-repeat bottom;}
table.contact { width:550px;}
.contact td {font-size:10px;}
.contact input { font-size:10px;}
.contact p {font-size:10px; padding:0; margin:0 0 0 5px;}
.redText {color:#990000;} 
.contact h5 {padding:0 0 0 10px;}

.paddingLeft {padding-left:10px;}
.paddingRight {padding-right:10px;} 

#subject { width: 1px; height: 1px; visibility: hidden; }