/*
---------------------------------------------------------------------------------------- global
*/
* {
	font-family: Verdana;
}

html, body {
height: 100%;
}
div.layout {
min-height: 100%;
}
* html div.layout { /*hack for IE5+*/
height:100%
}

body {
	background-image: url(gradient.jpg);
	background-repeat: repeat-x;
	background-color: #CCC;
	margin: 0;
	padding: 0;
	font-size: 62.54%;
	font-family: Verdana;
}
div.layout { /* the container */
	width: 650px;
	/*width: 800px;*/
	background-color: #FFF;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -295px;
	/*margin: 0 0 0 -400px;*/
	padding: 0;
	border-bottom: 7px solid #e2e2e2;
}
form { 
	padding: 0;
	margin: 0;
}
span.required {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	color: #FF0000;
	margin: 0 0 0 3px;
}

div#tweet {
	padding: 3px;
}

div#tweet li {
	list-style: none;
}

/*
---------------------------------------------------------------------------------------- header
*/
div.header { /* header container */
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

div.header a { /* hyperlinks in the header div */
	color: #498dcc;
	text-decoration: none;
}

div.header div.header-bar a img { /* languages images */
	border: 0px;
	vertical-align: text-top;
}

div.header-bar { /* languages */
	margin-right:10px;
	margin-left: 20px;
	margin-top: 5px;
	padding-bottom: 3px;
	width: 620px;
	text-align: right;
}

div.header div.header-left { /* charterpoint logo */
	float: left;
	padding-top: 60px;
	padding-left: 20px;
}

div.header div.header-right {   /* text on top right */
	float: right;
	padding-top: 50px;
	padding-right: 20px;
	
	font-size: 1.1em;
}

div.header div.header-right span { /* text in span on top right (phone number) */
	color: #498BC8;
}

div.header div.header-right h2 { /* search */
	font-size: 1.2em;
	position: absolute;
	top: 74px;
	right: 125px;
	margin: 0;
	padding: 0;
}

div.header div.header-right input.input { /* search field */
	position: absolute;
	top: 74px;
	right: 43px;
	width: 70px;
	padding: 0;
	margin: 0;
}
div.header div.header-right input.button { /* search submit */
	background-color: #498BC8;
	color: #fff;
	border: none;
	width: 25px;
	position: absolute;
	top: 74px;
	right: 15px;
	font-weight: bold;
	font-size: 1.1em;
	height: 20px;
	margin: 0;
	padding: 0;
}

/*
div.header img {
	position: absolute;
	top: 60px;
	left: 20px;
	/*margin: 65px 0 0 20px;
	padding: 0;
}
div.header p {
	float: left;
	font-size: 1.1em;
	position: absolute;
	top: 50px;
	right: 20px;
	padding: 0;
	margin: 0;
}
div.header p span {
	color: #498BC8;
}
div.header a {
	color: #498dcc;
}
div.header h2 {
	font-size: 1.2em;
	position: absolute;
	top: 74px;
	right: 135px;
	margin: 0;
	padding: 0;
}
div.header input.input {
	position: absolute;
	top: 74px;
	right: 43px;
	width: 80px;
	padding: 0;
	margin: 0;
}
div.header input.button {
	background-color: #498BC8;
	color: #fff;
	border: none;
	width: 25px;
	position: absolute;
	top: 74px;
	right: 15px;
	font-weight: bold;
	font-size: 1.1em;
	height: 20px;
	margin: 0;
	padding: 0;
}
*/
/*div.header span img {
	position: absolute;
	top: 75px;
	left: 610px;
	margin: 0;
	padding: 0;
}*/
div.header form {
	padding: 0;
	margin: 0;
}


/*
---------------------------------------------------------------------------------------- banner
*/
div.banner {
	margin: 0;
	padding: 0;
	float: left;
	height: 121px;
}
div.banner img {
	float: left;
	padding: 0;
	margin: 0 0 0 8px;
}


/*
---------------------------------------------------------------------------------------- menu
*/
div.menu {
	width: 200px;
	border-bottom: 2px dotted #e2e2e2;
	height: 100%;
	padding: 0 0 5px 0;
	clear: left;
	float: left;
	/*background-color:#FFFFFF;*/
}
div.menu ul {
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	margin: 0 0 0 7px;
	padding: 5px 0 0 0;
}
div.menu ul li {
	padding: 0 0 0 13px;
	margin: 0;
	line-height: 1.5em;
}
div.menu ul li a {
	text-decoration: none;
	color: #000;
}
div.menu ul li.selected a {
	color: #6CA2D4;
}
div.menu ul li.selected {
	background-color: #f6f6f6;
}


/*
---------------------------------------------------------------------------------------- side
*/
div.side {
	clear:both;
	margin: 0 0 220px 0;
	width: 200px;
	float: left;
	border-right: 2px dotted #E2E2E2;
}
div.side a {
	padding: 5px 0 0 0;
	margin: 0;
}
div.side img {
	margin: 2px 5px 5px 0;
	padding: 0;
	float: left;
	border: none;
}
div.side span {
	font-size: 1.1em;
	margin: 5px 0 0 0;
	padding: 0;
}
div.side p {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	color: #7f7f7f;
}
div.side p span {
	color: #498BC8;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div.side p span a {
	color: #498BC8;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
div.side img a {
	border: none;
	padding: 0;
	margin: 0;
}
div.side input {
	margin: 0 0 0 5px;
	padding: 0;
	font-family: Verdana;
	font-size: 1.2em;
}
div.side input.un {
	margin: 0 0 0 6px;
}
div.side input.button {
	background-color: #498BC8;
	color: #fff;
	border: none;
	width: 25px;	
	font-weight: bold;
	font-size: 1.1em;
	height: 19px;
	margin: 5px 15px 0 7px;
	padding: 0;
}
div.side input.checkbox {
	margin: 5px 5px 0 0;
	padding: 0;
}
div.side form {
	padding: 0;
	margin: 5px 0 0 0;
}


/*
---------------------------------------------------------------------------------------- Account management
*/
div.section {	
	border-bottom: 2px dotted #e2e2e2;
	padding: 5px 5px 5px 15px;
	margin: 0;
}
div.section p{
	padding:0px 0px 10px 0px;
}
div.section a{
	color:#3B7FAF;
	text-decoration:none;
}
div.section a:hover {
	color:#000;
	text-decoration:none;
}
div#info {
	background-color: #F8F8F8;
	padding: 0px 0px 20px;
	margin: 0px 0px 0px 6px;
	border-bottom: 2px dotted #e2e2e2;
}
div#info h1 {
	font-size: 12px;
	font-weight: bold;
	padding: 4px 6px 0px;
	margin: 10px 0px 0px 0px;
	color: #373634;
	height: 25px;
}
div#info p {
	margin: 0px;
	padding: 0px 5px 5px;
}
/*
---------------------------------------------------------------------------------------- content
*/




