@charset "UTF-8";
/* CSS Document */

BODY {
	margin:0 auto;
	padding:0;
	background-color:#e7edf3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-image:url(gfx/chm_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	overflow-y: auto;
	overflow-x:hidden !important;
}

FORM {
margin:0; padding:0;
}

IMG {
border:none;
}
#mainTop{
/*
 main top styles
 */
}
#export-products-to-excell{
	   position: absolute; 
       top: 0; left: 0; 
       z-index: 10; 
	   background:#ffc;
	   padding:5px;
       border:1px solid #CCCCCC;
       text-align:center; 
       font-weight:bold; 
       width:99%;
}
#mainTopCont{
width:960px;
margin:0 auto;
padding:0;
text-align:left;
}
#basket-view{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	width:99%;
	text-align:center;
}
#basket-view-admin{
border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	width:750px;
	text-align:center;
}
.shopping-cart-th a{
	color:#fff !important;
}
.shopping-cart-th a:hover{
	color: #FFFFFF !important;
	text-decoration:none !important;
}
.shopping-cart-th{
background-image:url(gfx/blue-gradient.jpg);
background-position:left top; 
background-repeat:repeat-x;
color:#fff;
height:30px;
vertical-align:middle;
padding:5px;
text-align:left;
}
/*
image preloader

*/
/* end of image preloader */
.basket-cart-th{
	background-image:url(gfx/black-gradeint.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	color:#fff;
	height:30px;
	vertical-align:middle;
	padding:5px;
	text-align:left;
}
.basket-td
{
padding-left:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.basket-td a{
	color:#f60;
	padding-left: 5px;
	padding-right: 5px;
	border:1px solid #fff;
}
.basket-td a:hover{
	color: #036;
	border: 1px solid #f60;
}
a{
	color:#f60;
}
a:hover{
	color: #036;
}
#subTop{
height:144px;
margin:0;
padding:0;
}

#subTopCont{
width:960px;
margin:0 auto;
padding:0;
background-image:url(gfx/chm_top.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#menu{
	margin:0 auto;
	padding:0;
	height:36px;
	width:845px;
}
#menu-admin{
margin:0 auto;
	padding:0;
	height:36px;
	width:100%;
	text-align:center
}
H1{
color: #036;
font-size:18px;
}

#mainBottom{

}

#mainBottomCont{
width:960px;
height:144px;
margin:0 auto;
}
#logo{
	margin-left: 70px;
	float:left;
}
#login-table{
	background-image:url(gfx/login-main-bg.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:10px;
}
#login-box{
	margin-left:680px;
	background-image:url(gfx/login-main-bg.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:170px;
}
#login-box h1{
	margin:0;
	padding:0;
	color:#039;
	font-size:12px;
}
.error{
	color:#c00;
	font-size:11px;
	font-weight:bold;
	white-space:normal;
}
#mainBottom2{
margin:0 auto;
	padding:0;
}

#mainBottom2Cont{
margin:0;
	padding:0;
	width:865px;
}

#mainBottom2Cont A{
color:#f60;
}
#mainBottom2Cont A:HOVER{
color:#036;
}

#mainBottom2x{
margin:0 auto;
	padding:0;
	clear:both;
	float:none;
	position:relative
}

#mainBottom2Contx{

}

#mainBottom2Contx A{
color:#f60;
}
#mainBottom2Contx A:HOVER{
color:#036;
}

#mainTopCont P,#mainTopCont DIV, #mainBottomCont P, #mainBottomCont DIV{
color:#FFFFFF;
line-height:1.5em;
}
#copyrights{
width:865px;
height:60px;
margin:0 auto;
padding:0;
text-align:center;
background-image:url(gfx/footer.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#333;
font-weight:bold;
background-color:transparent;
}

DIV.btn_all {
margin:0px 5px 5px 0;
width:200px;
height:45px;
background-image:url(gfx/button.png);
background-position:left top;
background-repeat:no-repeat;
padding-top:3px;
}

DIV.btn_off {
width:122px;
height:36px;
vertical-align:middle;
text-align:center;
float:left;
}
DIV.btn_off DIV {
margin:auto auto;
}

DIV.btn_offx {
background-image:url(gfx/btn_bg_offx.gif);
background-repeat:no-repeat;
background-position:left;
width:122px;
height:36px;
vertical-align:middle;
text-align:center;
float:left;
}
DIV.btn_offx DIV {
margin:auto auto;
}

DIV.btn {
float:right;
}
.main-bg{
margin:0 auto;
	padding:0;
	background-image:url(gfx/main-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	width:865px;
}
#main-bg h1{
	margin:0;
	padding:0;
}
.names {
	margin:0;
	font-size:14px;
	padding:0;
	color:#000;
	text-align:right
}
.desc {
	margin:0;
	font-size:14px;
	padding:0;
	color:#f60;
}
.td1{
	background-color: #fff;
	padding:5px;
	border-collapse: collapse;
	border:1px dotted #999;
}
.td2{
	background-color: #efefef;
	padding:5px;
	border-collapse: collapse;
	border:1px dotted #999;
}
.category-products{
color: #036;
font-size:14px;
}
#subBottom{
	margin:0 auto;
	padding:0;
	background-image:url(gfx/main-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	width:865px;
}
#Loginpassword{
	border:none;
	background-image:url(gfx/login-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:128px;
	height:25px;
	margin:0;
	padding:5px 0 0 2px;
	background-color:transparent;
}
#duel_shop_productss_description{
	border:none;
	background-image:url(gfx/login-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:128px;
	height:25px;
	margin:0;
	padding:5px 0 0 2px;
	background-color:transparent;
}
#duel_shop_productss_product_code{
	border:none;
	background-image:url(gfx/login-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:128px;
	height:25px;
	margin:0;
	padding:5px 0 0 2px;
	background-color:transparent;

}
#subBottom A{
color:#f90;
}
#subBottom A:HOVER{
color:#039;
}


#subBottomTitle{
margin:0 auto;
	padding:0;
	background-image:url(gfx/main-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	width:865px;
}

#subBottomCont{
width:845px;
margin:0 auto;
}

#subBottomNumber{
margin:0 auto;
	padding:0;
	background-image:url(gfx/main-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	width:865px;

}

DIV.prod {
width:120px;
text-align:center;
padding:0 20px 10px 0;
color:#FFFFFF;
}

DIV.prod DIV {
margin-top:5px;
}

.btn_gora a{
text-decoration: none;
color: #f60;
}
.btn_gora a:hover{
color:#036;
}
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer, hand; border:none}
.btn * { font-style: normal; background-image: url(gfx/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer, hand; border:none }

.btn.blue { background: #2ae; color:#fff }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #f90; }
.btn:active { background-color: #444; }
.btn[class] {
	background-image: url(gfx/shade.png);
	background-position: bottom;
}

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }