/*
======================================================
CSS Document
http://www.vetterod.com
vettestlye.css

author: Mike Mattner
Org: Corvette Central
Loc: Sawyer, MI
======================================================
*/
body {background-color: #3E3826; margin: 0px; padding: 0px; background-image: url(../images/pattern-BG.gif); font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-size: 12px;}

.center{text-align: center;}

/*
======================================================
VetteRod Layout
======================================================
*/
#top{height: 32px; background: url(../images/common-top.gif) repeat-x 0 0; margin: 0; padding: 0;}
#info_contain{width: 760px; margin: 0 auto 0 auto; padding: 0; height: 31px;}

#left_top{float:left; width: 300px; padding: 2px 0 0 0;}
#left_top ul{margin: 0; padding: 0;}
#left_top ul li{list-style-type: none; display: block; margin:0; float: left;}

#left_top ul li a.cc_top{display: block; padding: 5px 10px 5px 0; color:#554d34; text-decoration: none; font-size: 11px; background: url(../images/topsep.gif) right center no-repeat;}
#left_top ul li a.cc_top:hover{color: #fff; text-decoration: underline;}

#left_top ul li a.cce_top{display: block; padding: 5px 10px 5px 10px; color:#554d34; text-decoration: none; font-size: 11px; background: url(../images/topsep.gif) right center no-repeat;}
#left_top ul li a.cce_top:hover{color: #fff; text-decoration: underline;}

#left_top ul li a.vr_top{display: block; padding: 5px 10px 5px 10px; color:#554d34; text-decoration: none; font-size: 11px;}
#left_top ul li a.vr_top:hover{color: #fff; text-decoration: underline;}

#right_top{float:right; width: 151px; padding: 5px 0 0 0;}
#right_top input {height: 1%; display: inline;}
.hideinput {display: none;}
.search_form{width: 132px; font-size: 11px; padding: 3px 4px 3px 4px; color: #000; background: url(../images/search_bg.gif) no-repeat; border: 0; background-color: transparent;}

#banner {text-align: right;}

#topopage {background: url(../images/top-pattern.gif) repeat-x 0 0; width: 100%; margin:0; padding: 0;}
#menuhead {height: 142px; width: 760px; margin: 0 auto 0 auto;}

#logo {background-image: url(../images/vr-logo.gif); text-indent: -9999px; background-repeat: no-repeat; float: left; height: 91px; width: 269px; padding: 25px 0 0 5px; background-position: 5px 25px;}
#rightside {height: 142px; width: 433px; padding:12px 0 0 46px; float: left;}

#infotop {width: 760px; height: 10px; font-size: 1px; line-height: 1px; margin: 0 auto; background-image: url(../images/infohead-top.gif); background-repeat: no-repeat;}
#infohead {width: 760px; margin-right: auto; margin-left: auto; background-image: url(../images/infohead-mid.gif); background-repeat: repeat-y; padding-top: 15px; padding-bottom: 15px; color: #d3d3d3;}
.infomessage {width: 710px; margin-right: auto; margin-left: auto; font-size: 12px; font-weight: normal; padding-top: 5px; line-height: 20px; text-align: justify;}
.infomessage h2{margin: 0; display: block;}
#infobottom {width: 760px; height: 20px; font-size: 1px; margin-right: auto; margin-left: auto; background-image: url(../images/infohead-bot.gif); background-repeat: no-repeat;}

#welcomemessage {background-image: url(../images/welcome-to.gif); background-repeat: no-repeat; position: relative; height: 29px; width: 224px; left: 25px; text-indent: -9999px;}

#contentcontainer {width: 760px; margin-right: auto; margin-left: auto;}
#body {background-image: url(../images/body-BG.gif); background-repeat: repeat-y; width: 760px;}
#bodytop {background-image: url(../images/body-topBG.gif); background-repeat: no-repeat; height: 25px; width: 760px;}
#bodybottom {background-image: url(../images/body-botBG.gif); background-repeat: no-repeat; height: 25px; width: 760px; clear: both; background-position: 0px -25px;}
#content {width: 732px; margin-right: auto; margin-left: auto;}
#contenttwo {width: 700px; margin-right: auto; margin-left: auto;}
#homeintro {height: 218px; width: 338px; float: left; background-image: url(../images/home-intro.gif); background-repeat: no-repeat; background-position: left top;}
#homeintropic {height: 218px; width: 389px; margin-left: 339px;}
#introcont {width: 292px; margin-right: auto; margin-left: auto; margin-top: 40px; line-height: 17px;}
#footer {padding: 5px 15px 15px; width: 730px; font-size: 10px; color: #FFFFFF; text-align: center;}
/*
======================================================
Headlines, Headertext, etc....
======================================================
*/
#vetdef {background-image: url(../images/vetterod-def.gif); height: 37px; width: 203px; background-repeat: no-repeat; text-indent: -9999px;}
#c1headline {background-image: url(../images/c1-rod-label.gif); text-indent: -9999px; height: 84px; width: 252px;}
#c2headline {background-image: url(../images/c2-rod-label.gif); text-indent: -9999px; height: 84px; width: 252px;}
#c3headline {background-image: url(../images/c3-rod-label.gif); text-indent: -9999px; height: 84px; width: 252px;}
#theheadline {background-image: url(../images/launched.gif); text-indent: -9999px; height: 84px; width: 252px;}
#gallery {background-image: url(../images/gallery-soon.gif); text-indent: -9999px; height: 84px; width: 252px;}
#oncats {background-image: url(../images/online-cats.gif); text-indent: -9999px; height: 27px; width: 252px; padding-left: 51px; padding-top:9px; background-repeat: no-repeat; background-position: 51px 15px;}
/*
======================================================
VetteRod Menu
======================================================
*/
#menu {height: 33px; width: 433px;}
#menu ul{display: inline; margin: 0px; padding: 0px;  line-height: 1; list-style-type: none;}
#menu ul li{display: inline-block; float: left; text-align: center; padding: 0; margin: 0;}
#menu ul a {outline: 0;}

/* HACK IT \*/
* html #menuhead{display: inline-block;}
* html #oncats{padding-top: 9px;}
* html #infotop{margin-top: -18px;}
/* End */

/*HOME BUTTON====================================================================================*/
#menu ul li.home a {display: block; width: 52px; height: 33px; text-indent: -9999px; background: url(../images/menu-home.gif) no-repeat 0px 0px;}
#menu ul li.home a:hover {display: block; width: 52px; height: 33px; text-indent: -9999px; background: url(../images/menu-home.gif) no-repeat 0px -33px;}
#menu ul li.vhome a, #menu ul li.vhome a:hover {display: block; width: 52px; height: 33px; text-indent: -9999px; background: url(../images/menu-home.gif) no-repeat 0px -33px;}

/*C1 BUTTON====================================================================================*/
#menu ul li.c1 a {display: block; width: 85px; height: 33px; text-indent: -9999px; background: url(../images/menu-c1.gif) no-repeat 0px 0px;}
#menu ul li.c1 a:hover {display: block; width: 85px; height: 33px; text-indent: -9999px; background: url(../images/menu-c1.gif) no-repeat 0px -33px;}
#menu ul li.vc1 a, #menu ul li.vc1 a:hover {display: block; width: 85px; height: 33px; text-indent: -9999px; background: url(../images/menu-c1.gif) no-repeat 0px -33px;}

/*C2 BUTTON====================================================================================*/
#menu ul li.c2 a {display: block; width: 82px; height: 33px; text-indent: -9999px; background: url(../images/menu-c2.gif) no-repeat 0px 0px;}
#menu ul li.c2 a:hover {display: block; width: 82px; height: 33px; text-indent: -9999px; background: url(../images/menu-c2.gif) no-repeat 0px -33px;}
#menu ul li.vc2 a, #menu ul li.vc2 a:hover {display: block; width: 82px; height: 33px; text-indent: -9999px; background: url(../images/menu-c2.gif) no-repeat 0px -33px;}

/*C3 BUTTON====================================================================================*/
#menu ul li.c3 a {display: block; width: 85px; height: 33px; text-indent: -9999px; background: url(../images/menu-c3.gif) no-repeat 0px 0px;}
#menu ul li.c3 a:hover {display: block; width: 85px; height: 33px; text-indent: -9999px; background: url(../images/menu-c3.gif) no-repeat 0px -33px;}
#menu ul li.vc3 a, #menu ul li.vc3 a:hover {display: block; width: 85px; height: 33px; text-indent: -9999px; background: url(../images/menu-c3.gif) no-repeat 0px -33px;}

/*GALLERY BUTTON====================================================================================*/
#menu ul li.gallery a {display: block; width: 65px; height: 33px; text-indent: -9999px; background: url(../images/menu-gallery.gif) no-repeat 0px 0px;}
#menu ul li.gallery a:hover {display: block; width: 65px; height: 33px; text-indent: -9999px; background: url(../images/menu-gallery.gif) no-repeat 0px -33px;}
#menu ul li.vgallery a, #menu ul li.vc3 a:hover {display: block; width: 65px; height: 33px; text-indent: -9999px; background: url(../images/menu-gallery.gif) no-repeat 0px -33px;}

/*CONTACT BUTTON====================================================================================*/
#menu ul li.contact a {display: block; width: 64px; height: 33px; text-indent: -9999px; background: url(../images/menu-contact.gif) no-repeat 0px 0px;}
#menu ul li.contact a:hover {display: block; width: 64px; height: 33px; text-indent: -9999px; background: url(../images/menu-contact.gif) no-repeat 0px -33px;}
#menu ul li.vcontact a, #menu ul li.vcontact a:hover {display: block; width: 64px; height: 33px; text-indent: -9999px; background: url(../images/menu-contact.gif) no-repeat 0px -33px;}

/*
======================================================
Link Styles
======================================================
*/
#content a:link, #content a:visited, #content a:active, #contenttwo a:link, #contenttwo a:visited, #contenttwo a:active {color: #504A32; text-decoration: underline;}
#content a:hover, #contenttwo a:hover {color: #FF6600; text-decoration: underline;}
a.footer:link, a.footer:visited, a.footer:active {color: #fff; text-decoration: none;}
a.footer:hover {color: #fff; text-decoration: underline;}

.infomessage a:link, .infomessage a:visited, .infomessage a:active {color: #d3d3d3; text-decoration: underline;}
.infomessage a:hover {color: #fff; text-decoration: underline;}

#find {margin: 0px; padding: 0px; text-indent: -9999px; width: 44px; height: 18px;}
#find a	{display: block; margin: 0px; padding: 0px; width: 44px; height: 18px; text-decoration: none; background: url(../images/searchparts.gif) no-repeat left top;}
#find a:hover { background: url(../images/searchparts.gif) no-repeat 0px -18px; }

/*
======================================================
FONT STYLES
======================================================
*/

#logo h1 {font-size: 10px; display: inline; font-weight: normal; margin: 0;}
h2 {font-size: 26px; display: inline; font-weight: normal;}
h3 {font-size: 18px; font-weight: normal; display: inline; color: #504A32;}
h4 {font-size: 14px;font-weight: normal; display: inline; color: #504A32;}
/*
======================================================
Table Styles
======================================================
*/
#content table {border-bottom: 1px solid #f3f3f3;}
#content .searchbox table {border-bottom: none;}
#content table thead {text-transform: uppercase; font-weight: bold; background-color: #3D3725; background-image: url(../images/tablehead.gif); background-repeat: repeat-x; color: #FFFFFF;}
#content table thead tr td.headliner {background-image: url(../images/tablehead.gif); background-repeat: repeat-x; font-size: 14px; color: #E7E3D8;}
#content table thead td {border-left: 1px solid #fff; border-top: 1px solid #fff;}
#content table tbody tr td.evenl {border-left: 1px solid #F3F3F3;}
#content table tbody tr td.evenr {border-right: 1px solid #F3F3F3;}
#content table tbody tr.odd {background-color: #ebebeb; background-image: url(../images/tableodd.gif); background-repeat: repeat-x; background-position: 0px 0px;}
#content table tbody tr.even {background-image: url(../images/tableeven.gif); background-repeat: repeat-x; background-position: 0px 0px;}
/*
======================================================
Forms
======================================================
*/
.formsearch {border: 1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 2px 1px 2px; width: 115px; background-image: url(../images/form-BG.gif);}
fieldset {display: inline; color: #FFFFFF; margin: 0px; padding: 3px; border: 1px solid #E8E8E8; background-image: url(../images/fieldsetBG.gif); background-repeat: repeat-x;}
legend {color: #000000; font-size: 10px;}
.surround {padding: 15px; width: 670px; font-size: 13px;}
.footermenu {font-size: 11px; text-transform: uppercase;}
.searchbox {padding-top: 15px; color: #fff;}
	
/*
======================================================
Other Layout, Textual Stuff
======================================================
*/
#featured {width: 95%; margin-right: auto; margin-bottom: 15px; margin-left: auto;}
.featuredproducts {border-top-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-bottom-style: dashed; border-top-color: #BCAD84; border-bottom-color: #BCAD84; margin-right: auto; margin-bottom: 5px; margin-left: auto;}
.large-text {font-size: 14px;}
#prodlisting {width: 95%; margin-right: auto; margin-left: auto; padding: 5px; border: 1px solid #ccc;}
#sep {font-size: 1px; background-image: url(../images/sep.gif); background-repeat: no-repeat; height: 15px; width: 700px; margin-right: auto; margin-left: auto;}
.leftfeature {width: 231px; float: left;}
.midfeature {width: 231px; float: left;}
.rightfeature {width: 231px; float: right;}
.lefthome {width: 228px; float: left; padding: 5px; border: 1px solid #ddd; background-image: url(../images/featuredsBG.gif); background-repeat: repeat-x; height: 200px; margin-bottom: 5px;}
.midhome {width: 228px; margin-left:6px; float: left; padding: 5px; border: 1px solid #ddd; background-image: url(../images/featuredsBG.gif); background-repeat: repeat-x; height: 200px; margin-bottom: 5px;}
.righthome {width: 228px; float: right; padding: 5px; border: 1px solid #ddd; background-image: url(../images/featuredsBG.gif); background-repeat: repeat-x; height: 200px; margin-bottom: 5px;}
.clear {clear: both; height: 1%; font-size: 1px;}

#contenttwo a.gallery {border:2px solid #ddd; background: #efefef; float:left; width:200px; margin:0 27px 17px 0; padding:0; font-size: 11px; text-align: center; text-decoration: none; color: #000;}
#contenttwo a.gallery:hover {border:2px solid #000; background: #000; color: #fff; float:left; width:200px; margin:0 27px 17px 0; padding:0; font-size: 11px; text-align: center; text-decoration: none;}
#contenttwo a.gallery_end {border:2px solid #ddd; background: #efefef; float:left; width:200px; margin:0 0 17px 0; padding:0; font-size: 11px; text-align: center; text-decoration: none; color: #000;}
#contenttwo a.gallery_end:hover {border:2px solid #000; background: #000; color: #fff; float:left; width:200px; margin:0 0 17px 0; padding:0; font-size: 11px; text-align: center; text-decoration: none;}