/*
Theme Name: Cockett Marine Oil
Theme URI: http://www.infozure.com
Description: Custom Theme created by www.infozure.com web design and marketing.
Version: 1.0
Author: Infozure
Author URI: http://www.infozure.com

*/

/* Body reset */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	margin:0px;
	padding:0px;
	background: url('images/siteBG.png');
	line-height: 1.7em;
	}
#page { width: 835px; }
.center { margin: 0px auto; }
.right { float: right; }
.left { float: left; }
.clear { float: none; clear: both; height: 2px; margin: 0px; padding: 0px; }
.blue { color: #26398b; }
.small { font-size: .6em; }


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

h3 { padding-top: 20px;
	color: #26398b; font-size: 1.4em; }
h4 { font-size: 1.2em; padding-top: 3px; padding-bottom: 10px; }


/* Header styling */
#header_wrapper {
	width:100%; height: 96px;
	background: url('images/pgheader.png');
	}
#header {
	width:740px; height: 96px;
	margin:0px auto;
	}
h1 {
	margin:0px;
	padding:0px;
	float:left;
	}
h1 a {
	color:#ffffff;
	}
#description {
	float:right;
	color:#ffffff;
	}
#description ul { position: relative; top: 15px; list-style: none; }
#description ul li {
	margin-top: 3px;
	font-size: 1.2em;
	float:right; clear: right;
	color:#626262; }
#description ul li span { color: #26398b; }
#cockettLogo { position: relative; top: 30px; left: 0px; }


/* Menu styling */
#menu {
	display: block; position: relative;
	width:100%; height: 45px; 
	background: url('images/pgbgwide.png');
	overflow:visible;
	padding-top: 15px;
	}
#menuBG {
	position: absolute; top: 8px; left: 51px;
	width:740px; height: 31px;
	background: url('images/menuBG.png');
}
#menu ul {
	width:738px; height: 31px;
	position: relative; z-index: 1;
	margin:0px auto;
	list-style:none;
	padding: 0px;
	}
#menu li {
	text-transform: uppercase;
	font-size: 1.2em; font-weight: bold;
	text-align: center;	
	list-style:none;
	color:#000000;
	float:left;
	}
#menu li a {
	width: 100%; height: 100%; display: block;
	color:#626262;
	text-decoration: none;
	}
#menu li a:hover { color: #26398b; }
#menu li.page-item-3 { width: 85px;}
#menu li.page-item-6 { width:140px;}
#menu li.page-item-7 { width:175px;}
#menu li.page-item-8 { width:90px;}
#menu li.page-item-122 { width: 142px; }
#menu li.page-item-9 { width:90px; }
#menu li.current_page_item a { color: #000000; /*#26398b;*/ }
#menu li.current_page_item ul li a { color:#626262; }





/* Content styling */
#content {
	width:100%;
	margin:0px auto;
	background: url('images/pgbgwide.png') repeat-y;
	padding-bottom: 20px;
	}
#content * { margin: 0px auto; }
#content_wrap { margin: 0px 50px; }

#content h2 { 
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 1.4em;
	color: #26398b; }
#content div.lineFadeToWhite {
	width: 290px; height: 1px;
	margin: 0px 0px;
	background: url('images/lineToWhite.png');
	}
#content p {
	font-size: 1.2em;
	color:#626262;
	padding-top: 20px; }
#content a { text-decoration: none; color:#626262; }	
#content a:hover { text-decoration: underline; }



/* Sidebar styling */
#sidebarMaster { display: block; float: right; margin-left: 35px; width: 315px; }
div.sidebar { 
	padding-top: 20px;
	float: right; clear: right;
	display: block; position: relative; }
	
#fuelImage{height: auto; width: auto; }
#tallmap div.img {
	width:313px; height: 323px;
	background: url('images/mapModPlaceHolder.png');
}
#shortmap div.img {
	width:313px; height: 175px;
	background: url('images/mapModPlaceHolder_short.png');
}
/* Home Rotation */
#rotationCollection {width: 746px; height: 215px;}
#rotationCollection div.homeRotationImage { 
	width: 746px; height: 215px; }



/* Contact Form styling */
span.orderedbefore { width: 150px; display: block; float:right; }
span.orderedbefore span span { display: block; width: 70px; float: left; padding-top: 5px; }
div.bunkerPriceReqCol { width: 360px; display: block; position: relative; }

#content div.inputContainer {
	width: 360px; display: block; position: relative;
	padding: 3px 0px;
	margin: 0px 0px;}
#content div.inputContainer span { 
	font-size: 1.2em; display: block; position: relative;
	color:#626262; }
#content span.wpcf7-form-control-wrap input,
#content span.wpcf7-form-control-wrap select,
#content span.wpcf7-form-control-wrap textarea  {
		z-index: 20;
	 	width: 200px; display: block; position: relative;
	 	border: 1px solid #c5c5c5;
	 	float: right;
	}
#sendButton { float: right; margin-top: 10px; margin-right: 12px; }


#content span.products { float: right; width: 120px; }
#content span#checkBox span.wpcf7-list-item { margin: 4px 0px; width: 130px; }
#content span#checkBox input { 
	display: inline;
	width: 15px;
	float: none; 
	top: 0px; border: 0px; }
#sendButtonContainer { position: realtive; top: 0px; height: 25px; } 
#sendButtonContainer #sendButton { position: relative; padding: 0px; margin: 0px; /*left: 203px;/**/ }

#content span#checkBox span.wpcf7-list-item-label { 
	width: 100px; float: none; margin-left: 3px;
	display: inline;
	font-size: 0.7em; font-weight: normal; }
