/*====================================================================
Print IT
Copyright 2009 Print IT
Author: Red Bullet
======================================================================
MODULES STYLE SHEET
======================================================================*/

	
/*====================================================================
HOME PAGE FEATURE SECTION
======================================================================*/

	
/* Home Feature Layout */
#indMain {
	width:974px;
	height:301px;
}

#indMain #left {
	width:394px;
	height:301px;
	float:left;
	display:inline;
}

#indMain #left h2 {
	display:block;
	color:#fff;
	font-size:3em;
	padding:0 0 0 30px;
	height:55px;
}

#indMain #left h2 a {
	display:block;
	color:#fff;
	outline:0;
}

#indMain #left h2.orange {
	background:url(../images/hreplace/indmain_h2orange.gif) no-repeat left top;
}

#indMain #left h2.pink {
	background:url(../images/hreplace/indmain_h2pink.gif) no-repeat left top;
}

#indMain #left h2.blue {
	background:url(../images/hreplace/indmain_h2blue.gif) no-repeat left top;
}

#indMain #left ul {
	margin:0;
	padding:0;
}

#indMain #left ul li {
	list-style-type:none;
	line-height:1.3em;
}

#indMain #left ul li strong {
	display:block;
	width:150px;
	float:left;
}

#indMain #left ul li a {
	color:#fff;
	font-weight:normal;
}

#indMain #left ul li a:hover {
	text-decoration:underline;
}

#indMain #left .indServ {
	height:136px;
	padding-left:30px;
}

#indMain #left .one {
	background:url(../images/modules/indmain_orangebg.gif) no-repeat left top;
}

#indMain #left .two {
	background:#db5280;
}

#indMain #left .two a {
	color: #000000;
}

#indMain #left .three {
	background:#659fda;
}

#indMain .fadeCont {
	width:580px;
	height:301px;
	float:left;
	display:inline;
	position:relative;
}

#indMain .fadeCont img {
	position:absolute;
	width:580px;
	height:301px;
	top:0;
	left:0;
}


	
/* Home 3 Col */
#indTri {
	height:225px;
	margin:18px 0 36px;
}

#indTri div.left,#indTri div.mid,#indTri div.right {
	width:260px;
	height:225px;
	float:left;
	display:inline;
	padding:0 15px 0 30px;
	margin-right:29px;
	border-bottom:1px dotted #000;
}

#indTri div.left {
	background:url(../images/modules/indtri_papers.jpg) no-repeat 30px 97px;
}

#indTri div.mid {
	background:url(../images/modules/indtri_paints.jpg) no-repeat 30px 97px;
}

#indTri div.right {
	margin-right:0;
	background:url(../images/modules/indtri_print.jpg) no-repeat 30px 97px;
}

#indTri div.right a {
	color: #4A8ED3;
}
#indTri div.right a:hover {
	color: #D5346A;
}




	
/*====================================================================
MAIN CONTENT ITEMS
======================================================================*/

	
/* Page Intro Text */
#intro {
	height:166px;
	padding: 0;
	margin-bottom:34px;
}

#intro h2 {
	font-size:3.2em;
	color:#f29533;
}

#intro .slide-box {
	width: 22px;
	float: left;
	margin: 0 11px 0 0;
}

#intro .slide-box h2 {
	height: 55px;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

#intro .slide-box h2 a {
	color: #fff;
	margin: 0 0 0 62px;
}

#intro .slide-box h2 a:hover {
	color: #000 !important;
}

#intro .slide-box h2#s-first {
	height: 56px;
	background: #dc7c18 url(../images/modules/slide-o.png) no-repeat top left;
}

#intro .slide-box h2#s-second {
	background:url(../images/modules/slide-p.png) no-repeat top left;
	color:#e090ab;
}

#intro .slide-box h2#s-third {
	background:url(../images/modules/slide-b.png) no-repeat top left;
	color:#90b5e0;
}

#intro .intro-contents {
	float: right;
	width: 577px;
	height: 166px;
	padding: 0 0 0 30px;
	background:url(../images/modules/intro_default.jpg) no-repeat top right;
}


#intro p {
	font-size:1.7em;
	line-height:1.1em;
	color:#fff;
	font-weight: 700;
}

#intro.orange h2 {
	color:#e5be93;
}

