/* ~~ This the css file for the Responsive Design of Virtual Gadgets from Ecommerce Templates.
The first section correponds to the maximum width version of 960 pixels ~~ */

body{
    font: 100%/1.5 Georgia, Arial, serif;
    margin: 0 auto;
	color:#000;
	background:url(images/topbg1.jpg) #fff repeat-x;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

a img { 
	border: none;
}

/* ~~ Main heading styling ~~ */
h1 {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	font-size: 1.5em; /* 24px */
	font-family :Arial,sans-serif;
	color:#595959;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; 
}

a:visited {
	color: #6E6C64;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; 
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background:url(images/topbg1.jpg) #fff repeat-x;
	height:213px;
}

/* ~~the logo~~ */
div.logo{
	float:left;
}

/* ~~top links~~ */
div.toplinks{
	float:left;
	padding-left:40px;
	padding-top:20px
}

.topnav { 
	width: auto;  
	list-style-type: none;   
	text-align:center;  
}
	 
.topnav a { 
	display: block; 
	width: auto;  
	padding:0 16px ;  
	color:#4182C4; 
}

.topnav li {  
	float:left;
}
 
.topnav a:link { 
	color:#4182C4;  
	text-decoration:none;   
} 

.topnav a:hover { 
	color:#4182C4; text-decoration: underline;  
}
 
/* ~~top search~~ */
div.topsearch{
	float:right;
	padding-right:20px;
	padding-top:16px;
}

/* ~~ Search properties ~~*/
.sub	{
	color: #fff;
	background: #4890DA;
	padding-bottom:2px;
	height: 24px;
	width: 66px;
	border: 1px solid #999;
	text-align:center;
	border-radius: 8px;
	cursor: pointer;
}

input.search	{
	font-size: 1.1em;
	color: #666;
	background: #fff;
	height: 21px;
	width: 200px;
	border: 1px solid #4890DA;
	border-radius: 8px;
	padding-left:4px;
	vertical-align:bottom;
}

input.sub:hover{
	background:#fff;
	color:#666;
	border: 0px;
}

/* ~~no search results text~~ */
div.nosearchresults{
	width:720px;
	text-align:center;
}

/* ~~top tetx area~~ */	
	div.topblurb{
	padding-top:20px;
	float:right;
	width:400px;
}
	
p.topblurb {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color:#fff;
}

/* banner*/ 
.banner{ 
	padding:10px;
	background:#c8c8c8;
	width:480px;
	height:130px;
	margin:6px;
	border-radius: 8px;
	border: 1px solid #fff;
	background:url(images/wade-right.png) #fff no-repeat;
}

/* center navigation*/ 
.menu1{ 
	width:960px;   
	line-height:45px; 
	background:url(images/menubg.jpg) no-repeat; 
  
}

.nav1 {  
	line-height:45px; 
	list-style-type: none;   
	font-size: 1em;    
} 

.nav1 a { 
	display: block;   
	line-height: 45px; 
	height:45px; 
	padding:0 22px ;  
	color:#fff;     
}

.nav1 li {  
	float:left;  
} 

.nav1 a:link { 
	color:#fff;  
	text-decoration:none;   
} 

.nav1 a:hover { 
	color:#BDD5ED; 
	text-decoration:none;   
} 

.shop_f img{ 
	vertical-align:middle;
	padding-left:20px;/* ~~the width depends on the text links to the left of the cart icon, you may need to adjuct accordingly~~ */
}

a.dark:link {
	color: #FFF;
	text-decoration: none;
}

a.dark:visited {
	color: #FFF;
	text-decoration: none;
}

a.dark:active {
	color: #FFF;
	text-decoration: none;
}

a.dark:hover {
	color: #BDD5ED;
	text-decoration: none;
}

/* ~~right hand section~~ */
.sidebar1 {
	float: right;
	width: 216px;
	background-color:transparent;
	padding: 20px 0;
}

/* ~~main content~~ */
.content {
	padding: 4px;
	width: 730px;
	float: right;
	margin-right:6px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~content on inner pages that require a border~~ */
.content1{
	margin:12px 6px 6px 0px;
	border: 1px solid #dedede;
	border-radius: 8px;
	padding:2px;
}

/* ~~ right hand menu ~~ */
div.rightmenu{
	background:#BDD5ED;
	border: 1px solid #ccc;
	border-radius: 8px;
}

div.menutitle{
	background:url(images/right_title.jpg) no-repeat;
	padding-left:30px;
	font-size: 1.2em;
	height:30px;
	margin:2px;
	color:#fff;
	border-radius: 8px;
}

ul.nav {
	list-style: none; 
	margin-bottom: 15px;
}

ul.nav li {
	border-bottom: 1px solid #fff; 
	margin:4px;
}
	
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 8px;
	display: block; 
	text-decoration: none;
	color: #333;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	color: #fff;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #ccc;
	position: relative;
	clear: both; 
	height:154px;/* ~~ If you add extra content to the footer you will need to increase the height here. ~~ */
}

div.footer1{
	width:960px;
	margin: 0 auto;
}

.foo2{
	float:left;
	width:192px;
	padding: 6px;
	border-right: 1px dotted #666;
	color: #666;
	padding:0 10px 10px 10px;
	line-height:1.7em;
}

.foo3{
	color: #666;
	float:left;
	width:192px;
	padding:0 6px 6px 6px;
	border-right: 1px dotted #666;
	line-height:1.7em;
}

div.copy{
	float:left;
	width:338px;
	padding: 0 0 0 4px;
	border-right: 1px dotted #666;
}

div.fb{
	float:right;
	width:180px;
}

p.foothead{
	font-weight:bold; 
	text-align:left;  
	border-bottom:solid 1px #666;
	margin: 0px;
	color:#369;
	line-height:25px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Home page top ~~ */
div.hometop{
	padding:20px 20px 0 0;
	float:left;
	width:auto;
}

div.hometop1{
	padding:20px 20px 0 0;
	width:220px;
	float:left;
}

/*Home page products*/
div.prod1{
	width:332px;
	float:left;
	border: 1px solid #dedede;
	border-radius: 8px;
	padding:8px;
	margin:4px;
}

div.hprod{
	width:125px;
	float:left;
}

div.prodblurb{
	width:180px;
	float:right;
	color:#666;
}

div.prod2{
	width:332px;
	padding:6px;
	float:right;
	border: 1px solid #dedede;
	border-radius: 8px;
	padding:8px;
	margin:4px;
}

p.prodheadtop{
	font-weight:bold; 
	text-align:left;  
	border-bottom:solid 1px #dedede;
	margin: 0px;
	font-size:1.3em;
	color:#369;
	line-height:25px;
}

p.prodhead{
	font-weight:bold; 
	text-align:left;  
	border-bottom:solid 1px #dedede;
	margin: 0px;
	color:#336699;
	line-height:25px;
}

div.prod3{
	width:332px;
	padding:6px;
	float:left;
	border: 1px solid #dedede;
	border-radius: 8px;
	padding:8px;
	margin:4px;
}
div.prod4{
	width:332px;
	padding:6px;
	float:right;
	border: 1px solid #dedede;
	border-radius: 8px;
	padding:8px;
	margin:4px;
}

p.homeprice{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

/* ~~ Mini cart ~~*/
td.mincart {
	font-size: 0.9em;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding:2px;
}

p.mincart {
	font-size: 0.9em;
	font-family : Arial, Helvetica, sans-serif;
}

table.mincart{
	background-color: #E8F2F7;
	width: 210px;
	border-radius: 10px;
	padding:4px;
}

/*Table backgrounds for cart and search*/
table.cobtbl{
	background-color: #ccc;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
    margin-top:12px;
} 

td.cobhl{
	background-color:#f6f6f6;
	font-weight: bold;
	color:#333;
}

td.cobll{
	background-color: #fff;
	color : #333;
}

/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/
div.prodfilter{
	float:left;
	background-color:#ececec;
	border: 1px dotted #42619a;
	padding:6px;
	font-weight:bold;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:640px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	padding:2px;
	width:348px;
	float:left;
	height:auto;
	margin:2px;
	border:1px solid #C4C4C4;
	background-color:#F6F6F6;
}

div.prodnavigation{
	padding:10px;
	float:left;
	width:500px;
}

div.checkoutbutton{
	width:120px;
	float:right;
}

div.allproddiscounts{
	font-size: 1.1em;
	color:#567CBB;
	width:500px;
	margin-bottom:2px;
	float:left;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{
	padding-top: 6px;
	text-align:center;
}

img.prodimage{
	border: 0px solid #ccc;
}

div.prodname{
	padding:10px;
	font-size: 1.1em;
	text-align:center;
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:#666;
}

div.proddescription{
	font-size: 1em;
	padding-top:4px;
	padding-bottom:6px;
	float:left;
}

div.prodoptions{
	padding:6px;
	width:auto;
	float:left;
	border: 1px solid #ccc;
	background:#fff;
}

select.prodoption{
	font-size: 0.9em;
	width:175px;
	float:right;
	margin:6px;
}

span.prodoption{
	font-size: 1em;
	padding: 2px;
}

div.optiontext{
	padding: 2px;
	font-size: 0.9em;
	min-width: 134px;
	float:left;
	margin:2px;
}

div.option{
	float:left;
	padding: 0px;
}

div.listprice{
	padding: 2px;
	text-align:center;
	width:350px;
	float:left;
}

div.prodprice{
	padding: 4px;
	font-size: 1.1em;
	font-weight:bold;
	text-align:left;
	float:left;
	width:350px;
}

div.prodcurrency{
	padding: 2px;
	text-align:center;
	float:left;
	width:350px;
	font-size: 0.8em;
}

div.addtocart{
	text-align:center;
	padding-top:6px;
	float:left;
	width:350px;
}

.notifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:350px;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {
	background: #BDD5ED;
	color:#333;
	padding:6px;
	text-align:center;
	font-size: 1.1em;
}

div.multioptiontext{
	width:180px;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:10px;
}


/* The product detail page 
-------------------------------------*/
div.detailimage{
	float:left;
	width:200px;
	padding:10px;
} 

.detailid {
	color:#000;
	width:490px;
	padding-bottom:10px;
	font-size: 1em;
}

.detailmanufacturer{
	float:right;
	width:490px;
}

.detailinstock{
	float:right;
	width:494px;
	border-bottom:1px #ccc dotted;
}

.detailname {
	color:#000;
	padding:6px;
	width:390px;
	float:right;
	font-size: 1.2em;
}

.detaildiscounts{

	color:#60A1DE;

	font-weight:bold;

	font-size: 1em;

	float:right;

	width:390px

}



span.detaildiscountsapply{

	color:#60A1DE;

	font-weight:bold;

}



div.detaildescription{
	font-size: 1.2em;
	margin-top:5px;
	float:left;
	padding-left:6px;
	padding-top:4px;
	border:1px #ccc dotted;
}

.detaillistprice{
	text-align:center;
	float:left;
	width:640px;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
	float:left;
	width:640px;
	color:#0075C2;
	padding-top:8px;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.9em;
	text-align:center;
	float:left;
	width:640px;
}


.detailprodoption{
	width:220px;
	float:right;
}

div.detailoptiontext{
     min-width:240px;
	float:left;
	font-size:1.2em;
}

div.detailoptions{
	width:460px;
	padding-left:80px;
	float:left;
}

div.review{
	width:700px;
}

.previousnext{
	padding-top:10px;
	padding-bottom:6px;
	float:left;
	width:640px;
	text-align:center;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:left;
	width:640px;
}

div.detailquantity{
	float:left;
	width:640px;
}

div.detailquantitytext{
	margin:4px;
	float:left;
	width:300px;
	text-align:right;
}

div.detailquantityinput{
	margin:4px;
	float:right;
	width:320px;
	text-align:left;
}

div.detailaddtocart,.detailoutofstock{
	margin:4px;
	float:left;
	width:640px;
	text-align:center;
	border-bottom:1px #ccc dotted;
	padding-bottom:10px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:640px;
}

div.review{
	float:left;
}

div.navdesc{
	padding-top:10px;
}

p.cstitle{
	float:left;
	width:640px;
}

.csproduct{
	float:left;
	width:640px;
}

/* The category page 
-------------------------------------*/
div.category{
	width:620px;
	float:left;
}

div.catimage{
	width:130px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 12px;
}

div.catname{
	margin-top:16px;
	padding-left:12px;
}

.catdiscounts, .allcatdiscounts{
	padding-left:5px;
	font-weight:bold;
	color:#60A1DE;

}

.categorymessage{
	padding-left:5px;
	padding-top:6px;
	font-size: 1.1em;
}

hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #60a1de;
}


/* This is the first breakpoint and is for screen sizes between 750 and 980 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 980px) {

/* ~~top links~~ */
div.toplinks{
	padding-left:6px;
	padding-top:20px
}
	 
.topnav a { 
	padding:0 6px ;  
}

/* ~~main container~~ */
.container {
	width: 750px;
}

/* ~~ Search properties ~~*/
div.topsearch{
	padding-right:4px;
}

.sub{
	width: 64px;
}

input.search	{
	width: 90px;
}

div.nosearchresults{
	width:510px;
}

/* top text*/
p.topblurb {
	padding-left: 38px;
}

h1 {
	padding-left: 38px; 
}

/* banner*/
.banner{ 
	width:520px;
	background:url(images/banner.jpg) #fff repeat-x;
}

/* center menu*/
.menu1{ 
	width:748px;   
	background:url(images/menubg760.jpg) no-repeat; 
}

/* remove right hand cart link and icon*/
.shop_f img{ 
	display:none;
}

span.carttext{
	display:none;
}

/* main content*/
.content {
	width: 520px;
}

.sidebar1 {
	padding: 15px 0;
}

/* remove top image from content*/
div.hometop1{
	display:none;
}

/* the products page*/
div.prod1{
	border-right: 1px #dedede dotted;
	width:478px;
	padding:6px;
}

div.prodblurb{
	width:310px;
}

div.prod2{
	width:478px;
	padding:6px;
	float:left;
}

p.prodheadtop{
	margin: 2px;
	font-size: 1.3em;
}

div.prod3{
	border-right: 1px #dedede dotted;
	width:478px;
	padding:6px;
	float:left;
}
div.prod4{
	width:478px;
	padding:6px;
	float:left;
}

/*footer*/

div.footer1{
	width:750px;
}

/*remove left hand footer section*/
div.copy{
	display:none;
}

/*the products page*/
div.product{
	width:248px;
	height:496px;
}

div.prodoptions{
	width:232px;
}

select.prodoption{
	width:110px;
}

div.optiontext{
	min-width: 92px;
}

div.listprice{
	width:236px;
}

div.prodprice{
	width:236px;
}

div.prodcurrency{
	width:236px;
}

div.addtocart{
	width:236px;
}

.notifystock{
	width:236px;
}

div.prodnavigation{
	width:320px;
}

/*Product detail page*/
div.detailcheckoutbutton{
	width:96px;
}

.detailid {
	float:right;
	width:296px;
}

.detailname {
	float:right;
	width:286px;
}

.detailmanufacturer{
	float:right;
	width:288px;
}

.detaildiscounts{
	float:right;
	width:292px;
}

.detailinstock{
	float:right;
	width:288px;
}

.detaillistprice{
	width:520px;
}

div.detailprice{
	width:520px;
}

div.detailcurrency{
	width:520px;
}

.detailprodoption{
	width:220px;
float:right;
}

div.detailoptiontext{
     min-width:240px;
	float:left;
}

div.detailoptions{
	width:460px;
	padding-left:40px;
	float:left;
}

div.review{
	width:520px;
}
.previousnext{
	width:520px;
}

div.emailfriend{
	width:520px;
}

div.detailquantity{
	width:520px;
}

div.detailquantitytext{
	width:260px;
}

div.detailquantityinput{
	width:240px;
}

div.detailaddtocart,.detailoutofstock{
	width:520px;
}

.detailnotifystock{
	width:520px;
}

div.category{
	width:520px;
}

}


/* This is the second breakpoint and is for screen sizes between 468 and 758 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:758px) {

body{
	background:url(images/topbg480.jpg) #fff repeat-x;
}

.header {
	background:url(images/topbg480.jpg) #fff repeat-x;
	height:140px;
}

p{
	padding-left:12px;
}

/* ~~top links~~ */
div.toplinks{
	padding-left:0px;
	padding-top:0px
}
	 
/* ~~content~~ */
.container {
	width: 468px;
}

/* ~~ Search properties ~~*/
div.topsearch{
	float:left;
	padding-right:10px;
	padding-left:6px;
}

input.search	{
	width: 210px;
}

div.nosearchresults{
width:460px;
}

/* ~~remove elements~~ */
.banner{ 
	display:none;
}

.menu1{ 
	display:none; 
}

.shop_f img{ 
	display:none;
}

span.carttext{
	display:none;
}

.sidebar1 {
	display:none
}

div.hometop1{
	display:none;
}

p.topblurb {
	display:none;
}

h1 {
	display:none;
}

/* ~~main content~~ */
.content {
	padding: 2px;
	width: 468px;
}

/*Home page products*/
div.hometop{
	width:408px;
}

div.prod1{
	border-right: 1px #dedede dotted;
	width:408px;
	padding:6px;
}

div.prodblurb{
	width:270px;
}

div.prod2{
	width:408px;
	padding:6px;
	float:left;
}

p.prodheadtop{
	margin: 2px;
	font-size: 1.3em;
}

div.prod3{
	border-right: 1px #dedede dotted;
	width:408px;
	padding:6px;
	float:left;
}
div.prod4{
	width:408px;
	padding:6px;
	float:left;
}

/*the footer*/
div.footer1{
	width:468px;
}

/*tables for cart and search*/
table.cobtbl{
	font-size: 0.8em;
    margin-left:8px;
    margin-bottom:12px;
} 

/*remove footer elements*/
div.fb{
	display:none;
}

div.copy{
	display:none;
}

/*the product page*/
div.prodfilter{
	display:none;
}

div.product{
	width:340px;
	height:auto;
	margin-left:14px;
}

div.prodnavigation{
	width:340px;
	padding-left:14px;
}

div.checkoutbutton{
	width:340px;
	float:left;
	padding-left:12px;
}

div.allproddiscounts{
	width:340px;
	padding-left:14px;
}

div.prodoptions{
	width:325px;
}

select.prodoption{
	width:130px;
}

div.optiontext{
	min-width: 175px;
}

div.listprice{
	width:340px;
}

div.prodprice{
	width:340px;
}

div.prodcurrency{
	width:340px;
}

div.addtocart{
	width:340px;
}

div.pagenums{
	width:340px;
}

.notifystock{
	width:340px;
}

/*the detail page*/
div.detailimage{
	width:460px;
	margin-left:6px;
}

.detaillistprice{
	width:420px;
}

.detailid {
	width:426px;
}

.detailmanufacturer{
	width:420px;
}

.detailinstock{
	width:420px;
}

.detailname {
	width:420px;
}

.detaildiscounts{
	width:420px
}

div.detailprice{
	width:420px;
}

div.detailcurrency{
	width:420px;
}

.detailprodoption{
	width:220px;
	float:right;
}

div.detailoptiontext{
     min-width:240px;
	float:left;
}

div.detailoptions{
	width:460px;
	padding-left:10px;
	float:left;
}

div.review{
	width:400px;
	margin-left:16px;
}

div.detaildescription{
	width:420px;
}

.previousnext{
	width:420px;
}

div.emailfriend{
	width:420px;
}

div.detailquantity{
	width:400px;
}

div.detailquantitytext{
	width:180px;
}

div.detailquantityinput{
	width:200px;
}

div.detailaddtocart,.detailoutofstock{
	width:420px;
}

.detailnotifystock{
	width:420px;
}

div.category{
	width:420px;
}

}


/* This is the third breakpoint and is for smartphones. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:400px) {

body{
	background:url(images/topbg480.jpg) #fff repeat-x;
}

.header {
	background:url(images/topbg480.jpg) #fff repeat-x;
	height:140px;
}

/* ~~top links~~ */
.topnav a { 
	padding:0 5px ;  
}

/* ~~ Content ~~*/
.container {
	width: 308px;
}

/* ~~ Search properties ~~*/
div.topsearch{
	padding-right:10px;
	padding-top:16px;
	padding-left:6px;
}

input.search	{
	width: 210px;
}

div.nosearchresults{
	width:300px;
}

/* ~~ Remove elements ~~*/

.banner{ 
	display:none;
}

.menu1{ 
	display:none;
}

.shop_f img{ 
	display:none;
}

span.carttext{
	display:none;
}

.sidebar1 {
	display:none
}

div.hometop1{
	display:none;
}

p.topblurb {
	display:none;
}

h1 {
	display:none;
}

/* ~~ Remove left hand cart column ~~*/
.cobcol1{
	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

/* ~~ Content ~~*/
.content {
	width: 308px;
}


/*Home page products*/
div.hometop{
	width:300px;
}	

div.prod1{
	width:290px;
	padding:6px;
	float:left;
}


div.prodblurb{
	width:164px;
}

div.prod2{
	width:290px;
	padding:6px;
	float:left;
}

div.prod3{
	width:290px;
	padding:6px;
	float:left;
}
div.prod4{
	width:290px;
	padding:6px;
	float:left;
}

/*the footer*/
div.footer1{
	width:300px;
}

div.fb{
	display:none;
}

div.copy{
	display:none;
}

.foo2{
	width:128px;
	padding:0 2px 4px 4px;
}

.foo3{
	width:142px;
	padding:0 2px 2px 6px;
	border:none;
}

p.foothead{
	padding:0px;
}

/*the product page*/
div.prodfilter{
	display:none;
}

div.prodnavigation{
	width:190px;
}

div.checkoutbutton{
	width:290px;
	float:left;
	margin-left:6px;
}

div.allproddiscounts{
	font-size: 1em;
	width:290px;
	margin-left:4px;
}

div.product{
	width:308px;
	height:auto;
	margin-left:4px;
}

div.prodnavigation{
	width:290px;
	padding-left:14px;
}

div.prodoptions{
	width:292px;
}

select.prodoption{
	width:130px;
}

div.optiontext{
	min-width: 142px;
}

div.listprice{
	width:236px;
}

div.prodprice{
	width:292px;
}

div.prodcurrency{
	width:292px;
}

div.addtocart{
	width:292px;
}

.notifystock{
	width:292px;
}

div.pagenums{
	width:292px;
	padding:2px;
}

/*the detail page*/
div.detailimage{
	width:292px;
	padding:6px;
	float:left;
}

.detailid {
	width:292px;
	float:left;
	margin-left:10px;
}

.detailmanufacturer{
	width:292px;
}

.detailinstock{
	width:292px;
}

.detailname {
	width:292px;
}

.detaildiscounts{
	width:292px
}

.detaillistprice{
	width:292px;
}

div.detailprice{
	width:292px;
}

div.detailcurrency{
	width:292px;
}

div.detailoptions{
	width:280px;
	padding-left:6px;
}

.detailoptiontext{
	width:140px;
}

select.detailprodoption{
	width:118px;
}

div.review{
	width:278px;
	margin-left:6px;
}
.previousnext{
	width:292px;
}

div.emailfriend{
	display:none;
}

div.detailquantity{
	width:192px;
}

div.detailquantitytext{
	width:120px;
}

div.detailquantityinput{
	width:40px;
}
div.detaildescription{
	width:292px;
}

div.detailaddtocart,.detailoutofstock{
	width:292px;
}

.detailnotifystock{
	width:292px;
}

p.cstitle{
	float:left;
	width:292px;}

.csproduct{
	float:left;
	width:292px;}

/*the category page*/
div.category{
	width:292px;
}

}