#quantitiesWrap { float: right; width: 80px; }
#content #quantitiesWrap input { margin-top: 3px; width: 25px; float: right; clear: right; }
#content div.inputContainer span.quantityTitle,
#content div.inputContainer span.tickTitle { 
	text-align: right; float: right; width: 100px; }

/* radio buttons */
#content div.inputContainer span.tickTitle { text-align: left; } 
#content div.inputContainer span.sendvia,
#content div.inputContainer span.heardof  { width: 200px; float: right; }
#content div.inputContainer span#sendvia span.wpcf7-list-item,
#content div.inputContainer span#heardof span.wpcf7-list-item {  display: inline; margin: 4px 8px; width: 120px; }
#content div.inputContainer span.wpcf7-list-item input,
#content div.inputContainer span.wpcf7-list-item span { border: 0px;
	font-size: 0.7em; font-weight: normal; 
	float: none; display: inline; width: auto; }

#content div.inputContainer span.wpcf7-not-valid-tip-no-ajax { font-size: .8em; }

#content_wrap2 div.wpcf7-response-output { clear: both; position: relative; display: block; top: 30px; } 
#heardof span span { margin-right: 5px; }
/* Err */ #content div.inputContainer span.wpcf7-not-valid-tip-no-ajax { color: #f00000; }


div.singleStaffBlock { padding-top: 10px; width: 365px; height: 150px; display: block; positon: relative; float: left; }
div.singleStaffBlock img.profileImage { float: right; padding-right: 10px; }

#accordContactMain { position: relative; display: block; width: 370px; float: left; } 

#content div#accordContact h4,
#content div#accordContactMain h4 { font-size: 1.3em; margin-top: 5px; margin-left: 0px; width: 378px; height: 23px; }
#content div#accordContact h4 span.handleHeading,
#content div#accordContactMain h4 span.handleHeading { margin: 5px; margin-left: 60px; }
#content div#accordContact h4 span.time,
#content div#accordContactMain h4 span.time { float: right;
	font-size: 11px; color: #5C6EBD; 
	position: relative; display: block;
	height: 16px; width: 120px; 
	top: 5px; margin-right: 10px;}
#content div#accordContactMain h4 span.time iframe { float: right; }
#content_wrap div.editablecontentWrap h4 { padding-bottom: 4px; }
#accordContact,
#accordContactMain { margin-top: 20px; }
#content div#accordContact div.content,
#content div#accordContactMain div.content { 
	/*min-height: 150px ! important;  height: auto ! important;*/
	padding-left: 0px;padding-right: 0px; }
#content div#accordContact h4 img,
#content div#accordContactMain h4 img { display: inline; position: absolute; left: 25px; margin: 0px; padding: 0px;  }

#content div#accordContactMain div.personHead { 
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
	background: #efefef; margin: 0px; }
#content div#accordContactMain p {  padding-top: 5px; position: relative; z-index: 7;}
#content div#accordContactMain div.contactPerson { margin-bottom: 20px; display: block; position: relative; z-index: 7; }
#content div#accordContactMain div.contactPerson img { opacity: 0; filter: alpha(opacity=0); position: absolute; top: -110px; left: 460px; z-index: 9; }
 .ui-accordion-content{ zoom: 1; } 

#accordBrazil { height:27px; position: relative;
		background: url('images/accordHandles/brazil_over.jpg');/*pre-loader*/
		background: url('images/accordHandles/brazil.jpg'); }
#accordChina { height:27px; position: relative;
		background: url('images/accordHandles/china_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/china.jpg'); }
#accordFrance { height:27px; position: relative;
		background: url('images/accordHandles/france_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/france.jpg'); }
#accordHongKong { height:27px; position: relative;
		background: url('images/accordHandles/hongKong_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/hongKong.jpg'); }
#accordKorea { height:27px; position: relative;
		background: url('images/accordHandles/korea_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/korea.jpg'); }
#accordSingapore { height:27px; position: relative;
		background: url('images/accordHandles/singapore_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/singapore.jpg'); }
#accordSouthAfrica { height:27px; position: relative;
		background: url('images/accordHandles/southAfrica_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/southAfrica.jpg'); }
#accordUK { height:27px; position: relative;
		background: url('images/accordHandles/uk_over.jpg'); /*pre-loader*/
		background: url('images/accordHandles/uk.jpg'); }

#accordBrazil:hover { height:27px; position: relative; background: url('images/accordHandles/brazil_over.jpg'); }
#accordChina:hover { height:27px; position: relative; background: url('images/accordHandles/china_over.jpg'); }
#accordFrance:hover { height:27px; position: relative; background: url('images/accordHandles/france_over.jpg'); }
#accordHongKong:hover { height:27px; position: relative; background: url('images/accordHandles/hongKong_over.jpg'); }
#accordKorea:hover { height:27px; position: relative; background: url('images/accordHandles/korea_over.jpg'); }
#accordSingapore:hover { height:27px; position: relative; background: url('images/accordHandles/singapore_over.jpg'); }
#accordSouthAfrica:hover { height:27px; position: relative; background: url('images/accordHandles/southAfrica_over.jpg'); }
#accordUK:hover { height:27px; position: relative; background: url('images/accordHandles/uk_over.jpg'); }


#pdfLogo { display: block; position: relative; height: 30px; width: 30px;
			background: url('images/pdfFileIcon.png'); float: left; top: 13px; }


/* Footer styling */
#footer {
	width:100%; height: 13px;
	overflow:hidden;
	background: url('images/pgfooter.png');
	}
#footWrap {
	position: relative; left: 51px;
	width:775px; height: 31px;
	}
#footWrap p {
	padding-top: 0px; padding-right: 5px;
	margin:0px auto;
	color:#121212;
	}
#footWrap p a {
	color:#121212;
	}