/*******************************************************
TITLE: The Wheel Warehouse Inc.
DATE: Sept. 10, 2007
UPDATED: MARCH 14, 2008
AUTHOR: Ambrose Web Design
*******************************************************/

body {
margin:0px;
padding:0;
height:100%;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#666;
background-image:url(images/bg_center2.gif);
background-repeat:repeat-y;
background-position:center;
background-color:#F4F4F2;
}

a{
color:#944C95;
text-decoration:underline;
font-weight:bold;
}
a:hover{
color:#FFF;
text-decoration:none;
background-color:#944C95;
}
img a:hover{
background-color:#FFF;
}
blockquote {
margin:1em;
padding:.5em .5em .5em .5em;
background-color:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-style:italic;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
border:none;
width:98%;
color:#000;
background-color:#6C6859;
height:1px;
clear:both;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

ul
{
list-style:square
}

img{
border:none;
}

.left
{
float:left;
margin:5px;
}

.right
{
float:right;
margin:5px;
}

#centerColumn { 	
margin:0 auto;
padding:0 20px;
width:800px;
text-align:left;
}

#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
}

#centerColumn h3 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
}

#header {
margin:0 0 10px 0;
padding:0;
}
.logospaced{
padding:20px 0 0 0
}
#header h1 {
margin:0;
padding:0 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.5em;
color:#FFF;
}
#header h2 {
margin:0;
padding:1em 0 0 30px;
font-size:.9em;
letter-spacing:.1em;
color:#000000;
}
#navcontainer { 
width:250px;
height:227px;
float:left;
}
#navlist{
padding:0;
margin:0;
}
#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}
#navcontainer li{
margin:0;
padding:0;
}
#navcontainer a{
margin:0;
display: block;
padding: 2px 0 2px 13px;
border-bottom: 1px solid #BEBCB1;}
#navcontainer a:link, #navlist a:visited{
color: #666;
text-decoration: none;
}
#navcontainer a:hover{
background-color: #B1A883;
color: #000;
}
#navcontainer h2
{
margin:0;
padding:6px 0 6px 13px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:12px;
background-image:url(images/bg_toph.gif);
}
#cell_2 {
width:542px;
height:227px;
margin:0 0 10px 0;
float:right;
background-color:#fff;
}

#constant{
clear:both;
padding:20px 0;
font-size:.9em;
}



#constant ul
{
list-style:square;
}

#constant li
{
margin:0 0 .3em 10px;
padding:5px 0 0 5px;
}

#info{
padding:10px 0 40px 0;
margin:0;
clear:both;
font-size:12px;
}
#info_2
{
margin:15px 0;
clear:both;
padding:8px;
background-color:#DED9C5;
font-size:12px;
}

#info_3
{
margin:30px 15px 0 15px;
clear:both;
color:#000;
font-size:12px;
}

#info_2 p
{
padding: 0 15px;
}

#info ul
{
list-style:square;
}

#cell_2 p, #cell_3 p
{
font-size:.75em;
color:#000000;
}

#cell_2 h2, #cell_3 h2, #info_2 h2
{
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:24px;
font-style:italic;
}

#info h2
{
padding:20px 5px;
color:#333333;
font-size:24px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:lighter;
}
#info p, constant p{
padding:2px 10px;
color:#666;
}
#constant p{
padding:5px 0 0 15px;
color:#666;
}
.barepic {
border:none;
}
.right {
float:right;
margin:5px;
padding:2px;
position:inherit;
}
.left 
{
float:left;
margin:10px 10px 10px 0;
padding:0;
}
.center {
width:auto;
margin-left:auto;
margin-right:auto;
}
.news em {
font-size:.8em;
color:#000000;
}
.red{
color:#FF0000;
font-weight:bold;
}
.green{
color:#006600;
font-weight:bold;
}
.smallgray{
font-size:10px;
font-style:italic;
color:#333333;
}
.smallwhite{
font-size:10px;
font-style:italic;
color:#ffffff;
}
#navcontainer ul.news, #cell_2 ul.news, #cell_3 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}
#cell_2 li.news, #cell_3 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}
#cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_2 li, #cell_3 li 
{
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 
{
padding-right:5px;
margin:0;
float:left;
width:200px;
background-color:#fff;
}
#box_2 {
padding:0 5px;
margin:0 0 0px 0;
float:left;
width:395px;
background-color:#F0EEE6;
border:1px solid #CCCCCC;
}
#box_3 {
padding-left:5px;
margin:0 0 0px 0;
float:left;
width:180px;
background-color:#fff;
}
#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p
{
font-size:.9em;
color:#666;
}

#box_1 p
{
font-size:.8em;
}

#box_3 p
{
font-size:.8em;
margin-top:2px;
font-style:italic;
padding-left:10px;
}
#box_1 a, #box_2 a, #constant a
{
color:#944C95;
text-decoration:underline;
font-weight:bold;
}
#box_1 a:hover, #box_2 a:hover, #constant a:hover{
color:#FFF;
text-decoration:none;
background-color:#944C95;
}
#box_3 a{
color:#472761;
text-decoration:underline;
font-weight:bold;
}
#box_3 a:hover{
text-decoration:none;
}
#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2, #constant h2{
padding:0;
color:#454238;
font-size:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
} 
#box_1 h3, #box_2 h3, #box_3 h3, #box_4 h3{
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:15px 0 0 0;
color: #333;
font-size:12px;
border-bottom:1px dotted #CC9900;
font-weight:bold;
} 
#box_1 h3{
border-bottom:1px solid #333;
}
#constant h3, #constant h4, #info h3
{
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 0 15px;
margin:50px 0 0 0;
color: #333333;
font-size:13px;
font-weight:bold;
}

#constant h4
{
padding:4px;
font-size:12px;
color: #333;
margin:15px 0 0 0;
border:none;
background-color:#F2F0EA;
}



#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul
{
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li
{
margin:0 0 .3em 10px;
padding:5px 0 0 5px;
font-size:.9em;
}

#menu{
margin:0 0 10px 10px;
width:240px;
float:right;
position:inherit;
font-size:14px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#EFEDE4;
background-image:url(images/menu_bg.gif);
background-repeat:repeat-y;

}

#menu a
{
color:#fff;
text-decoration:none;
}

#menu li{
list-style:none;
font-weight:bold;
}
#menu a:hover{
backgrounf-color:#454238;
}
#footer {
padding:2px 10px 10px 10px;;
clear:both;
text-align:right;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
background-image:url(images/bg_footer.gif);
background-position:top;
}
#navlist_footer li{
display: inline;
list-style-type: none;
padding-right: 10px;
}
#footer a{
text-decoration:none;
font-weight:normal;
color:#CCC;
}
#footer a:hover{
color:#FFF;
text-decoration:underline;
background-color:#454238;
}
#footer p {
margin:2px 20px;
}
.uppercase{
text-transform:uppercase;
}
.info{
margin:10px 15px;
height:165px;
clear:both;
color:#fff;
}
.img_title_pad{
padding:0 0 20px 0;
}
#nav_horiz{
height:65px;
margin:10px 0 0 0;
padding:10px;
clear:both;
background-image:url(images/bg_toplevelnav.gif);
background-position:top;
}

/* new changes 8/17/08 */
#topcatcher{
height:15px;
background-image:url(images/bg_topcatcher.gif);
background-repeat:repeat-x;
background-position:top;
}
#header2{
padding:10px 0;
background-color:#DFDFD9;
border-top:1px solid #454238;
border-bottom:1px solid #454238;
}