@charset "utf-8";
/* CSS Document */
body {margin:10px 0; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width:auto;text-align:center;}
div, p, h1, h2, img, form{margin:0px; padding:0px;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

#maindiv{width:950px; text-align:left; margin:0 auto;}

#header{width:auto; display:block; position:relative; overflow:hidden;}

#toolbar{width:auto; display:block; position:relative; height:20px;}
#toolbar ul{list-style:none; position:absolute; right:0; margin:0;}
#toolbar li{float:left; padding:4px;}
#toolbar a{ text-decoration:none; color:#999999;}
#toolbar a:hover{color:#000000;}

#topmenu {display:block; width:auto; position:relative; height:36px; margin:0; padding-left:30px;}
#topmenu ul{position:absolute; right:10px; padding: 0; margin: 0; height: 36px; list-style: none;}
#topmenu li{float:left;}
#topmenu li a{float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 11px; font-weight: bold; padding:0 0 0 16px; height: 36px; line-height: 36px; text-align: center; cursor: pointer;}
#topmenu li a span{float: left; display: block; padding: 0 24px 0 8px;}
#topmenu li.current a, #topmenu li a:hover{color: #fff; background: url(images/menur_hover_left.gif) no-repeat; background-position: left;}
#topmenu li.current a span, #topmenu li a:hover span{color: #fff; background: url(images/menur_hover_right.gif) no-repeat right top;}


#middle{width:100%; display:block; position:relative; overflow:hidden; margin-top:5px;}
#leftmargin{width:230px; display:block; position:relative; float:left; overflow:hidden;}

#leftmargin #contentbox{background-image: url(images/marginlefttopbg.gif); background-repeat:no-repeat; padding-top:5px}
#leftmargin #title{width:230px; height:25px; background-image: url(images/marginicon.png); background-repeat:no-repeat; padding:4px 4px 0 30px; font-size: 12px; font-weight: bold; margin:0 10px}
#leftmargin #content{display:block; position:relative;	padding:0 20px 0; border-left:#FF33CC solid 1px; border-right:#FF33CC solid 1px; font:12px 'trebuchet ms', arial, verdana, sans-serif; color:#000; background-color:#FFFFFF;}
#leftmargin #bottom{width:230px; height:4px; background-image: url(images/marginleftbottombg.gif); background-repeat:no-repeat; margin-bottom:5px;}

.sidemenu{margin:0; padding-left:20px;}
.sidemenu ul{margin:0; padding-left:20px;}
.sidemenu a{ text-decoration:none;}
.sidemenu a:hover{ text-decoration:underline;}
		
#rightmargin{width:auto; display:block; position:relative; float:left; overflow:hidden;}
#rightmargin #maintitle {font-size: 16px; font-weight: bold; color: #333;}
#rightmargin #title{font-size: 12px; font-weight: bold; color: #333;}

#bodymargin{width:470px; display:block; position:relative; float:left; overflow:hidden; padding:0 10px 0;}
#bodymargin #maintitle {font-size: 16px; font-weight: bold; color: #333;}
#bodymargin #title{font-size: 12px; font-weight: bold; color: #333;}

#innerrightmargin{width:230px; display:block; position:relative; float:right; overflow:hidden;}
#innerrightmargin #contentbox{background-image: url(images/marginlefttopbg.gif); background-repeat:no-repeat; padding-top:5px}
#innerrightmargin #title{width:230px; height:25px; background-image: url(images/marginicon.png); background-repeat:no-repeat; padding:4px 4px 0 30px; font-size: 12px; font-weight: bold; margin:0 10px}
#innerrightmargin #content{display:block; position:relative;	padding:0 20px 0; border-left:#FF33CC solid 1px; border-right:#FF33CC solid 1px; font:12px 'trebuchet ms', arial, verdana, sans-serif; color:#000; background-color:#FFFFFF;}
#innerrightmargin #bottom{width:230px; height:4px; background-image: url(images/marginleftbottombg.gif); background-repeat:no-repeat; margin-bottom:5px;}

#footer{width:auto; display:block; position:relative; overflow:hidden; background-image:url(images/footer_bg.jpg); background-repeat:no-repeat; height: 100px; padding:10px;}

.pagination{margin:10px; padding:2px; text-align: right; font-size: 12px; float:none;}
.pagination a, .pagination a:visited{padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1;}
.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5; color: #000; background-color: #FFFF80;}
.pagination a.currentpage{background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color:#666666; cursor: default; color: #929292; border-color: #929292;font-weight: normal !important;}
.pagination a.prevnext{font-weight: bold;}

/* 7Commerce */
#productmenu{background-image:url(images/left_bg_menu.jpg); background-repeat:no-repeat; background-color:#990099; margin:0; padding:0; width:229px; height:auto; overflow:hidden;}
#productmenu #title{background-image: url(images/marginlefttopbg.gif); background-repeat:no-repeat; margin:0;}
#productmenu ul{ list-style:none; margin:0; padding: 0 0 0 20px;}
#productmenu li{}
#productmenu li span{ display:block; margin:3px 0; width:90%; border-bottom:1px dotted #FFFFFF;}
#productmenu a{ color:#FFFFFF; text-decoration:none; }
#productmenu a:hover{ color:#000000;}
#productmenu #bottom{ height:54px; background-image:url(images/color_menu.jpg); background-repeat:no-repeat; margin:0; padding:0;}


#latestproduct{display:block; position:relative; width:100%; float:none; text-align:center;}
#productcomm{display:block; position:relative; width:100%; float:none; text-align:center;}
#itemcomm{display:block; position:relative; float:left; width:145px; height:250px; overflow:hidden;  margin:2px; padding-bottom:4px; text-align:center; background-color:#FFCCFF; color:#000000;}
#imagebox{width:143px; height:150px; overflow:hidden; border:1px dotted #CCCCCC; margin:0; padding:0;}
#itemcomm a{ text-decoration:none; color:#000000; font-size:12px; font-weight:bold;}
#itemcomm a:hover{ color:#990000;}

#productsearch form{margin:0; padding:0; display:block; position:relative;}
form#productsearch label{margin:0; padding:0; display:block; position:relative; float:left;}
form#productsearch select, form#productsearch input.submit{margin:5px 0 0; display:block; position:relative; float:none;}
form#productsearch select{width:185px;}
/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 4px; padding: 0;
}
form.searchform input.textbox { 
	margin-right:4px; 
	width: 80px;
	background: #FFF;
	color: #333; 
	height: 22px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	vertical-align: top;
}

/* login form */

form.loginform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}

form.loginform label{
display:block;
position:relative;
}

form.loginform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 25px;
	vertical-align: top;
}
form.loginform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}