/* Cars of Clay Website */

/*
** Standard HTML Tags
******************************************************************************/
html {
	overflow:auto;		/* Hide IE verticle scroll bar */
	height:100%;
	}

body {
	margin:0px;
	padding:0px; 	/* this is a concession to opera 7 which has margin 0, but some padding by default. */
	height:100%;
	background:#FFFFFF;
	overflow:auto;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

h1 {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	}
	
h2 {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:11px;
	}

a:link, a:visited, a:active{
	text-decoration:underline;
	color:#386083;
	}

a:hover {
	text-decoration:underline;
	color:#CC3300;
	}

img {
	margin:0px;
 	padding:0px;
	border:0px;
	}

label {
	float:left;
	margin:2px 0px 0px 75px;
	padding-right:10px;
	width:175px;
	text-align:right;
	}

ul {
	margin:0px;
	}

li {
	padding:5px 0px 0px 0px;
	}
	
input {
	font-size:10px;
	}
	
select {
	font-size:10px;
	}
	
p {
	margin:0px;
}
			
/*
** Site Layout
******************************************************************************/

#frame {
	height:550px;
	width:775px;
	margin:10px auto 0px auto;
	background:#DDDDDD;
	}

#header {
	height:75px;
	}

#menu {
	float:left;
	display:inline; /* required to fix double margin bug in IE */
	margin:0px;
	padding:10px 0px 10px 0px;
	height:415px;
	width:125px;
	background:#FFFFFF url(../images/menu_bg.gif) top left repeat-y;
	}
	
#menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

#menu ul li {
	margin:0px;
	padding:0px;
	}

#menu ul li a {
	margin:0px;
	padding:5px 6px 6px 6px;
	display:block;
	border-top:1px solid #FFFFFF;
	width:113px;
	color:#003366;
	text-decoration:none;
	}
	
#menu ul li a:hover {
	padding:5px 5px 5px 5px;
	background:#5A82A5;
	border:1px solid #000000;
	color:#FFFFFF;
	text-decoration:none;
	background:#FFFFFF url(../images/menu_link_on.gif) bottom left repeat-x;
	}

#infotop {
	margin:25px 10px 0px 5px;
	background:#F4F7F9 url(../images/info_top.gif) top left no-repeat;
	font-size:8px;
	}

#info { /* Box below main menu */
	margin:0px 10px 0px 5px;
	padding:0px 2px 0px 2px;
	font-size:10px;
	background:#F4F7F9 url(../images/info_lr.gif) top left repeat-y;
	}
	
#infobottom {
	margin:0px 10px 0px 5px;
	background:#F4F7F9 url(../images/info_bottom.gif) top left no-repeat;
	font-size:8px;
	}

#content {
	float:left;
	margin:0px;
	padding:10px 10px 10px 10px;
	height:415px;
	width:630px;
	overflow:auto;
	background:#FFFFFF url(../images/content_bg.gif) bottom left;
	}
		
#footer {
	clear:left;
	margin:0px;
	padding:0px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	color:#000000;
	background:#FFFFFF url(../images/footer_bg.gif) bottom left repeat-x;
	}
	
#footertext {
	margin:0px;
	padding:7px 0px 0px 0px;
	}
	
#footercredits {
	font-size:10px;
	}
	
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration:none;
	color:#5A82A5;
	}
	
#footer a:hover {
	text-decoration:underline;
	color:#CC3300;
	}


/*
** Site-wide attributes
******************************************************************************/

.centered {
	text-align:center;
	}
	
.clear {
	clear:left;
	}

#alertmessages {
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:425px;
	border:1px solid #000000;
	background-color:#EAF2FB;
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
	text-align:left;
	}
	
#alertmessages .alertimage {
	float:left;
	padding-right:10px;
	}

span.label {
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	width:225px;
	text-align:right;
	}

span.text {
	float:left;
	margin:10px 0px 0px 0px;
	text-align:left;
	}
	
.requiredfield {
	color:#FF0000;
	font-size:9px;
	}
	
.inputbox {
	width:185px;
	display:block;
	float:left;
	margin-bottom:10px;
	font-size:10px;
	}
	
.inputcheckbox {
	margin:2px 0px 10px 0px;
	padding:0px;
	display:block;
	float:left;
	font-size:10px;
	}

.addresstextarea {
	float:left;
	display:block;
	height:30px;
	width:185px;
	margin-bottom:10px;
	}
	
.contacttextarea {
	height:85px;
	width:500px;
	}