/*

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



*/





.spacer {

	clear:both;

	font-size:0;

	line-height:0;

}

/* Body reset */

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Verdana, Arial, Sans-Serif;

	margin:0px;

	padding:0px 0 18px;

	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: 47px; 

	background: url(images/topmenu-bg.png) no-repeat 0 0;

	overflow:visible;

	padding-top: 15px;

	font-size:12px;

	z-index:10000 !important;

	}

#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: 10px; font-weight: bold;

	text-align: center;	

	list-style:none;

	color:#000000;

	float:left;

	padding:0 18px 0 19px;

	background:url(images/topmenu-devider.gif) no-repeat 0 5px;

	position:relative;

	height:100%;

	}

#menu li a {

	width: 100%; height: 100%; display: block;

	color:#222955;

	text-decoration: none;

	}

#menu li a:hover { color: #000; }

/*

#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; }



#menu ul ul {

	width:230px;

	position:absolute;

	top:15px;

	left:0;

	height:auto;

	display:none;

	padding:9px 0 0;

}
#menu ul li.menu-item-772 ul {
	width:290px;
}
#menu ul ul ul {

	left:198px;

	top:-1px;

	border-top:#E6E6E6 1px solid;

	padding:0;

}

#menu ul ul li {

	float:none;

	text-align:left;

	border-bottom:#E6E6E6 1px solid;

	background:#fff;

	padding:0 0 0 5px;

	border-left:#E6E6E6 1px solid;

	border-right:#E6E6E6 1px solid;

}

#menu ul ul li a {

	color:#626262;

}

#menu ul ul li a:hover {

	color:#222955;

} 

/* 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; }

.bunkerPriceReqCol #sendButton {
	position: relative;
	top: -30px;
}

#content div.inputContainer {

	width: 360px; display: block; position: relative;

	padding: 4px 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 6px 4px 0; width: 110px; }

#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; }

#foundfrom {

}

.orderedbefore {
	position: relative;
	top: -8px;
}

.financial-statements-required-fields {
	border: 1px solid red !important;
	font-size: 13px !important;
	display: block !important;
}

#sendButtonTC {
/*	position: absolute;
	right: 0;
	top: 54px;*/
	position: absolute;
	right: 0;
	top: 40px;
	width: 70px;
}

#sendButtonTC {
	position: absolute;
	top: 70px;
	width: 70px;
	right: 0;
}

#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; }

#content_wrap div.editablecontentWrap img { display:inline;}

#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:28px; position: relative;

		background: url('images/accordHandles/brazil_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/brazil.jpg') no-repeat -1px -1px; }

#accordChina { height:28px; position: relative;

		background: url('images/accordHandles/china_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/china.jpg') no-repeat -1px -1px; }

#accordFrance { height:28px; position: relative;

		background: url('images/accordHandles/france_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/france.jpg') no-repeat -1px -1px; }

#accordHongKong { height:28px; position: relative;

		background: url('images/accordHandles/hongKong_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/hongKong.jpg') no-repeat -1px -1px; }

#accordKorea { height:28px; position: relative;

		background: url('images/accordHandles/korea_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/korea.jpg') no-repeat -1px -1px; }

#accordSingapore { height:28px; position: relative;

		background: url('images/accordHandles/singapore_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/singapore.jpg') no-repeat -1px -1px; }

#accordSouthAfrica { height:28px; position: relative;

		background: url('images/accordHandles/southAfrica_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/southAfrica.jpg') no-repeat -1px -1px; }

#accordUK { height:28px; position: relative;

		background: url('images/accordHandles/uk_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/uk.jpg') no-repeat -1px -1px; }

#accordOZ { height:28px; position: relative;

		background: url('images/accordHandles/oz_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/oz.jpg') no-repeat -1px -1px; }

#accordUSA { height:28px; position: relative;

		background: url('images/accordHandles/usa_over.jpg') no-repeat -1px -1px; /*pre-loader*/

		background: url('images/accordHandles/usa.jpg') no-repeat -1px -1px; }

#accordUkraine { height:28px; position: relative;

				background: url('images/accordHandles/ukraine_over.jpg') no-repeat -1px -1px; /*pre-loader*/

				background: url('images/accordHandles/ukraine.jpg') no-repeat -1px -1px; }

#accordDenmark { height:28px; position: relative;

				background: url('images/accordHandles/denmark_over.jpg') no-repeat -1px -1px; /*pre-loader*/

				background: url('images/accordHandles/denmark.jpg') no-repeat -1px -1px; }


#accordBrazil:hover { height:28px; position: relative; background-image: url('images/accordHandles/brazil_over.jpg'); }

#accordChina:hover { height:28px; position: relative; background-image: url('images/accordHandles/china_over.jpg'); }

#accordFrance:hover { height:28px; position: relative; background-image: url('images/accordHandles/france_over.jpg'); }

