/* CSS Document */
/*The folllowing control the main non-unique page elements*/

h1{
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: ariel, helvetica, serif;
	padding: 7px 10px 10px 10px;
}

h2{
	font-size:150%;
	margin: 5px 0px;
}
h3{
	font-size:100%;
	padding: 10px;
}
h4{
	font-size:120%;
}

h5 {
font-size: 1.4em;
padding: 10px 0px;
}

h6 {
font-size: 1.2em;
padding: 5px 0px;
}

p, ol, ul {
	text-align : left;
	line-height: 130%;
}
a {
	color: orange;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color: black;
	background-color: #C58DCE;
}
/*The following declaration is required to fix IEs "peekaboo" bug when using floats.
If you don't use floats in your design you can remove it*/
h1, h2, h3, h4, h5, h6, p {
	position: relative;
}

ul {
list-style-image:none;
list-style-type:none;
}


/*elements delaing with the listing of products on department pages*/
.deptdesc{
color: gray;
padding: 10px 25px 15px 25px;
}

.deptdesc h1{
padding: 0px 0px 10px 0px;
font-size: 1.8em;
}

.deptdesc p {
margin: 0px;
font-size: 1.1em;

}
.deptprodlist{
	width : 100%;
	text-align : left;
}
.deptprodlist .image{
	width : 10%;
	padding : 5px;
	vertical-align : top;
}
.deptprodlist .desc{
	width : 90%;
	padding : 5px;
	vertical-align : top;
}
.deptprodlist h2{
	margin : 0px;
	padding : 0px;
}
.deptprodlist hr{
	height : 1px;
	color : #c0c0c0;
}
#deptprodlist  input{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}
#deptprodlist select{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
	padding : 2px;
	font-size : 85%;
}
.prodsection {
border-bottom: 1px solid lightblue;
margin-bottom: 10px;
padding-bottom: 10px;
}

.prodlistimg{
	border : 0px;
}
.deptlogo{
	border : 1px solid #666666;
}
#content .deptpage{
	font-size:85%;
	margin-top:3px;
	margin-bottom : 5px;
	color : #666666;
}
#content .deptpage ul{
	margin : 0;
}
#content .deptpage li{
	display : inline;

}
#content .deptpage a{
	color : #666666;
}
/*product details*/
.listprice{
	font-weight : normal;
}
.offerprice{
	font-weight : bold;
	color : #ff0000;
}
.proddetail{
	float : left;
	width : 100%;
}

#showvar {
border: 1px magenta dotted;
margin: 10px 0px;
padding: 10px;
}

.variantdisplay{
	padding: 10px;
}
.variantdisplay p{
	font-weight : bold;
	margin: 0px;
	padding: 0px 0px;
	font-size: 1.2em;
}
.variantdisplay select{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	font-size : 85%;
}
.packagedisplay{
	float : left;
	width : 90%;
	border : 1px solid #c0c0c0;
	margin-bottom : 5px;
}
.packagedisplay p{
	font-weight : bold;
}
.packagedisplay table{
	width : auto;
}
.packagedisplay table tr{
	border-top : 1px #c0c0c0 solid;
}
.packagedisplay table  tr td{
	width : 100px;
}
.qtydiscounts{
	float : left;
	width : 90%;
	margin-bottom : 5px;
}
.prodquestions{
	float : left;
	width : 90%;
	margin-bottom : 5px;
}
.prodquestions textarea{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	width : 300px;
	height : 45px;
}
button.buttons {
width: 150px;
background-color: gold;
border: 1px gold solid;
padding: 5px;
cursor: pointer;
font-size: 1em;
color: black;
margin-top: 5px;
}

button.buttons2 {
width: 200px;
background-color: gold;
border: 1px gold solid;
padding: 5px;
cursor: pointer;
font-size: 1em;
color: black;
margin-left: 160px;
}

button.buttonspay {
width: 300px;
background-color: gold;
border: 1px gold solid;
padding: 5px;
cursor: pointer;
font-size: 1em;
color: black;
margin: 3px 0px;
}
input{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
	cursor: default;
	padding: 2px;

}

a.radio  {
background: white;
padding: 5px;
margin: 0px auto;
color: black;
text-decoration: none;
border-bottom: 1px solid gold;
border-top: 1px solid white;
display: block;
width: 50%;
}

