/* @override http://www.ramji-print.com/skin/skinstyles/elements.css */

/* CSS Document */
/*The folllowing control the main non-unique page elements*/

h1{
	font-size:115%;
	font-weight: bold;
	margin-bottom: 10px;
}
h2{
	font-size:100%;
}
h3{
	font-size:100%;
}
h4{
	font-size:100%;
}
p{
	text-align : left;
}
a {
	text-decoration:underline;
	color:#990000;
}
a:hover{
	text-decoration:none;
	color:#990000;
}
/*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: static;
	text-align: left;
	color: #990000;
}
/*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 : 10px 0 10px 0px;
	padding : 0px;
	font-weight: bold;
}

.deptprodlist p {
	margin-bottom: 5px;
}
.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;
	margin-right: 15px;
}
.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;
}

.variantdisplay .pricetable  {
	border: 1px solid #ccc;
}

.variantdisplay .pricetable td {
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 90%;
}

.variantdisplay .pricetable th {
	font-weight: normal;
	padding: 3px;
	font-size: 90%;
}

.variantdisplay p{
	font-weight : bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
.variantdisplay select{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
	font-size : 80%;
}
.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*/
.basketpreview{
	color:#990000;
	font-size:12px;
	font-weight : normal;
	padding-left : 5px;
	padding-top : 5px;
}
.basketpreview a{
	color : #990000;
	text-decoration : underline;
}
.bastktpreview a:hover{
	text-decoration : none;
}
/*display of the cart display during checkout*/
#cartdisplay{
	width : 95%;
}
#cartdisplay table{
	background-color : #ffffff;
	color: #0000FF;
}
#cartdisplay .header{
	background-color : #FFFFFF;
	text-align : ;
	font-weight : bold;
	color: #000000;
}
#cartdisplay .row{
	background-color : #FFFFFF;
}
#cartdisplay .altrow{
	background-color : #FFFFFF;
}
#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 : #FFD7D7;
	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 : left;
	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 : left;
	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 : #ffffff;
}
.tableheader{
	background-color : #FFFFFF;
	font-weight : bold;
	text-align : left;
}
.tablerow{
	background-color : #FFFFFF;
}
.tablealtrow{
	background-color : #efefef;
}
.row{
	background-color : #FFFFFF;
}
/*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{
	color : #FFF;
}
#col1 .newsletter form{
	margin : 3px;
	padding : 10px;
}
/*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{
	background-color : #ccffcc;
	color : #000000;
	font-size : 10px;
	text-align : left;
	font-weight : bold;
	padding : 10px;
	margin-top : 5px;
}
	
#jqueryslideshow {
    position:relative;
    height:212px;
    width: 758px;
}

#jqueryslideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    height:212px;
    width: 758px;
    text-indent: -9999px;
}

#jqueryslideshow a.active {
    z-index:10;
}

#jqueryslideshow a.last-active {
    z-index:9;
}	

/*Various styles associated with the product display tabs*/

.shadetabs{
padding: 5px 0 0;
margin-left: 0px;
margin-top: 20px;
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;
	color: #fff;
	background-color: #339933;
	text-align: center;
}

.shadetabs li a:visited{
color: #fff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #003300;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color: #66CC00;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontentholder{
	border:1px solid #ccc; 
width:700px; 
padding: 10px;
		margin-top: 2px;
}
.tabcontent{
display:none;
}

#reviews.tabcontent p {
	padding-top: 10px;
}

#prodimggallery {
	float: left;
	margin-top: 10px;
}

#prodimggallery h3 {
	margin-bottom: 10px;
	font-weight: bold;
}

#testimonialWrap {
	width: 756px;
	height: 86px;
	display: block;
	overflow: hidden;
	position: relative;
}

#testimonialWrap p {
	text-indent: -9999px;
}

#content p a {
	text-decoration: underline;
}