/* Begin Structure Styles =============================================== */
.hide{
	display:none;
}
.show{
	display:block;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #626262;
	font-size: 12px;
	overflow: -moz-scrollbars-vertical;
	top:0;
	background:url(../images/backroundwrap.jpg) repeat-x;
}

#wrapper {
	padding:0;
	width:986px;
	margin:0 auto;
	text-align: left;
	top:0;
	background: url(../images/banner-background.jpg) no-repeat #FFFFFF;
	min-height:203px;
}
#adsleft img, #adsright img{
	margin-top:20px;
}

#header {
	text-align: left;
	height: 130px;	
	width: 986px;
	margin:0;
	padding:0;
}

#logo {
	float: left;
	width:225px;
}

#topbar_list {
	float: right;
	width:731px;
}

#topbar_list ul {
	float:right;
	text-align:right;
}

#topbar_list li {
	display: inline;
	float:left;
	text-align: center;
	padding: 4px 20px 5px 28px;
	margin-top:8px;
	font-size:11px;
	font-weight:bold;
}

#topbar_list li.basket {
	background: url(http://www.otbsecure.co.uk/vsuk/images/icon_top_basket.gif) no-repeat;
}

#topbar_list li.account {
	background: url(http://www.otbsecure.co.uk/vsuk/images/icon_top_account.gif) no-repeat;
}

#topbar_list li.support {
	background: url(http://www.otbsecure.co.uk/vsuk/images/icon_top_support.gif) no-repeat;
}

#nav_container {
	float: left;
	width:986px;
	margin:0;
	padding:0;
	
}
#nav_container a{
	border-right:1px solid #adccc8;
	padding-right:10px;
	padding-left:10px;
	color:#ffffff;
	text-decoration:none;
}
.last{
	border-right:none;
}

#search {
	float: left;
	width:300px;
	position:relative;
	top:0px;
	padding-left:130px;
	margin:0;
}
#search p{
	color:#ffffff;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
}
#search input{
	display:block;
	float:left;
}
#search .inputsearch{
	font: 10px Arial, Helvetica, sans-serif; 
	border: 1px black solid;
	color: #022d58;
	height:14px;
	width:140px;
	padding:4px 2px 3px 2px;
	margin-right:7px;
}

.searchinput {
	font: 12px Arial, Helvetica, sans-serif; 
	border: 1px #c1bfbf solid;
	color: #3b3b3b;
	width:243px;
	background: url(http://www.otbsecure.co.uk/vsuk/images/search_top_bg.gif) no-repeat;
	height:16px;
	padding:4px 2px 3px 2px;
	float:left;
}
/* Main Content Here __________________________________________________________________________________________*/
#maincontent{
	margin-top:80px;
}
#maincontent p{
	color:#003478;
	margin-top:10px;
	padding-left:10px;
	width:490px;
}
#maincontent p b{
	color:#b70000;

}
#maincontent h4{
	text-decoration:underline;
	color:#003478;
	margin-left:10px;
	margin-bottom:10px;
	font-size:12px;
}
#maincontent a{
	color:#003478;
	
}

#lists {
	width:510px;
	padding-top:10px;
	padding-bottom:10px;
	
}
#maincontent label{
	color:#003478;
	display:block;
}
#maincontent input{
	display:block;
}

#maincontent input.reqinput{
	font: 10px Arial, Helvetica, sans-serif; 
	border: 1px black solid;
	color: #022d58;
	height:12px;
	width:160px;
	padding:4px 2px 3px 2px;
	margin-bottom:5px;
	float:left;
}
#maincontent textarea.reqtextarea {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF !important;
	border: 1px black solid;
	color: #022d58;
	width:163px;
	height:50px;
}

#leftcontent{
	float:left;
	width:250px;
	margin-top:20px;	
}
#leftcontent p{
	width:250px;
}
#rightcontent p{
	float:left;
	width:240px;
	margin-top:20px;
}

#maincontent .ulsdark{
	width:510px;
	float:left;
	margin-right:10px;
}
#maincontent .ulsdark h3{
	font-size:18px;
	color:#104179;
	font-weight:normal;
	float:left;
	padding-right:15px;
	width:60px;
	margin-bottom:10px;
}
#maincontent .ulsdark ul{
	width:510px;
	float:left;
	list-style:none;
	margin-right:10px;
	color:#003470;
}
#maincontent .ulsdark p{
	padding-top:5px;
	clear:both;
	width:230px;
}

