﻿/* CSS Document */
/*The folllowing control the main non-unique page elements*/

h1{
	margin: 0;
	font-size:22px;
	font-weight:100;
	letter-spacing:-1px;
	color:#ff2700;
}
h2{
	font-size:18px;
	font-weight:100;
	color:#0078cf;
	margin:0;
}
h3{
	font-size:110%;
}
h4{
	font-size:100%;
}
p, ol, ul {
	text-align : left;
	line-height: 170%;
}
a {
	color: #0078cf;
}
a:hover{
	text-decoration:none;
	color:#ff2700;
}
/*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{
	
}
.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%;
}
.prodlistimg{
	border : 1px solid #666666;
}
.deptlogo{
	border : 1px solid #666666;
}
#content .deptpage{
	font-size:85%;
	margin-top:3px;
	margin-bottom : 5px;
	color : #FF0000;
}
#content .deptpage ul{
	margin : 0;
}
#content .deptpage li{
	display : inline;

}
#content .deptpage a{
	color : #FF0000;
}
/*product details*/
.listprice{
	font-weight : normal;
}
.offerprice{
	font-weight : bold;
	color : #ff0000;
}
.proddetail{
	float : left;
	width : 100%;
}
.variantdisplay{
	text-align : left;
	width : auto;
	height : auto;
	padding : 5px;
	border : 1px solid #c0c0c0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
.variantdisplay p{
	font-weight : normal;

}
.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;
}

.prodquestionstextarea{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	width : 75%;
}
.buynow{
	float : left;
	width : 95%;
}
.buynow input{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}

/*display of the cart display during checkout*/
#cartdisplay{
	width : 95%;
}
#cartdisplay table{
background-color : #c0c0c0;
}
#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;
}
#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%;
	background-color : #c0c0c0;
}
.tableheader{
	background-color : #efefef;
	font-weight : bold;
	text-align : center;
}
.tablerow{
	background-color : #ffffff;
}
.tablealtrow{
	background-color : #efefef;
}
/*error message display*/
#content .errmsg{
	width : 95%;
	border : 1px #ff0000 solid;
	background-color : #FAFAD2;
	color : #ff0000;
	padding : 10px;
}
/*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{
	margin-top : 10px;
}
/*Various styles associated with the product display tabs*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
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: 3px 7px;
margin-right: 3px;
border: 1px solid #c0c0c0;
color: #2d2b2b;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.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 #c0c0c0; 
width:95%; 
margin-bottom: 1em; 
padding: 10px;
}
.tabcontent{
display:none;
}
/*Added for social bookmarking table*/
#socialbookmarks{
	width: 85%;
	text-align: center;
}
#socialbookmarks td{
	
	text-align: left;
	padding: 3px;
}
/*added for extra details section on checkout*/
#extradetails{
	width : auto;
	border-bottom : 1px solid #c0c0c0;
	padding-bottom : 5px;
}