/* Basic styles */
form {width: 800px; margin: 0 auto; font-size:89%;}
body {margin: 0px; padding: 10px 0px; color: #909293; font-family: Georgia, Verdana, Arial, Sans; font-size:0.9em; background: url('/images/base/bg_tilex.jpg') no-repeat center top;	}
h1 { font-weight: normal; font-size:1.4em; margin: 0 0 12px 0; float: left; clear: left; padding: 0; font-family: Georgia; text-transform: uppercase; color: #41666e; letter-spacing: 0.05em; background: url('/images/base/heading_bg.jpg') no-repeat bottom left;}
h3 {float: left; font-weight: normal; font-size: 1.1em; margin: 0; padding: 0;}
p {float: left; clear: left; margin: 0 0 10px 0; padding: 0; line-height: 1.4em;}
a, a:visited, a:active {color: #6d786d; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover { color: #6d786d; text-decoration: underline;}
a.nav, a.nav:visited, a.nav:active {color: #909293; text-decoration: none;}
a.nav:hover, a.nav:visited:hover, a.nav:active:hover {color: #909293; text-decoration: underline;}
.clear {clear: both;}

.siteContainer {background: #fff; padding: 18px; position: relative;}

.left {float: left; width: 245px; margin-right: 15px;}
.right {float: right; width: 502px;}
.homeRight {width: 445px;}

/* Home Link / Logo */
.homeLink {float: left; display: block; padding: 0; margin: 0;}
.homeLink img {display: block; margin: 0; padding: 0; border: none;}
.adminHomeLink {float: none; display: block; padding: 0; margin: 0 auto; width: 450px; }

/* Basket Link */
#basket {position: absolute; top: 0; right: 0; padding: 15px 15px 15px 30px; background: url('/images/base/basket_bg.jpg') no-repeat left center;}
#basket span {font-family: Tahoma;}

/* Page Menu */
#mainmenu { float:right; }
#mainmenu ul { list-style-type: none; margin: 0; padding: 0; margin-top:38px;}
#mainmenu li { float: left; }
#mainmenu li a { display: block; padding: 0px 8px; border-right: 1px solid #aaa; color:#909293 }
#mainmenu li a:hover {color:#909293; }
#mainmenu li.last a {border: none; padding-right: 0px;}

/* Master Page */
#top .adminMenu {margin:15px 0; padding: 12px; text-align: center; width: 740px; background: #ecf0f0; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe;}
#top .adminMenu ul {margin: 0px auto !important; padding: 0; width: 527px; float: none;}

/* Products Menu */
#categorymenu {background: #ecf0f0; margin: 20px 0px 30px 0px; padding: 0px 12px; width: 740px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe;}
#categorymenu ul { list-style-type: none; margin: 0; padding: 0;}
#categorymenu li { float: left; display: inline; padding: 12px 0px; margin: 0;}
#categorymenu li a { display: block; padding: 0px 6px; margin: 0; border-right: 1px solid #aaa; color:#6d786d; }
#categorymenu li.last a {border: none;}
#categorymenu li.first a {padding-left: 0px;}
#categorymenu li a:hover { color:#6d786d; }

/* Page Layout */
#pagecontent {float:left; width: 764px;}
#footer { margin: 50px 0; text-align: center; font-size: 0.9em; font-family: Arial; border-top: 1px solid #efefef; padding-top: 10px;}

/* Home Page */
.homeLeft {width: 301px;}
#montage { float:left; position: relative; margin-right: 15px;}
#montage img.maskImage {position: absolute; top: 0; left: 0; z-index: 2;}
#montage .slideShow {width: 301px; height: 289px; overflow: hidden;  z-index: 1;}
#montage .slideShow img.slide{width: 301px; height: 289px;}

/* About Page */
img.portraitImage {float: left; margin: 0px 10px 10px 0px;}

/* Contact Page */
#map {border: solid 1px #909293; width:243px; height:500px; }
.address {float: left; clear: left;}
.enquiryContainer {float: left; clear: left; margin-top: 15px;}
.enquiryContainer .formField {position: relative; float: left;}
.enquiryContainer .formField h3 {margin-bottom: 5px;}
.enquiryContainer .formField input {padding: 5px; margin-bottom: 5px; float: left; clear: left; width: 490px;}
.enquiryContainer .formField textarea {padding: 5px; margin-bottom: 5px; float: left; clear: left; width: 490px;} 
.enquiryContainer span.required {position: absolute; top: 27px; right: 5px;}
.thanksContainer a.sendAnother {float: left; clear: left;}

/* Sitemap Page */
.sitemapCategory {float: left; margin-right: 50px;}
.sitemapCategory a {float: left; clear: left;}

/* Shopping Basket */
.shoppingBasket {float: left; clear: left;}
.shoppingBasket table {width: 765px; font-family: Verdana;}
.shoppingBasket table tr {}
.shoppingBasket table td{}
.shoppingBasket .basketLinks {margin-top: 50px; float: left;}

/* Order Page */
.orderReview {}
.orderReview table {float: left; clear: left; width: 764px;}
.orderReview .orderSection{margin-bottom: 20px; float: left;}
.noItems {color: #f00; font-weight: bold;}
a.returnHome {float: left;}

/* Controls */
.textbox { font-family:Verdana; font-size:1.0em; color: #909293}
.textboxsmall { font-family:Verdana; font-size:1.0em; color: #909293}
.button { font-family:Verdana; font-size:1.0em; color: #444}
.editor { font-size:1.0em; font-family:Verdana; }
.captcha input { width: 176px; font-size:1.8em; }

/* Product Category */
.categoryContainer {text-align: center;}
.categoryContainer h1{width: 764px; background: none;}
.categoryContainer p{width: 764px;}
.cats1 {width: 184px;}
.cats1 .overflow{width: 194px;}
.cats2 {width: 376px;}
.cats2 .overflow{width: 386px;}
.cats3 {width: 568px;}
.cats3 .overflow{width: 578px;}
.cats4 {width: 760px;}
.cats4 .overflow{width: 770px;}
.prodCategories {clear: left; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.prodCategories a.prodCategoryLink {float: left; display: inline; margin-right: 8px; border: 1px solid #aaa; width: 178px; padding: 2px;}
.prodCategories a.prodCategoryLink:hover {text-decoration: none; border-color: #3f6c71;}
.prodCategories a.prodCategoryLink span {display: block; padding: 5px; text-align: center;}

/* Product Page */
.productLeft {width: 300px;}
.productRight {width: 445px;}
.productSection {margin-bottom: 20px; width: 435px;}
.productContainer {margin-top: 15px;}
.productImage {text-align: center;}
.productThumbs {float: left; clear: left; margin: 10px 0;}
.productThumbs .thumbContainer {float: left; clear: left; width: 435px;}
.productThumbs .thumbContainer a {padding: 2px; border: 1px solid #aaa; margin: 0px 5px 5px 0px; float: left; display: block;}
.productThumbs .thumbContainer a:hover {border-color: #3f6c71;}
.colourThumbs {float: left; clear: left;}
.colourThumbs table {float: left; clear: left;}
.colourThumbs td {padding: 2px;}
a.backLink {clear: left; float: left; margin-top: 20px; width: 300px;}
.productContainer .button {float: left; clear: left; margin-top: 20px;}

td.productimage {border: 1px solid #aaa;}
td.productimage:hover {border: 1px solid #3f6c71;}

/* Generic Tables */
table {}
table tr {}
table tr td {padding: 8px;}


/* Admin Pages */
.adminContainer {}
.adminContainer p {float: none;}
.adminContainer table {clear: left;}
.adminContainer .button {margin-left: 10px;}

/* Admin tables */
.rowheader { background-color: #406b71; color: #fff;font-weight:bold;}
.row1 { background-color: #ecf0f0; color: #909293; font-weight:normal; height:20px; padding:2px; clear: left; } 
.row2 { background-color: #f5f5f5; color: #909293; font-weight:normal; height:20px; padding:2px; } 
.row1 a:link, .row1 a:active, .row1 a:visited { color: #909293; text-decoration:underline; }
.row1 a:link:hover, .row1 a:active:hover, .row1 a:visited:hover { color: #6d786d; }
.row2 a:link, .row2 a:active, .row2 a:visited { color: #909293; text-decoration:underline; }
.row2 a:link:hover, .row2 a:active:hover, .row2 a:visited:hover { color: #6d786d; }
.imageUploader { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }

.content {padding-right: 8px; padding-left: 5px; padding-top: 5px; padding-bottom: 10px;}
.indentright {padding-left: 124px;}

.greyborderhome {border: 1px solid #909293;	width: 95px; height: 95px;}
.greybordercoll {border: 1px solid #909293; width: 180px; padding: 5px;}
.greybordercat {border: 1px solid #909293; width: 55px; padding: 2px;}

.cattext {padding-left: 5px; line-height: +2; }

.colorblock {width: 10px; height: 10px;}
.blue {color: #6d786d;}

/* Heights */
.height100 {height: 100%;}
.height50 {height: 50px;}
.height39 {height: 39px;}
.height25 {height: 25px;}

/* Admin Login */
.adminLogin {float: left; clear: left; margin-top: 50px; text-align: center; width: 764px;}
.adminLogin p {float: none;}
.adminLogin table {margin: 10px auto;}

/* Admin site */
.admintext {margin: 0px; color: #666666; font-family: Verdana, Arial, Sans; font-size: x-small;}
.admintext a, .admintext a:active, .admintext a:visited {font-weight:bold; text-decoration: none; color: #666666;}
.admintext a:hover, .admintext a:active:hover, .admintext a:visited:hover {font-weight:bold; text-decoration: none; color: #72CEE5;}
.adminmenu {margin: 0px; color: #222222; font-family: Verdana, Arial, Sans; font-size: x-small;}
.adminmenu a, .adminmenu a:active, .adminmenu a:visited {font-weight:bold; text-decoration: none; color: #222222;}
.adminmenu a:hover, .adminmenu a:active:hover, .adminmenu a:visited:hover {font-weight:bold; text-decoration: none; color: #72CEE5;}
.adminheading {margin: 0px; color: #666666; font-family: Verdana, Arial, Sans; font-size: small; font-weight:bold; padding-bottom:20px;}
.adminmenuheading {margin: 0px; color: #222222; font-family: Verdana, Arial, Sans; font-size: small; font-weight:bold; padding-bottom:20px;}
.colourtextdark {font-size: xx-small; font-family: Verdana, Tahoma, Arial; color:Black;}
.colourtextlight {font-size: xx-small; font-family: Verdana, Tahoma, Arial; color:White;}

/* Tables */
.tableheader {height:20px; color:White; font-weight:bold; background-image:url(/images/base/titlebackground.jpg);}
.tableheader a, .tableheader a:active, .tableheader a:visited {color:White; text-decoration: none;}
.tableheader a:hover, .tableheader a:active:hover, .tableheader a:visited:hover {color:Silver; text-decoration: none;}
.rowlight {background-color:#EDEDED; margin: 1px 1px 1px 1px; padding:2px 2px 2px 2px;}
.rowdark {background-color:#DFDFDF; margin: 1px 1px 1px 1px; padding:2px 2px 2px 2px;}