@charset "utf-8";
/*CSS Document by ben king, www.webkingdesign.com*/

/*FF scrollbar/page jump fix*/
html{
min-height:100%;
margin-bottom:1px;
}
html a{
outline:0;
}
/*global text and link styles*/
h1{
color:#61717a;
font-size:24px;
margin: 0px 0px 12px;
text-transform: capitalize;
}
h2{
color:#61717a;
font-size:24px;
margin:0px 0px 12px;
text-transform:capitalize;
}
h3{
color:#61717a;
font-size:18px;
margin:24px 0px 12px;
text-transform:capitalize;
}
h4{
color:#61717a;
font-size:18px;
margin:12px 0px;
text-transform:capitalize;
}
h5{
color:#61717a;
font-size:18px;
margin:0px;
text-transform:capitalize;
}
h6{}
p{
font-size:14px;
color:#151515;
margin:0 0 12px;
}
a{
font-size:14px;
color:#151515;
text-decoration:underline;
}
a:hover{
font-size:14px;
color:#99cc66;
text-decoration:underline;
}
/*image styles*/
img{
border:none;
}
/*main layout styles*/
body{
background:#f1f0f9 url(../images/bg2.png) repeat-x center top;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#swrap{
width:990px;
margin-left:auto;
margin-right:auto;
height:auto;
}
#container{
width:990px;
float:left;
height:auto;
}
.wrap-l{float:left;}
.wrap-r{float:right;}
.paddtop10{padding-top:10px;}
.padbott10{padding-bottom:10px;}
.paddtop20{padding-top:20px;}
.padbott20{padding-bottom:20px;}
.padtop40{padding-top:40px;}
.padbott40{padding-bottom:40px;}
.wrap-inner{
float:left;
width:990px;
}
#header{
width:990px;
height:253px;
float:left;
}
#cloudcart{
width:235px;
float:right;
height:70px;
overflow:hidden;
padding: /*top*/33px /*right*/0px /*bottom*/22px /*left*/10px;
}
#cloudtitle{
font-weight:bold;
font-style:italic;
padding: 0px;
}

/*============== menu start =================*/
div.menu{
	padding:0px 0px 0px 240px;
	margin:0px;
	width: 750px;
	height:94px;
	float:left;
}
div.menu ul {
padding:0;
margin:0;
list-style: none;
outline:0;
}
div.menu ul li {
float:left;
margin:0;
padding:0 6px 0 0;
outline:0;
}
div.menu li {
width:auto;
outline:0;
}
div.menu li a img {
border: none;
outline:0;
}
div.menu li a:hover img {
border: none;
outline:0;
}
/* Holly Hack for IE \*/
* html div.menu ul li { height:1%; }
* html div.menu ul li a { height:1%; }
/*=========================== menu end=======================*/

