/*  CSS  html body style for centre    */

body {
padding-right: 0px; 
padding-left: 0px; 
margin:0px; 
font-size: 12px;
font-family: arial,verdana,sans-serif;
color:#333333;
height:100%; 
background-color:#006699;
background-image:url(../images/background_repeat.gif); background-repeat:repeat-x;   
}


h1{
font-size:20px;
color:#000000;
margin:0px 0 12px 0;
padding:0 0 5px 0 ;

font-weight:bold;
}

h2{
font-size:16px;
color:#000000;
margin:0 0 15px 0;
padding:0px;
font-weight:lighter;
}

h3{
font-size:14px;
color:#6699cc;
margin:0 0 20px 0;
padding:0px;
}

h4{
font-size:12px;
color:#000000;
margin:0 0 15px 0;
padding:0px;
}

h5{
font-size:10px;
color:#666666;
margin:0 0 7px 0;
padding:0px;
}

p{
font-size:12px;
color:#666666;
margin:0 0 17px 0;
padding:0px;
line-height:18px;

}

p span{
width: 604px;
display:block;
color:#6699cc;
}

p strong{
color:#333333!important;
}

hr
{
height: 4px;
border-top:1px dotted #333333;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#ffffff;
display:block;
margin:0 0 15px 0;
padding:0px;
clear:both;
}


.bold{
font-weight:bold;
}

.float_left{
float:left;
margin:5px 8px 8px 0 ;
padding:0px;

}

.float_right{
float:right;
margin:8px 0 10px 10px ;
padding:0px;

}

iframe{
border:1px solid #333333;
}

/*  CSS  container for centre content  */


#wrapper{
width: 971px;
position: relative;
margin-left: auto;
margin-right: auto; 
background-color:#FFFFFF; 
padding:10px 5px 10px 5px;
}

#content{
width: 971px;
position:relative
float:left;

}

a:link {
color:#666666;
font-size:12px;  
text-decoration:none; 
font-weight:bold;
}

a:visited{
color:#666666; 
font-size:12px;  
text-decoration:none; 
font-weight:bold;
}

a:hover{ 
color:#000000; 
font-size:12px; 
text-decoration:underline;
font-weight:bold; 
}

img{border:none}

clear{
margin:0px; 
padding:0px; 
font-size:1px
}

form{
margin:0px;
padding:0px;
}




/*  CSS  Header styles */

#header{
position:relative;
float:left; 
width:976px;
top:0px;
padding:0px;
margin:0 0 7px 0; 
display:block;
clear:both;
background-color:#FFFFFF; 
}

#header p {
position:absolute;
left:763px;
top:60px;
margin:0px!important;
padding:0px!important;
}



#top-bar ul{
position:relative;
top:6px;
background-image:url(../images/top_bar.gif); 
background-repeat:no-repeat;
float:left;
list-style-type:none; 
margin:0px; 
padding:18px 0 0 150px; 
width:822px;
height:41px;
display:block;

}

#top-bar ul li{
margin:0px;
padding:0 10px 0 10px;
border-right:1px dotted #ffffff; 
float:left;
}

#top-bar ul li.last{
border-right:none!important; 
}

#top-bar li a, #top-bar li a:visited{ 
text-align:center;
text-decoration:none;
color:#ffffff;
}



#top-bar li a:hover{ 
text-align:center;
text-decoration:underline;
color:#000000;
}


#logo_header{
position:relative;
float:left;
width:235px;  
height:82px;
top:0px; 
left:0px;
margin:0px; 
padding:0px; 
z-index:2}


#phone_number{
position:relative;
float:right;
width:201px;  
height:49px;
top:0px; 
left:0px;
margin:10px 0 0 0; 
padding:0 5px 0 0;
z-index:200
}

.keyword_search{ 
position:relative;
float:right;
margin:-38px 0 0 0; 
padding:0px;
display:block; 
text-align:left;
height:18px; 
width:370px;

z-index:300;  
}

.keyword_search input{
position:relative;
float:left;
border-top:1px solid #000000; 
border-bottom:1px solid #000000; 
border-left:1px solid #000000; 
border-right:1px solid #000000;
width:160px;
height:18px;
margin:0px;
padding:2px 0 0 3px;
font-size:12px 
}

.go_search{
position:relative;
padding:0px !important;
width:29px!important; 
height:22px!important ;
font-size:12px ;
left:4px; 
border-top:none !important; 
border-bottom:none!important; 
border-left:none!important; 
border-right:none!important 
}


/*  CSS  division and styles for left side */


