@charset "utf-8";
/* CSS Document */

body { 
font-size:11px; 
font-family: Arial, Helvetica, sans-serif;	
/*font-family: Georgia, "Times New Roman", Times, serif;*/
/*font-family: geneva, 'Trebuchet MS', sans-serif;*666666/
color: #555555; 
/*background: #bfced2;*/
background: #2d2d2d;
margin:5px 0px 30px 0px; 
background:#000 url(../images/bg_0.jpg.ashx) top left repeat-x;
}

.alert
{
 color:#ff0000;
 font-size:10px;
}


img {
border: 0;
}

.up_case{
text-transform:uppercase;
}

p{
margin:0 0 15px 0;
padding:0;
}

.bold{
font-weight:bold;
}

.13{
font-size:13px;
}


h1,h2,h3{
font-size:16px;
margin:2px 0 15px 0px;
padding:0
}

h4{
font-size:13px;
margin:0px 0 8px 0px;
padding:0;
float:left;
}


h5{
font-size:13px;
margin:0px 0 8px 0px;
padding:0
}

h6{
font-size:13px;
margin:0px;
padding:0
}

.chekbox{
width: 2em;
margin-bottom: 5px;
float:left;
}
.clerboth{
clear:both;
}

ul {
padding:0;
margin:0
}

li {
padding-left:0;
margin-left:0;
list-style-type:none;
}

.space_l{
margin-left:5px;
}

.space_l10{
margin-left:10px;
}

.space_l5{
margin-left:5px;
}
.space_t3{
margin-top:3px;
}

.space05{
margin:3px;
}
.space_t100{
margin-left:0px;
}
.alignr{
text-align:right;
}

.alignc{
text-align:center;
}

.height180{
height:180px;
}


img.image-left {
float: left; 
padding: 0px 5px 20px 15px;
}

img.image-right {
float: right; 
padding: 0px 0px 10px 10px;
}
	
a:link { 
text-decoration: none; 
color: #00546a;
}

a:visited { 
text-decoration: none; 
color: #00546a;
}

a:hover, a:active{  
text-decoration: none; 
color: #00a8ec;
}

#flatform{
width:880px;
margin:0 auto;
background:#fff url(../images/headerBg_Main.jpg.ashx) top left no-repeat;
}

#launchform{
width:880px;
margin:0 auto;
}

#launchbg{
width:100%;
text-align:center;
background:#fff url(../images/launch_bg.jpg.ashx) top left repeat-x;
}

#header{
height:113px;
/*background:#666 url(../images/headerBg_Main.png) top left no-repeat;*/
}


.logo{
float:left;
height:80px;
width:139px;
margin:8px 0 0 13px;
background:url(../images/sfd_logo.jpg.ashx) top left no-repeat;

}

.top_mnu{
float:left;
line-height:15px;
margin:17px 0 0 10px;
}

.top_mnu a, .top_mnu a:link, .top_mnu a:visited {
color:#fff
}

.top_mnu a:hover{
color:#91e9ff;
}



/* ADDED*/
.log_head{
background:url(../images/log_head_bg.gif.ashx) top left repeat-x;
height:32px;
font-size:18px;
color:#fff;
margin:10px 0 0 0 ;
padding:1px 0 0 0; 
}
.log_block{
margin:30px auto 0 auto;
width:702px;
}

.log_image{
background:#086ca6; 
height:200px; 
width:282px; 
float:left; 
padding:10px; 
margin:0 0 0 1px;
background:url(../images/login_image.jpg.ashx) no-repeat;
}

.new_ac{

height:200px; 
width:385px; 
float:left; 
font-size:12px;
font-weight:bold;
color:#c2eaf5;
}

.account_block
{
	background:#c3e9fe; 
	height:170px;
	margin:0 0 10px 0;
 
}
.account_blockHeading
{
background-color:#096da8;
color:#fff;
font-size:18px; 
margin:0 1px 0 0;
padding:5px;
}
.account_blockDes
{
	color:#04517b;
	height:80px;
	margin:20px 2px 0 0px;
	padding-left:4px;

}
.account_blockbtn
{
margin:0 10px 0 0;
text-align:center	
}

.new_ac h1{
font-size:23px;
color:#fff;
}

.login_ac{
background:#cdcbcd; 
height:120px; 
width:667px; 
padding:10px; 
margin:2px 0 0 0
}
.loginbox{
float:left;
width:400px;
}
.loginbox label
{
width:120px;
float:left; 
margin-top:8px;
text-align:right;
margin-right:5px;	
}
.loginbox span{
width:75px; 
float:left; 
margin-top:8px;
text-align:right;
margin-right:5px;
}

.forgot{
float:left;
background:#7d7d7d;
padding:8px;
width:250px;
color:#ebebeb;
height:100px;
}