#intro.orange .intro-contents {
	background:url(../images/modules/intro_orange.jpg) no-repeat top right;
}

#intro.pink h2 {
	color:#e090ab;
}

#intro.pink .intro-contents {
	background:url(../images/modules/intro_pink.jpg) no-repeat top right;
}

#intro.blue h2 {
	color:#90b5e0;
}

#intro.blue .intro-contents {
	background:url(../images/modules/intro_blue.jpg) no-repeat top right;
}

#intro.green h2 {
	color:#b6cf83;
}

#intro.green .intro-contents {
	background:url(../images/modules/intro_green.jpg) no-repeat top right;
}


	
/*====================================================================
GENERIC SIDEBAR ITEMS
======================================================================*/

	
/* Sidebar Items */
#sideBar .sideItem {
	width:260px;
	margin:0;
	padding:0 15px 0 30px;
	background:#fff;
	border-bottom:1px dotted #000;
}

#sideBar .sideItem h2 {
	padding-top:12px;
}

#sideBar .sideItem a {
	color:#000;
}

#sideBar .sideItem a:hover {
	color:#4a8ed3;
}

#sideBar div.design {
	background:url(../images/modules/indtri_paints.jpg) no-repeat bottom center;
	margin-bottom:20px;
	padding-bottom:125px;
}

#sideBar div.top {
	border-top:1px dotted #000;
}

#sideBar div.sample {
	background:url(../images/modules/indtri_papers.jpg) no-repeat 30px 105px;
}

#sideBar div.delivery {
	background:url(../images/modules/indtri_parcel.jpg) no-repeat bottom center;
	padding-bottom:115px;
}

#sideBar div.login h2 {
	color:#dc7c18;
}

#sideBar div.login a {
	color:#4a8ed3;
}

#sideBar div.login a:hover {
	color:#000;
}

#sideBar ul.myAccountLinks {
	margin: 21px 0;
}

#sideBar ul.myAccountLinks li {
	list-style: none;
	font-size: 1.6em;
	
}
#sideBar ul.myAccountLinks li a {
	color:#dc7c18;
}

ul.homeMyAccountLinks {
	margin: 12px 0;
}

ul.homeMyAccountLinks li {
	list-style: none;
	font-size: 1.6em;
	
}
ul.homeMyAccountLinks li a {
	color:#dc7c18;
}
	
/*====================================================================
CATEGORY ITEMS
======================================================================*/

	
/* Category Content */
#catContent h2 {
	color:#fff;
	font-size:1.8em;
	padding-left:30px;
	line-height:2em;
	margin-bottom:14px;
	background:url(../images/hreplace/catcontent_h2blue.gif) no-repeat top left;
}

#go-green #catContent h2 {
	background:url(../images/hreplace/catcontent_h2green.gif) no-repeat top left;
}

#catContent p {
	font-size:1.4em;
	font-weight:bold;
	padding-left:25px;
}

#catContent ul {
	margin:0 0 35px 45px;
	padding-top:15px;
}

#catContent ul li {
	font-size:1.4em;
	font-weight:bold;
}

#catContent ul.star {
	list-style: none;
	margin-left: 35px;
}

#catContent ul.star li:before {
	content: "* ";}

#catContent a.imgBut {
	margin-left:30px;
	float: right;
}

#catContent .bespokeQuote p {
	color: #6a6a6a;
}

	
/*#catContent img.prodImg {float: left; margin-right: 30px;}*/
#catContent div.imageLeft {
	float:left;
	margin:0 10px 0 0px;
	width:150px;
	text-align:center;
}

#catContent div.contentRight {
	float:left;
	width: 430px;
}


	
/* Category Item */
#catContent a.item {
	display:block;
	width:188px;
	height:198px;
	border:1px dotted #000;
	float:left;
	padding:4px 5px 0;
	margin:0 20px 25px 0;
	text-align:center;
	font-size:1.8em;
	outline: 0;
	position: relative;
}

#catContent a.item span {
	cursor:pointer;
}

#catContent a.item span.image {
	display:block;
	width:197px;
	height:150px;
}

#catContent a.item:hover {
	color:#000;
}

/* Every third item */
#catContent a.third {
	margin-right:0;
}