input.radio {
padding: 2px;
}
 input#addbutton, input#checkout, input#addbutton:visited {
background: gold;
border: 1px gold solid;
padding: 5px;
cursor: pointer;
}

a.radio:hover {
text-decoration: none;
background-color: gold;
border-bottom: 1px solid gold;
border-top: 1px solid gold;
}


div.buynow #addbutton:hover, #checkout:hover, #addbutton:active, button.buttons:hover, button.buttons2:hover, button.buttonspay:hover {
border: 1px solid black;
}

input.direction {
background: gold;
border: 1px gold solid;
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
font-size: 1.2em;
}
#pay{
margin: 0px auto;
padding: 5px;
text-align: center;
}
/*display of the cart display during checkout*/
#cartdisplay{
	width : 95%;
}
#cartdisplay table{
background-color : #c0c0c0;
}
#cartdisplay td {
padding: 7px;
}
#cartdisplay .header{
	background-color : #efefef;
	text-align : center;
	font-weight : bold;
}
#cartdisplay .row{
	background-color : #ffffff;
}
#cartdisplay .altrow{
	background-color : #efefef;
}
#cartdisplay form input{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	cursor: pointer;
}
#cartcoupon{
	margin-top : 10px;
}
#cartcoupon form input{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}
#cartcoupon .couponerror{
	color : #ff0000;
	font-weight : bold;
}

/*style and layout of invoice and delievry address page*/
#invoiceaddress{
	width : 90%;
	border-bottom : 1px solid #c0c0c0;
	padding: 10px 20px;
}
#invoiceaddress input, #invoiceaddress select{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}
#invoiceaddress table{
	width : auto;
}
#invoiceaddress table th{
	font-weight : bold;
	text-align : center;
	border-bottom : 1px solid #c0c0c0;
}

#invoiceaddress td, #deliveryaddress td {
padding: 2px 0px;
}
#deliveryaddress{
	width : 90%;
	border-bottom : 1px solid #c0c0c0;
	padding: 10px 20px;
}
#deliveryaddress input, #deliveryaddress select{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}
#deliveryaddress table{
	width : auto;
}
#deliveryaddress table th{
	font-weight : bold;
	text-align : center;
	border-bottom : 1px solid #c0c0c0;
	padding: 10px;
}
#deliveryinstructions{
	width : 90%;
	border-bottom : 1px solid #c0c0c0;
	padding: 10px 20px;
}
#deliveryinstructions textarea{
	width : 300px;
	height : 20px;
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	text-align : left;
	margin-bottom : 5px;
	padding: 5px;
}
#paymenttype {
width : 90%;
	padding: 10px 20px;
}
#paymenttype p {

}
#centre {
float:right;}

/*classes used in the customer account area*/
.accountnav{
	margin-bottom : 10px;
	margin-top : 10px;
	width : 90%;
}
/*class and styles used in unspecified forms*/
.frmreq{
	color : #ff0000;
	font-weight : bold;
}
select{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}

textarea{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}
/*classes used in unspecified tables*/
.tableclass{
	width : 90%;

	margin-top: 20px;
}

.tableclass td {
padding: 5px 0px;
margin: 0px auto;
width: 150px;
}
.tableheader{
	background-color : #efefef;
	font-weight : bold;
	text-align : center;
}
.tablerow{
	background-color : #ffffff;
}
.tablealtrow{
	background-color : #efefef;
}
/*error message display*/
#content .errmsg{
	width : 90%;
	color : #ff0000;
	padding : 0px 5px;
}
/*FAQ page styles*/
#faqcontent{
	
}

/*newsletter signup styling*/
#col1 .newsletter{
	padding-left : 5px;
}
#col1 .newsletter form{
	margin : 3px;
	padding : 0px;
}
/*currency drop down styling*/
#col1 .currency{
	padding-left : 5px;
}
#col1 .currency form{
	margin : 3px;
	padding : 0px;
}
/*CMS styling*/
.cmscatlogo{
	border : 1px solid #666666;
}
.cmsartlist{
	padding: 10px 20px;
}
/*Various styles associated with the product display tabs*/

.shadetabs{
padding: 3px 0px 3px 10px;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 6px;
border: 1px solid #C58DCE;
color: #2d2b2b;
background-color: #C58DCE;
}

