/* 
Hola!
TriCity Wheels Presentation File
Authored by the GoTriCities Network, www.gotricites.net

Color Palette:
drk red: #680007
red: #900000
drk gray: #2D2B2C
-----------------------------------------------------------------------------*/

html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.6em "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	background: #2D2B2C url(http://www.tricitywheels.com/assets/images/page-bg.jpg) repeat-x top left;
	}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 1.2em; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 1em; }

a {color: #6D231A;text-decoration: none;}
a:visited {color: #854B40;}
a:hover {color: #710101; text-decoration: underline;}

ul,ol,dl{list-style-type: none;}

div#content li{
background: url(http://www.tricitywheels.com/assets/images/rh-arrow.gif) no-repeat left center;
padding-left: 22px;
margin-left: 8px;
}

img { border: none; }

.clear-border{border:none !important;}

.flt-right{
float:right;
margin-right: 8px;
}

.flt-left{float:left}

div#wrapper{
width: 960px;
background: #FFF;
margin: 0 auto;
border-left: 1px solid #333;
border-right: 1px solid #333;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
background: #FFF url(http://www.tricitywheels.com/assets/images/header-bg.gif) repeat-x left bottom;
position: relative;
}

div#header h1{margin-left: -999em;}

a#logo{
display: block;
height: 95px;
width: 277px;
}

img#header-banner-img{
position: absolute;
right: 25px;
top: 73px;
}

p#tagline{
background: transparent url(http://www.tricitywheels.com/assets/images/tagline.gif) no-repeat left center;
position: absolute;
top: 35px;
right: 43px;
width: 600px;
height: 25px;
}

body.subpage p#tagline{
top: 25px;
}

p#tagline span{
position: absolute;
top: 1px;
left: 89px;
padding: 5px;
font-weight: bold;
}

/*
----------------------------------------------------------------------------- 
Network Navigation (Top Red Strip)
-----------------------------------------------------------------------------*/

ul#network-nav{
position: absolute;
top: 0;
right: 0;
background: #900000 url(http://www.tricitywheels.com/assets/images/network-cap.gif)no-repeat left bottom;
padding: 0 0 0 30px;
width: 690px;
}

ul#network-nav li{float:left;}

ul#network-nav li a{
float:left;
margin: 0;
padding: 0 .8em 0 .8em;
border-right: 1px solid #999;
color: #FFF;
font-weight: normal;
font-size: .9em;
}

ul#network-nav li a:hover{
background: #FFF;
color: #333;
}

ul#network-nav a#network-active{
background: #FFF;
color: #333;
}

/*
----------------------------------------------------------------------------- 
Primary Navigation (big grey bar)
-----------------------------------------------------------------------------*/

ul#primary-nav{
float:left;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
width: 100%;
display: block;
height: 56px;
margin: 5px 0 0 0;
}

ul#primary-nav li{float:left}

ul#primary-nav li a{
float:left;
font-size: 1.2em;
padding: 0 16px;
font-weight: normal;
color: #FFF;
border-right: 1px solid #999;
border-left: 1px solid #333;
line-height: 40px;
}

ul#primary-nav li a:hover{
background: #000;
text-decoration: none;
}

div#content{
float:left;
margin-bottom: 2em;
}

div#main-content{
clear: both;
width: 620px;
float:left;
padding-left: 10px;
}

/*
----------------------------------------------------------------------------- 
Alpha Search Box
-----------------------------------------------------------------------------*/

form#main-search{
background: #680007 url(http://www.tricitywheels.com/assets/images/alpha-bg.gif) repeat-x left top;
margin-bottom: 1.5em;
padding: 15px;
}

form#main-search fieldset{
border: none;
background: #FFF url(http://www.tricitywheels.com/assets/images/alpha-form-bg.jpg) no-repeat 330px 20px;
padding: 20px 0 5px 0;
position: relative;
}

form#main-search legend{
display: none;
}

form#main-search h2{
display: none;
}

/* this paragraph floats beside ul#search-select ul for some reason */
form#main-search p.attention{}

form#main-search select{
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

form#main-search select option{
margin-right: 10px;
}

form#main-search ul#search-select{
float:left;
clear: both;
}

form#main-search ul#search-select label{
background: #000;
color: #FFF;
line-height: 25px;
display: block;
padding: 0 0 0 8px;
width: 130px;
float:left;
margin-right: 10px;
}