#catContent a.green span.name {
	color: #579f32;
}

	
/* Themes */
#catContent.orange h2 {
	background:url(../images/hreplace/catcontent_h2orange.gif) no-repeat top left;
}

#catContent.orange a.item {
	color:#dc7c18;
}

#catContent.orange a.item:hover {
	color:#000;
	border:1px solid #dc7c18;
}

#catContent.blue h2 {
	background:url(../images/hreplace/catcontent_h2blue.gif) no-repeat top left;
}

#catContent.orange a.item {
	color:#dc7c18;
}

#catContent.orange a.item:hover {
	color:#000;
	border:1px solid #dc7c18;
}

#catContent.green a {
	color:#579f32;
}

#catContent.green a:hover {
	color:#000;
}

#catContent.green a.wideGreen {
	color:#fff;
}

#catContent.green a.imgBut {
	width:183px;
	background-image:url(../images/buttons/widebut_green.gif);
	color:#fff;
}


	
/*====================================================================
PRODUCT LIST TABLE
======================================================================*/
div.prodTableCont {
	clear:both;
}


	
/* Base Table */
table.prodTable {
	color:#000;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.6em;
	text-align:left;
	background:none;
	width:640px;
	margin:8px 0px 28px 0;
}

table.prodTable h3 {
	font-size:1.4em;
	line-height:2em;
	color:#fff;
	padding:0 0 0 30px;
}

table.prodTable tr td {
	background:#dbe8f6;
	border-bottom:1px solid #d4d8e0;
	font-size: 12px;
	padding: 5px 3px 5px 3px;
	line-height:1.4em;
}

#go-green table.prodTable tr td {
	background:#e7eee3;
}


table.prodTable tr.header td {
	background:#fff;
	padding-top:10px;
}

table.prodTable td.first {
	padding-left:30px;
}

table.prodTable tr.alt td {
	background:#c8ddf2;
	border-bottom:1px solid #d4d8e0;
}

#go-green table.prodTable tr.alt td {
	background:#dae5d4;
}

#catContent.green table.prodTable tr td {
	background:#e7eee3;
}

#catContent.green table.prodTable tr.alt td {
	background:#dae5d4;
}

#catContent.green button.link {
	color:#579f32;
}


	
/* Table Variations */
table.pink h3 {
	background:url(../images/hreplace/prodtable_h3pink.gif) no-repeat top left;
}

table.green h3 {
	background:url(../images/hreplace/prodtable_h3green.gif) no-repeat top left;
}

table.green tr td {
	background:#e7eee3;
}

table.green tr.alt td {
	background:#dae5d4;
}

table.two {
	margin-right:0;
}


	
/*====================================================================
BASKET TABLE
======================================================================*/

	
/* Base Table */
table.basketTable {
	color:#000;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.2em;
	text-align:left;
	background:none;
	margin:0 0 10px;
	width:640px;
}

table.basketTable .details {
	font-size:.9em;
}

table.basketTable tr td {
	background:#dbe8f6;
	border-bottom:1px solid #d4d8e0;
	padding:6px 0;
}

table.basketTable tr.alt td {
	background:#c8ddf2;
	border-bottom:1px solid #d4d8e0;
}

table.basketTable .item {
	padding: 6px 0 6px 30px;
}

table.basketTable .price {
	width:80px;
}

table.basketTable td.price,table.basketTable td.quantity {
	font-weight:bold;
}

table.basketTable .quantity {
	width:90px;
}

table.basketTable .remove {
	text-align:center;
	width:105px;
}

table.basketTable thead th {
	background:#fff;
	font-weight:normal;
}

table.basketTable tr.vat td,table.basketTable tr.total td {
	background:#fff;
	border-top:1px dotted #000;
	border-bottom:0;
	padding:10px 0;
}

table.basketTable tr.total td.label,table.basketTable tr.vat td.label {
	text-align:right;
	padding-right:25px;
}

table.basketTable tr.total td {
	border-bottom:1px dotted #000;
}

div.linkCont {

}

#catContent div.linkCont a.imgBut {
}


/*====================================================================
GREEN STYLES
======================================================================*/

#go-green button.link {
	color: #579f32;
}

#go-green button.link:hover {
	color: #000;
}

/*====================================================================
GLOSSARY STYLES
======================================================================*/

