/*styles for all pages*/

* {margin:0; padding:0;}
html, body, p, div, h1, h2, h3, h4, h5, h6, img, span, ul, li, br, hr, a, form, input,  dl, dt, dd { padding:0px; margin:0px; border:0px;}
img {margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0;}
br{ font-size:0; height:0; line-height:0; clear:both;}
a, a:active, a:focus { outline:none; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; cursor:pointer;}

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#f4f4f4;}

.clr {font-size:0; height:0; line-height:0; clear:both;}

.wrap {margin:0 auto; padding:0; width:999px; height:auto; background:url(../images/bg.jpg) repeat-y top;}

h1 {font:normal 20px/30px Arial, Helvetica, sans-serif; color:#FFFFFF;}
h2 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#FFFFFF;}
/*HEADER SECTION*/
#header_section {margin:0 auto; padding:0 19px;  width:921px; height:122px; background:#FFFFFF url(../images/headerbg.gif) repeat-x top;font:bold 12px/22px Arial, Helvetica, sans-serif; color:grey; text-decoration:none; text-align: center;}
	#logo {margin:0; padding:42px 0 0 2px; width:194px; height:63px; float:left;}
	#login {margin:46px 0 0 0; padding:0; width:92px; height:22px; float:right; text-align:center; background:url(../images/loginbg.jpg) no-repeat center;}
	#login a {font:bold 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
	#login a:hover {color:#fe7600;}
	
	#navigation {margin:18px 0 0 0; padding:0; width:683px; height:26px; float:right;}
		
		.home {margin:0; padding:0; width:107px; height:26px; float:left;}
		.home a {background:url(../images/home.jpg) no-repeat 0 0; width:107px; height:26px; display:block; text-indent:-5000px;}
		.home a:hover {background:url(../images/home.jpg) no-repeat 0 -26px; width:107px; height:26px;}
		.home a.active {background:url(../images/home.jpg) no-repeat 0 -26px; width:107px; height:26px;}
		
		.about_us {margin:0; padding:0; width:128px; height:26px; float:left;}
		.about_us a {background:url(../images/about_us.jpg) no-repeat 0 0; width:128px; height:26px; display:block; text-indent:-5000px;}
		.about_us a:hover {background:url(../images/about_us.jpg) no-repeat 0 -26px; width:128px; height:26px;}
		.about_us a.active {background:url(../images/about_us.jpg) no-repeat 0 -26px; width:128px; height:26px;}
		
		.our_products {margin:0; padding:0; width:153px; height:26px; float:left;}
		.our_products a {background:url(../images/our_products.jpg) no-repeat 0 0; width:153px; height:26px; display:block; text-indent:-5000px;}
		.our_products a:hover {background:url(../images/our_products.jpg) no-repeat 0 -26px; width:153px; height:26px;}
		.our_products a.active {background:url(../images/our_products.jpg) no-repeat 0 -26px; width:153px; height:26px;}
		
		.contacts {margin:0; padding:0; width:124px; height:26px; float:left;}
		.contacts a {background:url(../images/contacts.jpg) no-repeat 0 0; width:124px; height:26px; display:block; text-indent:-5000px;}
		.contacts a:hover {background:url(../images/contacts.jpg) no-repeat 0 -26px; width:124px; height:26px;}
		.contacts a.active {background:url(../images/contacts.jpg) no-repeat 0 -26px; width:124px; height:26px;}
		
		#search {margin:0; padding:0; width:165px; height:26px; float:right;}
		#search .input {margin:0; padding:4px; float:left; width:120px; background-color:#fff; border:1px solid #5e5e5e; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
		#search .go {margin:0; padding:0; width:32px; height:26px; float:right;}
		
	
/*BANNER SECTION*/
#banner_section {margin:0 auto; padding:0; width:923px; height:373px;}
/*PRODUCTS SECTION*/
#products_section {margin:0 auto; padding:22px 10px; width:903px; height:221px; background:url(../images/probg.gif) no-repeat top;}
	.pro_box a {font:normal 14px/26px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px; text-decoration:none;}
	.pro_box a:hover {text-decoration:underline;color:blue;}
	.pro_box {margin:0 11px; padding:0; width:203px; height:auto; float:left;}
	.pro_box .top {margin:0; padding:0; width:203px; height:8px; float:left; line-height:8px; background:url(../images/pro_roundcor.png) no-repeat top;}
	.pro_box .bot {margin:0; padding:0; width:203px; height:8px; float:left; line-height:8px; background:url(../images/pro_roundcor.png) no-repeat bottom;}
	.pro_box .mid {margin:0; padding:0; width:203px; height:auto; float:left; background:url(../images/pro_bg.gif) repeat-y top; text-align:center;}
	.pro_box .mid img {border:1px solid #5c5c5a;}

/*BEST SELLING SECTION*/
#selling_section {margin:0 auto; padding:5px 19px 0 19px; width:921px; height:140px; background:#050505 url(../images/sellbg.gif) repeat-x top;}
	#selling_section h3 {font:normal 18px/30px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 30px;}
	
	#selling_section .scroll {margin:0; padding:0; width:921px; height:77px; float:left;}
 
/*BODY SECTION*/
#body_section {margin:0 auto; padding:0; width:959px; background:#4d4d4d url(../images/bodybg.gif) repeat-x bottom;}

	#body_left {margin:0; padding:15px 0 15px 19px; width:722px; float:left; background:url(../images/bodybgtop.gif) repeat-x top;}
	#body_left .vdo {margin:5px 0 0 0; padding:0; width:413px; height:313px; float:left;}
	#body_left .text_box {margin:5px 0 0 0; padding:0 25px; width:259px; float:left;}
	#body_left .text_box p {font:normal 13px/18px Arial, Helvetica, sans-serif; color:#cbc9c9; padding-top:8px;}
	
	#body_right {margin:0; padding:0; width:218px; float:right; background-color:#2e2d2d;}
	.heading {margin:0; padding:9px 0 0 13px; width:203px; height:30px; float:left; border:1px solid #000000; background:url(../images/right_headingbg.gif) repeat-x left;}
	
	#body_right ul.link2 {margin:15px 0 30px 15px; padding:0; list-style:none;}
	#body_right ul.link2 li {font:bold 14px/24px Arial, Helvetica, sans-serif; color:#cdcdcd;}
	#body_right ul.link2 li a {font:bold 14px/24px Arial, Helvetica, sans-serif; color:#cdcdcd; display:block; text-decoration:none;}
	#body_right ul.link2 li a:hover {color:#8bacb3; text-decoration:underline;}

/*LINK SECTION*/
#link_section {margin:0 auto; padding:25px 19px 0 19px; width:921px; height:165px; background:#686868 url(../images/linkbg.gif) repeat-x top;}

#link_section ul.link {margin:0; padding:0; width:184px; float:left; list-style:none;}
#link_section ul.link h4 {font:normal 18px/18px Arial, Helvetica, sans-serif; color:#cdcdcd;}
#link_section ul.link li {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#cdcdcd;}
#link_section ul.link li a {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#cdcdcd; display:block; text-decoration:none;}
#link_section ul.link li a:hover {color:#FFFFFF; text-decoration:underline;}

/*FOOTER SECTION*/
#footer_section {margin:0 auto; padding:0; width:959px; height:80px; background-color:#000000; text-align:center;}
#footer_section p {font:normal 11px/20px Arial, Helvetica, sans-serif; color:#4a4a4a;}
#footer_section p a {font:normal 11px/20px Arial, Helvetica, sans-serif; color:#4a4a4a; text-decoration:none; padding:0 12px;}
#footer_section p a:hover {color:#FFFFFF;}


/*LANDING SECTION*/
#landing_section {margin:0 auto; padding:0; width:921px; height:400px;}

	#landing_section .big_pro {margin:0; padding:0; width:324px; height:356px; float:left;}
	.big_pro .top {margin:0; padding:0; width:324px; height:8px; float:left; line-height:8px; background:url(../images/pro_bigroundcorner.gif) no-repeat top;}
	.big_pro .bot {margin:0; padding:0; width:324px; height:8px; float:left; line-height:8px; background:url(../images/pro_bigroundcorner.gif) no-repeat bottom;}
	.big_pro .mid {margin:0; padding:0; width:324px; height:auto; float:left; background:url(../images/pro_bigbg.gif) repeat-y top; text-align:center;}
	.big_pro .mid img {border:1px solid #5c5c5a;}
	
	#landing_section .pro_details {margin:0; padding:0; width:573px; height:356px; float:right;}
	.pro_details .top {margin:0; padding:0; width:573px; height:8px; float:left; line-height:8px; background:url(../images/detail_roundcorner.jpg) no-repeat top;}
	.pro_details .bot {margin:0; padding:0; width:573px; height:8px; float:left; line-height:8px; background:url(../images/detail_roundcorner.jpg) no-repeat bottom;}
	.pro_details .mid {margin:0; padding:7px 15px; width:543px; height:auto; float:left; background:url(../images/detail_bg.jpg) repeat-y top;}
	.pro_details .mid h2 {font:normal 18px/20px Arial, Helvetica, sans-serif; color:#323232; background:url(../images/icon.gif) no-repeat left; padding-left:20px;}
	.pro_details .mid p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#252525;}
	.pro_details .mid p.code {font:normal 12px/24px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right; width:520px; height:24px; padding-right:18px; background:url(../images/codebg.gif) no-repeat left; margin-top:6px;}
	
	.price_box {margin:0; padding:0 15px; width:176px; height:auto; float:left; background:url(../images/pricebg.gif) no-repeat top;}
		.price_box p.price {font:bold 12px/25px Arial, Helvetica, sans-serif; color:#000000; padding-bottom:5px;} 
		.price_box .box01 {margin:0; padding:0; width:80px; height:20px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000000;}
		.price_box .box02 {margin:0; padding:0; width:15px; height:20px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000000;}
		.price_box .box03 {margin:0; padding:0; width:95px; height:20px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000000;}
		.price_box .box03 a {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
		.price_box .box03 a:hover {color:#990000; text-decoration:underline;}
		
		.buy_box {margin:130px 5px 13px 0; padding:0; width:163px; height:60px; float:right; background:url(../images/buybg.gif) no-repeat bottom;}
		.buy_box a {background:url(../images/buynow.jpg) no-repeat 0 0; width:163px; height:38px; display:block; text-indent:-5000px;}
		.buy_box a:hover {background:url(../images/buynow.jpg) no-repeat 0 -38px; width:163px; height:38px;}
		
#category_section {margin:0 auto; padding:0; width:921px;}

	#category_list {margin:0; padding:0; width:218px; float:left; background-color:#2e2d2d;}
	
	#category_list ul.link2 {margin:15px 0 30px 15px; padding:0; list-style:none;}
	#category_list ul.link2 li {font:bold 11px/22px Arial, Helvetica, sans-serif; color:#cdcdcd;}
	#category_list ul.link2 li a {font:bold 11px/22px Arial, Helvetica, sans-serif; color:#cdcdcd; display:block; text-decoration:underline;}
	#category_list ul.link2 li a:hover {color:#FFFFFF; text-decoration:none;}
	
	#category_box {margin:0; padding:15px 0 50px 4px; width:677px; height:auto; float:right; background-color:#d1cfcf; border:1px solid #989898;}
	#category_box .gap {margin:0; padding:0; width:681px; height:15px; line-height:15px; float:left;}
	
	/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:860px;
		background:#252525;		
		}					
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:96px;
		height:75px;
		overflow:hidden;
		float:left;
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:75px;
		position:absolute;
		left:-30px;
		top:0px;
		}	
	#nextBtn{ 
		left:860px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:75px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */