/* CSS Document */

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

h1{
	font-size:140%;
	margin-bottom: 20px;
}
h2{
	font-size:120%;
}
h3{
	font-size:110%;
}
h4{
	font-size:100%;
}
p{
	text-align : left;
}

a {
	text-decoration:underline;
	color: #330066;
}
a:hover{
	text-decoration:none;
}

img {
	border: none;
}
 
/*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;
}
/*elements delaing with the listing of products on department pages*/
.deptdesc img {
	margin-right: 10px;
}
.deptprodlist{
	width : 130px;
	text-align : left;
}
.deptprodlist .image{
	width : 10%;
	padding : 5px;
	vertical-align : top;
}
.deptprodlist .desc{
	width : 90%;
	padding : 5px;
	vertical-align : top;
}
.deptprodlist h2{
	margin-bottom: 10px;
		margin-top: 5px;
	padding : 0px;
}
.deptprodlist hr{
	height : 1px;
}
#deptprodlist  input{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}
#deptprodlist select{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
	padding : 2px;
	font-size : 85%;
}
.prodlistimg{
	margin-right: 10px;
	background: url(../skinimages/thumbbgdsmall.gif) no-repeat center top;
}
.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%;
}
.variantdisplay{
	float : left;
	width : auto;
	margin-bottom: 10px;
}
.variantdisplay p{
	font-weight : bold;
}
.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;
}
.buynow{
	width : 95%;
}
.buynow input{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}
/*bask preview classes*/
#basketarea h3 {
padding-left: 33px;	
}

.basketpreview{
	color: #000066;
	font-size:12px;
	font-weight : normal;
	margin-top: 5px;
	padding-left: 30px;
	width: 155px;
}
.basketpreview a{
	color: #000066;
	text-decoration : underline;
}
.bastktpreview a:hover{
	text-decoration : none;
}
/*display of the cart display during checkout*/
#cartdisplay{
	width : 95%;
}
#cartdisplay table{
background-color : #ffffff;
}
#cartdisplay .header{
	text-align : center;
	font-weight : bold;
}
#cartdisplay .row{
}
#cartdisplay .altrow{
}
#cartdisplay form input{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}
#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 : 95%;
	border-bottom : 1px solid #c0c0c0;
}
#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;
}
#deliveryaddress{
	width : 95%;
	border-bottom : 1px solid #c0c0c0;
}
#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;
}
#deliveryinstructions{
	width : auto;
	border-bottom : 1px solid #c0c0c0;
}
#deliveryinstructions textarea{
	width : 250px;
	height : 50px;
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	text-align : left;
	margin-bottom : 5px;
}
/*classes used in the customer account area*/
.accountnav{
	margin-bottom : 10px;
	margin-top : 10px;
	width : 95%;
}
/*class and styles used in unspecified forms*/
.frmreq{
	color : #ff0000;
	font-weight : bold;
}
select{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}
input{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}
textarea{
	border : 1px #c0c0c0 solid;
	background-color : #efefef;
}
/*classes used in unspecified tables*/
.tableclass{
	width : 95%;
	border-style: none;
}
.tableheader{
	font-weight : bold;
	text-align : center;
	background-color: #fff;
	border-style: none;
}
.tablerow{
	background-color: #fff;
	border-style: none;
}
.tablealtrow{
	background-color : #efefef;
	border-style: none;
}
.row{
}
/*error message display*/
#content .errmsg{
	width : 95%;
	border : 1px #ff0000 solid;
	background-color : #FAFAD2;
	color : #ff0000;
	padding : 10px;
}
/*FAQ page styles*/
#faqcontent ul li{
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}
		
/*newsletter signup styling*/
#col1 .newsletter{
	padding: 5px 0;
	margin-top : 3px;
	margin-bottom : 3px;
	color : #000000;
}
#col1 .newsletter form{
	margin : 3px;
	padding : 0px;
}
/*currency drop down styling*/
#col1 .currency{
	padding : 5px 5px 5px 5px;
	background-color : #00000;
	margin-top : 3px;
}
#col1 .currency form{
	margin : 3px;
	padding : 0px;
}
#col1 .navheader{
	color : #000000;
	font-size : 18px;
	text-align : left;
	font-weight : bold;
	padding : 10px 0 10px 25px;
	margin-top : 5px;
}

hr {
	width: 80%;
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	text-align: center;
	border: 0 solid #ccc;
}

#templatecontent tr.tableHeader {
	background-color: #ccc;
}

#templatecontent table.tableStyle {
	border: 1px solid #ccc;
}

#content li {
	list-style-position: inside;
}

/* APRIL UPDATE */

/*CMS styling*/
.cmscatlogo{
	border : 1px solid #666666;
}
.cmsartlist{
	margin-top : 10px;
}
/*Various styles associated with the product display tabs*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 15px;
margin-bottom: 0;
list-style-type: none;
text-align: left;
}

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

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #ccc;
color: #000;
background-color: #CCCCFF;
}

.shadetabs li a:visited{
color: #000;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #3333CC;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.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:1px solid #ccc; 
width:95%; 
margin-bottom: 1em; 
padding: 10px;
}
.tabcontent{
display:none;
}

.pricetable {
	margin-top: 10px;
	margin-bottom: 15px;
}

.pricetable td {
	text-align: center;
	font-weight: bold;
	
}

.pricetable th {
	margin-left: 5px;
	margin-right: 5px;
	width: 80px;
	text-align: center;
	font-weight: normal;
}

#prodvarresults p {
	font-weight: normal;
	margin-bottom: 4px;
}

#prodvarresults select {
	margin-left: 50px;
}