.glossary {
	list-style: none;
	height: 26px;
	margin: 0;
	padding: 0 0 20px 30px;
}

.glossary li {
	float: left;
}

.glossary li a {
	display: block;
	padding: 3px 4px;
	border: 1px solid #ccc;
	margin: 0 2px 0;

}


.paginate {
	padding: 0 0 16px 30px;
}

/*
.paginate * {
	float: left;
	display: block;
	width: 7px;
	padding: 3px 4px;
	border: 1px solid #ccc;
	margin: 0 2px 0;
}
*/

/*====================================================================
CHECKOUT STYLES
======================================================================*/

.smallTextForm {
	display: block;
	padding: 7px 0 0;
	margin: 0 0 0 5px;
}

#terms_cb {
	margin: 0 5px 0 0;
}

input.wideOrg {
	width:183px;
	background-image:url(../images/buttons/widebut_orange.gif);
}

input.wideOrg:hover {
	background-position:0 -28px;
}

#main .main {
	width: 647px;
	float: left;
	margin-right: 22px;
}

/*====================================================================
MINI BASKET TABLE
======================================================================*/

#main #sideBar .sideItem {
	padding: 0px;
	width: 305px;
	border-bottom: 0;
}

	
/* Base Table */
table.miniBasket {
	color:#000;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.2em;
	text-align:left;
	background:none;
	margin:0 0 10px;
	width: 305px;
}

table.miniBasket .details {
	font-size:.9em;
}

table.miniBasket tr td {
	background:#dbe8f6;
	border-bottom:1px solid #d4d8e0;
	padding:6px 0;
}

table.miniBasket tr.alt td {
	background:#c8ddf2;
	border-bottom:1px solid #d4d8e0;
}

table.miniBasket .label {
	width: 40px;
}

table.miniBasket .item {
	padding: 6px 0 6px 30px;
}

table.miniBasket .price {
	width: 80px;
}

table.miniBasket td.price,table.miniBasket td.quantity {
	font-weight:bold;
}

table.miniBasket .quantity {
	width:90px;
}

table.miniBasket .remove {
	text-align:center;
	width:105px;
}

table.miniBasket thead th {
	background:#fff;
	font-weight:normal;
}

#main #sideBar .sideItem table.miniBasket thead th h2 {
	font-size:1.3em;
	line-height: 1em;
	padding: 4px 0;
}


table.miniBasket tr.vat td,table.miniBasket tr.total td {
	background:#fff;
	border-top:1px dotted #000;
	border-bottom:0;
	padding:10px 0;
}

table.miniBasket tr.total td.label,table.miniBasket tr.vat td.label {
	text-align:right;
	padding-right:25px;
}

#main #sideBar .sideItem table.miniBasket tr.total td {
	border-bottom:1px dotted #000;
}

#main #sideBar .sideItem table.miniBasket tr td a {
	color: #D5346A;
}

#main #sideBar .sideItem table.miniBasket tr td a:hover {
	color: #000;
}

/*====================================================================
Understanding Printing
======================================================================*/

ul.plus li {
	list-style-image: url(../images/icons/plus.png);
}

ul.minus li {
	list-style-image: url(../images/icons/minus.png);
}

/*====================================================================
My Account
======================================================================*/

#ordersTable {
	margin: 0 30px;
	color: #000;
	font-weight: 400;
	font-size:1.4em;
	line-height:1.2em;
	width: 580px;
}

#ordersTable th {
	padding: 6px 0;
}

#ordersTable th.reference {
	width: 100px;
}

#ordersTable th.date {
	width: 280px;
}

#ordersTable th.status {
	width: 100px;
}

#ordersTable th.options {
	width: 100px;
}

.productDetails {
	padding-left: 30px;
}

.productDetails table.prodTable {
	width: 430px;
	margin: 8px 0 28px;
}

.productDetails table.prodTable tr td,
div.full table.prodTable tr td {
	padding: 2px 3px;
}

.productDetails table p,
div.full table.prodTable p {
	padding: 0 !important;
	font-size: 1.2em !important;
}

.productDetails input {
	margin: 0 10px 0 0;
}

.addedBasket {
	font-size: 1.4em !important;
	color: #D5346A;
	font-weight: bold;
}