
/*  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:#ffffff;   
}

/*  CSS  container for centre content  */


#wrapper{

width: 984px;
position: relative;
margin-left: auto;
margin-right: auto; 
 
}

a:link {
color:#336699;
font-size:12px;  
text-decoration:none; 
font-weight:bold;
}

a:visited{
color:#336699; 
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;
}

#thumbs{
float:left;
clear:left;
width:281px;
margin:0 0 20px 0;
padding:10px 0 0 1px;
}

#thumbs img {
padding:3px;
border:1px dotted #666666;
margin:5px 5px 0 0
}


/*  CSS  Header styles */

#header{
position:relative;
float:left; 
width:984px;
top:0px;
padding:0px;
margin:0 0 7px 0; 
display:block;
clear:both; 
}

#header ul{
position:relative;
background-image:url(../images/header_list_background.gif); 
background-repeat:no-repeat;
float:left;
list-style-type:none; 
margin:0px; 
padding:24px 0 0 280px; 
width:704px;
height:45px;
display:block;

}

#header li{
margin:0px;
padding:0 5px 0 0; 
float:left;
}

#header li a, #header li a:visited{ 
background-image:url(../images/header_list_link.gif);
width:111px;
height:26px;
padding-top:10px;
text-align:center;
display:block;
text-decoration:none;
color:#000000;
}

#header li a:hover{ 
background-image:url(../images/header_list_hover.gif);
width:111px;
height:26px;
padding-top:10px;
text-align:center;
display:block;
text-decoration:none;
color:#ffffff;
}

#header h1{
position:relative; 
float:right;
list-style-type:none; 
margin:0px; 
padding:0px; 
width:600px;
font-size:10px;
color:#666666;
clear:both;
text-align:right;
font-weight:normal;
}

#header h2{
position:relative; 
float:right;

margin:10px 0 0 0; 
padding:0px; 
width:600px;
font-size:12px;
color:#000000;
text-align:right;
font-weight:bold;
}

#logo_header{
position:relative;
float:left;
width:356px;  
height:107px;
top:8px; 
left:0px;
margin:0px; 
padding:0px; 
z-index:2}


#phone_number{
position:relative;
float:right;
width:193px;  
height:39px;
top:0px; 
left:0px;
margin:10px 0 0 0; 
padding:0px;
}

/*  CSS  division and styles for left side */


#left {
position:relative;
float: left; 
width: 190px; 
margin:0px; 
padding:0px; 

}

.keyword_search{ 
background-image:url(../images/keyword_search_background.gif);
background-repeat:no-repeat;
margin:0px; 
padding:28px 0 0 5px;
display:block; 
height:39px; 
width:186px;  
}

.keyword_search input{
position:relative;
border-top:1px solid #cccccc; 
border-bottom:1px solid #666666; 
border-left:1px solid #cccccc; 
border-right:1px solid #666666;
width:140px;
height:16px;
margin:0px;
padding:2px 0 0 0;
font-size:12px 
}

.go_search{
position:relative;
padding:2px 0 0 0 !important;
width:29px!important; 
height:22px!important ;
font-size:12px ;
left:3px; 
top:5px;

border-top:none !important; 
border-bottom:none!important; 
border-left:none!important; 
border-right:none!important 
}



/*  CSS  division and styles for left side Accordian Menu */


.category_heading {
display: block;
width: 190px;
padding:0px; 
color:#000000;
height:38px;
background-image:url(../images/left_list_up.gif);
font-weight: bold;
outline: none;
font-size: 12px; 
text-decoration:none;
cursor: pointer;
margin: 0px;
}

.category_heading span a, .category_heading span a:visited {
color:#000000;
text-decoration:none;
}

.category_heading span a:hover {
color:#000000;
text-decoration:none;
}


.category_heading_active span a, .category_heading_active span a:visited {
color:#ffffff;
text-decoration:none;

}


.category_heading_active span a:hover {
color:#ffffff;
text-decoration:none;

}
		
