/* ~~ 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/topbg.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:#fff;
}

/* ~~ 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;
}

/* ~~ Styling for the store generated links. ~~ */
a.ectlink:link {
	color: #618DBC;
	text-decoration: none; 
}

a.ectlink:visited {
	color: #618DBC;
	text-decoration: none;
}

a.ectlink:hover, a:active, a:focus { 
	text-decoration: underline;
}

/* ~~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/topbg.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.tpsearch	{
	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:490px;
	height:150px;
	margin:6px;
	border-radius: 8px;
	border: 1px solid #fff;
	background:url(images/banner.jpg) #fff repeat-x;
}

/* 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:80px;/* ~~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: 60px 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:470px;
}

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;
}

/*Shopping cart*/
table.cobtbl{
	background-color: #fff;
	border-bottom:1px solid #ccc;
font-size:0.9em;
} 

td.cobhdr{
	background-color:#bbb;
	font-size:0.9em;
	color:#fff;
	text-transform:uppercase;
}

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

div.tofreeshipping{
border-top:1px solid #ccc;
color:#386BA0 !important;
}

td.cobll input,  textarea, select{
border: 1px solid #999;
  border-radius:2px;
padding:4px;
}

.cartdiscounts, .cartdiscountsamnt{
color:#386BA0 !important;
}


td.cobll input[type="image"]{
border:none;
}

td.cobll input[type="radio"]{
border:none;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

div.logintoaccount{
	text-align:left !important;
}

span.willpickup{
font-size:1em !important;
}

/*Thanks page*/
td.receiptoption{font-size:0.9em;}
td.receiptoption strong{font-weight:500;}
td.receipthl strong{font-weight:500;}
td.receiptheading{background:#F6F6F6;font-size:1.1em;color: #3D79B7;font-weight:normal !important;border-bottom: 1px solid #3D79B7;border-top: 1px solid #3D79B7;}
td.receiptheading strong{font-weight:500;}
hr.receipthr{display:none;}

/* ~~ Store buttons ~~*/
input.login, input.sccheckout, input.logintoaccount, input.search	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
	background: #4890DA;
	border: 1px solid #999;
	border-radius: 4px;
	cursor: pointer;
}

input.login:hover, input.sccheckout:hover, input.logintoaccount:hover, input.search:hover{
	background:#fff;
	color:#666;
}

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

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

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

div.product{
	padding:6px;
	width:31%;
	float:left;
	height:180px;
	margin:2px;
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#eee;
	border-bottom: 1px solid #ccc;
        margin-top:12px;
}

div.prodimage{
	padding: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
}

div.prodimage:hover{
	background-color:#fff;
	border: 1px solid #407EBB;
	box-shadow: 5px 5px 2px #ccc;
}


div.prodname{
	padding-top:6px;
	font-size: 1em;
}


div.prodprice{
	font-size: 1em;
	float:left;
	width:98%;
	color:#666;
	margin-top:-12px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.7em;
	color:#666;
}

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

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:97%;
        margin-bottom:12px;
}

div.detailimage{
	width:190px;
	padding:10px;
	float:left;
} 


div.detailid {
	color:#666;
	width:69%;
	font-size: 0.9em;
	float:left;
}

div.detailname {
	font-size: 1.2em;
	float:right;
	width:71%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	margin-left:36px;
        color:#628EBD;
        font-size:0.8em;
}

div.detaildiscounts{
	width:71%;
	color:#628EBD;
	float:left;
        font-size:0.8em;
}

div.detailmanufacturer{
	float:left;
	width:68%;
	margin:0px;
	padding:0px;
        color:#666;
        font-size:0.9em;
}

div.detailsku{
	float:left;
	width:68%;
	margin:10px;
        color:#666;
}

div.detailinstock{
	float:right;
	width:71%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px 0px;
	padding-top:4px;
	line-height:1.8em;
	float:right;
	width:71%;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:96%;
	color:#333;
	margin-left:10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:96%;
	padding:6px 0px;
	color:#DA6A1E;
	margin-left:10px;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.7em;
	float:left;
	width:96%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:89%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:50%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
        padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:32%;
	float:left;
	clear:both;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

div.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

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

div.detailquantitytext{
	margin-top:18px;
	float:left;
	width:45%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:45%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:left;
	margin-top:10px;
}

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

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

/* The category page 
-------------------------------------*/
div.category{
	width:43%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
        padding:10px;
	border:1px solid #ccc;
	background-color:#fefefe;
	margin:0px 0px 16px 16px;
	height:110px;
}

div.category:hover{
	background-color:#fff;
	border: 1px solid #407EBB;
	box-shadow: 5px 5px 2px #ccc;
}

div.catnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:1em;
	background-color:#eee;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:34%;
	float:left;
}

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

div.catname{
	padding-left:4px;
        font-size:1.2em;
}

.catdiscounts, .allcatdiscounts{
	padding-left:10px;
	font-weight:normal;
	color:#3B76B0;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:6px;
	font-size: 1.3em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}

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.tpsearch	{
	width: 90px;
}

div.nosearchresults{
	width:510px;
}

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

h1 {
	padding-left: 38px; 
}

/* banner*/
.banner{ 
	width:356px;
	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:46%;
}

/* The product detail page 
-------------------------------------*/
div.detailid {
	float:right;
        width:58%;
}

div.detailmanufacturer {
	float:right;
        width:58%;
}

div.detailname {
	float:right;
        width:58%;
}

.detaildiscountsapply{
        display:none; /*Removes Discounts Apply text*/
}

div.detaildiscounts{
        float:right;
        width:58%;
}

div.detaildescription{
       float:left;
       width:96%;
       margin:0px  0px 10px 10px;
}

div.category{
	width:90%;
}

}


/* 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.tpsearch	{
	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.prodnavigation{
	width:95%;
}

/* The product detail page 
-------------------------------------*/
div.detailid {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detailmanufacturer {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detailname {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detaildiscounts{
	float:left;
        width:96%;
        margin-left:10px;
}

}


/* 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;
  margin-left:6px;
}

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

input.tpsearch	{
	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.product{
	width:92%;
margin-left:8px;
}


/*the detail page*/

div.detailprodnavigation{
	width:96%;
}

div.detailoptions{
width:96%;
}

select.detailprodoption{
width:58%;
}


div.detailquantityinput{
	height:30px;
}

div.detailmultioptiontext{
	width:40%;
}

div.emailfriend{
	display:none;
}



}