.shadetabs li a:hover {
text-decoration: underline;
}
.shadetabs li a:visited{
color: #2d2b2b;
}


.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color: white;
border-top: 1px solid #C58DCE;
border-left: 1px solid #C58DCE;
border-right: 1px solid #C58DCE;
border-bottom: 1px solid white;
}

.shadetabs li a.selected{ /*selected main tab style */
border-bottom-color: #ffffff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontentholder{
border:0px; 
width:95%; 
margin-bottom: 1em; 
padding: 0px 10px;
}
.tabcontent{
display:none;
}
div#desc.tabcontent, div#summary.tabcontent, div#specification.tabcontent {
border-top: 0px;
border-right: 1px solid #C58DCE;
border-left: 1px solid #C58DCE;
border-bottom: 1px solid #C58DCE;
padding: 10px;
}

div#desc.tabcontent {
background-image: url(../skinimages/underline.gif);
	background-repeat: no-repeat;
	background-position: 85px 0px;
	}
	
div#summary.tabcontent{
background-image: url(../skinimages/underline.gif);
	background-repeat: no-repeat;
	background-position: -42px 0px;
	}
	
div#specification.tabcontent {
background-image: url(../skinimages/underline.gif);
	background-repeat: no-repeat;
	background-position: 260px 0px;
	}
	
	
div#qanda.tabcontent {padding: 10px;}
#qanda.tabcontent p {padding: 10px;}

#reviews.tabcontent p {padding: 10px;}

p.small {font-size: 0.9em; padding-left: 10px;  margin: 0px; color:gray;}

.newsbutton {font-size: 1em; margin: 3px; padding: 2px 0px;}

.pagecontent input {margin: 0px 0px 3px 10px; padding: 3px;}

.currency select {
padding: 1px;
font-size: 0.9em;}

.toread {
padding: 0px 40px 0px 25px;
}

.toread p{
line-height: 130%;
margin: 0px;
padding-bottom: 18px;
}

.linkbutton {
	background: transparent;
	border: 0px;
	color: white;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	cursor: pointer;
}
.linkbutton:hover {
border-bottom: 1px solid white;
}
*:first-child+html .linkbutton:hover {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .linkbutton:hover {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

.benefits li {
background: transparent url(../skinimages/tick.gif) no-repeat 2px center;
margin: 0px 0px 10px 10px;
padding-left: 20px;
}

.star li {
background: transparent url(../skinimages/star.gif) no-repeat;
margin: 0px 0px 10px 13px;
padding-left: 19px;
}

.instruct li {
background: transparent url(../skinimages/smarrow.gif) no-repeat;
margin: 0px 0px 10px 13px;
padding-left: 19px;
}

.extrause li {
background: transparent url(../skinimages/extra.gif) no-repeat;
margin: 0px 0px 10px 15px;
padding-left: 15px;
}

ul.steps  {
padding-top:10px;
}

.steps li { background: transparent url(../skinimages/smarrow.gif) no-repeat;}

#contactform td {
padding:5px;
}

.cmsing {
padding: 0px 0px 10px;
}
input.direction {
background: gold;
border: 1px gold solid;
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
font-size: 1.2em;
}

#paypal a, #paypal a:hover {
border: 0px;
background-color: transparent;
padding: 0px;
margin: auto 0px;
}

.click{
font-size: 0.8em;
margin:0px 42px;
}

.text {
filter:Alpha(opacity=0);
opacity:0;
zoom:1;
margin: 0px;
}

#featuredproducts table {
margin: 0px auto;
}

.simplicity {
background: transparent url(../skinimages/natural-simplicity.jpg) no-repeat;
}

.you {
background: transparent url(../skinimages/for-you.jpg) no-repeat;
}

#cartpng h1 {margin: 15px; padding: 15px;}

td.space {
padding: 5px 0px; 
font-size: 1.2em;
}

p.red { font-size: 1.2em; color: red; font-weight: bold;}

a.small, a:hover.small {color:gray;
font-size:0.85em;
text-decoration:underline;
background: none;}


input.looklink {
background-color: none;
border:0;
color:gray;
text-decoration:underline;
font-size:.85em;
font-family:inherit;
display:block;
cursor:pointer;
padding:3px;
}