.category_heading_active {
height:38px;
background-image:url(../images/left_list_down.gif);
width: 190px;
padding:0px;
color:#ffffff;
margin:0px;
}
		
.category_list {
margin:0px;
overflow: hidden;
}
			

		
.category_list ul {
display: block;
width: 190px;
padding:0px;
margin:0px;
list-style-type:none; 
}

.category_list li {
display: block;
width: 182px;
padding:5px 3px 3px 3px ;
margin:0px;
list-style-type:none;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb; 
border-bottom:1px dashed #dbdbdb;
}
			
.left_nav_bottom{
display: block;
background-image:url(../images/left_nav_bottom.gif)!important; 
background-repeat:no-repeat;
width: 190px !important;
height:12px!important;
padding:0px!important ;
margin:-1px!important;
list-style-type:none!important;
font-size:1px !important;
border-bottom:none!important;
}
			
#accordian_menu{
margin:7px 0 0 0; 
padding:0px
}

.BCT{
width:577px;
margin-bottom:10px;
}
/*  CSS  division and styles for right side */



#right {
position:relative;
float: right; 
left:0px; 
width: 194px;
margin:0px; 
padding:0px; 
}


 
#basket_right{
list-style-type:none;
margin:0px; 
padding:0px;
background-image:url(../images/basket_background.gif);
background-repeat: no-repeat; 
width:194px;
height:162px;
display:block;
color:#ffffff;
}


#basket_right form{
margin:0px; 
padding:0px;
width:194px;

}
		
#basket_right  ul {
position:relative;
top:40px;
left:22px; 
list-style-type:none; 
margin:0px; 
padding:0px; 
width:88px;
}	

#basket_right li {
list-style-type:none; 
margin:0px; 
padding:0 0 5px 0; 
width:44px; 
display:block; 
float:left; 
font-weight:bold
}	

#basket_right li  span{
list-style-type:none; 
margin:0px; 
padding:0px; 
width:44px; 
display:block; 
border:none; 
text-align:right; 
float:left; 
font-weight:normal
}

#basket_right p {
position:relative;
top:45px;
left:8px;
width:180px;
clear:both;
margin:0px; 
padding:0px;
} 		


/*  CSS  division and styles for middle    */


#middle {
position:relative;
float:left;
width:577px; 
margin:0px; 
padding:0px; 
left:12px; 
top:0px; 
}

#middle h1 {
font-size:24px; 
color:#336699;
margin:0 0 14px 0;
padding:0px;
}



#middle h2 {
font-size:16px; 
color:#333333;
margin:8px 0 8px 0;
padding:0px;
}

#middle h3 {
font-size:12px; 
color:#333333;
font-weight:bold
}





#middle hr{
height:4px;
width:100%; 
color:#ffffff;
font-size:9px;
border-top:1px dashed #999999;
border-bottom:1px dashed #ffffff;
border-left:1px dashed #ffffff;
border-right:1px dashed #ffffff;


display:block;

}

.home-header-1 {}
.home-header-2 {margin-bottom:10px;}


.margin {
margin-bottom:10px;

}



.product_box{
position:relative;
left:6px; 
background-image:url(../images/pb_background_bg.gif);
background-repeat:no-repeat; 
height:297px;
width:176px; 
margin:0 6px 5px 0px; 
padding:5px;
float:left;
display:block;

}

.product_box_picture{
position:relative;
left:11px;
top:5px;
display:block

}