.forgot h2{
font-size:15px;
color:#fff;
margin:0;
}

.quick_purchase{
float:right; 
width:190px; 
height:170px; 
margin:0 0px 0 3px;
background-color:#ddd1ff;
color:#580a46;

}

.quick_purchase h1{
background-color:#851c6e;
margin:0 0 0 0;
font-size:18px;
padding:5px;
}

.quick_purchasedes {
margin:17px 0 0 0px;
height:35px;
padding:4px;

}
.quick_purchasebtn
{
margin:32px 0 0 0;
 text-align:center;
 	
}


.payment_align
{
	background-color:White;
	height:35px;
	text-align:center;
	margin:10px 0 0px 0px; 
	
		}
/* end ADDED*/

.company_contact{
float:right;
margin:50px 10px 0 0;
font-size:13px;
font-weight:bold;
color:#fff;
line-height:22px;
text-transform:uppercase;
}

.company_contact a, .company_contact a:link,.company_contact a:visited{
/*color:#91e9ff;*/
color:#fff
}


.company_contact a:hover{
color:#91e9ff;
}


#container{
padding:0 15px 20px 15px;

}

#left_blk{
float:left;
width:185px;
margin-right:15px;
}

#canvas{
float:right;
width:650px;
position:relative;
}

#indexDivBody
{
float:right;
width:650px;
position:relative;
}

#pagestatus{
float:right;
width:650px;
height:51px;
margin-bottom:0px;
}

.pagenav {
float:left;
margin-top:10px;
background:url(../images/pagenav_bg.gif.ashx) top left no-repeat;
padding-left:15px;
width:400px;
}

.shopcart{
background:url(../images/shop_card_bg.png.ashx) top left no-repeat;
height:32px;
width:210px;
float:right;
padding:3px 0 0 0 ;
}

.shopcart span{
color:#006d8c;
}

.shopcart b{
margin-left:10px;
color:#9f0368;
}

.shop_img{
float:left;
margin:3px;
}


#footer{
background:url(../images/footerbg.gif.ashx) bottom right no-repeat;
height:50px;
width:880px;
margin:0px auto;
}

.sfdcopy{
background:url(../images/footerbgLeft0.gif.ashx) top left no-repeat;
padding:20px 0 0 20px;
height:30px;
float:left;
text-align:right;
font-size:10px;
}


.footerbanners{
float:right;
margin:12px 20px 0 0;
}

.bg_1{
background:url(../images/bg_1.jpg.ashx) top center no-repeat;
margin:0 auto;
}

.design_l{
background:url(../images/bg_left.jpg.ashx) left top no-repeat;
margin:0 auto;
}

.design_r{
background:url(../images/bg_right.jpg.ashx) right top no-repeat;
margin:0 auto;
}

.shadow{
background:url(../images/bottom_shadow.jpg.ashx) top left no-repeat;
height:114px;
width:880px;
margin:3px auto 0 auto;
}



.catalogue_blk{
margin:10px 0 10px 0;
background:bottom right no-repeat;
height:103px;
}


.catalogue_blk h1{
margin:0px;
padding:0px;
font-size:15px;
}






.search_blk{
margin:0 0 20px 0;
}

.search_blk ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
list-style-type:none;
}

.search_blk li{
margin:0px;
padding:0px;
float:left;
}

.search{
border:1px inset #8ca8b4;
padding:2px;
font-size:13px;
}

.btn_serach{
vertical-align: middle;
margin:5px 0 5px 0;
}

div.btn_updateorder{
margin-top:20px;
margin-right:3px;
}


.login_blk{
margin:10px 0 15px 0;
background-color:#cde1e8;
padding:1px 2px 0px 3px;

}

.login_blk label
{
	width:60px;
	float:left;
	
	padding:10px 0 0 0;


}
.login_blk h1{
margin:0px;
padding:0px;
color:#1b6e96;
font-size:15px;
}


.login_blk ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
list-style-type:none;
}

.login_blk li{
margin:0px;
padding:0px;
float:left;
}

.login{
border:1px inset #8ca8b4;
padding:2px;
font-size:13px;
}

.btn_login{
vertical-align: middle;
margin:5px 0 5px 113px;
}

.btn_login1{
vertical-align: middle;
margin:5px 0 5px 0px;
}



.input_fld {
border: 1px solid #9cb5bc;
height: 15px;
vertical-align: middle;
padding-left:4px;
margin:5px 0 5px 0px;
color:#999999;
font-size:10px;
}

.input_qty {
border: 1px solid #9cb5bc;
height: 15px;
vertical-align: middle;
padding-left:4px;
margin:0px 0 5px 0px;
color:#999999;
font-size:10px;
}



.promotion{
float:left;
background:url(../images/headerbg_1.gif.ashx) top right repeat-x;
padding:1px 0 0 10px;
margin-bottom:10px;
width:630px;
}


