/* @override http://bigbluecreative.co.uk/skin/skinstyles/elements.css */

/* CSS Document */

/* CSS Document */
/*Clear defaults --------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display: none;}


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

h1{
	font-size: 150%;
	margin-bottom: 20px;
	color: #0066CC;
	font-weight: bold;
}
h2{
	font-size:120%;
	color: #0066CC;
}
h3{
	font-size:110%;
}
h4{
	font-size:100%;
}
p{
	text-align : left;
	line-height: normal;
	margin-bottom: 2px;
}

a {
	text-decoration:none;
	color: #000;
	font-weight: bold;
}
a:hover{
	text-decoration:none;
	color: #0066CC;
}
/*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*/
#deptinfo {
	margin-bottom: 10px;
}

.deptdescimg h1 {
	font-weight: normal;
}

.deptdesc img {
	margin-right: 10px;
}
.deptprodlist{
	width: auto;
	text-align: left;
}
.deptprodlist .image{
	width : 10%;
	padding : 5px;
	vertical-align : top;
}
.deptprodlist .desc{
	width : 90%;
	padding : 5px;
	vertical-align : top;
}
.deptprodlist h2{
	padding : 0px;
	width: 125px;
	font-size: 80%;
	text-align: center;
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
.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%;
}

#normaldepartment .prodlistimg{
	background: url(../skinimages/thumbbgdsmall.gif);
	border: 0;
	border: none;
	width: 130px;
	height: 130px;
}

.prodlistimg{
	border: 0;
	border: none;
	width: 130px;
	height: 130px;
}

.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 : 660px;
}
.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%;
	float: left;
}
.buynow input{
	border : 1px solid #c0c0c0;
	background-color : #efefef;
}
/*bask preview classes*/
.basketpreview{
	width: 120px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-right: 10px;
	margin-top: 10px;
	color: #fff;
	float: left;
}
.basketpreview a{
	color : #666;
	text-decoration : underline;
}
.basketpreview a:hover{
	text-decoration : none;
}

.basketpreview #baskleft {
	width: 70px;
}
/*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{
	margin-top : 3px;
	margin-bottom : 3px;
	color: #000000;
}

/*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 : center;
	font-weight : bold;
}

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


/* APRIL UPDATE */

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

.shadetabs{
padding: 5px 0 0;
margin-left: 0px;
margin-top: 10px;
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: #0066CC;
	text-align: center;
}

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

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

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color: #0033CC;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontentholder{
	border:1px solid #ccc; 
width:620px; 
padding: 10px;
		margin-top: 2px;
}
.tabcontent{
display:none;
}

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


#printtemplates li {
	list-style-image: none;
	list-style-type: none;
	padding-left: 15px;
}

/* relevant to terms and privacy */

#content ol li ol {
	margin-left: 20px;
}
#content ol li {
	margin-top: 10px;
	margin-left: 20px;
}	


#freedelivery, #secureordering, #freeconsultation {
	float: left;
}

#quantitylistbox {
	width: 350px;
	margin: 0px;
}

#quantitylistbox table {
	width: 350px;
	margin: 10px 0px 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-collapse: collapse;
}

#quantitylistbox th {
	margin-bottom: 15px;
	background-color: #0066CC;
	color: #fff;
}

.quantitylistboxtable td, .quantitylistboxtable th {
	margin: 0;
	padding: 3px;
} 

.tablerow {
	border-bottom: 1px solid #990066;
	padding: 5px;
}
.varprice, .varselect {
	text-align: center;
}

.varprice {
	border: none;
}

.variableoptions {
	margin-bottom: 8px;
	margin-top: 5px;
}

#thumbandprices {
	width: 640px;
	margin-bottom: 30px;
}

#homecontent {
	margin-left: 5px;
}


#homecontent img {
	margin-top: 34px;
}

#verticalbanners {
	width: 319px;
	height: 273px;
	float: left;
	background: url(../skinimages/verticalbanners.jpg) no-repeat left top;
}

#verticalbanners h2 {
	font-size: 200%;
	font-weight: bold;
	width: 140px;
	margin-left: 20px;
	margin-top: 20px;
}

#verticalbanners p, #verticalbanners ul {
	margin-left: 20px;
	margin-top: 10px;
	width: 160px;
}

#exhibpopup {
	width: 326px;
	height: 273px;
	float: left;
	background: url(../skinimages/curvybanners.jpg) no-repeat left top;
}

#exhibpopup h2 {
	font-size: 200%;
	font-weight: bold;
	width: 260px;
	margin-left: 20px;
	margin-top: 20px;
}

#exhibpopup p, #exhibpopup ul {
	width: 100px;
	margin-left: 20px;
	margin-top: 20px;
}

#verticalbanners li, #exhibpopup li {
	list-style-type: disc;
	font-size: 80%;
	margin-left: 10px;
}

#canvas {
	width: 645px;
	height: 147px;
	float: left;
	background: url(../skinimages/canvases.jpg) no-repeat left top;
}

#canvas h2 {
	font-size: 200%;
	font-weight: bold;
	width: 260px;
	margin-left: 20px;
	margin-top: 15px;
}

#canvas p {
	width: 270px;
	margin-left: 20px;
	margin-top: 5px;
}

#flashDiv {
	width: 705px;
	height: 122px;
	float: right;
	background: url(../skinimages/containertop.gif) no-repeat center top;
}

#incvattext {
	float: left;
	margin-top: 15px;
}

#aboutpage { color: #fff;}
#aboutpage #content p { width: 740px; margin: 10px auto; }
#aboutpage h1 { color: #fff; width: 740px; margin: 0px auto; }

#aboutimgs { margin: 20px auto; width: 760px; }

#aboutimgs .aboutThumb  { 
	float: left;
	width: 130px;
	text-align: center;
	margin: 10px; border: 1px solid #fff; }
	
	#incvattext {
	float: left;
	margin-top: 15px;
}

.pricetable {
	margin-top: 10px;
	margin-bottom: 15px;
	border-left: 1px solid #999;
}

.pricetable tr {
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #eee;
}

tr.alt {
	background-color: #fff;
}

.pricetable td {
	text-align: center;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;

	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}

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

}

.pricetable .tabletop {
	background-color: #ccc;
	border-bottom: 1px solid #999;
	color: #000;
	font-weight: bold;
	border-top: 1px solid #999;
	border-right: 1px solid #999;	
}

.pricetable .tableleftside {
	border-right: 1px solid #999;	
	border-bottom: 1px solid #999;
	color: #000;
}

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

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

#contactpage h1 {
	color: #fff;
	margin-left: 100px;
}

#contactpage .contactgroup p {
	color: #fff;
	font-size: 110%;
}

#contactpage .contactgroup a {
	color: #fff;
	font-weight: normal;
}
 
#contactpage .italic {
	color: #0099CC;
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
	margin-left: 100px;
}

#contactpage .contactgroup {
	margin-left: 300px;
	margin-top: 20px;
}

#contactpage .contactlogo {
	float: left;
	width: 30px;
}

#contactpage .contactdetails {
	float: left;
	width: 400px;
}