form#main-search ul#search-select li{
float:left;
line-height: 1.8em;
}

form#main-search ul#search-select li ul{
float:left;
}

form#main-search ul#search-select li ul li{
float:left;
margin-right: 10px;
}

form#main-search ul#search-select input{
margin-right: 3px;
}

form#main-search li{
background: none;
margin: 0;
padding: 0;
}

form#main-search input{
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

form#main-search p{
clear: both;
}

form#main-search p label{
float:left;
line-height: 1em;
width: 90px;
text-align: right;
margin-right: 5px;
font-size: 1.6em;
letter-spacing: -1px;
}

form#main-search ul.horizontal-textinput{
margin-bottom: 0;
}

form#main-search ul.horizontal-textinput li ul{
float:left;
}

form#main-search ul.horizontal-textinput li ul li{
margin-bottom: 5px;
}

form#main-search ul.horizontal-textinput label{
float:left;
line-height: 1.7em;
width: 100px;
text-align: right;
margin-right: 5px;
}

form#main-search p.submit input{
display: block;
margin: 20px 0 0 94px;
padding: 5px 10px;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
color: #FFF;
}

form#main-search a#segue{
position: absolute;
top: 250px;
right: 50px;
font-size: 1.4em;
background: #FFF url(http://www.tricitywheels.com/assets/images/sell-a-car-sign.jpg) no-repeat left center;
width: 100px;
height: 43px;
padding-left: 60px;
}

/* Specific AJAX Div selectors */

form#main-search div#model_div,
form#main-search div#body_div,
form#main-search div#trim_div{
clear: both;
display: block;
}

form#main-search div#model_div label,
form#main-search div#body_div label,
form#main-search div#trim_div label{
float: left;
font-size: 1.8em;
width: 90px;
text-align: right;
margin-right: 5px;
letter-spacing: -1px;
line-height: 1.1em;
margin-bottom: 1em;
font-weight: normal;
}

p#footnote{
width: 250px;
text-align: center;
margin-left: 20px;
font-size: 1.2em;
}

/*
----------------------------------------------------------------------------- 
General Content Block
-----------------------------------------------------------------------------*/

div.content-block{
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 28px;
margin-bottom: 3em;
border: 1px solid #DDD;
border-bottom: 1px solid #F0F0F0;
}

div.content-block p{padding: 0 10px 0 10px;}
div.content-block img{margin-bottom: 1em;}
div.content-block img.flt-right{margin-left: 10px;}
div.content-block h3{display: none;}

/*
----------------------------------------------------------------------------- 
Main Content (left column)
-----------------------------------------------------------------------------*/

div#main-content div.content-block{
width: 270px;
float:left;
margin-right: 25px;
margin-left: 15px;
}

div#main-content div.last-content-block{
margin-right: 0px;
}

/*
----------------------------------------------------------------------------- 
Sub Content (right column)
-----------------------------------------------------------------------------*/

div#sub-content{
float:right;
width: 301px;
margin-left: 15px;
}

/* Remove Items Anchors */
a.item-remove{
color: #333;
font-size: 8px;
margin-left: 10px;
padding-right: 16px;
padding: 0 16px 1px 0;
background: transparent url(http://www.tricitywheels.com/assets/images/exit-icon.gif) no-repeat right 0px;
}

a.item-remove:hover{
background: transparent url(http://www.tricitywheels.com/assets/images/exit-icon.gif) no-repeat right -13px;
}

body.subpage div#sub-content{
position: relative;
top: -105px;
float: right;
width: 180px;
margin: 0 10px 0 0;
}


div#sub-content div.content-block{
width: 100%;
}

img.center{
display: block;
margin: 0 auto 2em auto;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
clear: both;
background: #F8F8F8 url(http://www.tricitywheels.com/assets/images/footer-bg.jpg) repeat-x top left;
padding-top: 44px;
}

div#footer ul{
text-align: center;
}

div#footer ul li{
display: inline;
}

div#footer ul li a{
padding: 0 10px;
border-right: 1px solid #999;
}

ul#brand-stamp{
margin: 20px 0;
padding-bottom: 10px;
text-align: center;
}

div#footer ul#brand-stamp li{
display: block;
}