.addinfo_tag{
background:url(../images/add_info_tag.gif.ashx) top left no-repeat;
font-weight:bold;
height:18px;
width:144px;
color:#fff;
padding:0px 0 0 10px;
float:left;
margin-top:15px;

}

.addinfo_tag span{
margin-left:25px;
}

.addinfo_tag a, .addinfo_tag a:hover{
color:#fff!important;
font-weight:normal;
}

.lmargin5{
margin-left:5px;
}


.light{
color:#fff;
}

.a_right{
float:right;
margin:0 6px 0px 6px;


}

.a_left{
float:left;
}

.fav
{
	float:left;
}

.pro_head{
font-size:23px;
font-weight:bold;
color:#2d2d2d;
margin:0 0px 0 0px;

}


.pro_disp{
font-size:12px;
height:120px;

}
.pro_dispBig{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
height:610px;
width:620px;
overflow:hidden;
margin:10px 0 10px 0;

}
.pomoimage{
float:left;
width:600px;
height:260px;
overflow:hidden;
}

.pomoimage img{
float:right;
width:380px;
}

.promo_cont{
width:500px;
position:absolute;
}


.sec_head {
width:650px;
margin-bottom:10px;
position:relative;
}
.sec_BigBanner
{
width:630px;
margin-bottom:10px;
position:relative;	
}


.subsec_head {
width:645px;
margin-bottom:15px;
height:18px;
position:relative;
background:#9f0368;
padding:3px 0 3px 5px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}

.subsec_head img{
width:650px;
}

.sec_head img{
width:639px;
height:198px;

}

.sec_text{
position:absolute;
font-size:18px;
color:#fff;
margin:15px 0 30px 10px;
width:500px;
height:40px;
overflow:hidden;
}

.secDesc_text{
position:absolute;
z-index:2;
font-size:12px;
color:#fff;
margin:50px 10px 0 10px;
padding-left:30px;
width:200px;
height:60px;
overflow:hidden;
}



.sub_head{
text-transform:uppercase;
background-color:#9f0368;
font-size:12px;
font-weight:bold;
color:#fff;
padding:5px;
margin-bottom:10px;
}

.sub_headSearch{
text-transform:uppercase;
background-color:#9f0368;
font-size:12px;
font-weight:bold;
color:#fff;
padding:2px;
margin-bottom:3px;
}

.sub_headdropwon{
width:490px;
background-color:#9B9B9B;
font-size:12px;
color:#fff;
padding:0 0px 0 0px;
margin:2px 0 2px 0px;
font-weight:bold;
}


.sub_headText{
font-size:13px;
font-weight:bold;
font-family:Verdana;
color:#0062FF;
padding:5px;
margin-bottom:10px;
}
.sub_headSuccess{
text-transform:uppercase;
background-color:#7E7878;
font-size:12px;
font-weight:bold;
color:#fff;
padding:5px;
margin-bottom:10px;
}


/*Prod Info page*/

.pro_showcase{
padding:2px 5px 5px;

}


.pro_showcase h5{
height:15px;
color:#4b0049;
}


.pro_showcase span{
float:right;
clear:both;
}

.pro_showcase span img{
max-height:300px;
max-width:300px;

}

.pro_showcase_disc{
font-size:12px;
font-weight:bold;
color:#131315;
text-align:left;
margin:0px 0 0 0;
height:200px;
width:300px;
overflow:hidden;
}
.pro_showcase_price{
font-size:12px;
font-weight:bold;
color:red;
height:20px;
text-align:left;
overflow:hidden;
}
.pro_showcase_Sold{
font-size:12px;
font-weight:bold;
color:#414141;
height:15px;
text-align:left;
margin:0 0px 5px 0px;
overflow:hidden;
}




.catlist_info{
color:#fff;
height:18px;
margin-top:0px;
padding-top:2px;
font-size:12px;
font-weight:bold;
}

/*End Prod Info page*/


/*Prod Details*/

.pro_detail{
/*background:url(../images/basket_table_head_bg.gif.ashx) top left repeat-x;*/
float:left;
width:650px;
font-weight:bold;
}

.pro_detail label{
float:left;
margin-top:3px;
}
.pro_detail_grid
{
	width:650px;
}
.pro_detail_header {
background-color:#9f0368;
width:650px;
height:30px;
}

.pro_detail_header li {
font-weight:bold;
font-size:11px;
color:white;
background-color:#9f0368;
float:left;
overflow:hidden;

}

.stars{
width:20px;
}

.code{
width:50px;
}
.ref{
width:30px;
color:#9f0368;

}
.disc{
width:130px;
color:#9f0368;

}

.size{
width:50px;
}

.units{
width:50px;
color:#9f0368;

}
.price{
width:50px;
float:left;
}

.bulk_price{
width:50px;
float:left;
}

