@charset "utf-8";

/* Oilspot */



body {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

background:url(../img/body-bk.png) top left repeat-x #004D91;

}

a:link { text-decoration: none; color: #014669; }

a:visited { text-decoration: none; color: #014669; }

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

a:active { text-decoration: none; color: #014669; }



#all {

position: relative;

width: 931px;

text-align: left;

margin: 20px auto 40px auto;

background: url(../img/top-content-bk.jpg) top center no-repeat #fff;

color: #333;

font-family: Arial, Helvetica, sans-serif;

}

#banner { 

position: relative;

width: 685px;

padding: 15px 0px 0px 15px;

margin: 0px 0px 0px 0px;

}

#banner #header {

position: relative;

width: 685px;

height: 197px;

background:url(../img/header-bk.jpg) top center no-repeat #fff;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#banner #header2 {

position: relative;

width: 685px;

height: 197px;

background:url(../img/header-bk-results.jpg) top center no-repeat #fff;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#banner #header form input, #banner #header2 form input {

color: #333;

background-color: #fff;

border: none;

font-size: 11px;

margin: 3px;

}

#banner #header #menu, #banner #header2 #menu {

position: absolute;

top: 156px;

left: 15px;

}

#banner #header #menu ul, #banner #header2 #menu ul {

list-style-type: none;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#banner #header #menu ul li, #banner #header2 #menu ul li {

display: inline;

}

#banner #header #menu ul li a:link, #banner #header2 #menu ul li a:link { 

text-decoration: none;

color: #014669;

font-weight: bold;

padding: 0px 4px 0px 4px;

font-style:italic;

font-size: 13px;

}

#banner #header #menu ul li a:visited, #banner #header2 #menu ul li a:visited {

text-decoration: none;

color: #014669;

font-weight: bold;

padding: 0px 4px 0px 4px;

font-style:italic;

font-size: 13px;

}

#banner #header #menu ul li a:hover, #banner #header2 #menu ul li a:hover {

text-decoration: underline;

color: #014669;

font-weight: bold;

padding: 0px 4px 0px 4px;

font-style:italic;

font-size: 13px;

}

#banner #header #menu ul li a:active, #banner #header2 #menu ul li a:active {

text-decoration: none;

color: #014669;

font-weight: bold;

padding: 0px 4px 0px 4px;

font-style:italic;

font-size: 13px;

}

#banner #header .twitter, #banner #header2 .twitter {
	background: url(../images/twitter.png) no-repeat;
	width: 116px; height: 59px;
	
	position: absolute;
	top: 123px; right: 165px;
}
#banner #header2 #twitter, #banner #header #twitter {
	right: 135px;
}
#banner #header .twitter a, #banner #header2 .twitter a {
	width: 116px; height: 59px;
	display: block;
}

#banner #header #loginclient, #banner #header2 #loginclient {

position: absolute;

top: 100px;

right: 25px;

}

#content, #content2 {

position: relative;

width: 685px;

padding: 0px 0px 15px 0px;

margin: 0px 0px 0px 0px;

min-height:400px;

}

#content table {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#content2 table {

padding: 0px 0px 0px 15px;

margin: 0px 0px 0px 0px;

}



.blueleft {

width: 221px;

height: 197px;

background: url(../img/bluebox-bk.jpg) bottom center no-repeat #fff;

margin: 0px 11px 0px 0px;

}