#left {
position:relative;
float: left; 
width: 185px; 
margin:0px; 
padding:0px; 

}




/*  CSS  division and styles for left side Accordian Menu */

#accordian_menu h2{
background-image:url(../images/cat_header.gif)!important;
display:block;
width:180px;
margin:0 0 2px 0!important;
padding:8px 0 8px 5px!important;
font-weight:bold!important;
color:#ffffff;
font-size:14px!important; 
background-repeat:no-repeat;
background-color:#3399cc;

}



.category_list2 {width: 185px;}
.category_list2 ul {list-style-type:none;margin:0px;padding:0px;width: 185px;}
.category_list2 li  {list-style-type:none;}
.category_list2 li a:link, .category_list2 li a:visited {color:#336699;text-decoration:none;width: 180px;margin: 0 0 2px 0; padding:5px 0 5px 5px;font-size: 12px; background-color:#ebeff4; display:block;}
.category_list2 li a:hover {text-decoration:none;width: 180px;margin: 0 0 2px 0; padding:5px 0 5px 5px;color:#ffffff;font-size: 12px; background-color:#3399cc; display:block;}
			
div#li_cat_50.left_nav_bottom, div#li_cat_51.left_nav_bottom, div#li_cat_55.left_nav_bottom, div#li_cat_49.left_nav_bottom {background-image:url(/images/nav_bottom.gif)!important;}
div#li_cat_52.left_nav_bottom {background-image:url(/images/nav_footer.gif)!important;height:15px!important;margin-top:0px!important;}
			

			
#accordian_menu{
margin:1px 0 4px 0; 
padding:0px
}

#accordian_menu h3 {
color:#ffffff!important;
width: 180px;
margin: 0 0 2px 0!important; 
padding:5px 0 5px 5px!important;
font-size: 14px!important; 
background-color:#a6c9d2!important; 
display:block!important; }




#bct{
position:relative;
float:left;
width:972px;
margin:3px 0 5px 0;
padding:0px;
clear:both;

}

.mg_btm_8px {margin-bottom:8px} 
/*  CSS  division and styles for right side */



#right {
position:relative;
float: right; 
left:0px; 
width: 190px;
margin:0px; 
padding:0px; 

}


 
#basket_right{
margin:0px; 
padding:55px 0 0 15px;
background-image:url(../images/basket_background.gif);
background-repeat: no-repeat; 
width:175px;
height:107px;
display:block;
}

#basket_right  ul {
list-style-type:none; 
margin:0px; 
padding:0px;
}	

#basket_right li {
margin:0px; 
padding:0 0 5px 0; 
width:155px; 
display:block; 
float:left; 
font-weight:bold;
text-align:right;
color:#333333;
clear:both;
}	

#basket_right li  span{
margin:0px; 
padding:0px; 
width:44px; 
display:block; 
border:none; 
text-align:left; 
float:left; 
font-weight:bold;
color:#006699;
}

#basket_right p {
position:relative;
top:8px;
width:165px;
text-align:right;
margin:0px;
padding:0px;

} 		

#basket_right a, #basket_right a:visited {
color:#ffffff!important; 
text-decoration:none;
font-weight:bold!important;

}

#basket_right a:hover {
color:#ffffff!important; 
text-decoration:underline;
font-weight:bold!important;
}

/*  CSS  division and styles for middle    */


#middle {
position:relative;
float:left;
width:572px; 
margin:0px; 
padding:0px; 
left:15px; 
top:0px; 

}


#top-sellers{display:none}


.home-header-1{
margin:10px 0 10px 0!important; 
padding:0px!important;
width:572px!important;
height:42px!important;
clear:both;
}


.home-header-2{
margin:10px 0 10px 0!important; 
padding:0px!important;
width:572px!important;
height:42px!important;
clear:both;
}


.product_box{
position:relative;
left:6px; 
background-image:url(../images/pb_background_bg.gif);
background-repeat:no-repeat; 
height:272px;
width:172px; 
margin:0 6px 5px 0px; 
padding:5px;
float:left;
display:block;


}

.product_box_picture{
position:relative;
left:11px;

display:block

}

.product_box h2{
margin:10px 0 0 6px!important; 
color:#333333; 
font-size:12px; 
font-weight:bold; 
width:158px; 
padding:0px; 
height:32px; 
overflow:hidden; 
display:block; 
}

.product_box h2 a, .product_box h2 a:visited {
color:#333333; 
text-decoration:none;
}

.product_box h2 a:hover {
color:#000000; 
text-decoration:underline;
}


