/* Default Stylesheet */

/** BODY ELEMENTS **/

body {text-align: center; background: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
a, a:old, a:visited {color: #df0000; text-decoration: underline;}
a:hover {color: blue; background: transparent;}
a:active {outline: none;}
h1 {font: normal 18px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d;}
h2 {font: bold 16px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d;}
h3 {font: bold 17px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d;}
h4 {font: bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d; padding: 0 0 2px 0; margin: 0;}
h5 {font: bold 11px Arial, Helvetica, sans-serif; color: #1d1d1d;}
h6 {font: normal 10px Arial, Helvetica, sans-serif; color: #1d1d1d;}
p {font: normal 12px Arial, Helvetica, sans-serif; color: #1d1d1d;}
img {border: 0;}
hr {margin: 0; padding: 0;height: 1px;}

/** PADDING/ALIGNMENT/BORDERS **/
.padBot10 {padding: 0 0 10px 0;}
.padTopBot10 {padding: 10px 0 10px 0;}
.padLeft20 {padding: 0 0 0 25px;}
.padLeftRight10 {padding: 0 10px;}
.padTopRightBot10 {padding: 10px 10px 10px 0;}

.width160 {width: 160px;}
.formDivider {width: 95%; margin: 2px 0 4px 0; height: 1px;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.valignBottom {vertical-align: bottom;}
.valignTop {vertical-align: top;}
.valignMiddle {vertical-align: middle;}
.white {color: #ffffff;}
.bold {font-weight: bold;}
.bgWhite {background: #fff;}
.button {cursor: pointer;}
.red {color: #ff0000;}
.grey {color: #777;}
.grey a, .grey a:link {color: #777;}
.alignCenter {text-align: center;}
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.inline {display: inline;}

.slogan-siteName {font: normal 25px Georgia, Times, Serif; letter-spacing: normal; line-height: 1.5em; color: #000; text-decoration: none;}
.slogan-catchphrase {display: block; font: normal 11px Verdana, Arial, sans-serif; letter-spacing: 1.3px; color: #000; margin-top: -8px; text-decoration: none;}


/** TYPOGRAPHY **/
h2 a, h2 a:link, h2 a:visited {font: bold 16px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; text-decoration: none;}
h2 a:hover {font: bold 16px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; text-decoration: underline;}
h4 a, h4 a:link, h4 a:visited {font: bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d; text-decoration: none;}
h4 a:hover {font: bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d; text-decoration: underline;}
.introText, .introText a {font-size: 14px;}
.breadcrumbs {font-size: 11px; margin: 5px 3px;}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {font-size: 11px; text-decoration: underline;}


/** LISTS **/
ul {list-style: none; padding: 8px 2px 8px 2px; list-style-position: outside; margin-left: 5px; padding-left: 4px; list-style-image: none; }
ul li {padding: 3px 0 3px 20px; margin: 0; text-indent: 0; background: url('/images/listArrow.gif') no-repeat top left;}
ul li a {color: #df0000; text-decoration: underline;}
ul li a:hover {color: #366a88; text-decoration: underline;}
ul li a:old, ul li a:visited {color: #df0000; text-decoration: underline;}

ol {margin-left: 0px; padding: 2px; text-indent: 0; list-style-position: inside;}
ol li {padding: 0; margin: 0;}
ol li a {color: #df0000; text-decoration: underline;}
ol li a:hover {color: #366a88; text-decoration: underline;}
ol li a:old, ol li a:visited {color: #5df0000; text-decoration: underline;}


/** TABLES **/
.intro {padding: 0; margin: 0;}
table tr td {font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top;}
table.productContainer {width: 560px; margin: 10px 0 10px 0; border-bottom: 1px solid #ccc;}
table.productContainer tr td {padding: 0 5px; vertical-align: top; padding: 0 0 10px 0;}
table.productContainer tr td.productName {padding: 0 2px;}
table.productContainer tr td.productPrice {padding: 0 2px; color: #df0000; font: bold 13px "Trebuchet MS", Arial, Sans-Serif;}
table.productContainer tr td.productImage {width: 100px;}
table.productContainer tr td.productDescription {}
table.productContainer-details {width: 550px; padding: 10px 0 10px 0; border: 0;}
table.productContainer-details tr td {padding: 0 5px;}
table.productContainer-details tr td.productName {padding: 0 2px;}
table.productContainer-details tr td.productName h1 {font: normal 18px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d;}
table.productContainer-details tr td.productPrice {padding: 0 2px; color: #df0000; font: bold 13px "Trebuchet MS", Arial, Sans-Serif;}
table.productContainer-details tr td.productImage {width: 100px;}
table.productContainer-details tr td.productDescription {}
table.productContainer-details-related {width: 550px; padding: 10px 0 10px 0; border: 0;}
table.productContainer-details-related tr td {padding: 0 5px; text-align: center;}
table.productContainer-details-related tr td.productName {padding: 0 2px;}
table.productContainer-details-related tr td.productName h1 {font: normal 18px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d;}
table.productContainer-details-related tr td.productPrice {padding: 0 2px; color: #df0000; font: bold 13px "Trebuchet MS", Arial, Sans-Serif;}
table.productContainer-details-related tr td.productImage {width: 100px;}
table.productContainer-details-related tr td.productDescription {}
table.productContainer-details {width: 550px; padding: 10px 0 10px 0; border: 0;}
table.registerForm {width: 550px; padding: 10px 0 10px 0; border: 0;}
table.registerForm tr td {padding: 3px 5px;}
table#cart {margin: 0; padding: 0;}
table#cart tr td {text-align: center; margin: 0; padding: 0;}
table#cart tr td.contents {background: #cbf166;}
.cartContents {padding: 20px 5px; margin: 20px 0; font: bold 12px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; text-align: center;}
.contents a, .contents a:link, .contents a:visited {font: bold 10px Verdana, Arial, Sans-Serif; color: blue; text-transform: uppercase; text-align: center;}
table#colourSelect {background: #ffffff; margin: 10px; width: 95%;}
table#colourSelect tr td {padding: 2px;}
table#colourSelect tr td img {margin: 0 0 5px 0; background: #ffffff;}
td.awesome { padding: 8px 8px 8px 8px; background: #eee; border: 1px solid #ccc; }
td.totalPriceCell { vertical-align: middle; background: #eee; border: 1px solid #ccc; }
td#totalPriceField { padding-top: 8px; padding-bottom: 8px; }
td#totalPriceValue { padding-top: 8px; padding-bottom: 8px; }
span.smallPrice { font: 14px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; }
span.price { font: bold 16px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; }


/** FORMS **/
form input {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; padding: 2px; font-weight: normal;}
.btnSubmit {width:125px; height:31px; background:#8fc400; text-align:center; line-height:31px; color:#fff; font: bold 14px "Trebuchet MS", Arial, Sans-Serif;}
button.btnSubmit {width:110px; height:31px; background:#8fc400; text-align:center; line-height:31px; color:#fff; font: bold 14px "Trebuchet MS", Arial, Sans-Serif; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;}
button.btnSubmit-small {width:115px; height:31px; background:#8fc400; text-align:center; line-height:31px; color:#fff; font: bold 14px "Trebuchet MS", Arial, Sans-Serif; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;}
/*Enquiry form*/
#enquiryForm {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 0 8px; width: 65%;}
.enquiryForm {margin: 0; padding-top: 5px; width: 100%;}
.enquiryForm th {color: #646464; font-size: 14px; text-align: left; vertical-align: top; padding: 2px 0;}
.enquiryForm td {color: #646464; font-size: 12px; text-align: left; vertical-align: top; padding: 2px 0;}
.width150 {width: 150px;}
.longTextField {width:400px;}


/** ALERTS **/
.alertGreen {color: white;  display: block; width: 100%; background: green; padding: 4px 0;}
.alertGreen a, .alertGreen a:link {color: #fff; font-weight: bold; text-decoration: underline;}
.alertRed {color: white; font-weight: bold; display: block; width: 100%; background: red; padding: 2px 0;}
.alertRed a, .alertRed a:link {color: #fff; font-weight: bold; text-decoration: underline;}
/** ALERTS table **/
.alerts {width: 100%; margin: 5px 0 15px 0; border: 1px dashed #fff;}
.alerts td {text-align: left;font-size: 12px;}
.alerts td span.bold {font-size: 12px; letter-spacing: normal; color: #fff;}
.alerts td span a {color: #fff; text-decoration: underline;}
.alerts td a {color: #fff; text-decoration: underline;}
.alerts td img {vertical-align: top; padding: 2px 4px 2px 10px;}
.bgBlue {background: #497497;}
.bgRed {background: #ff0000;}
.bgGreen {background: green;}
.bgYellow {background: #FFFBCF;}


#errorContainer ul {list-style: none; padding: 8px 2px 8px 2px; list-style-position: outside; margin-left: 5px; padding-left: 4px;}
#errorContainer ul li {padding: 0px 0 3px 20px; margin: 0; text-indent: 0; background: url('/images/iconCrossCircle.png') no-repeat top left;}
#errorContainer ul li span {font-weight: bold;}


/** MAIN CONTAINERS **/
div#container {width: 990px; margin: 15px auto; padding: 0; text-align: left; background: #fff; height: auto;}
div#header {margin: 0; padding: 0; width: 990px; background: url('/images/bgHeader.gif') top left no-repeat;}
div#header-contentsWithoutMenu {height: 110px; margin: 0; padding: 0;}
div#header-logo {margin: 20px 0 0 20px; padding: 0; width: 200px; height: 67px; float: left;}
div#header-banner {margin: 20px 0 0 0; padding: 6px; width: 500px; height: 70px; float: right;}
div#header-banner a {text-decoration: none;}
div#header-banner a:hover {color: #ffffff; text-decoration: underline;}
div#header-menu {width: 100%; margin: 0; padding: 0;}
div#registerPanel {float: right; width: 300px; float: right; text-align: right; padding: 3px 10px 0 0;}

div#body-wrap {width: 100%; margin: 0; padding: 0; background: #ffffff;}

div#leftColumn {float: left; width: 210px; padding: 15px 15px 15px 0;}
div.leftColumn-content-panel {width: 210px; margin: 0 0 15px 0;}
div#centerColumn {margin: 0 190px 0 210px; padding: 15px 0; width: 570px;}
div.centerColumn-content-sectionBlock {width: 580px; height: auto; padding: 0 10px 20px 20px;}
div.centerColumn-content-sectionBlock a {color: #1d1d1d;}
div.centerColumn-content-sectionBlock a.red {color: #df0000;}
div#searchPanel {background: #ebebeb; width: 200px; padding: 3px 0;}
div#rightColumn {float: right; width: 150px; padding: 15px; text-align: center;}
div#shoppingCart {width: 148px; height: auto; margin: 0; padding: 20px 0 0 0; text-align: center;}
div#userPanel {background: #cbf166; width: 148px; height: auto; margin: 0; padding: 0; text-align: center;}
div#userPanel p {margin: 3px 13px;}
div#userPanel form {margin: 0 13px;}
div#userPanel ul {list-style: none; margin-left: 7px; padding: 2px; text-indent: 0; list-style-image: url('/images/arrow.gif'); list-style-position: inside;}
div#userPanel ul li {padding: 0; margin: 0; text-indent: 0; background: transparent;}
div#userPanel ul li a, div#userPanel ul li a:link {color: #df0000; text-decoration: underline;}
div#userPanel ul li a:hover {color: #366a88; text-decoration: underline;}
div#userPanel ul li a:old, ul li a:visited {color: #df0000; text-decoration: underline;}

div#paypalInvoice {background: #ded; border: 1px solid #009900; padding: 15px 15px 15px 15px; }

/**CHECKOUT STYLES**/
.checkout-navigation tr td {padding: 5px 12px 5px 5px; background: #fff url('/images/bgCheckout-unactive.gif') top right no-repeat;}
.checkout-navigation tr td.currentStep {background: url('/images/bgCheckout-current.gif') top right no-repeat; color: #fff;}
.checkout-navigation tr td.currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-navigation tr td.completedStep {background: url('/images/bgCheckout-completed.gif') top right no-repeat; color: #000;}
.checkout-navigation tr td.lastStep {padding: 5px 5px 5px 5px; background: #ebebeb;}
.checkout-navigation tr td.lastStep-currentStep {padding: 5px 5px 5px 5px; color: #fff; background: #8ec600;}
.checkout-navigation tr td.lastStep-currentStep .checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #fff;}
.checkout-heading {font: bold 13px "Trebuchet MS", Arial, Sans-Serif; color: #000;}



/**FOOTER CONTAINERS**/
div#footer {width: 100%; color: #fff; padding: 5px 0; margin: 0 auto; background: transparent url('/images/bgFooter.gif') top left no-repeat;}
div#footer div {color: #fff; padding: 0 10px;}
div#footer div a {color: #fff; font-weight: bold; text-decoration: none;}
div#footer div a:hover {text-decoration: underline;}


/** SUB CONTAINERS **/

/*CMS Edit links*/
a.editLink {font-size: 11px; color: black; letter-spacing: 1px; background: yellow; padding: 1px 10px 1px 10px; text-decoration: none; border: 1px solid #f1241f; font-weight: bold;}
a.editLink:hover { color: #ffffff; background: red; border: 1px solid #f1241f; text-decoration: underline; font-weight: bold;}

/*FABRIC SELECTION STYLING*/
div.fabricSelectionBox
{
	width: 420px;
	height: 280px;
	overflow: auto;
	border: 4px solid #ccc;
	padding: 0;
}

div.fabricSelectionBox a
{
	text-decoration: none;
}

div.fabricSelectionBox table td
{
	width: 140px;
	height: 140px;
	padding: 15px 4px 4px 4px;
	text-align: center;
	border: 1px solid #ddd;
}

div.fabricSelectionBox td.current
{
	border: 1px solid #8ac100;
	background: #cbf166;
	color: green;
}

div.fabricSelectionBox span.fabricColoursAvailable
{
	font-size: 10px;
	font-weight: bold;
}

div.fabricSelectionBox span.fabricPriceChange
{
	font-size: 10px;
	font-weight: bold;
}

p#fabricExplanation
{
	text-align: center;
	font-weight: 500;
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.fabricName {font-weight: bold;}

/** END **/