#maincontent .ulsdark ul li.darkdarkmain{
	background: url(../images/benefitbulldark.jpg) #cad3e3 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}
#maincontent .ulsdark ul li.darklightmain{
	background: url(../images/benefitbulllight.jpg) #eef1f8 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}


/*stocklist ul style __________________________________________________________________________*/
#maincontent #ulsstock ul{
	width:500px;
	float:left;
	margin-left:10px;
	list-style:none;
}

#maincontent #ulsstock ul li.darkmain{
	background: url(../images/benefitbulldark.jpg) #c1d4d3 no-repeat 10px 7px;
	font-size:14px;
	padding-top:5px;
	padding-bottom:7px;
	padding-left:40px;
}
#maincontent #ulsstock ul li.lightmain{
	background: url(../images/benefitbulllight.jpg) #ecf6f5 no-repeat 10px 7px;
	font-size:14px;
	padding-top:5px;
	padding-bottom:7px;
	padding-left:40px;
}
/*End stocklist___________________________________________________________________________________*/

#maincontent .uls{
	width:240px;
	float:left;
}
#maincontent .uls h3{
	font-size:18px;
	color:#2e7265;
	font-weight:normal;
	float:left;
	padding-right:15px;
	width:60px;
	margin-bottom:10px;
}

#maincontent .uls ul{
	width:240px;
	float:left;
	list-style:none;
}
#contentpage ul,#questionsmore ul{
	float:left;
	clear:both;
	list-style:none;
	width:500px;
	margin-left:10px;
}
#contentpage ul li,#questionsmore ul li{
	background: url(../images/bulletcontent.gif) #ffffff no-repeat 10px 7px;
	color:626262;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}

#maincontent ul li.darkmain{
	background: url(../images/benefitbulldark.jpg) #c1d4d3 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}
#maincontent ul li.lightmain{
	background: url(../images/benefitbulllight.jpg) #ecf6f5 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}

#maincontent .linethingmain{
	border-bottom:1px solid #003470;
	max-width:430px;
	min-width:430px;
	height:18px;
	float:left;
}
#maincontent .uls p{
	padding-top:5px;
	clear:both;
	width:230px;
}
#contact{
	clear:both;
	width:520px;
	margin-top:10px;
	float:left;
	
}	
#contact p b{
	color:#013879;
}

#Request{
	background:url(../images/requestroundededgeleft.jpg) #2c7c71 no-repeat 0px 0px;
	height:32px;
	margin-top:10px;
	padding:0px 0px 0px 10px;
	width:520px;
}
#Request h2{
	padding-top:10px;
	font-size:12px;
	color:#ffffff;
	float:left;
}

#nav {
	float: left;
	padding: 6px 0 0 0;	
}

table.Results{
	margin-top:20px;
} 
.Results tr{
	width:530px;
}
.Results tr th{
	background-color:#013879;
	color:#ffffff;
	text-align:center;
	padding:10px;
	
}
.darktd td{
	background-color:#c1d4d3;
	color:#013879;
	text-align:center;
	padding:5px;
}
.lighttd td{
	background-color:#ecf6f5;
	color:#013879;
	text-align:center;
	padding:5px;
}

/*why page______________________________________________________________*/

#why .darktop{
	background-color:#cad3e3;
	padding:3px;
	border:1px solid #eef1f8;
	margin:0px;
}
#why .lighttop{
	background-color:#eef1f8;
	padding:3px;
	border:1px solid #cad3e3;
}
#txt1 p,#txt2 p,#txt3 p,#txt4 p,#txt5 p,#txt6 p,#txt7 p{
	background-color:#eef1f8;
	margin:0px;
	padding-top:10px;
	padding-right:5px;
	width:485px;
	margin-bottom:5px;
}


/*Meet the team info_____________________________________________________*/
#meetteam{
	width:530px;
	padding-bottom:10px;
}
#meetteam div.meetleft{
	width:260px;
	float:left;
	margin:10px 3px 0 0;
	padding:0px;
}
#meetteam div.meetleft p{
	float:left;
	width:130px;
	height:60px;
}
#meetteam div.meetleft b{
	color:#013879;
}
#meetteam div.meetleft img{
	float:left;
}
.meetlinks{
	float:left;
	width:130px;
	margin-left:5px;
}
/*Questionnaire page_____________________________________________________*/
#questiontop{
	float:left;
	margin-top:10px;
}
#questiontop p{
	margin-left:10px;
	padding:5px;
	width:300px;
	float:left;
	display:block;
}
#questiontop p b{
	color:#013879;
	padding-right:5px;
	width:50px;
}
#questiontop img{
	float:left;
	margin:0px;
	padding:0px;
}
#questionsmore h4{
	float:left;
	color:#013879;
	background-color:#d1e7e5;
	width:480px;
	padding:5px;
	text-decoration:none;
	margin-top:10px;
}
#questionsmore p{
	float:left;
	color:#013879;
	margin-left:10px;
}
#questionsmore p b{
	color:#013879;
}
#questionsmore ol{
	color:#013879;
}
/*About us page _________________________________________________________*/
#aboutus{
	width:530px;
}

#aboutus img{
	float:left;
	padding-right:20px;
}
#aboutus p{
	float:left;
}
/*Footer here ___________________________________________________________*/

#footer {
	clear: both;
	width: 986px;
	color: #345a8e;	
	margin:0px auto;
	
}
#footer p{
	border-top:4px solid #5b9886;
	width: 936px;
	text-align:center;
	padding-top:10px;
	padding-left:20px;
	padding-right:40px;
	margin-top:20px;
	
}
#footer p.NoLine{
	border-style:none;
}
#footer a{
	text-align:center;
	color: #345a8e;
}
/* LINE CARD ___________________________________________________________________*/
#alphabet{
	margin-top:10px;
	width:500px;
	float:left;
}

#alphabet a{
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-weight:bold;
	margin-top:10px;
	margin-right:8px;
	float:left
}
#alphabet a:hover, #alphabet a.selectedAlphabet{
	background-color:#D5E5E4;
}
#maincontent #ulsline{
	clear:right;

	margin-left:5px;
	float:left;
}
#maincontent #ulsline ul{
	width:240px;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:10px;
}

#maincontent #ulsline ul li.darkmain{
	background: url(../images/benefitbulldark.jpg) #c1d4d3 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}
#maincontent #ulsline ul li.lightmain{
	background: url(../images/benefitbulllight.jpg) #ecf6f5 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}
/*trade page_________________________________________________________________*/
#Trade{
	width:530px;
}

#Trade div.TradeVal{
	float:left;
	clear:both;
	width:520px;
	margin-top:10px;
}
#Trade div.TradeVal img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:10px;
}


/* End Structure Styles =============================================== */


/* Begin Right Menu Styles =============================================== */
#right_nav_container{
	margin: 0 0 0 2px;
	padding-top:30px;
	width: 207px;
	float: right;
}
#left_nav_container #quickenquiry{
	margin-top:50px;

}
#quickenquiry{
	float:right;
	background:url(../images/enquiryback.jpg) repeat-y;
	margin-bottom:10px;
	padding:0px;
}

#quickenquiry #quickenquirytop{
	margin: 0 0 0 0;
	padding: 0;
	padding-top:62px;
	width: 207px;
	background:url(../images/equiretop.jpg) no-repeat;
}
#quickenquiry #quickenquirybottom{
	color:#ffffff;
	width:207px;
	background:url(../images/enquirebottom.jpg) no-repeat;
	clear:left;
	max-height:66px;
	min-height:66px;
	font-size:10px;
	_padding-bottom:17px;
}
#quickenquiry #quickenquirybottom p{
	padding-left:16px;
	padding-right:16px;
}


#quickenquiry form{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
#quickenquiry  form input{
	margin-bottom:5px;
}
#datasheet{
	margin-top:10px;
}
#excess{
	margin:10px 0 10px 0;
}



/* Begin Left Menu Styles =============================================== */
#left_nav_container {
	margin: 0 0 0 2px;
	padding: 30px 0 0 0;
	width: 207px;
	float: left;
}

#left_nav {
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	width: 207px;
	background:url(../images/nav-left-back.jpg) repeat-y;
}

#left_nav h3 {
	color:#bec5ae;
	font-size:17px;
	padding:5px 0 5px 11px;
	background: url(../images/nav-left-top.gif) no-repeat;
}

#left_nav ul {
	padding:5px 0 10px 0;
	margin-left:10px;
}
#left_nav .last{
background:url(../images/nav-left-bottom.jpg) no-repeat left bottom;
height:22px;
width:207px;
}
#left_nav ul li {
	list-style-type: none;
	background: url(../images/navwidget.jpg) no-repeat left;
	border-bottom:1px solid #355779;
	width: 170px;
}

#left_nav ul li a {
	color: #ffffff;
	text-align: left;
	display: block;
	font-size: 11px;
	font-weight: normal;
	
	padding: 5px 5px 6px 25px;
	text-decoration: none;
}
#left_nav #bottom{

background: url(../images/nav-left-bottom.jpg) no-repeat left bottom;
height:22px;
}

#left_nav ul li a:hover {
	text-decoration: underline;
}

#benefits{
	margin-top:10px;
}
#benefits h3{
	font-size:18px;
	color:#2e7265;
	font-weight:normal;
	float:left;
	padding-right:15px;
	width:200px;
	
}
#benefits ul{
	clear:left;
	width:207px;
	list-style:none;
	padding-top:10px;
}
#benefits ul a{
	text-decoration:none;
	color:#056258;
}
#benefits ul a:hover{
	text-decoration:underline;
	color:#056258;
}
#benefits ul li.dark{
	background: url(../images/benefitbulldark.jpg) #c1d4d3 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}
#benefits ul li.light{
	background: url(../images/benefitbulllight.jpg) #ecf6f5 no-repeat 10px 7px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
}

#benefits .linething{
	border-bottom:1px solid #003470;
   width:80px;
	height:18px;
	float:left;
}


/* End Left Menu Styles =============================================== */

/* Begin Content Styles =============================================== */

#content_container {
	float: left;
	margin: 0px;
	padding:0 0 0 20px;
	width: 500px;
}
#content_containertwo {
	float: left;
	margin: 0;
	padding:0 0 0 20px;
	width: 700px;
}

#bulbfinder {
	float:left;
	width:411px;
	height:75px;
	padding-top:25px;
	padding-left:220px;
}

#wiperfinder {
	float:left;
	width:411px;
	height:80px;
	padding-top:25px;
	padding-left:220px;
}

.content {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	float:left;
	width:631px;
}

.content ul {
	padding-bottom:5px;
}

.content ul li {
	list-style-type: none;
	padding:5px 10px 6px 15px;
}

.title {
	float:left;
	width:607px;
	height:28px;
	padding:0 12px;
}

.title h1 {
	color:#FFFFFF;
	font-size:12px;
	padding:6px 0 0 0;	
}

.contentbg {
	background:#f6f6f6;
	padding:10px 12px;
	float:left;
	width:607px;
}
.content_left {
	float:left;
	width:290px;
	border-right:1px dashed #a8a8a8;
	padding-right:10px;
}

.content_right {
	float:right;
	width:290px;
}

.content_left_news {
	float:left;
	width:200px;	
}

.content_right_news {
	float:right;
	width:380px;
	border-left:1px dashed #a8a8a8;
	padding-left:10px;
}

.contentheader {
	padding-left:12px;
	padding-right:12px;
	padding-top:9px;
	height:28px;
	float:left;
	width:607px;
}

.contentheader h1 {
	font-weight:bold;
	font-size:12px;
}

.contentmiddle {
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	float:left;
	width:611px;
}

.contentbottom {
	height:15px;
	float:left;
	width:631px;
}

.productlist {
	width:313px;
	padding-top:12px;
}

.productlistheader {
	padding-left:12px;
	padding-top:9px;
	font-weight:bold;
	height:28px;
}

.productlistmiddle {
	padding-left:10px;
	padding-top:6px;
	padding-right:10px;
	height:120px;
}

.productlistimage {
	width: 94px;
	border-right:1px dashed #b6b6b6;
	float: left;
	padding-left:5px
}

.productlistimages {
	width: 89px;
	float: left;
	text-align:left;
}

.productlistimages img {
	padding:3px;
}

.productlisttext {
	width: 177px;
	padding-left:15px;
	float: left;
	font-size:11px;
}

.productlistbottom {
	height:11px;
}