.pro_qty{
width:50px;
}

.available{
width:50px;
float:left;
}



/*End Prod Details*/


/* basket*/

div.forminput {
font-weight: bold;
text-align:left;
margin-right:0px;
float:left;
color:#8e8e8e;
width:30px
}

div.forminput input {

}

.boxes{
width: 2em;
margin-bottom: 5px;
}

div.boxes{
float:right;
}
.basket1{
float:left;
width:620px;
font-weight:bold;
}

.basket{
/*background:url(../images/basket_table_head_bg.gif) top left repeat-x;*/
float:left;
width:495px;
font-weight:bold;
}

.basket label{
float:left;
margin-top:3px;
}

.delivery_note{
float:right;
width:140px;
margin-left:10px;
text-align:left;
}

.delivery_note h4{
margin:0 0 0 0px;
padding:0;
width:105px;
text-align:left;
}

.delivry_text{
width:135px;
text-align:left;
margin:0 0 5px 0px;
}

.delivery_note h1{
padding:5px;
display:block;
background:#404241;
color:#fff;
margin:0 0 10px 0;
font-size:11px;
}

.delivery_summ
{

width:350px;
padding:0 18px 0 0px;
margin:10px auto 0  auto;
font-weight:bold;
}
.delivery_summ1
{

width:600px;
padding:0 18px 0 0px;
font-weight:bold;
}
.delivery_summ1a
{

width:416px;
padding:0 0px 0 10px;
margin:2px 0 2px 65px;
font-weight:bold;
}

.delivery_summ2
{
text-transform:uppercase;
/*background-color:#404241;*/
background-color:#9f0368;
color:#fff;
width:348px;
padding:0 0px 2px 2px;
margin:2px 5px 0  141px;

font-size:13px;
font-weight:bold;
}
.delivery_summ2 label{
float:left;
padding:0 2px;
margin-right:21px;
margin-top:4px;

}




/* This is log in page CSS*/
.Login_Block
{
width:450px;
padding:150px 50px 0 50px;
margin:10px auto;
font-weight:bold;

}


.order_sum_list{
float:left; 
width:200px;
}
.order_sum_list1{
float:left; 
width:400px;
}
.order_sum_list2{
float:left; 
width:478px;
}

.order_sum_list label{
margin-left:5px;
float:left;
}

order_sum_list2 label
{
margin-left:2px;
float:left;
}

order_sum_list1 label
{
margin-left:5px;
float:left;
}
.total_Line{
float:left; 
width:220px;
border-top:#9f0368 2px solid;
margin-top:20px;
}

.total_vat{
float:left; 
width:180px;
border-top:#9f0368 1px solid;
margin-top:20px;
}

.order_total{
height:80px; 
width:150px; 
background:#404241;
color:#fff;
text-align:center;
padding-top:50px;
font-size:18px;
}
.order_totatext{
width:150px; 
color:#fff;
text-align:center;
padding-top:50px;
font-size:18px;
}

.invo_address{
float:left; 
width:190px;

}

.desp_address{
float:right; 
width:150px;
margin-left:10px;
}

.log_reg{
margin:5px;


}

.9f0368 hr{
width:180px;
clear:both;
/*clear:#9f0368;*/
}

.orderlist_head{
display:block;
background:#404241;
color:#fff;
padding:5px;

}


.orderlist{
width:120px;

}
.orderlist1{
width:130px;

}

.orderprice{
width:50px;
color:#9f0368;

}


.d_sum_total{
float:left; 
width:150px;
}

.d_sum_total1{
float:right ; 
width:150px;
}

.basket_header {
background-color:#9f0368;
height:22px;
width:450px;
}

.basket_header li {
font-weight:bold;
font-size:11px;
color:#fff;
background-color:#9f0368;
float:left;
overflow:hidden;

}

.desc{
width:110px;

}
.price{
width:60px;
color:#9f0368;

}
.qty{
width:30px;
color:#9f0368;

}

.sub_total{
width:70px;
}

.stock_level{
width:70px;
color:#9f0368;

}
.remove{
width:50px;
float:left;
}

.basket_list {
padding:0 5px;
margin:0px 0;
}

.basket_list li {
font-size:10px;
float:left;
overflow:hidden;
}

.basket_list{
/*background:url(../images/basket_table_head_bg.gif) top left repeat-x;*/
}

.divmessage_form
{
float:left; 
width:650px;
font-family:Verdana;
font-size:12px;

}


.divdisplaybill_address
{
float:left ; 
width:560px;
margin-left:3px;
}



.content_box{
width:600px;
height:150px;
padding:10px;
overflow:hidden;
}

.recentDetailsImg
{
width:350px; 
margin-left:auto; 
margin-right:auto;
float:none;
}
.Usfullinfo
{
font-family:Verdana;
font-size:12px;

}