.blueleft table { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; color: #014669; }

.nwdate {

width: 40px;

font-size:10px;

padding: 0px 0px 0px 5px;

vertical-align: top;

font-weight: bold;

}

.nwtitle {

font-size:10px;

padding: 0px 5px 0px 0px;

vertical-align: top;

}

.nwtitle p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.bluecenter {

width: 221px;

height: 197px;

background: url(../img/bluebox-bk.jpg) bottom center no-repeat #fff;

margin: 0px 11px 0px 0px;

}

.form-quote, #search, #tell-friend { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; }

form label { color: #014669; font-size: 11px; font-weight: bold; }

form input, form select { background-color: #CDECFC; border: 1px solid #014669; font-size: 11px; }

.txtright { text-align: right; }

.blueright {

width: 221px;

height: 197px;

background: url(../img/bluebox-bk.jpg) bottom center no-repeat #fff;

margin: 0px 0px 0px 0px;

}

.blueleft h2 {

background: url(../img/tab-blue-left.jpg) top left no-repeat #fff;

margin: 0px 0px 0px 0px;

padding: 10px 0px 7px 20px;

color: #fff;

font-size: 13px;

}

.bluecenter h2 {

background: url(../img/tab-blue-center.jpg) top left no-repeat #fff;

padding: 10px 0px 7px 20px;

margin: 0px 0px 0px 0px;

color: #fff;

font-size: 13px;

}

.blueright h2 {

background: url(../img/tab-blue-right.jpg) top left no-repeat #fff;

padding: 10px 0px 7px 20px;

margin: 0px 0px 0px 0px;

color: #fff;

font-size: 13px;

}



.greenleft {

width: 221px;

height: 197px;

background: url(../img/bluebox-bk.jpg) bottom center no-repeat #fff;

margin: 11px 11px 0px 0px;

}

.greencenter {

width: 221px;

height: 197px;

background: url(../img/bluebox-bk.jpg) bottom center no-repeat #fff;

margin: 11px 11px 0px 0px;

}

.greenright {

width: 221px;

height: 197px;

background: url(../img/greenbox-right-bk.jpg) bottom center no-repeat #fff;

margin: 11px 0px 0px 0px;

}

.greenright form {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

.greenright form label {

color: #014669;

}

.greenright form input {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

.greenright p {

font-size: 11px;

color: #014669;

padding: 10px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

.greenleft h3, .greencenter h3, .greenright h3 {

background: url(../img/tab-green.jpg) bottom center no-repeat #fff;

margin: 0px 0px 0px 0px;

padding: 10px 0px 7px 20px;

color: #fff;

font-size: 13px;

}

.ads {

position: absolute;

top: 20px;

right: 23px;

width: 208px;

height: 586px;


text-align:center;

}

.ads2 {
position: absolute;
top: 2px;
right: 8px;
width: 208px;
height: 640px;
background:url(../img/ads-bk2.jpg) top left no-repeat #fff;
text-align:center;
}

.ads h3, .ads2 h3 {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

font-size: 11px;

color: #ddd;

font-weight: normal;

}
.h-ads { text-align: center; }
.ads img, .ads2 img, .adsh img, .h-ads img { border: none; } 

/* result page and other pages */

#search-banner {

width: 685px;

height: 55px;

background: url(../img/tab-blue-search.jpg) top left no-repeat #fff;

padding: 15px 0px 0px 20px;

margin: 0px 0px 0px 0px;

}

#page-banner {

width: 685px;

background: url(../img/tab-blue-search.jpg) top left no-repeat #fff;

padding: 15px 0px 0px 20px;

margin: 0px 0px 0px 0px;

}

#page-banner h1 {

padding: 5px 0px 20px 0px;

margin: 0px 0px 0px 0px;

color: #fff;

font-size: 16px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

#page-banner p {

padding: 12px 40px 12px 10px;

margin: 0px 0px 0px 0px;

}

#page-banner form {

padding: 20px 0px 30px 0px;

margin: 0px 0px 0px 0px;

}

#page-banner form input, #page-banner form textarea {

background-color: #fff;

border: 2px solid #6bf;

}

#page-banner form #submit {

background-color: #CDECFC; border: 1px solid #014669;

}

#search-banner h1 {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

color: #014669;

font-size: 18px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

#search-banner form {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#search-submit {

border: none;

background: none;

}



#sps {
width: 414px;
/*height: 134px;*/
margin: 11px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sps h2 {
background: url(../img/tab-green-sps.jpg) top left no-repeat #fff;
margin: 0px 0px 0px 0px;
padding: 10px 0px 7px 20px;
color: #fff;
font-size: 13px;
}
#sps h2 span {
	margin: 0 10px 0 0;
	display: block;
	float: right;
}

#sps-content {
width: 414px;
background: url(../img/tab-green-sps-bk400.jpg) bottom left no-repeat #fff;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
#sps-content a:link { text-decoration: underline; }
#sps-content a:visited { text-decoration: underline; }
#sps-content a:hover { text-decoration: underline; }
#sps-content a:active { text-decoration: underline; }

#feas {
width: 270px;
/*height: 181px;*/
margin: 11px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#feas h2 {
background: url(../img/tab-green-feas.jpg) top left no-repeat #fff;
margin: 0px 0px 0px 0px;
padding: 10px 0px 7px 20px;
color: #fff;
font-size: 15px;
}
#feas h2 span {
	margin: 0 10px 0 0;
	display: block;
	float: right;
}

#feas-content {
background: url(../img/tab-green-feas-bk400.jpg) bottom left no-repeat #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 11px;
}

#sps h3, #feas h4 {
font-size: 13px;
font-weight: normal;
color: #718C3C;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 7px;
}

#sps h3 span, #feas h4 span {
font-size: 10px;
font-weight: normal;
color: #014669;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#sps table, #feas table {
padding: 0px 0px 0px 7px;
margin: 0px 0px 0px 0px;
font-size: 10px;
color: #014669;
vertical-align:top;
}

