﻿html,body{
	width:100%;
	height:100%;
}
body{
	margin:0px;
	padding:0px;
	background:white;
}
body,th,td,input, textarea, select{
	font:11px trebuchet ms;
	color:#393939;
}
h1{
    margin:0px;
    padding:0px;
}
h2{
    
}
h3{
	color:#b80000;
	font-size:11px;
	margin-bottom:10px;
}
hr{
    color:#f0f0f0;
    height:1px;
}
p{
	margin:0 0 10px 0;
}
ol, ul{
	margin:0px 0 0 20px;
	padding:0px;
}
a img{
	border:0px;
}
a{
	color:#3d6cb3;
}
a:hover{
	color:#4ec9eb;
}
.clear{
	clear:both;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.textLeft{
	text-align:right;
}
.header .paddingTop20{
    padding:0 10px;
    padding-top:20px;
}
input[type=text], input[type=password], .txtBox{
    background:url(Images/bgs.jpg) repeat-x scroll 0 -108px;
    height:13px;
    border:solid 1px silver;
    padding:0px 5px 3px 5px;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.txtBox a{
    text-decoration:none;
    font-weight:bold;
    font-size:10px;
}
textarea{
    background:#faf9f9;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    border:solid 1px silver;
}
a.btn{
    display:inline-block;
    position:relative;
    background:url(Images/bgs.jpg) repeat-x scroll 0 -50px;
    height:13px;
    padding:0px 5px 3px 5px;
    margin:0px;
    margin-top:-1px;
    border:solid 1px #73d3f6;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    color:White;
    font-weight:bold;
    font-size:10px;
    text-decoration:none;
}
a.icn{
    padding-left:24px;
}
a.btn span{
    position:absolute;
    left:3px;
    top:-1px;    
}
a.btn:hover, a.btn2{
    background:url(Images/bgs.jpg) repeat-x scroll 0 -69px;
}
a.btn2:hover{
    background:url(Images/bgs.jpg) repeat-x scroll 0 -50px;
}
.mainContainer{
    width:1000px;
    margin:0 auto;
}
.header{
    height:60px;
    padding:10px 0;
}
.header h1{
    float:left;
}
.menu{
    background:url(Images/bgs.jpg);
    height:25px;
    border:solid 1px #09fdf4;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.menu a, .menu span{
    color:White;
    text-decoration:none;
    font-weight:bold;
    font-size:10px;
    display:block;
    float:left;
    height:20px;
    padding:5px 10px 0px 10px;
    border-right:solid 1px #7d14a1;
    border-left:solid 1px #d171f1;    
}
.menu a:hover, .menu .act{
    background:url(Images/bgs.jpg) repeat-x scroll 0 -25px;
    border-left:solid 1px #07fdf4;
    border-right:solid 1px #07fdf4;
}
.menu .frst, .menu .frst:hover{
    -moz-border-radius-topleft:4px;
    -moz-border-radius-bottomleft:4px;
    border-left:none;
}
.menu .lst{
    border-right:none;
}
.leftPane{
    width:764px;
    margin-right:3px;
    margin-top:3px;
    float:left;
}
.rightPane{
    margin-top:3px;
    width:231px;
    float:right;
}
.rightPane .box{
    background:#8417a9 url(Images/bgs.jpg) repeat-x scroll 0 -220px;
    border:solid 1px #09fdf4;
    margin-bottom:5px;
    color:White;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.box .cnt{
    padding:10px;
}
.box h3{
    display:block;
    padding:4px;
    margin:0px;
    background:#8417a9 url(Images/bgs.jpg) repeat-x scroll 0 0px;
    height:17px;
    font-size:11px;
    font-weight:bold;
    color:White;    
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}
.box h3.h2{
    background:#8417a9 url(Images/bgs.jpg) repeat-x scroll 0 -86px;
    height:15px;
}
.box p{
    margin-top:10px;
}
.box p.p2{
    margin-top:0px;
}
.box p.p2 b{
    display:inline-block;
    width:80px;
}
.footer{
    background:#8417a9 url(Images/bgs.jpg) repeat-x scroll 0 -127px;
    padding:4px;
    margin:0px;
    height:17px;
    font-size:11px;
    font-weight:bold;
    color:White;
    text-align:center;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.footer a{
    color:White;
    text-decoration:none;
}
.footer a:hover{
    color:#396cbb;
}
.content{
    background:#ecedf0;
    border:solid 1px #c3c8cb;
    padding:10px;
    margin-bottom:5px;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.flsh{
    margin-bottom:5px;
}
h2{
    color:#d17f2e;
    font-size:18px;
    margin:0px;
    margin-bottom:10px;
}
/*Product List */
ul.pLst{
    list-style:none;
    list-style-type:none;
    display:block
}
ul.pLst li{    
    display:inline;
    width:240px;
    height:290px;
    z-index:999px;
    margin:0px;
    float:left; 
    padding:26px 0;
    background:url(images/hBorder.gif) repeat-x scroll 0 0;
}
ul.pLst li div{
    padding:0 26px;
    background:url(images/vBorder.gif) repeat-y scroll 0 0;
}
ul.pLst li.frstR{
    background:none;
}
ul.pLst li div.frstC{
    background:none;
}
ul.pLst li img{
    border:solid 1px #cac5c5;
}
ul.pLst li h4{
    font-size:11px;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
}
ul.pLst li b{
    color:#2d63b7;
}
ul.pLst li strong{
    color:#dd0909;
}

/*New Product List */
ul.newPLst{
    list-style:none;
    margin:0px;
    padding:0px;
}
ul.newPLst li{
    display:inline;
    float:left; 
    width:100px;
    height:80px;
    margin:6px;
}
ul.newPLst li img{
    border:solid 1px #cac5c5;
}

/*Forms*/
fieldset{
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding:5px;
}
div.form div.valSum{
	padding:0px;
	margin:0px;
}
div.form div.error ul{
	margin:0px;
	padding:0px;
}
div.form div{
	padding:3px;
	clear:both;
}
div.form .comment{
	padding-left:160px;
}
div.form div label{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding:3px;
}
div.form div.required{
	font-weight:bold;
}
div.form div.radioCheck, div.form div.error,div.form div.submit{
	padding-left:160px;
}
.error{
	color:Red;
}
div.form div.radioCheck label{
	float:none;
	width:auto;
	display:inline;
	text-align:left;
	padding:0px;	
}
div.address{
	border:solid 1px silver;
	position:relative;
	padding:3px;
	margin:3px;
}
div.address .controls{
	position:absolute;
	right:5px;
	top:5px;
}

/*Product menu*/
.pMenu ul{
    list-style:none;
}
.pMenu li{
    background:url(images/bullet.gif) no-repeat scroll  0 6px;
    padding-left:8px;
}
.pMenu li li{
    background:url(images/bullet2.gif) no-repeat scroll  0 6px;
}
.pMenu li a{    
    color:White;
    text-decoration:none;
    font-weight:bold;
}
.pMenu li a:hover{    
    color:#4ec9eb;
}
.pMenu li li a{
    color:#4ec9eb;
    font-weight:normal;
}
.pMenu li li a:hover{
    color:white;
}
.pMenu li a.act, .pMenu li li a.act{
    color:#fdda62;
}

/*Pager*/
.pgr{
    text-align:center;
    margin:4px auto;
}
.pgr a, .pgr span.current{
    font-size:10px;
    font-weight:bold;
    display:inline-block;
    padding:1px 3px;
    margin:0px 3px;
    background:url(Images/bgs.jpg);
    height:17px;
    padding:2px 10px 0px 10px;
    border:solid 1px #7d14a1;
    color:White;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
span.current{
	background:#b80000;
    color:White;
}
.pgr a:hover{
    background:url(Images/bgs.jpg) repeat-x scroll 0 -25px;
    color:White;
    border:solid 1px #07fdf4;
}

/*Sort*/
.sort{
    float:right;
    position:relative;
    margin-top:-33px;
}
.sort b{
    position:relative;
    top:-1px;
}

.numericedit{
    width:20px;
    text-align:center;
}

/* Product Detail */
.pLeftPane{
    width:314px;
    float:left;
    padding:10px;
}
.pLeftPane img{
    border:solid 1px #d3d3d5;
}
.pLeftPane h4{
    display:block;
    color:White;
    font-size:11px;
    background:url(Images/bgs.jpg) repeat-x scroll 0 -69px;
    width:290px;
    height:13px;
    padding:0px 0px 3px 0px;
    text-align:center;
    margin:5px 0;
    border:solid 1px #07fdf4;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.numericedit{
    width:20px;
    text-align:center;
}

.pRightPane{
    display:inline;
    float:left;
}

.pRightPane .panel{
    clear:both;
    width:400px;
    margin:10px 2px;    
}
.panel div.pCnt{
    background:#e5d9eb;
    border:solid 1px #d1d1d3;
    border-top:none;
    padding:10px;    
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
}
.panel div.pCnt label{
    display:inline-block;
    width:100px;
    color:#2d63b7;
    font-weight:bold;
}
.pRightPane .panel h3{
    display:block;
    color:White;
    font-size:11px;
    background:url(Images/bgs.jpg) repeat-x scroll 0 -50px;
    padding:1.5px 5px;    
    margin:0;
    border:solid 1px #07fdf4;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
}

/*Table */
.tbl{
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background:#e5d9eb;
	clear:both;
}
.tbl td, .tbl th{
    empty-cells:show;
}
.tbl thead{
	background:#f2f3f5;	
	background:url(Images/bgs.jpg) repeat-x scroll 0 -69px;
}
.tbl thead th, .tbl thead td{
    padding:1px 4px;
    height:13px;
	font-weight:bold;
	color:white;
	font-size:11px;
}
.tbl thead a{
    color:White;
    text-decoration:none;
    font-weight:normal;
}
.tbl tbody th{
	font-weight:bold;
	background:#f0f0f0;
}
.tbl tbody{
	background:white;
}
.tbl tbody td img{
	border:solid 1px #d6d3d9;
}
.tbl tfoot th,.tbl tfoot td{
    font-weight:bold;
    background:#ededed;
    color:#9117bb;
}


/* Checkout and outhers */
.licence{
    height:98px;
    overflow:auto;
    text-align:left; 
    padding:5px; 
    border-style:inset; 
    border-width:2px; 
    background:white
}

/*Membership */
.mshpLeft{
    float:left;
    clear:left;
    width:180px;    
    padding:0px;
    margin:0px;
    margin-right:10px;
}
.mshpLeft ul{
    border:solid 1px #d6d3d9;
    background:#e5d9eb;
    list-style:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.mshpLeft ul li{
    margin:0px;
    list-style:none;
    padding:2px;
}
.mshpLeft ul li a{
    width:92%;
}
.mshpRight{
    float:left;
    width:550px;
}

/* Checkout Menu */
.chkMenu{
  background:#e5d9eb;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.chkMenu td{
    padding:1px 4px;
    height:13px;
	font-weight:bold;
	color:white;
	font-size:11px;
	text-align:center;
	background:#5a8cc1;
}
.chkMenu td.act{
	background:#00a6e4;    
}