/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2009-09-27)

==STRUCTURE:============================

*Page width:          947px
*Number of columns:   3

---------------------------------------*/
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:12px/150%  Arial,"Lucida Grande", Verdana, Lucida,  Helvetica, sans-serif; color:#000; background:#fff; text-align:left;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:12px Arial,Verdana,Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}

a:link,a:visited{color:#000;text-decoration:none; outline:none;}
a:hover,a:active{color:#ff5501;text-decoration:underline;}
.systemAlert{color:#ff5501;}
a.systemAlert,a.systemAlert:visited{color:#ff5501;}
.price{color:#ff5501; font-weight:bold;}
.item{ color:#999;}
.addCart{
	background: url(../images/cart.gif) no-repeat 25px 3px;
	padding-left:8px;
}
.addCart a,.addCart a:visited{color:#ff5501;}
.content{ font-size:12px; line-height:20px; padding:10px;}
.row{overflow:auto;zoom:1;}

.productsNavMenu{ padding:10px;}
.productsNavMenu .boxB{float:left;border:1px solid #c8e5f2; background:#f2f9fc; width:147px; text-align:center; padding:5px 10px; margin:5px 5px 0 0; overflow:hidden;}

/* __header----------------------------*/
#header{ width:947px; margin:0 auto;position:relative}
#header1000{overflow:auto;zoom:1;}
.logo{float:left;margin:0px; display:inline;}
.logo a{padding:0px;text-indent:-999px;display:block;width:262px;height:46px;background: url(../images/logo.gif) no-repeat;}
.topRight{ float:left;overflow:auto;zoom:1;}
.topNav{
	text-align:right;
	background: url(../images/topBg.gif) no-repeat right 0px;
	height: 28px;
	padding:3px 20px;
	width:670px;
}
.topMain{margin:5px 0px 5px 20px;}
.topLanguage{ float:right;}
#currencies{width: 118px; border: 1px solid #999; position: absolute; left: 815px; top: 0px; visibility:hidden; z-index: 100;}
#currencies li{padding-left: 10px; height: 18px;}
.bg_color{background:#e5e5e6;}
#currencies li img{margin-right: 4px;}
#currencies li a{font-size: 11px;}

.topMenu{
	background: url(../images/topMenuBg.gif) no-repeat;
	height: 106px;
}
.topMenuR{ float:right; width:8px;height: 106px; background: url(../images/topMenuR.gif); }
.topMenu2{height:27px;overflow:auto;zoom:1;}
.topMenu2 ul{ margin-left:265px;}
.topMenu2 li{float:left; height: 27px; line-height: 27px; border-right: 1px solid #d2d4d5;}
.topMenu2 li a{ padding: 0 20px; font-size: 12px; font-weight:bold; color: #000;}
.menuActive{
	background: url(../images/menuActive.gif) no-repeat 0px 0px;
	height: 27px;
	padding-left:9px;
}
.menuActive a:link,.menuActive a:visited{
	color:#fff;
	background: url(../images/menuActiveR.gif) no-repeat right 0px;
	padding:6px 20px;
}

.helpaa{background:transparent url(../images/livechatbg.gif) no-repeat scroll left top; position: absolute; width: 120px; height: 130px; right: 5px; top: 90px; display: none; z-index:999;}

.worldp {background:#fff; padding:10px; width:158px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.searchBox{ overflow:auto;zoom:1;}
.search{
	float:left;
	line-height:34px;
	width:705px;
	margin:10px 5px;
	padding-left:45px;
}
.search .sel{width:260px; border:1px solid #e5e6e6;}
.search .input{width:260px; height:16px;}
.cart{
	background: url(../images/cartBg.gif) no-repeat center center;
	width:124px;
	line-height: 31px;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	padding-left:45px;
	float:left;
}
.cart a,.cart a:visited{ color:#000;}
.keyword{ padding:10px 15px;*padding:15px 15px 0px;}
.nav{overflow:auto;zoom:1;}
.nav li{float:left; padding:0 3px;}
.nav li a {    
	padding-right: 10px;
	background: url('../images/icon02.gif') no-repeat right;
}

/* __pagebody----------------------------*/

#pagebody{ width:947px;margin:10px auto;}
/* __sidebar----------------------------*/
#sidebar{ width:190px; float:left;}
#sidebar2{ width:209px; float:right;}


/*define Dromenu*/
#leftMenu{ margin-bottom:10px;}
#menu_index_top span{ margin-left:10px;}
#menu_index_top a:link,#menu_index_top a:visited{background:#fff url(../images/menu_top.gif) no-repeat;color:#fff;font-size:15px;width:190px;height:37px;display:block;color:#fff;margin-top:0px;font-weight:bold;line-height:37px;}/*#d6d6d6 */
#menu_index_top a:hover {background-position:0 -37px;}
.Dromenu {z-index:1000;font-size:90%;margin:0;position:relative; /* this page only */}

/* remove all the bullets, borders and padding from the default list styling */
.Dromenu ul {padding:0;margin:0;list-style-type:none;width:190px}
/* hack for IE5.5 */
* html .Dromenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.Dromenu li {position:relative;background:#f6f6f6}
.Dromenu li a strong { font-size:12px}

/* get rid of the table */
.Dromenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.Dromenu a, .Dromenu a:visited {display:block; text-decoration:none;height:25px;line-height:25px;width:188px;color:#000;text-indent:5px;border:1px solid #d6d6d6;border-width:0 1px 1px 1px; background-color:#f6f6f6; font-weight:700}
.Dromenu a:hover {color:#333; background:#f6f6f6; text-decoration:underline;}

a.plus,a:visited.plus,* html .Dromenu a.plus { background:#f6f6f6 url(../Images/cata_bg.gif) no-repeat 170px 50%; height:25px; line-height:25px}

/* style the link hover */
* html .Dromenu a:hover {color:#333; background:#fff; text-decoration:underline}

.Dromenu :hover > a {color:#333; background:#fff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.Dromenu ul ul {visibility:hidden;position:absolute;top:0;left:190px; border:1px solid #d6d6d6;border-width:1px 0 1px 0; }
/* make the second level visible when hover on first level list OR link */
.Dromenu ul li:hover ul,
.Dromenu ul a:hover ul {visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.Dromenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.Dromenu ul :hover ul :hover ul{ visibility:visible;}

.Dromenu ul ul a:hover { color: #ED0048; background:#fff}

.leftBox{
	background: url(../images/leftBoxBg.gif) repeat-y;
	margin-bottom:10px;
}
.leftBox h3{
	font-weight:bold;
	height: 26px;
	line-height:26px;
	padding-left:15px;
	background: url(../images/leftBoxTop.gif);	
}
.leftBoxBottom{
	background: url(../images/leftBoxBottom.gif) no-repeat;
	height: 9px;
}
.leftBox2{
	background: url(../images/leftBox2Bg.gif) repeat-y;
	margin-bottom:10px;
}
.leftBox2 h3{
	font-weight:bold;
	height: 26px;
	line-height:26px;
	padding-left:15px;
	background: url(../images/leftBox2Top.gif);	
}
.leftBox2Bottom{
	background: url(../images/leftBox2Bottom.gif) no-repeat;
	height: 9px;
}
.productsBox{ margin:15px 5px 0; padding-bottom:5px;overflow:auto;zoom:1;}
.productsBox .productsImg{ padding:5px; border:1px solid #e7e7e7; float:left;}
.productsBox  h4{ font-weight:bold;}
.productsBox  h4,.productsBox .item,.productsBox .detail{ float:right; text-align:left; width:105px;}
/* __mainbody----------------------------*/
#imainbody{ width:524px; display:inline; margin:0 0px 0 12px; float:left;}
#mainbody{ width:733px; display:inline; margin:0 0px 0 12px; float:left;}
.banner{ margin-bottom:10px;}
.rightBox2{ background: url(../images/rightBox2Bg.gif) repeat-y;margin-bottom:5px;}
.rightBox2 h3{
	font-weight:bold;
	height: 26px;
	line-height:26px;
	padding-left:15px;
	background: url(../images/rightBox2Top.gif);	
}
.rightBox2 .more{
	float:right;
	background: url(../images/more.gif) no-repeat;
	height: 5px;
	width: 31px;
	margin:10px 10px 0 0;
}
.rightBox2Bottom{
	background: url(../images/rightBox2Bottom.gif) no-repeat;
	height: 15px;
}

.productsBox2{ float:left;text-align:center;margin:10px 12px;width:140px;overflow:hidden;}
.productsBox2 .productsImg{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:125px; *font-family:Arial; width:140px; height:140px;}
.productsBox2 .productsImg img{vertical-align:middle;}
.productsBox2  h4{ font-weight:bold;}

.rightBox3{text-align:center;border:1px solid #d6d6d6;margin-bottom:10px;overflow:auto; zoom:1;}
.rightBox3 h3 li{ float:left; font-weight:bold; font-size:12px; padding:3px 0px; width:173px; text-align:center; border-right:1px solid #d6d6d6;}
.rightBox3 .Active{ background:url(../images/active.gif) repeat-x; }
.rightBox3 .Normal{background:url(../images/normal.gif) repeat-x;}

.rightBox4 h3{
	background: url(../images/rightBox4Top.jpg);
	height: 27px;
	padding:5px 20px;
	font-size:14px;
	font-weight:bold;
}
.productsBox4{ float:left;text-align:center;margin:10px 12px;width:142px;overflow:hidden; }
.productsBox4 .productsImg{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:125px; *font-family:Arial; width:140px; height:140px;border:1px solid #ddd;}
.productsBox4 .productsImg img{vertical-align:middle;}
.productsBox4  h4{ font-weight:bold;}

.leftbanner{ margin-bottom:10px;}

.productBox h4{ font-size:13px; font-weight:bold; margin:10px 0; color:#e71f05;}
.productBox .productImgBox{float:left; width:350px;}
.productBox .productImg{ width:350px; height:100%; display:block; border:1px #eee solid;background:#fff; margin-bottom:10px;}
.smallImg img{ border:1px #eee solid; margin:0 3px;}
.click{ text-align:center;}
.click a,.click a:visited{color:#03a9f9;}

.productInfo{ float:left; margin-left:20px; width:350px;}
.productBox .item,.productBox .size,.productBox .price,.productBox .price3{ border-bottom:1px dotted #ddd; padding:8px 0;}
.productBox .addtoCart{padding:10px 0;}
.productBox .price{ font-weight:bold; color:#e71f05;}
.productBox .price2{font-weight:bold;color:#333; text-decoration:line-through;}
.productBox .prev{ text-align:center;}

.productDetail h3{font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; padding:5px 0; margin:5px 0;color:#e71f05;}

/* __footer----------------------------*/
#footer{	
	background-repeat: repeat-x;
	text-align:center;
	width:947px; 
	margin:0 auto;
}

.footerSearch{ background:#f2f1f1; border:1px solid #e7e7e7;}
.footerSearch .sel{width:260px; border:1px solid #e5e6e6;}
.footerSearch .input{width:260px; height:16px;}

.mcol {margin:10px 0;border:1px dotted #ccc;padding:10px; text-align:left}
.mcol h3 { font-weight:bold; font-size:16px;}
.mcol h4 { background:#E1F1F6;margin-bottom:6px;padding:6px 0;}
.mcol p { padding:0 12px;margin:0;}
.mcol p strong { font-size:12px;}
.mcol li{float:left;width:50%;height:90px;}

.payment{
	padding:0px;
}
.copyRight{ margin:10px 0;}
.copyRight a,.copyRight a:visited{ color:#ff5501; font-weight:bold;}
.footLogo{ float:left; border-right:1px solid #ddd; padding-right:10px; margin-right:10px;}

#dhtmltooltip{ position:absolute; visibility:hidden; z-index:100; padding:2px; width:150px; 
border:1px solid #d8d8d8;}