.product_box p{
margin:3px 0 0px 6px;
color:#666666; 
font-size:11px; 
width:160px; 
padding:0px; 
height:42px; 
overflow:hidden; 
display:block; 
}


.product_box ul{list-style-type:none;width:165px; height:36px;display:block;margin:30px 0 10px -1px; padding-left:7px;float:left;}
.product_box li span{margin:0px; padding:0px;width:90px;color:#000000;font-size:11px;height:16px;float:left;}
.product_box li  {color:#ffffff;font-size:16px;font-weight:bold;}

.product_box ul#price {list-style-type:none;width:165px; height:36px;display:block;margin:30px 0 10px -1px; padding-left:7px;float:left;}
.product_box ul#price li span {margin:0px; padding:0px;width:90px;color:#000000;font-size:11px;height:16px;float:left;}
.product_box ul#price li  {color:#ffffff;font-size:16px;font-weight:bold;}

.product_box_info {
position:relative;
top:0px;
left:123px;
float:left;
margin:-50px 0 0 0 !important;
padding:0px !important;
width:45px !important;
height:41px!important;

}





#product_page_image{
float:left; 
width:208px;
display:block;
margin:0 0 10px 0;
padding:15px 15px 0px 23px;
background-repeat:no-repeat;
border:1px solid #cccccc;

}





#product_page_info{
float:right; 
width:300px;
margin:0 0 20px 0;
padding:0px;


}



#product_page_info ul {
list-style-type:none;
margin:12px 0 12px 0;
padding:0px;
color:#333333;
font-weight:bold;
display:none;
}

#product_page_info ul span {
font-weight:bold;
color:#ff0000;



}

#product_page_info ol {
list-style-type:none;
margin:0px;
padding:0px;
color:#333333;
font-weight:bold;
}

#product_page_info ol li {
list-style-type:none;
margin:12px 0 0 0;
padding:0px;
color:#333333;
font-weight:bold;
clear:both;

}

#product_page_info ol li span{
margin:3px 20px 0 0;
float:left;
}

.QtyBox {
float:left;
width:20px;

}

#productpage_top{
display:none
}

.radio{position:relative; left:-5px; top:-1px; float:left; padding:0px;}

.add_button{
margin:10px 0 10px 0;
float:left;

}

.no_bullets{ 
list-style-type:none;
margin:20px 0 20px 0;
padding:0px;
}

.spaced_list{
list-style-type:none;
width:300px;
margin:20px 0 20px 0; 
padding:0px
}


.spaced_list li{
width:140px;
float:left;
display:block; 

}

#magnifying_glass{
margin:10px 0 10px 0;
padding:0px;



}

#thumbs {
float:left;
margin:10px 0 20px 0;
padding:3px;
clear:left;

width:240px;

border:1px dotted #999999;
}

#thumbs img{
border:1px solid #666666;
margin-right:2px;
margin-bottom:2px;
padding:3px;

}

