/*-------------------CSS Document
 	Basic Theme Template - Clutch Replacement Theme 
	Last updated - 27 May 2010
	
	Border radius notes - 0px-topleft 0px-topright 0px-bottomleft 0px-bottomright
---------------------*/

/*-------------------MAIN CSS
Notes - This is all the universal site css.
---------------------*/

body { background-color:#e7e7e7; background:url(images/body.jpg); background-repeat:repeat-x; background-position:top; color:#000000; font-family:Arial,sans-serif; font-size:14px; line-height:20px; margin:0px; padding:0px; text-align:center; }
body p { margin:0px; padding:5px 0px 5px 0px; }
body li { list-style-type:disc; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }	
body ul { list-style-type:square; }	

/*-------------------IMAGES AND PICTURES
Notes - Here are the basic styles for images.  

img - This applies padding and borders to all post images
.img_left - left aligned images
.img_right - right aligned images
.img_center - centred images
---------------------*/

img { border:0px solid; line-height:0px; margin:0px 0px 0px 0px; padding:0px; text-align:left; }
img.alignleft, div.alignleft { float:left; margin:0px 0px 0px 0px; }
img.alignright, div.alignright { float:right; margin:0px 0px 0px 0px; }
img.aligncenter, div.aligncenter { margin-left: auto; margin-right: auto; }

/*-------------------TEXT CSS
Notes - All the basic text css, some sections have their own
---------------------*/

h1 { font-size:20px; font-weight:bold; margin:0px; padding:0px 0px 0px 0px;  text-shadow: }
h2 { font-size:16px; font-weight:bold; margin:0px; padding:0px; text-align:left; }
h3 { font-size:16px; font-weight:bold; margin:0px; padding:0px; text-align:left; }
h4 { color:#988C76; clear:both; border-bottom:2px solid #FFFFFF; font-size:18px; font-weight:bold; margin:10px; padding:0px; font-style:italic; text-align:left; }
h5 { font-size:20px; font-weight:bold; margin:0px; padding:10px 0px 0px 0px; text-align:left; text-shadow:2px 2px 0 #FFFFFF; }
h6 { font-size:8px; font-weight:bold; margin:0px; padding:0px; text-align:left; }
	
/*-------------------HYPERLINKS
Notes - All the basic hyperlinks, other sections have their own 
---------------------*/

a:link { color:#3160bf;	text-decoration:none; }	
a:visited { color:#3160bf; text-decoration:none; }
a:hover { color:#3160bf; text-decoration:underline; }

/*-------------------COMMON
Notes - All the commonly used code not defined elsewhere
---------------------*/

.float_left { float:left; }
.float_right { float:right; }
.clear_both { clear:both; font-size:0px; height:0px; line-height:0px; margin:0px; overflow:hidden; padding:0px; width:100%; }
hr { border: 0px dotted; height:1px; width: 100%; color: #ABABAB; background-color: #ABABAB; }

/*-------------------NEW CSS
Notes - All the commonly used code not defined elsewhere
---------------------*/
#wrapper {}
#header { width:100%; background:#495094; }
	#header_top { background:#343434; height:20px; width:100%; }
		#header_top_central { height:20px; margin:0 auto 0; text-align:right; width:960px; }
			#header_top_central h1 { color:#FFFFFF; font-size:12px; padding:0px 0px 0px 0px; }
	#header_central_wrapper { background:url(images/headerwide1.jpg); background-repeat:no-repeat; background-position:top center; width:100% }
	#header_central {  background:url(images/header1.jpg); background-repeat:no-repeat; background-position:center; height:124px; margin:0 auto 0; width:960px; }
		#specialist-timing-belts { border: 0px solid #FF0000; margin: 0px; padding: 0px; height: 25px; width: 100%; position:relative; right:25px; text-align:right; top:106px; }
			#specialist-timing-belts h1{ font-size: 16px; font-weight: bold; color: #343434; }
	#navbar { border:0px solid #FFFFFF; background:#2e314b; width:100%; }
		#navbar_central { height:30px; margin:0 auto 0; width:960px; }
			#navbar_menu { display:block; float:left; }		
				#navbar_menu ul { padding:0px; margin:0px; background-color:#2e314b; color: White; float: left; width: 100%; }
				#navbar_menu ul li { display: inline; }
				#navbar_menu ul li a { padding:5px 10px 5px 10px; background-color:#2e314b; color:#FFFFFF; font-size:16px; text-decoration:none; float:left;border-right:1px solid #495094; }
				#navbar_menu ul li a:hover { background-color: #495094; color: #FFFFFF; }

/*-------------------FORMS
Notes - All the commonly used code not defined elsewhere
---------------------*/
#form { background:#e8e8e8; font-size:12px; padding:0px 10px 40px 0px; margin:0px 0px 10px 0px; width:600px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#form h1 { padding:0px 0px 0px 10px;}
form { background:#e8e8e8; font-size:12px; padding:0px 10px 40px 0px; margin:0px 0px 10px 0px; overflow:hidden; padding:10px; width:580px; -moz-border-radius:5px; -webkit-border-radius:5px; }
fieldset { border-top:1px dotted #d2d2d2; border-left:0px; border-bottom:0px; border-right:0px }
legend { float:left; }
input { float:right; font-size:12px; }	
select { font-size:12px; float:right; }			
textarea { float:right; }

/*-------------------COMMON
Notes - All the commonly used code not defined elsewhere
---------------------*/

#car-body { border:0px solid #FF0000; margin:0px; padding:0px; height:25px; width:100%; position:relative; right:25px; text-align:right; top:100px; }
			#car-body h1{ font-size:16px; font-weight:bold; color:#d2d2d2; }
			
#clutch-replacement{ position:relative; background-color:#FFFFFF; margin-right:auto; margin-left:auto; width:960px; background-image:url(); background-repeat:no-repeat; background-position:0px 210px; }
#clutch-replacement-page { margin-left:10px; margin-right:10px; width:620px; float:left; text-align:left; margin-bottom:40px; }
.clutch-replacement-right-menu-outer { background-color:#e5e5e5; float:left; width:280px; text-align:center; margin:10px 0px 40px 10px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.clutch-replacement-right-menu {  width:auto; color:#DEE9F5; border:0px solid #0066FF; text-align: left; margin:0px 10px 0px 10px; padding-bottom:4px; background-color:#e5e5e5; }
#clutch-replacement-footer{ color:#000000; border-top:1px dotted #d2d2d2; clear:both; width:940px; margin-right:auto; margin-left:auto; margin-bottom:10px; background-color:#ededed; text-align:left; padding:10px ; -moz-border-radius:5px; -webkit-border-radius:5px; }
.clutch-replacement-right-menu h1 { background:#f1f1f1; font-size:16px; font-weight:bold; color:#005080; margin:0px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#clutch-replacement-footer h1 { color:#005080; padding-right:5px; padding-bottom:2px; }
/*-------------------OLDER CSS
Notes - Some is being used some isnt
---------------------*/


#clutch-replacement-header {
	background-color: #003664;
	left: 0px;
	top: 0px;
}


#clutch-replacement-header h1 {
	float: right;
	color: #CCCCCC;
	padding-right:5px;
	padding-bottom:2px;
}

.clutch-replacement-left-menu{
width: 150px;
	margin: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom:thick;
	padding: 0px;
	float: left;
}
ul.clutch-replacement-left-menu{
width: 150px;
	margin: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom:thick;
	padding: 0px;
	float: left;
	background-image: url(images/navigation/left-nav.gif);
	background-repeat: repeat-y;
}
ul.clutch-replacement-left-menu li{
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	height: 34px;
	width: 150px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(images/navigation/left-nav.gif);
	background-repeat: repeat-y;
}

#clutch-replacement-page h1, #clutch-replacement-page h2, #clutch-replacement-page h3, #clutch-replacement-page h4, #clutch-replacement-page h5, #clutch-replacement-page h6{
	font-size: 14px;
	color: #000000;
	padding-top: 5px;
	font-weight: bold;
	
	clear:both;

}
#clutch-replacement-page p {
	text-align: left;
	
	color: ;

}
#clutch-replacement-page ul{
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#clutch-replacement-page img {
	border: 2px solid #000066;
}
#clutch-replacement-page ul.payments {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-align: left;
}
h1.buy-clutch-replacement {color: #FF0000; font-size: 12px; font-weight: bold;}

.clutch-replacement-right-menu img {
	margin-right: auto;
	margin-left: auto;
}
.clutch-replacement-right-menu p {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	margin: 0px;
	padding: 0px;
}
.clutch-replacement-right-menu p.small {
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	padding: 0px;
	margin-top: 0px;
	padding-right: 8px;
	margin-bottom: 0px;
	padding-left: 8px;
	text-align: left;
	background-color: #FFFFFF;
}
.clutch-replacement-right-menu ul {
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type: none;
	text-align: left;
}
.clutch-replacement-right-menu ul li {padding-bottom: 2px;}
img{
	border: 0px solid #000000;
}


#clutch-replacement-page p.blue, .blue {color: #0000FF;	font-weight: bold;}
.white{color: #FFFFFF}
.turquoise {color: #00FFFF}
#clutch-replacement-footer a:link {}
#clutch-replacement-footer a:visited {}
#clutch-replacement-footer a:hover {}
#clutch-replacement-footer a:active {}
#clutch-replacement-page p.yellow-box {
	background-color: #ffff99;
	padding: 4px;
	font-style: italic;
	font-weight: bold;
}
#clutch-replacement-page ul.sitemap{text-align: left;}
#clutch-replacement-page ul.sitemap li a, ul.sitemap li a:hover, ul.sitemap li a:link {
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	list-style-type: none;
	font-weight: bold;
	color: #000000;
}
table{
	text-align: left;
}
a.footer:link {
color:#cccccc;

}

a.footer:visited {color: #cccccc;

}

a.footer:hover {

		color: #FFFFFF;

}

a.footer:active {

color: #FFFFFF;

}
/* CSS Document */

body,td,th {

	

	

}
a:link {

	color: #000000;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #000000;

}

a:hover {

	text-decoration: none;

	color: #000000;

}

a:active {

	text-decoration: none;

	color: #000000;

}
a.links:link, a.links:visited, a.links:hover, a.links:active,
a.rlinks:link, a.rlinks:visited, a.rlinks:hover, a.rlinks:active,
a.clutchlinks:link, a.clutchlinks:visited, a.clutchlinks:hover, a.clutchlinks:active{
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 6px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	display: block;
}
a.clutchlinks:link, a.clutchlinks:visited, a.clutchlinks:hover, a.clutchlinks:active {
	padding-left: 12px;
	background-image: url(images/);
	background-repeat: no-repeat;
	background-position: 0px;
}
a.clutchlinks:active {	background-image: url(images/red-dot.gif);}
a.rlinks:link, a.rlinks:visited, a.rlinks:hover, a.rlinks:active {
	padding-left: 12px;
	background-image: url(images/);
	background-repeat: no-repeat;
	background-position: 0px;
}
a.links:hover, a.links-bottom:hover {color: #ffffff;}
a.rlinks:hover, a.rlinks-bottom:hover, a.clutchlinks:hover, a.clutchlinks-bottom:hover {color: #003664; padding-left:12px; text-decoration:underline;}
a.footer:link {color:#FFFFFF;}
a.footer:visited {color: #FFFFFF;}

a.footer:hover {

		color: #FFFFFF;

}

a.footer:active {

color: #FFFFFF;

}
.navigation
{
	margin: 0px;
	border : 0px solid #000000;
	left: auto;
	right : auto;
	width: 100%;
	text-align:center;
	background-repeat: repeat-x;
	color : #dddddd;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	height: 31px;
	font-size: 10px;
	background-image: url(images/bg10.jpg);
}
.nav-button, .nav-button-left {
	PADDING-RIGHT: 32px;
	PADDING-LEFT: 32px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 4px;
	HEIGHT: 23px;
	background-image: url(images/navigation/header-nav-partition.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.nav-button-left {
	background-image: none; PADDING-LEFT: 10px;
}
a.clutchassembly, a.clutchassembly:link, a.clutchassembly:visited, .link, .selected {
	display : block;
	color: #cccccc;
	text-align: center;
	
	font-size: 11px;
	font-weight: bold;
}
a.clutchassembly:visited {
	color: #cccccc;
	background-color:transparent;
}
a.clutchassembly:hover, a.clutchassembly:focus,  .selected {
	color:#ffffff;
	background-color:transparent;
}
a.clutchassembly:active {
	color: #FFCC00;
	background-color: #77a9df;
}

/* CLUTCH FORM */
.form
{
	float:left;
	width:500px;
	margin:0;
	}

.formHolder	
{
	border-bottom:1px dotted #D2D2D2;
	width:543px;
	float:left;
}
.formHolderButton
{
	width:543px;
	float:left;
	text-align: center;
	margin-top:10px;
}

.label	
{
	float:left;
	width:240px;
	font-size:12px;

	color:#666666;
	font-weight:normal;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	}
.text
{
	padding-top: 2px;
	margin-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 160px;
}
#submitform #error
{
	color:#990000;
	font-weight: bold;
}
.textx
{
	padding-top: 2px;
	margin-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 240px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.textxy
{
	padding-top: 10px;
	margin-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 240px;
	margin-top: 5px;
	margin-bottom: 2px;
}
	
.input
{
	float:left;
	width:211px;
	height:18px;
	font-size:11px;
	color:#1c1c1c;
	background:#fff;
	padding:3px 0 0 3px;
	border:solid 1px #cdcdcd;
	margin:0 0 10px 0;
	}
	
.select
{
	float:left;
	width:153px;
	height:18px;
	font-size:11px;
	color:#1c1c1c;
	background:#fff;
	border:solid 1px #cdcdcd;
	margin:0 0 12px 0;
	}
	
.textarea
{
	width:214px;
	height:62px;
	font-size:11px;
	color:#1c1c1c;
	float:left;
	background:#fff;
	padding:0;
	border:solid 1px #cdcdcd;
	}

.send
{
	float:left;
	width:70px;
	height:27px;
	margin:20px 10px 0 200px;
	cursor:pointer;
	border:none;
	background:url(images/submit.jpg) no-repeat top;
	}
	
.reset
{
	float:left;
	width:70px;
	height:27px;
	margin:20px 0 0 0;
	cursor:pointer;
	border:none;
	background:url(images/submit.jpg) no-repeat top;
	}
.right {float: right}
.right5px {
	padding-right: 5px;
	margin-top: 3px;
}
.slipping-clutch {color:#990000; font-size:12px;}

optgroup {
	color:#3c769b;
	font-style:normal;
	padding-left:5px;
}
optgroup.title {color:#990000; text-decoration: underline;padding-left:1px;}
optgroup option {color:#000000; padding-left:10px;}
.red {color:#FF0000;}
.autoform {
	margin: 0px;
	padding: 0px;
	float: left;
	visibility: hidden;
	height: 0px;
	width: 0px;
}