div.content {
	width: 425px;
	padding: 0;
	margin: 0 0 220px 10px;
	padding: 7px 10px 0 0;
	float: left;
}
div.content h1 {
	font-size: 2em;
	color: #498BC8;
	padding: 0;
	margin: 0;
}
div.content h1 span#mid {
	margin-left: 135px;
}
div.content h2 {
	font-size: 1.5em;
	color: #498BC8;
	padding: 0;
	margin: 8px 0 0 0;
}
div.content h3 {
	font-size: 1.2em;
	padding: 0;
	margin: 8px 0 0 0;
}
div.content h4 {
	font-size: 1.4em;
	padding: 0;
	margin: 0;
	color: #498BC8;
	float: none;
	clear: right;
}
div.content img.accountThumb {
	float: left;
	clear: left;
	padding: 0 10px 15px 0;
	margin: 0;
	border: none;
}
div.content p.myAccount {
	float: none;
	padding: 0 0 15px 0;
}
div.content ul {
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 1.2em;
}
div.content a {
	color: #498BC8;
	text-decoration: underline;
}
div.content p.summary {
	font-size: 1.5em;
	color: #498BC8;
}
div.content p {
	color: #333;
	font-size: 1.2em;
	padding: 0;
	margin: 5px 5px 5px 0;
}
div.content p.tc {
	color: #999;
	margin-top: 20px;
}
div.content hr {
	height: 1px;
	border: 1px solid #E2E2E2;
	margin: 5px 14px 5px 0;
}
div.content img.leftJustify {
	text-align: left;
	float: left;
	margin: 0 5px 0 0;
}
div.content img.rightJustify {
	text-align: right;
	float: right;
	margin: 0 0 0 5px;
}
div.content table {
	font-size: 1.2em;
}
div.content table h2{
	font-size: 1.2em;
}
div.content table.top-ten-parts{
	border:#000 1px solid;
	BORDER-COLLAPSE: collapse;
	background-color:#f3f3f3;
}
div.content table.top-ten-parts tr.head {
	COLOR:#fff;
	background-color:#4b8ccc;
	font-weight:bold;
}
div.content table.top-ten-parts tr.head td{
	COLOR:#fff;
	background-color:#4b8ccc;
	font-weight:bold;
}
div.content table.top-ten-parts td {
	padding:5px;
}




div.login {
	background-color: #d7eafc;
	margin: 20px 5px 0 0;
	padding: 10px 10px 10px 10px;
	border: solid 1px #498bc8;
}
div.login h2 {
	margin: 0px;
	color: #000;
}
div.advert1 {
	float: left;
	width: 49%;
	border-right: 2px dotted #e2e2e2;
}
div.advert1 img {
	float: left;
}
div.advert2 {
	float: right;
	width: 49%;
	margin: 0 5px 0 0;
}
div.advert2 h1 {
	margin: 0 15px 5px 5px;
	padding: 0 0 0 40px;
}
div.advert2 img {
	float: left;
}
table.input {
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

table.input th {
	text-align: left;
}
table.input col.field {
	width: 30%;
	text-align: left;
	vertical-align: top;
}
table.input col.value {
	width: 70%
}
table.input input table.input textarea {
	font-family: Verdana;
	font-size: 1em;
}


table.searchresults {
	font-size: 12px;
}



div.footer {
	color: #999;
	clear: both;
/*	margin: -45px 0 0 14px;*/
	margin: -220px 0 0 14px;
	padding-bottom: 40px;
	top: 100%;
	position: absolute;
}
div.footer a {
	color: #999;
}
div.footer img {
	text-align: left;
	margin: 0 5px 10px 0;
	border: 0;
}


div a.addrfqbutton {
	width: 300px; 
	display: block;
	margin: auto; 
	padding: 10px; 
	background-color: #01cc01; 
	text-align: center; 
	color: #FFFFFF; 
	font-size: 18px; 
	font-family: Tahoma, serif;
	font-weight: bold; 
	text-decoration: none; 
	background-image: url(greentone.gif);
	background-repeat: repeat-x;
	background-position: top;
}