#sps table p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 10px;
color: #014669;
vertical-align:top;
text-align:left;
}

#feas table p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 7px;
font-size: 10px;
color: #014669;
vertical-align:top;
text-align:left;
}

#search-results {

width: 414px;

margin: 15px 0px 0px 0px;

background: url(../img/top-results-bk.png) top left no-repeat;

}

.eachresults {

width: 414px;

padding: 15px 0px 20px 10px;

background: url(../img/bottom2-results-bk.png) bottom left no-repeat;

}

.eachresults-end {

width: 430px;

padding: 15px 0px 20px 10px;

background: url(../img/bottom-results-bk.png) bottom left no-repeat;

}

.singleresult {
width: 430px;
padding: 15px 15px 20px 10px;
background: url(../img/single-bottom-bk.png) top left no-repeat #fff;
}
.eachresults p, .eachresults-end p, .singleresult p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 7px;
font-size: 10px;
color: #014669;
vertical-align:top;
text-align:left;
}

.eachresults h5, .eachresults-end h5, .singleresult h5 {
font-size: 13px;
font-weight: normal;
color: #718C3C;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 7px;
}

.eachresults h5 span, .eachresults-end h5 span {

font-size: 10px;

font-weight: normal;

color: #014669;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

/* full listing */
#fulllisting {
position: relative;
width: 685px;
}
#header-fulllisting {
position: relative;
width: 685px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header-fulllisting h2 {
background: url(../img/tab-green-flist.jpg) top left no-repeat #fff;
margin: 0px 0px 0px 0px;
padding: 20px 0px 7px 30px;
color: #fff;
font-size: 13px;
}
#content-fulllisting {
background: url(../img/tab-green-flist-bk600.jpg) bottom  no-repeat #fff;
width: 685px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#btn_flist {

position: absolute;

top: 20px;

right: 35px;

}

#btn_flist h3 {

color: #fff;

font-size: 13px;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

#btn_flist h3 a:link { color: #fff; text-decoration: none; }

#btn_flist h3 a:visited { color: #fff; text-decoration: none; }

#btn_flist h3 a:hover { color: #fff; text-decoration: underline; }

#btn_flist h3 a:active { color: #fff; text-decoration: none; }



#content-fulllisting table {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

font-size: 11px;

color: #014669;

vertical-align:top;

}

#content-fulllisting .get-quote, #content-fulllisting .contact-supplier, #content-fulllisting .buy-now  {
	background: url(../images/quote_button.jpg) no-repeat;
	width: 101px; height: 30px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle; 

	text-indent: -9999px;
}
#content-fulllisting .contact-supplier {
	background: url(../images/supplier_button.jpg) no-repeat;
	width: 98px; height: 29px;
}
#content-fulllisting .buy-now  {
	background: url(../images/buy_button.jpg) no-repeat;
	width: 99px;
}

#fl-img {

text-align: left;

padding: 10px 0px 0px 0px;

}

#fl-img img {

vertical-align: middle;

border: none;

padding-right: 30px;

}

#content-fulllisting table ul, #content-fulllisting p {

padding: 5px 0px 5px 20px;

margin: 0px 0px 0px 0px;

}



/* footer */

#footer {

position: relative;

width: 931px;

height: 67px;

background:url(../img/bottom-content-bk.jpg) top center no-repeat #fff;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

color: #0093D1;

clear: both;

}

#footer form {

padding: 0px 0px 7px 0px;

margin: 0px 0px 0px 0px;

}

#footer form input {

color: #333;

background-color: #fff;

border: none;

font-size: 11px;

vertical-align: middle;

}

#footer a:link { text-decoration: none; color: #014669; font-weight: bold; padding: 0px 4px 0px 4px; }

#footer a:visited { text-decoration: none; color: #014669; font-weight: bold; padding: 0px 4px 0px 4px; }

#footer a:hover { text-decoration: underline; color: #014669; font-weight: bold; padding: 0px 4px 0px 4px; }

#footer a:active { text-decoration: none; color: #014669; font-weight: bold; padding: 0px 4px 0px 4px; }



#footer table {

width: 900px;

margin: 0px 0px 0px 20px;

padding: 0px 0px 0px 0px;

}


.toplink{
	color:#FFFFFF;
}

/* .box in instant-quote */
#page-banner div.box {
	background: #f7f9f6;
	width: 665px;
	margin: 10px 0;
	border: 1px solid #00ff00;
}
#page-banner div.box p {
	margin: 10px; padding: 0;
}
#page-banner div.box p strong {
	font-size: 13px;
}
#page-banner div.box p a {
	font-weight: bold;
}

.special {
	margin-left: 35px;
}