div#footer ul#brand-stamp li a{
border: none;
}

/*
----------------------------------------------------------------------------- 
Sub-page Styling
-----------------------------------------------------------------------------*/

body.subpage div#main-content p.alert{
font-size: 2em;
display: block;
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 0;
padding: 30px 20px;
margin-top: 20px;
}

p.alert em{
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
}

body.subpage img#search-banner{
position: absolute;
right: 20px;
top: 54px;
}

body.subpage div#main-content{
background: #680007 url(http://www.tricitywheels.com/assets/images/alpha-bg.gif) repeat-x left top;
width: 725px;
margin-left: 10px;
padding: 10px 5px 5px 10px;
float: left;
}


body.subpage div#main-content div.content-block{
float:none;
width: 670px;
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 0;
padding: 15px 10px;
}

body.subpage div#main-content h2{
font-size: 2em;
}

body.subpage div#main-content ul{}

body.subpage div#main-content img#content-header{
margin: 0 0 0 10px;
position: relative;
bottom: -5px;
}

h2#nav-title{}

ul#subcontent-nav{
margin-bottom: 2em;
float:left;
background: #F0F0F0;
border-bottom: 1px solid #DDD;
}

ul#subcontent-nav li{
float:left;
display:  block;
border-right: 1px solid #DDD;
margin: 0 0 0 8px;
padding: 2px 15px; 
}

body.subpage div.content-block h3{
display: block;
font-size: 1.8em;
margin: 1em 0 .5em 5px;
clear: both;
}

body#loan-calc div.content-block table{
width: 500px;
margin: 0 auto;
}

/* affects submit buttons */
body#loan-calc div.content-block table p{
margin-bottom: .5em;
}

/* affects table inputs */
body#loan-calc div.content-block table input{
margin-bottom: .5em;
}

/*
----------------------------------------------------------------------------- 
Advert Styling
-----------------------------------------------------------------------------*/

img#skyscraper,
div#banner-leaderboard
{
margin: 0 0 10px 15px;
}

div#text-ads{
background: #2B2B2B;
padding: 20px;
margin-top: 40px;
}

div#text-ads h3{
color: #DDD;
border-bottom: 1px solid #DDD;
text-align: center;
text-transform: uppercase;
font-size: .8em;
padding-bottom: .5em;
letter-spacing: 2px;
margin-bottom: 1.5em;
}

div#text-ads a{
color: #F0F0F0;
}

div#text-ads a:hover{
color: #DBBDBD;
}

div#text-ads a:visited{
color: #DBBDBD;
}

/*
----------------------------------------------------------------------------- 
Search page Styling
-----------------------------------------------------------------------------*/

body.search-detail div#main-content div.content-block h2{
font-size: 3em;
font-weight: bold;
margin-bottom: .3em;
color: #333;
}

body.search-detail div#main-content table{
margin: 2em 0;
background: #FFF;
}

body.search-detail div#main-content table td{
border-bottom: 10px solid #F0F0F0;
border-right: 1px solid #DDD;
padding: 0 10px;
}

body.search-detail div#main-content div.content-block{
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x left top;
width: 89%;
float: none;
margin: 20px 0 20px 5px;
padding: 10px 30px 20px 30px;
}

body.search-detail div#main-content div.content-block h3{
display: block;
font-size: 1.6em;
text-transform: uppercase;
background: #FFF url(http://www.tricitywheels.com/assets/images/content-block-bg.jpg) repeat-x 0 0;
line-height: 2.2em;
padding-left: 12px;
border-top: 1px solid #999;
}

body.search-detail div#main-content div.content-block ul{
margin: 0 0 2em 20px;
}

body.search-detail div#main-content div.content-block table td{
border-right: none;
}

body.search-detail div#main-content div.content-block address{
font-size: 1.6em;
line-height: 1.3em;
font-style: normal;
margin: 1em 0 1em 30px;
}

body.subpage div.content-block table#search-results img{
margin: 0;
}

table#search-results th{
text-align: left;
font-size: 1.4em;
font-weight: normal;
padding: 5px 4px;
border-bottom: 1px solid #999;
}

ul#content-share{
display: block;
width: 180px;
float:right;
margin: 50px 50px 0px 50px;
text-align: center;
}

ul#content-share li{
margin: 0;
padding: 0;
background: none;
margin-bottom: 20px;
}