.product_box h2{
margin:22px 0 0 6px!important; 
color:#333333; 
font-size:12px; 
font-weight:bold; 
width:160px; 
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;background-image:url(../images/pb_desc_background.gif); background-repeat:no-repeat; width:165px; height:36px;display:block;margin:10px 0 10px -1px; padding-left:7px;float:left;}
.product_box li span {margin:0px; padding:0px;width:90px;color:#000000;font-size:11px;display:block;height:16px;float:left;}
.product_box li {margin:0px; padding:0px;width:90px;color:#ffffff;font-size:16px;font-weight:bold;height:16px;float:left;}

.product_box ul#price {list-style-type:none;background-image:url(../images/pb_desc_background.gif); background-repeat:no-repeat; width:165px; height:36px;display:block;margin:10px 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;display:block;height:16px;float:left;}
.product_box ul#price li {margin:0px; padding:0px;width:90px;color:#ffffff;font-size:16px;font-weight:bold;height:16px;float:left}

.product_box_info {
position:relative;
top:-2px;
left:130px;
float:left;
margin:-42px 0 0 0 !important;
padding:0px !important;
width:30px !important;
height:31px!important;

}



#product_page_wrapper{ 
width:555px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:-3px 0 15px 0;
padding:10px;
float:left;

}

#product_page_image{
float:left; 
width:281px;
height:227px;
display:block;
margin:0 0 20px 0;
padding:10px 0 0 1px;
background-image:url(../images/product_page_image_bg.gif);
background-repeat:no-repeat;

}





#product_page_info{
float:right; 
width:260px;
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;
}

#product_page_info ul span {
font-weight:bold;
color:#ff0000;
font-size:14px
}

#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;

}

.radio{position:relative; left:-5px; top:-1px; float:left; padding:0px;}

.add_button{
float:left;
padding-left:10px;
}

.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{
position:relative;
float:left;
bottom:10px !important;
left:200px;

}


.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:555px; 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:#990000;
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: 14px;
	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;
}


/*------------ product description box */
#product-description {
	width: 555px;
	
	display: table;
	margin-top: 15px;
}

.menu {
	width:555px;
	margin:0;
	position:relative;
	z-index:100;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 35px;
	display: block;
	clear: right;
}
.menu ul {
padding:0; 
margin:0;
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:103px;
	height:34px;
	color:#fff;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	line-height:30px;
	font-size:12px;
	background-image: url(../images/detail_tab3.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:103px;
	height:34px;
	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:#000000;
	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:#000000;
	background-image: url(../images/detail_tab2.gif);
	background-repeat: no-repeat;
}


.pd-info {
	color:#000000;
	width:533px;
	height:240px;
	padding:10px;
	overflow:auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c3c3c2;
	border-bottom-color: #c3c3c2;
	border-left-color: #c3c3c2;
	background-color: #f1f1f1;
	background-image: url(../images/des-box-bg.gif);
	background-repeat: repeat-x;
	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;
}
#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: 984px;
margin:10px 0 20px 0;
padding:0px;   
background-color:#FFFFFF; 
clear:both   
}



#footer ul{
text-align:center;
list-style-type:none; 
margin:0px; 
padding:4px 120px 0 140px; 
width:724px; 
background-image:url(../images/footer_nav.gif);
height:34px;


}

#footer ul li a, #footer ul li a:visited {
width:117px;
text-align:center;
margin:0px;
padding:5px 0 0 0;
height:23px;
float:left;
display:block;
font-size:12px;
color:#ffffff;

   }
#footer ul li a:hover{ 
background-image:url(../images/footer_nav_hover.gif); 
background-repeat:no-repeat;
width:117px;
text-align:center;
margin:0px;
padding:5px 0 0 0;
height:23px;
float:left;
display:block;
font-size:12px;
color:#ffffff;
text-decoration:none

}


#footer li{
margin:0px; 
padding:0px; 
display:inline;
}


#footer ol{
list-style-type:none; 
margin:10px 0 0 0;
padding:0px;
font-size:11px;
color:#666666; 
}

#footer ol li a, #footer ol li a:visited {
font-size:11px;
color:#666666; 
text-decoration:none; 
}

#footer ol li a:hover {
font-size:11px;
color:#666666; 
text-decoration:underline; 
}

#footer_logo{
position:relative;
top:-20px; 
float:right; 
margin:0px; 
padding:0px;
}