#content{
width:932px;
float:left;
padding:0px 29px 40px;
background: #FFF;
}
#content2{
width:932px;
float:left;
padding:29px 29px 40px;
background: #FFF;
}
#content3{
width:990px;
float:left;
padding:0px 0px 50px;
background: #E8E8FF;
}
.content-half-r{
width:446px;
float:left;
padding-left:10px;
}
#content ul {
padding:0;
margin:0;
list-style: none;
}
#content li{
background:url(../images/li.png) no-repeat left;
padding-left:25px;
line-height:21px;
}
#footer{
width:100%;
height:auto;
float:left;
background:#007f00;
padding: 20px 0px;
}
#footercontent{
width:990px;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
}
#latest50{
position:absolute;
background:url(../images/latest502.png);
top:-70px;
left:-35px;
height:94px;
width:330px;
}
.latestlist{
width:188px;
float:left;
padding-right:10px;
overflow: hidden;
}
#footercontent ul {
padding:0;
margin:0;
list-style: none;
}
#footercontent li{
background:url(../images/li.png) no-repeat left top;
padding-left:25px;
line-height:21px;
}
#footercontent li a{
color:#f3f3f3;
}
#footercontent li a:hover{
color:#999;
}
#siteby{
width:100%;
float:left;
text-align:center;
padding-top: 20px;
padding-bottom: 20px;
}
/*======== image slider ========*/
.slider-wrap{
width:466px;
float:left;
padding: 0px 10px 10px 0px;
margin: 0px 0px 20px;
}
.slidertitle{
padding-left:29px;
}
.slidertab{
float:left;
width:29px;
height:160px;
padding-top: 90px;
}
.imagemain{
width:378px;
background:#E5E5E5;
border:1px solid #DADADA;
height:228px;
padding:10px;
float:left;
}
#box2{
position:absolute;
left:0px;
top:0px;
}
#box2 span{
display:block;
float:left;
width:378px;
background-color:#FFFFFF;
}
.mask2{
position:relative;
width:378px;
height:228px;
overflow:hidden;
}
span img{
display:block;
border:none;
}
.SliderHoverCursor{
cursor:pointer;
}
#playstop{
width:436px;
padding-left:29px;
float:left;
}
#ratingwrap{
width:437px;
float:left;
padding: 10px 0px 0px 29px;
}
/*========= products pages and checkout =============*/
#productdetailwrap{
width:932px;
float:left;
padding:0px;
}
.wrap-inner-boxed{
float:left;
width:872px;
padding:20px 29px 0px;
border:1px solid #DBDBDB;
background:#ECECFF;
margin:0px 0px 20px;
}
.wrap-inner-boxed ul {
margin:0;
list-style: none;
padding: 0px 0px 20px;
}
.wrap-inner-boxed li{
background:url(../images/li.png) no-repeat left top;
padding-left:25px;
line-height:21px;
}
.priceBig{
font-size:1.9em;
font-style:normal;
color: #98AC13;
font-weight: bold;
padding: 0px 0px 0px 28px;
background: url(../images/dollar.png) no-repeat left;
}
.wrap-inner-boxed-inner{
width:872px;
float:left;
padding:20px 0px;
}
.innerbox-backtotop{
width:872px;
float:left;
padding:0px;
height: 40px;
}
/*=============== shopping cart =================*/
.cartTitle{
font-weight:bold;
background: #EAF4FF;
border-top: dotted 1px #ccc;
}
.cartTitle span{
position:relative;
top:3px;
}
.cartItem{
float:left;
width:285px;
border-right:dotted 1px #ccc;
border-left:dotted 1px #ccc;
border-bottom:dotted 1px #ccc;
padding:13px 10px 10px;
height: 19px;
} 
.cartItem:hover{
background:#FFF;
}
.cartqty{
float:left;
width:50px;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
padding:10px;
height: 22px;
overflow: hidden;
} 
.cartqty:hover{
background:#FFF;
}
.cartShipping{
float:left;
width:100px;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
padding:13px 10px 10px;
height: 19px;
} 
.cartShipping:hover{
background:#FFF;
}
.cartColor{
float:left;
width:150px;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
padding:10px;
height: 22px;
overflow: hidden;
} 
.cartColor:hover{
background:#FFF;
}
.cartPrice{
float:left;
width:100px;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
padding:13px 10px 10px;
height: 19px;
} 
.cartPrice:hover{
background:#FFF;
}
.cartX{
float:left;
width:60px;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
padding:10px;
text-align: center;
height: 22px;
} 
.cartX:hover{
background:#FFF;
}
.cartTotal{
	float:right;
	width:181px;
	border-right: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	border-left: dotted 1px #ccc;
	border-top:none;
	padding:10px;
	background: #EAF4FF;
}
.cartTotalPrice{
font-weight:bold;
font-size:24px;
color: #98AC13;
}
.cartTotal2{
float:left;
width: auto;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
border-left: dotted 1px #ccc;
border-top:none;
padding:10px;
background:#EAF4FF;
}
.shippingDrop{
width:144px; 
padding:3px;
}
.qtyDrop{
width:44px; 
padding:3px;
}
.ajaxloader{
float:left;
padding:10px;
}
.ajaxloader2{
float:right;
padding:0px;
}
/*============== product category and search =============*/
.categoryhalf{
float:left;
width:545px;
border-right: dotted 1px #CCC;
padding: 0px 0px 20px;
margin: 0px 0px 20px;
}
.searchhalf{
float:left;
width:300px;
padding-left:20px;
}
.productscategorylist1{
float:left;
width:260px;
padding-right:10px;
}
.productscategorylist2{
float:left;
width:260px;
padding-left:10px;
}
/*=============== category product boxes ===============*/
.productbox{
float:left;
width:270px;
height:301px;
background:url(../images/product-box.png) no-repeat left top;
margin: 10px 0px 0px;
padding: 14px 28px 10px 17px;
}
.productboxs-contain{
padding-left:27px;
padding-right:3px;
float:left;
width:960px;
padding-top: 20px;
}
.productbox-imagebox{
background:#f1f0f9;
float:left;
padding:10px;
width:248px;
border:solid 1px #ccc;
height: 172px;
text-align:center;
}
.productbox-inner-wrap{
width:270px;
float:left;
padding: 8px 0px 0px;
}
.productbox-title{
color:#005FB4;
font-size:16px;
margin:0px 0px 10px;
font-weight: bold;
}
/*=============== breadcrumbs ===============*/
.breadcrumbs{
width:960px;
padding:8px 0px 8px 30px;
background:#023002;
float: left;
margin: 0px;
}
.h5{
color:#fff;
font-size:18px;
margin:0px;
padding:4px 35px 5px 15px;
text-transform: capitalize;
display:block;
float:left;
background: #007f00 url(../images/crumb-arrow.png) no-repeat right;
text-decoration: none;
}
a:hover.h5{
color:#fff;
font-size:18px;
text-decoration: none;
background:#99cc66 url(../images/crumb-arrow-hover.png) no-repeat right;
}
.h6{
color:#fff;
font-size:18px;
margin:0px;
padding:4px 15px 5px;
text-transform: capitalize;
display:block;
float:left;
background:#99cc66;
text-decoration:none;
}
/*=============== checkout and contact forms ===============*/
.carthalf{
float:left;
width:436px;
}
.carthalf span{
color:#C00;
}
.fleidbottom{
margin-bottom: 12px;
}
.check{
margin-top:3px;
}
.checkoutbuttons{
float:left;
width:auto;
border: dotted 1px #ccc;
padding:10px;
background: #D2E9FF;
}
.checkoutbuttons:hover{
background:#FFF;
}
.form-field{
width:250px;
font-size:16px;
border: 1px solid #bedbf8;
background:#fff;
padding:4px;
color:#414141;
margin-top:3px;
}
.form-drop{
width:260px;
font-size:16px;
border: 1px solid #bedbf8;
background:#fff;
padding:4px;
color:#414141;
margin-top:3px;
}
.form-message{
width:380px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border: 1px solid #bedbf8;
background:#fff;
height:200px;
padding:4px;
color:#414141;
margin: 3px 0px 5px;
}
.submit{
width:auto;
font-size:16px;
border: 1px solid #9CBAE7;
background:#bedbf8;
padding:4px;
cursor: pointer;
color:#414141;
}
/*====== bank order ========*/
.carthalf2{
float:left;
width:425px;
border-right: dotted 1px #CCC;
padding: 0px 20px 20px 0px;
margin: 0px 0px 20px;
}
.carthalf3{
float:left;
width:406px;
padding-left:20px;
}
/*====== contact ========*/
#email{
background:url(../images/mail.png) no-repeat left;
padding: 5px 0px 5px 45px;
}
#phone{
background:url(../images/phone.png) no-repeat left;
padding: 5px 0px 5px 45px;
}
#chat{
background:url(../images/chat.png) no-repeat left;
padding: 5px 0px 5px 45px;
}
/*============ latest news ==========*/
.newsblock{
float:left;
width:auto;
height:auto;
}

.paging
{
	
	width:958px;
	text-align:right;
	padding-right:30px;
	padding-top:30px;
	color:#CC00CC;
	float:left;
	font-size:16px;
	font-weight:bold;
}

.paging a
{
	color:#00CCFF;
	font-size:16px;
	font-weight:bold;
}

.paging a:hover
{
	color:#CC00CC;
	font-size:16px;
	font-weight:bold;
}
.rating{
width:437px;
float:left;
padding: 10px 0px 0px;
}
.product-thumbs{
padding-right:2px;
padding-top:5px;
}