.productdetail {
	width:631px;
	padding-top:5px;
}

.productdetailheader {
	padding-left:12px;
	padding-right:12px;
	padding-top:9px;
	height:28px;
}

.productdetailheader h1 {
	font-weight:bold;
	font-size:12px;
}

.productdetailmiddle {
	padding-left:10px;
	padding-top:6px;
	padding-right:10px;
}

.productdetailimage {
	width: 200px;
	padding-right:9px;
	border-right:1px dashed #b6b6b6;
	float: left;
}

.productdetailimages {
	width: 200px;
	float: left;
	margin-top:10px;
	text-align:center;
}

.productdetailimages img {
	padding:3px;
}

.productdetailenlarge {
	width: 145px;
	background:#ebebeb;
	height:26px;
	padding-left:55px;
	font-size:11px;
}

.productdetailtext {
	width: 382px;
	padding-left:15px;
	float: left;
}

.productdetailbottom {
	height:15px;
}

/* End Content Styles =============================================== */

/* Begin Breadcrumb Styles =============================================== */

#breadcrumb {
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	float: left;
	font-size: 11px;
	font-weight:bold;
	width: 631px;
	height: 28px;	
}

#breadcrumb ul {
	margin: 0;
	padding-left:20px;
}

#breadcrumb ul li {
	display: inline;
	margin-right: 8px;
	padding-right:8px;
	border-right:1px solid #626262;	
}

#breadcrumb ul li.last {
	border: 0;
}

#breadcrumb ul li a {
	color:#333333;
	text-decoration:none;
}

#breadcrumb ul li a:hover {
	text-decoration:underline;
}

.numbering {
	float: left;
	border: 1px solid #d3d6d7;
	text-align: right;
	padding: 6px 10px 6px 10px;
	margin: 0 0 6px 0;
	width: 758px;
	font-size:11px;
}

/* End Breadcrumb Styles =============================================== */


/* Begin Class Styles =============================================== */

.fontwhite {
	color: #FFFFFF;	
}

.fontgrey {
	color: #818181;	
}

.fontblack {
	color: #000000;	
}

.fontred {
	color: #d13333;	
}

.fontgreen {
	color:#09a882;
}

.backgroundgrey {
	background-color:#f6f6f6;
}

.border {
	border: 1px solid #d1d1d0;
}

.borderbottomdashed {
	border-bottom: 1px dashed #a8a8a8;
}

.borderbottom {
	border-bottom: 1px solid #a8a8a8;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #686868;
}

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

a.linkwhite:link, a.linkwhite:visited, a.linkwhite:active {
	color: #FFFFFF;
}

a.linkwhite:hover {
	color: #FFFFFF;
}

a.linkpurple:link, a.linkpurple:link:visited, a.linkpurple:link:active {
	color: #563881;
}

a.linkpurple:link:hover {
	color: #563881;
}

/* End Class Styles =============================================== */

/* Begin Form Styles =============================================== */

form {
	margin: 0;
	padding: 0;
}

legend { 
	padding: 0 6px;
	color: #563881;
	font-weight: bold;
}

fieldset, input:focus, textarea:focus {
	border: 1px solid #a8a8a8;
}

input {
	margin:0;
	padding:0;
}

label { 
	display: block;
	float:left; 
	padding: 4px 10px 0 6px; 
	margin-bottom: 0; 
	width: 50px; 
	text-align: right;
	color:#ffffff;
	font-size:11px; 
}

.input {
	font: 10px Arial, Helvetica, sans-serif; 
	border: 1px black solid;
	color: #022d58;
	height:12px;
	width:110px;
	padding:4px 2px 3px 2px;
	
}

.inputsmall {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #c1bfbf solid;
	color: #3b3b3b;
	background: url(http://www.otbsecure.co.uk/vsuk/images/search_top_bg.gif) no-repeat !important;
	height:14px;
	padding:2px 2px 2px 2px;
}

.select {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF !important;
	border: 1px #b7b4b4 solid;
	color: #3b3b3b;
}

.selectsmall {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF !important;
	border: 1px #b7b4b4 solid;
	color: #3b3b3b;
}

.textarea {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF !important;
	border: 1px black solid;
	color: #022d58;
	width:113px;
	height:30px;
	margin-bottom:5px;
}

/* End Form Styles =============================================== */