ul#content-share li a{
display: block;
background: #999;
height: 17px;
color: #F0F0F0;
margin-bottom: 10px;
}

ul#content-share li#contact-dealer a{
background: url(http://www.tricitywheels.com/assets/images/contact-dealer.gif) no-repeat 0 0;
padding: 11px 0 11px 10px;
}

ul#content-share li#contact-dealer a:hover{
text-decoration: none;
background-position: 0 -39px;
}


ul#content-share li#item-one a{
background: url(http://www.tricitywheels.com/assets/images/add-to-mylist.gif) no-repeat 0 0;
padding: 11px 0 11px 10px;
}

ul#content-share li#item-one a:hover{
text-decoration: none;
background-position: 0 -39px;
}

ul#content-share li#item-two a{
background: transparent url(http://www.tricitywheels.com/assets/images/email-me.gif) no-repeat 0 0;
padding: 3px 40px 19px 55px;
}

ul#content-share li#item-two a:hover{
text-decoration: none;
background-position: 0 -39px;
}

/* Breadcrumb Navigation Styles */

body.search-detail div#main-content p.search-navigation{
font-size: 1.2em;
line-height: 3em;
}

body.search-detail div#main-content p.search-navigation span.breadcrumb a{
background: transparent url(http://www.tricitywheels.com/assets/images/back-bg.gif) no-repeat top left;
width: 90px;
padding: 5px 25px;
color: #F0F0F0;
}

/*
----------------------------------------------------------------------------- 
Form Styling
-----------------------------------------------------------------------------*/

body.subpage form{
width: 90%;
margin: 0 auto 2em auto;
display: block;
}

body.subpage form fieldset{
background: #FFF;
width: 90%;
margin: 0 auto 1em auto;
display: block;
padding: 20px;
border: 1px solid #DDD;
background: #F0F0F0;
}

body.subpage form p{
margin-bottom: 2em;
}

body.subpage form label{
display: block;
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: 0;
}

body.subpage form input{
width: 95%;
background: #FFC;
line-height: 1.2em;
font-size: 1.2em;
padding: 5px;
border: 1px solid #DDD;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

body.subpage form p.submit input{
font-size: 1.4em;
margin: 0 auto;
width: auto;
display: block;
font-weight: normal;
border: 1px solid #DDD;
padding: 5px 10px;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
color: #FFF;
}

body.subpage form legend{
padding: 5px 8px;
font-size: 1.4em;
background: #999 url(http://www.tricitywheels.com/assets/images/primary-nav-bg.gif) repeat-x left top;
color: #FFF;
}

body.subpage form textarea{
width: 95%;
height: 250px;
font: normal 1.2em/normal "Lucida Grande",Arial;
color: #333;
padding: 5px 10px;
border: 1px solid #DDD;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

body.subpage form#global-contact{
margin: 30px auto;
}

form#re-search-form{
background: #D6D6D6 url(http://www.tricitywheels.com/assets/images/subpage-searchheader.gif) no-repeat left top;
position: absolute;
right: 20px;
top: 54px;
width: 505px;
height: 57px;
padding: 10px 0 0 130px;
}

form#re-search-form ul.search-column{
width: 180px;
float:left;
}

form#re-search-form ul.search-column option{
width: 130px;
}

form#re-search-form ul.search-column input {
background: #FFF;
padding: 3px;
margin-top: 4px;
width: 143px;
}

form#re-search-form p.submit{
margin: 0;
width: 60px;
float:left;
}

form#re-search-form p.submit input{
margin: 10px 0 0 0;
padding: 3px 5px;
}

form#re-search-form p#advanced-search{
width: 170px;
position: absolute;
top: 20px;
right: 90px;
text-align: center
}

/*
----------------------------------------------------------------------------- 
Front Wrapper for Wheel Finder
-----------------------------------------------------------------------------*/

.promo_wrapper {
width: 100%;
height: 150px;
margin-bottom: 15px;
background-image:url(../images/wheelfinderbackground.gif);

}

.promo_wrappertext{
position: absolute;
margin-left: 200px;
width: 400px;
margin-top: 70px;
font: normal "Lucida Grande",Arial;
color: #333;
padding: 5px 10px;

}






/*
----------------------------------------------------------------------------- 
EOD
----------------------------------------------------------------------