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

/* CSS Document */

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

h1 {
	font-size: 150%;
	color: #003399;
	font-weight: bold;
	margin: 0px 0;
}

h2 {
	font-size: 120%;
	color: #003399;
	margin: 0px 0;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

p {
	text-align: left;
}

a {
	text-decoration: none;
	color: #000;
}

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

/*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: auto;
	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: 0;
	border: none;
	background: url(../skinimages/thumbimgs.gif) no-repeat left top;
}

.deptlogo {
	border: 0px;
	padding: 5px;
}
.deptlogo:hover {
	border: 1px dashed #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: 100%;
}

.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*/

.basketpreview {
	color: #000;
	font-size: 90%;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
}

.basketpreview a {
	color: #000;
	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 {
	background-color: #fff;
	text-align: center;
	font-weight: bold;
}

#cartdisplay .row {
	background-color: #fff;
}

#cartdisplay .altrow {
	background-color: #fff;
}

#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: #ffffff;
}

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

.tablerow {
	
}

.tablealtrow {
	background-color: #efefef;
}

.row {
	background-color: #fff;
}

/*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: 5px 5px 5px 5px;
	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;
}

#basketarea .navheader {
	color: #000;
	font-size: 140%;
	text-align: left;
	font-weight: normal;
	padding-left: 7px;
}

#col1 .navheader {
	margin-bottom: 10px;
}

#faqcontent ul li {
	list-style-type: none;
	list-style-image: none;
}

#homepageleftcol {
	width: 323px;
	float: left;
}

#homepagerightcol {
	float: left;
	width: 462px;
	height: 520px;
	background: url(../skinimages/stationerydeals.gif) no-repeat left top;
}

#bogoff250 {
	float: left;
	width: 323px;
}

#stationerydeal {
	float: left;
	width: 462px;
}

#safetywear {
	float: left;
	width: 323px;
}

#riproaring {
	float: left;
	width: 293px;
}

#fsb {
	float: right;
	width: 169px;
}

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

#content ul li {
	list-style-type: none;
	list-style-image: none;
}

/* ADDED APRIL 2008 UPDATE FOR CMS AND PRODUCT DISPLAY */



/*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;
color: #000;
background-color: #F7DFB9;
border-left: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
}

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

.shadetabs li a:hover{
text-decoration: none;
color: #666666;
border: #000000;
}

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

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

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

.submit {
	margin:5px;
	background-color: #FFFFFF;
}
.submit:hover {
	background-color: #EEC277;
}

.boldred {
	color: #FF0000; font-size: 14px; font: Tahoma;
}