/* CSS Document */

body{margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#444444; background:url(../images/bg.jpg) top repeat-x #ffffff;}

form{margin:0px; padding:0px;} 
img{border:0px;} 
input{font-size:100%; color:#444444; border:1px solid #9c9c9c; padding:2px 5px 2px 5px; margin-bottom:8px;}
select{font-size:100%; color:#444444; border:1px solid #9c9c9c; padding:1px; margin-bottom:8px;}
input.submit{font-size:100%; font-weight:bold; background:#fef514; cursor:pointer; color:#10245a; border:1px solid #9c9c9c; padding:1px 5px 1px 5px; text-align:center;}


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

h1 {font-size:150%; color:#10245a;}
h2 {font-size:140%; color:#10245a;}
h3 {font-size:120%; color:#10245a;}

.text_blue {color:#10245a;}
.text_yellow {color:#fef514;}
.text_subtitle1 {color:#10245a; font-size:110%; font-weight:bold;}
.text_subtitle2 {color:#444444; font-size:110%; font-weight:bold;}
.text_subtitle3 {color:#10245a; font-size:120%; font-weight:bold;}

.link_yellow a{color:#fef514; text-decoration:underline;} 
.link_yellow a:hover{color:#fef514; text-decoration:none;}

.clear_left{clear:left; height:0px;} .clear_right{clear:right; height:0px;} 
.clear_both{clear:both; height:0px;} 

/*
ul{list-style:none;}
*/

#base{background:#ffffff; width:907px; margin:auto; padding:0px;}

#header{background:#fef514; height:91px;}
#logo{float:left;}

#strap_line{
	float:left; 
	padding:50px 50px 0px 0px; 
	color:#143D8D; 
	font-size:180%; 
	font-style:italic; 
	font-weight:bold;
	font-family:"Arial Rounded MT Bold";
}

#provide_support{
    float:right; 
    padding:15px 5px 0px 0px; 
}

#navigation{float:right; width:907px; background:#143d8d; height:24px;}
#navigation div a{display:block; float:right; color:#fef514; font-size:110%; font-weight:bold; text-decoration:none; padding:0px 8px 0px 8px; line-height:24px; border-left:1px solid #46639d;}
#navigation div a:hover{text-decoration:underline;}

#main_content{}

hr {border:1px solid #DDD;}

#column_left{float:left; width:201px; padding:20px 6px 0px 0px;}
#column_centre{float:left; width:486px; padding:20px 6px 0px 0px;}
#column_right{float:left; width:201px; padding:20px 6px 0px 0px;}

.pods_left_header{background:url(../images/img_corner_header_yellow.jpg) top right no-repeat #fef514; width:191px; padding:3px 0px 2px 10px; margin-top:6px; font-weight:bold; color:#10245a;}
.pods_centre_header{background:url(../images/img_corner_header_yellow.jpg) top right no-repeat #fef514; width:476px; padding:5px 0px 4px 10px; margin-top:6px; font-weight:bold; color:#10245a;}
.pods_right_header{background:url(../images/img_corner_header_blue.jpg) top right no-repeat #10245a; padding:5px 0px 4px 10px; margin-top:6px; font-weight:bold; color:#fef514; }

.innerform_header {background:#10245a; padding:5px 0px 4px 10px; margin-top:6px; font-weight:bold; color:#fef514; }
.innerform_content{border:1px solid #10245a; padding:10px; font-size:90%;}

.evoucher {background:url(../images/evoucher.gif) top no-repeat; padding:16px 15px 16px 180px;}
.evoucher input{width:250px; padding:2px; font-size:90%; color:#000;}

#evoucher{background:url(../images/evoucher.gif) top left no-repeat; width:463px; height:50px;}
.evoucher_box{background:url(../images/evoucher_input_bg.jpg) top left no-repeat; width:262px; height:25px; border:none; padding:4px 4px 4px 4px; position:relative; top:12px; left:80px;}
.evoucher_text{color:#333333; font-size:90%; font-weight:normal; border:0px; padding:2px;}

.pods_news_header{border:1px solid #ccc; margin-top:15px;  background:#ccc; width:180px; padding:5px 0px 4px 10px; font-weight:bold; color:#10245a;}
.pods_news_content{ border:1px solid #ccc; padding-top:4px; width:190px; font-size:90%;}
.pods_news_item{ padding:8px 10px 4px 10px;}

.pods_survey_synopsis{border:1px solid #ccc; margin-top:15px;  background:#ccc; width:476px; padding:5px 0px 4px 10px; font-weight:bold; color:#10245a;}

.pods_comp_header{margin-top:15px;  background:url(../images/img_corner_header_blue.jpg) top right no-repeat #10245a;  width:191px; padding:5px 0px 4px 10px; font-weight:bold; color:#fef514;}
.pods_comp_content{ border:1px solid #10245a; padding:4px 0; font-size:90%;}
.pods_comp{ padding:5px 10px 5px 10px;}


.pods_left_content{padding:10px; font-size:90%;}
.pods_centre_content{padding:10px; font-size:90%;}
.pods_right_content{border:1px solid #10245a; padding:10px; font-size:90%;}
.pods_right_fadder{height:80px;}

.inner1_left{float:left; width:130px;}
.inner1_right{float:left; width:47px; border:1px solid #cccccc;}

.inner2_left{float:left; width:280px; padding-top:20px;}
.inner2_right{float:left; width:180px; padding-top:20px;}

.inner3_left{float:left; width:310px;}
.inner3_right{float:left; width:150px;}

.inner4_left{float:left; width:140px; padding-right:5px;}
.inner4_right{float:left; width:140px;}

.nonothing {border:none;}

#pod_thawte{padding-top:20px;}

#banner_img{float:left; width:486px; height:134px;}
#banner_synop{background:url(../images/img_text_box_bg.png) top left; color:#fff; padding:12px 10px 8px 10px; margin:14px 14px 14px 0px; width:125px; height:88px; float:right;}

.news_thumbnail_img{width:150px; height:97px;}
.news_thumbnail_corner{background:url(../images/corner_grey_transparent.gif) bottom left no-repeat; width:150px; height:97px;}
.news_link_spacer{padding-top:8px;}

.form_button_login{width:58px; font-size:100%; font-weight:bold; background:#fef514; cursor:pointer; color:#10245a; border:1px solid #9c9c9c; padding:1px 0px 1px 0px; text-align:center; margin-bottom:6px}
.form_button_check{border:1px solid #9c9c9c; color:#10245a; font-size:120%; font-weight:bold; background:#fef514; cursor:pointer; width:174px; margin-bottom:11px; text-align:center; padding:1px 0px 1px 0px;}
.form_button_order{width:174px; font-size:180%; font-weight:bold; background:#fef514; cursor:pointer; color:#10245a; border:1px solid #9c9c9c; padding:1px 0px 1px 0px; text-align:center; margin-bottom:12px}
.form_button_send_comment{width:100px; font-size:100%; font-weight:bold; background:#fef514; cursor:pointer; color:#10245a; border:1px solid #9c9c9c; padding:1px 0px 1px 0px; text-align:center;}

.form_button_submit{font-size:100%; font-weight:bold; background:#fef514; cursor:pointer; color:#10245a; border:1px solid #9c9c9c; padding:1px 5px 1px 5px; text-align:center;}
.form_box{font-size:100%; color:#444444; border:1px solid #9c9c9c; padding:2px 5px 2px 5px; margin-bottom:8px;}

.form_field{width:168px; font-size:100%; color:#444444; border:1px solid #9c9c9c; padding:2px 0px 2px 5px; margin-bottom:8px;}

textarea {color:#444444; border:1px solid #9c9c9c; padding:2px 0px 2px 5px; margin-bottom:8px;}

.form_area{color:#444444; border:1px solid #9c9c9c; padding:2px 0px 2px 5px; margin-bottom:8px;}
.form_drop_down{width:174px; font-size:100%; color:#444444; border:1px solid #9c9c9c; padding:2px 0px 2px 5px; margin-bottom:8px;}
.form_field_blank{font-weight:bold; width:174px; font-size:120%; color:#444444; border:1px solid #9c9c9c; padding:4px 0px 4px 0; margin-bottom:8px;}

.form_padding{padding:5px 0;}

.dotted_line {border-bottom:1px dotted #10245a; margin:8px 0px 0px 0px;}

#footer {padding:20px 0px 20px 0px; border-top:1px solid #10245a; margin:20px 0px 20px 0px;}
#footer_left {float:left; font-size:90%;}
#footer_right {float:right; font-size:90%;}



/* Added by Patricia*/


.NoBorder{border:0px;}
.FormFieldWidth{width:100%}
.FormFieldWidth2{width:90%}
.AlignLeft{text-align:left}
.errorColor{ font-weight:bold;color:red;}
.required_box{font-weight:bold;color:red;}

/*News*/
.NewsDateDetails{float:right}

.newstitle {background:#e0e0e0; margin-top:10px; border-top:1px solid #ccc;  padding:4px 10px; font-weight:bold; }
.newstitle a{text-decoration:none; }
.newstitle a:hover{color:#3f5d97;}
.newscontent {padding:15px 10px;  }
.newsdate {font-size:90%; padding-bottom:5px; color:#505d75;}
.newsimage {float:left; width:170px;}
.newsimage img{border:1px solid #999;}
.newssummary {float:left; width:290px;}

/*Ordering Oil Styles*/
.standOutText{font-weight:bold;font-color:red;color:red}

.delivery { background:url(../images/greycurve_bottom.gif) bottom no-repeat #DDD; text-align:left; width:180px; margin-bottom:20px;}
.delivery_top {padding:5px 10px; background:url(../images/bluecurve_top.gif) top #10245a no-repeat; font-weight:bold; color: #fff; font-size:110%;}
.delivery_inner {padding:5px 10px; color:#10245a;  }

.ordertitle {background:#e0e0e0; margin:10px 0; border-top:1px solid #ccc;  padding:4px; font-weight:bold; color:#10245a; font-size:120%;}

.bigtext {font-size:110%; color:#10245a;}

.TotalDisplay{font-weight:bold;font-size:112%;color:#10245a}

#PageListingCurrentPage{float:left}
#PageListingAllPage{float:right}

/* Banners */
#RightBanner {
	width:201px;
	height:134px;
	border-right:1px dotted #fff;
	float:right;
}

#LefttBanner {
	width:201px;
	height:134px;
	border-right:1px dotted #fff;
	float:left;
}

#imageContainerLeft IMG {
	DISPLAY: none; POSITION: absolute
}

#imageContainerRight IMG {
	DISPLAY: none; POSITION: absolute
}

/*#blackLayerLeft 
{
	DISPLAY: none; BACKGROUND-COLOR: transparent
}
#blackLayerRight
{
	DISPLAY: none; BACKGROUND-COLOR: transparent
}
*/
.BannerBorder{border:0px}
#breadcrumb {padding-left:10px; padding-bottom:3px; padding-top:3px; font-size:70%; }

/* *************************'* */
/*#container{width:777px; margin:auto; background-color:#FFFFFF;}
div.styleclear{clear:left;}

#leftdiv{width:174px; background-color:#fff; float:left;}
#rightdiv{width:603px; background-color:#fff; float:left;}
#topNav{float:right;padding:5px}
*/



/*#footer {background-color:#6BC19C; height:35px; width:757px; font-size:60%; padding-left: 20px;
padding-top:8px; background-image:url(../images/logo.jpg); background-position:right; background-repeat:no-repeat;} 
*/

.clear {clear:both;}

.ul{list-style:none;}

/* social media styles */
img{border:none;}

.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}

#icons_pod{width:200px; padding:15px 0px 15px 0px;}
#icons_pod p{margin:0px; padding:0px 0px 8px 0px; font-size:100%; color:#10245A; font-weight: bold;}

.icon_placeholder{float:left; width:35px; padding:0px 8px 0px 0px;}