.contact_middle{list-style-type:none; padding:0px; margin:10px 0 20px 0 ;float:left;width:540px;  }
.contact_middle span {width:80px; display:block; float:left; font-weight:bold; color:#333333}
.contact_middle label {width:200px; display:block; float:left; font-weight:bold; color:#333333;}
.contact_middle input{width:260px;margin-bottom:3px; background-color:#ffffff }
.contact_middle strong{font-weight:bold; color:#336699; font-size:14px}
.contact_middle h4{margin:7px 0 15px 0; padding:0px; font-weight:bold; color:#333333!important; font-size:12px !important;}
.contact_middle p{margin:7px 0 15px 0; padding:0px; font-weight:bold; color:#336699;}



.contact_left{list-style-type:none; padding:0px; margin:10px 0 20px 0 ;float:left;width:280px; border-right:1px dashed #999999  }
.contact_left span {width:80px; display:block; float:left; font-weight:bold; color:#333333}
.contact_left label {width:110px; display:block; float:left; font-weight:bold; color:#333333; }
.contact_left input{width:140px;margin-bottom:3px; background-color:#ffffff }
.contact_left textarea {width:150px;margin-bottom:5px; height:110px; background-color:#ffffff }
.contact_submit{width:145px!important; cursor:pointer  }
.contact_left p{margin:7px 0 15px 0; padding:0px; font-weight:bold; color:#336699;}


.contact_right{list-style-type:none; padding:0px; margin:10px 0 20px 0 ;float:right;width:265px;  }
.contact_right span {width:80px; display:block; float:left; font-weight:bold; color:#333333}
.contact_right label {width:90px; display:block; float:left; font-weight:bold; color:#333333;}
.contact_right input{width:140px;margin-bottom:3px; background-color:#ffffff }
.contact_right textarea {width:140px;margin-bottom:5px; height:110px;  background-color:#ffffff}
.contact_right p{margin:7px 0 15px 0; padding:0px; font-weight:bold; color:#336699;}

.table{width:570px; border-left:1px solid #666666; margin-bottom:20px; font-size:11px;}
.table td {
padding:3px; 
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}

.table_header { 
background-color:#6699cc;
color:#ffffff;
 font-weight:bold
}

.table_header td {
border:none !important
}

.td_left{
float:left; 
color:#FF0000; 
text-decoration:line-through;
width:82px;
height:15px;
display:block;
text-align:center;
}
.td_right{
float:left;
font-weight:bold;
width:82px;
height:15px;
display:block;
text-align:center;
}

.matrix_qty {position:relative;
width: 18px!important;
text-align: center;
font-size:11px;
float:left;
display:block;
margin:0 3px 0 0;
padding:0px;}
.plus-minus {width: 12px;
	background-color: #FFFFFF;
	font-weight: normal;
	color: #000000;
	border: 0px none;
	cursor: hand;
	text-align: center;
	float:left;
	display:block;
	margin:0 3px 0 0;
padding:0px;}

.margin{
clear:both;
margin-bottom:10px;
margin-top:10px;
diplay:block;

}



/*------------ product description box */
#product-description {width: 532px;margin-top: 15px;}
.menu {width:532px;margin:0px;position:relative;z-index:100;height: 30px;display: block;clear: right;}
.menu ul {padding:0px; margin:0px;list-style-type: none;border:0;}
.menu ul li {float:left;}
.desc{margin:0px;padding:0px;}
.features{margin:0px;padding:0px;}

.menu ul li.desc a, .menu ul li.desc  a:visited{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	width:131px;
	height:30px;
	color:#fff;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	line-height:30px;
	font-size:12px;
	background-image: url(/images/detail_tab1.gif);
	background-repeat: no-repeat;
}


.menu ul li.features a, .menu ul li.features  a:visited{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	width:131px;
	height:30px;
	color:#fff;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	line-height:30px;
	font-size:12px;
	background-image: url(/images/detail_tab1.gif);
	background-repeat: no-repeat;
}
.menu ul li.desc a:hover , .menu ul li.desc a:active, .menu ul li.desc  a:focus{
	color:#ffffff;
	background-image: url(/images/detail_tab2.gif);
	background-repeat: no-repeat;
}

.menu ul li.desc  a:focus{
	color:#ffffff;
	background-image: url(/images/detail_tab2.gif);
	background-repeat: no-repeat;
}

.menu ul li.features a:hover , .menu ul li.features a:active, .menu ul li.features  a:focus{
	color:#ffffff;
	background-image: url(/images/detail_tab2.gif);
	background-repeat: no-repeat;
}


.pd-info {
	color:#000000;
	width:548px;
	height:170px;
	padding:10px;
	overflow:auto;
	background-position: top;
	scrollbar-face-color: #f1f1f1;
	scrollbar-shadow-color: #f1f1f1;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-3dlight-color: #c1c1d2;
	scrollbar-darkshadow-color: #c1c1d2;
	scrollbar-track-color: #dddddd;
	scrollbar-arrow-color: #1473a6;
	border: 1px solid #669966;
}
#pd-logo {
	margin-top: 10px;
	margin-left: auto;
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-bottom: 5px;
}


/*  CSS floating styles                    */

.float_left{
float:left;
}

.float_right{
float:right;
margin:5px 0 5px 0 
 }

.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {
position:relative; 
top:10px;
width: 976px;
margin:10px 0 0 0;
padding:0px;   
background-color:#FFFFFF; 
clear:both   
}





#e2e-link a, #e2e-link a:visited, #e2e-link a:hover{
font-size:11px!important
}




#e2e-link {
list-style-type:none;
clear:left;
float:left;
text-align:left;
margin:0px;
padding:0px;
display:block;
color:#666666;
}


#address {
list-style-type:none;
float:right;
text-align:right;
margin:8px 0 0 0;
padding:10px 8px 0 0;
display:block;
color:#666666;
font-size:11px!important;
}




#logo_footer{
position:relative;
float:left;
margin:5px 0 0 0; 
padding:0px; 
z-index:2}





.first{
border-right:1px solid #666666!important;
padding-right:5px;
}





.checkout-middle {position:relative;float:left;width:100%; top:0px; background-color:#FFFFFF}

.checkout-middle td h3 {
font-size:24px!important; 
color:#333333!important;
margin:0 0 14px 0!important;
padding:0px;!important}

.checkout-info-box {
	margin-bottom: 15px;
	background-color: #ffffff;
	
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	color:#999999;
}


.info-box-header {
	color: #FFFFFF; background-image:url(/www.bbplastics.co.uk/images/checkout/top_repeat.gif);
	background-repeat: repeat-x;
	height: 35px;
	line-height: 38px;
	font-size: 16px;
	margin-right: -1px;
	margin-left: -1px;
	padding-left: 0px;
	font-weight:bold;

	margin-bottom: 0px;
	margin-top: -1px;
}

.info-hand{  margin:0 5px 0 0px; padding:0px; display:block; text-indent:10px}

#tl {float: left;padding-right: 1px;display: inline;}

#tr {float: right;display: inline;}

.info-box-pad {
	padding: 10px 15px 10px 15px;
}
.info-box-pad div, .top-info-box-pad div {
	clear: both;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.info-box-pad div label {float: left;width: 150px;}

label {font-weight: bold;}

.text-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	padding-left: 3px;
}
.text-area {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

#checkout-terms-box {
	height: 200px;
	margin-bottom: 15px;
	border: 1px solid #cbcbcb;
	overflow: scroll;
	padding: 10px;
	background-color:#ebe6e6;
}

#continue-shopping {margin-bottom: 10px;}

.checkout-button {float: right;clear: right;margin-bottom: 10px;}

#checkout-footer {text-align: center;padding-bottom: 10px;display: block;margin-top: 15px;margin-bottom: 15px; }

#checkout h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
#checkout ul {
	margin: 0px;
}
#checkout li {
	margin: 0px;
	list-style-type: disc;
	margin-top: 7px;
	margin-bottom: 7px;
}
.clear10 {
	clear:both;
	height:10px;
	font-size:1px;
	margin:0;
	padding:0;
	line-height: 0px;
}
.clear15 {
	clear:both;
	height:15px;
	font-size:1px;
	margin:0;
	padding:0;
	line-height: 0px;
}


/* button styles */

.submit-button, .proceed-button {
	font-family:  Arial, Helvetica, sans-serif; 
	background-image:url(../images/checkout/checkout-repeat.gif);
	
	cursor: hand;
	line-height:12px;
	border: 1px;
	height: 24px;
	font-weight: bold;
	color: #FFFF00;
}

.blue-button, .green-button, .green-button2, .red-button {
	height: 28px;
	width: 140px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: hand;
}
.blue-button {
	background-image: url(images/Checkout/blue_button.gif);
}
.green-button {
	background-image: url(images/Checkout/green_button.gif);
}
.green-button2 {
	background-image: url(images/Checkout/green_button2.gif);
}
.red-button {
	background-image: url(images/Checkout/red_button.gif);
}
#calendar {
	display: inline;
	margin-left: 10px;
}




/*------------ basket styles */
.basket-middle {position:relative;width:932px;margin: 20px;}
.basket-middle h1 {color: #fff!important;}
.basket-middle p {color: #fff;font-weight:bold;} 

.basket-header {color: #FFFFFF;font-weight:bold;background-image: url(/images/checkout/top.png);background-repeat: repeat-x;font-size: 14px;font-weight:bold;line-height: 34px;margin-top: 15px;}
#tl {float: left;padding-right: 6px;display: inline;margin-left:-4px}
#tr {float: right;display: inline;margin-right:-4px}
.basket-main tr, .basket-main td {background-color:#ffffff;}
.basket-line, .basket-line tr, .basket-line td  {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;border-bottom:1px dashed #999999;}
.basket-main {font-size: 12px;color: #000000;border-bottom: 2px solid  #003b59;margin-bottom: 15px;}
.basket-main img {display: inline;}
.basket-divider td, .basket-main td.basket-divider {height: 1px;background-image: url(/images/checkout/basket-divider.gif);background-repeat: repeat-x;font-size: 1px;line-height: 1px;padding: 0px!important;}
.basket-footer, .basket-footer td, .basket-footer tr {text-decoration: none;background-color: #96dde2;height: 21px;font-size: 16px;font-weight: bold;border-top: 1px dotted #000000; color:#000000;}
.basket_subtotal{text-align:right; font-size:12px; color:#922f15;}
.basket_subtotal td{ background-color: #f0f0f0}
.basket-qty{width: 20px;text-align: center;font-size:11px;margin-left: 3px;margin-right: 5px;}
.basket-update {margin-bottom: -4px;}
#checkout-button  {float: right;margin-bottom: 10px;}
#continue-shopping {float: left;margin-bottom: 10px;}