#accordHongKong:hover { height:28px; position: relative; background-image: url('images/accordHandles/hongKong_over.jpg'); }

#accordKorea:hover { height:28px; position: relative; background-image: url('images/accordHandles/korea_over.jpg'); }

#accordSingapore:hover { height:28px; position: relative; background-image: url('images/accordHandles/singapore_over.jpg'); }

#accordSouthAfrica:hover { height:28px; position: relative; background-image: url('images/accordHandles/southAfrica_over.jpg'); }

#accordUK:hover { height:28px; position: relative; background-image: url('images/accordHandles/uk_over.jpg'); }

#accordOZ:hover { height:28px; position: relative; background-image: url('images/accordHandles/oz_over.jpg'); }

#accordUSA:hover { height:28px; position: relative; background-image: url('images/accordHandles/usa_over.jpg'); }

#accordUkraine:hover { height:28px; position: relative; background-image: url('images/accordHandles/ukraine_over.jpg'); }

#accordDenmark:hover { height:28px; position: relative; background-image: url('images/accordHandles/denmark_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;

	width:814px; height: 62px;

	background:#1C2247 url(images/footer-bg.gif) no-repeat 0 100%;

	left:9px;

	}

#footWrap p {

	padding-top: 0px; padding-right: 5px;

	margin:0px auto;

	color:#121212;

	}

#footWrap p a {

	color:#121212;

	}



/* Blog Styles */

.post a {

	color:#2A4DA1 !important;

}

.navigation {

	padding:30px 0 0;

	font-size:11px;

	line-height:16px;

	font-weight:bold;

}

.navigation a {

	color:#2A4DA1 !important;

}

.blogSidebar { 

	display: block; 

	float: right; 

	margin-left: 35px; 

	width: 215px; 

	background:#E9E9E9;

}

.blogSidebar .topBg,

.blogSidebar .bottomBg {

	background:url(images/blog-sidebar-corners.gif) no-repeat 0 0;

	height:7px;

	font-size:0;

}

.blogSidebar .bottomBg { background-position:0 100%;}

.blogSidebar .content {

	padding:0 0 30px 25px; 

}

.blogSidebar h3 {

	padding-bottom:5px;

}

.blogSidebar ul {

	padding:0 0 0 15px;

	font-size:11px;

	margin:0;

	list-style:outside disc;

}

.commentlist {

	list-style:none;

	padding:0;

	margin:0;

}

.comment {

	overflow:hidden;

	height:100%;

	padding:10px;

	background:#f2f2f2;

	display:block;

}

img.avatar {

	float:left;

	margin-right:15px;

	display:block;

}

.even {

	background:#F9f9f9;

}

.commentmetadata {

	padding-left:40px;

	margin-bottom:-10px;

}

cite {

	padding-left:10px;

	text-transform:capitalize;

}

.vcard {

	font-size:11px;

}

#commentform p {

	padding-bottom:0px;

	margin:0;

}



/* Latest news Home page */

.news ul {

	padding:15px 0 0 15px;

	font-size:11px;

	font-weight:bold;

}

.news ul li {

	padding-bottom:4px;

}

#content_wrap div.editablecontentWrap p img {

	float:left;

	margin:4px 10px 2px 0;

	border:#E9E9E9 1px solid;

	padding:3px;

}

.topInfo {

	width:778px;

	position:relative;

	left:9px;

	text-align:right;

	font-size:10px;

	line-height:14px;

	padding:8px 0 0;

	color:#fff;

}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
	position: static;
	margin: 20px 0 !important;
	text-align: left;
    width: 700px;
}

div.wpcf7-response-output.wpcf7-validation-errors {
    position: relative;
    top: -35px;
}

#sendButton {
    position: relative;
    top: 20px;
    right: 0;
}

#dlTnCContainer {
	margin-top: -30px;
}

#dlTnCContainer p {
	margin: 0 0 10px 0;
	padding: 0;
}

.adobe-acrobat {
	padding-top: 18px;
	padding-left: 8px;
	line-height: 52px;
}

#wpcf7-f1-p502-o1 #sendButton {
	position: static;
}

#wpcf7-f1-p502-o1 div.wpcf7-validation-errors {
	position: static;
	margin-top: 20px;
}

#wpcf7-f3-p80-o1 div.wpcf7-response-output.wpcf7-validation-errors,
#wpcf7-f3-p80-o1 div.wpcf7-response-output.wpcf7-mail-sent-ok  {
	position: relative;
	display: block;
	margin-top: 25px;
	margin-bottom: -50px;
}

#wpcf7-f3-p80-o1 div.wpcf7-response-output.wpcf7-mail-sent-ok {
	margin-top: -10px !important;
	margin-bottom: 0px !important;
}

#wpcf7-f3-p80-o1 #sendButtonFS {
	float: right;
	position: relative;
	top: 47px;
}