/*   L A Y O U T   */
html {height:100%;}
body {background:/*url(../img/background.jpg) center top fixed; */ color:#2C2C2C; font-family:verdana,arial,times; min-height:100%; text-align:center;}
#wrapper {margin:0 auto; min-height:100%; position:relative; width:1000px;}
#quickLinks {margin:-12px 100px 0; padding-right:15px; text-align:right;}
#header {background:url(../img/header.png) no-repeat center 0px; height:145px; position:relative; }
#phonenumber { color: #ffffff; position: absolute; bottom: 5px; left: 258px;}
#content {background:url(../img/shadow.png) repeat-y; overflow:hidden; width:1000px;}
#body {background:#FFFFFF; min-height:350px; position:relative; margin:0 100px; text-align:left;}
#bodyWrap {padding:15px 30px;}
#footer {background:url(../img/footer.png) no-repeat center top; height:50px; padding:8px 130px; text-align:left;}
.clear {clear:both;}
.hr {border-bottom:1px solid #666666; margin-bottom:10px;}
#leftCol {float:left;}
.imageRight {float:right; margin:0 0 0 10px;}
.imageLeft {float:left; margin:0 10px 0 0;}
.backBottom {border-top:1px solid #666666; text-align:right; padding-top:5px; margin-top:20px;}
.backTop {margin:-40px 0pt 20px; text-align:right;}
#subnote {margin-top:20px; font-size:85%; color:#666666;}
div#subnote {margin-top:-10px;}


/*   T Y P E O G R A P H Y   */
h1 {margin:0; text-indent:-999em;}
h2 {border-bottom:1px solid #999999; color:#8D0E3A; font-size:123.1%; padding-bottom:5px;} /* 16px */
h3 {border-bottom:1px solid #999999; color:#8D0E3A; font-size:107%; padding-bottom:5px;} /* 14px */
p, li {font-size:93%;}
a {color:#8D0E3A; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {margin-left:1.4em;}
ul li {list-style-image:url('../img/bullet.png'); margin-bottom:8px;}
ol li {margin-bottom:1em}
ol li ol li {list-style:none;}
ol ol {margin-left:0;}
ol ol ol {margin-left:2em;}

.note {font-size:77%;}
#quickLinks, #quickLinks a {color:#555555; font-size:90%; font-weight:bold; position:relative; z-index:100}
#phonenumber a:link, #phonenumber a:visited { color: #C8C7CD; }
#phonenumber a:hover { color: #C8C7CD; }
#footer {color:#666666; font-size:77%;}
#footerLinks a {color:#666666; position:relative; z-index:100;}
#footerLinks a:hover {color:#8D0E3A; text-decoration:none;}
#validationLinks {margin-top:15px; text-align:center;}
#validationLinks a {color:#555555; position:relative; z-index:100;}
.buttonLink {background-color:#EEEEEE; border:1px solid #DDDDDD;color:#2E2E2E; display:block; float:right; line-height:128%; margin:4px 0 0 4px; padding:4px 0; text-align:center; width:110px;}
.buttonLink:hover {background-color:#DDDDDD; border:1px solid #CCCCCC; text-decoration:none;}


/*   M E N U   */
ul#menu {background:url('../img/menu.png') repeat-x; border-top:1px solid #FFFFFF; border-bottom:1px solid #999999; height:25px; margin:0; padding:0; position:relative; width:800px;}
ul#menu li {border-right:1px solid #999999; border-left:1px solid #FFFFFF; color:#666666; display:block; float:left; height:24px; list-style:none; margin:0; padding:0; position:relative; z-index:11; text-align:center; width:131px;}
ul#menu li.menuItemLeft {border-left:0px;}
ul#menu li.menuItemRight {border-right:0px;}
ul#menu li a {color:#666666; display:block; line-height:23px; text-decoration:none;}
ul#menu li a:hover, ul#menu li a.menuActive, ul#menu li a.menuHover  {color:#8D0E3A; text-decoration:none;}


/*   H O M E   P A G E   */
#home {background:#8D0E3A url(../img/home.jpg) no-repeat 0 -30px; height:310px; position:relative; z-index:10;}
#home #phonenumber {background: url(../img/tint.png); color:#FFFFFF; font-size:123.1%; font-weight:bold; left:35px; padding:5px; position:absolute; top:20px;}
#home #callToAction {position:absolute; top:40px; right:40px;}
#home #travertine {position:absolute; top:220px; left:-5px; height:111px; width:157px;}
#home #limestone {position:absolute; top:215px; left:118px; height:116px; width:166px;}
#home #slate {position:absolute; top:211px; left:252px; height:119px; width:160px;}
#home #marble {position:absolute; top:215px; left:387px; height:114px; width:159px;}
#home #basalt {position:absolute; top:225px; left:524px; height:98px; width:145px;}
#home #mosaics {position:absolute; top:220px; left:650px; height:110px; width:168px;}
#homeStrap {background:#8D0E3A; color:#FFFFFF; font-size:131%; font-weight:bold; padding:5px 0; text-align:center;}

.single-column {}
.double-column {}
.double-column #home-content {float:left; width:480px;}
.double-column #special-offers {border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999; float:right; position:relative; width:250px;}
#special-offers-head {background:#8D0E3A; padding:5px;}
#special-offers-head h3 {border:0; color:#FFFFFF; margin:5px 0; padding:0;}
#special-offers ul {margin:0;}
#special-offers li {border-bottom:1px solid #999999; margin:0; overflow:hidden; position:relative; width:auto;}
#special-offers li h4 {margin:0 10px;}
#special-offers li h4 a {display:block; height:100%; padding-top:10px; width:100%;}
#special-offers li p {padding:10px;}
#special-offers li p img {float:left; margin-right:5px;}
#special-offer-image {position:absolute; top:-30px; right:-35px; z-index:1000;}


/*   P A G I N A T I O N   */
.paginationTop {margin:-40px 0pt 20px; text-align:right;}
.paginationBottom {position:relative; text-align:right; top:2px;}
.paginationNote {margin-right:20px;}


/*   T I L E   D E T A I L S   */
.tile {border-bottom:1px solid #999999; padding:10px 0; width:740px;}
.tileInfo {float:right; width:580px; position:relative;}
.tileInfo h3, #productInfo h3 {background:url('../img/dotted-line.jpg') repeat-x center 12px; border:0; margin-top:0; padding:0; text-align:right;}
.tileInfo h3 span, #productInfo h3 span {background:#FFFFFF;}
.tileInfo h3 .name, #productInfo h3 .name, #productInfo h3 .name .tileSize {float:left;}
.tileInfo h3 .tileSize {font-size:80%}
#productInfo {float:right; width:380px;}
#productInfo dl {font-size:85%; margin:0 0 20px 0;}
#productInfo dl dt {float:left; clear:both; width:150px; margin-bottom:10px;}
#productInfo dl dd {margin-left:155px; margin-bottom:10px;}
#productInfo .infoLink {background:url(../img/help-icon.png) no-repeat right center; padding-right:15px;}


/*   F O R M S   */
form span.required {color:#DB0048;}
form .error_message {color:#8D0E3A;}
form input, form textarea, form select {padding:3px; border:1px solid #DDDDDD;}
form input.selectedInput, form select.selectedInput, form textarea.selectedInput {background-color:#FFFFBB;}
form input.submitButton {background-color:#EEEEEE; color:#2E2E2E; cursor:pointer; margin:0; width:110px;}
form input.submitHover {background-color:#DDDDDD; border:1px solid #CCCCCC;}
form.orderForm input, form.orderForm select {width:250px;}
form.orderForm label {display:block; float:left; width:150px;}
form.orderForm p.checkbox label {margin-left:10px; display:inline; float:none;}
form.orderForm div.error_message {padding:0 0 5px 150px;}
form.orderForm legend {color:#8D0E3A; font-size:107%; padding-bottom:10px;}


/*   B A S K E T   */
.tileCost {background:#FFFFBB; border:1px solid #FFFF00; padding:10px; margin-bottom:10px;}
.tileCost h4 {margin-bottom:5px;}
.tileCost p {position:relative;}
.tileCost label {font-weight:bold; margin-left:10px;}
.tileInfo p .price {font-weight:bold; position:absolute; right:0;}
.old-price {text-decoration:line-through;}
.discount-price {color:#8D0E3A;}
#basketTotal {border-bottom:1px solid #999999; padding:10px 0; position:relative; text-align:right;}
#basketTotal .price {font-size:100%; font-weight:bold;}
#basketTotal .discounts {color:#8D0E3A;}
#basketTotal .error_message {background:#FDE4E7; color:#8D0E3A; padding:10px; margin-bottom:5px; text-align:center;}
.agreeTo label {margin-left:10px;}

#offercode {float:left; text-align:left;}

#orderProgress {position:relative; text-align:right; top:-40px;}
#orderProgress span {color:#999999;}
#orderProgress .active {color:#8D0E3A;}
#security-seal {float:right;}


/*   S A M P L E   B O X   */
h3.sampleBox {background:url('../img/dotted-line.jpg') repeat-x center 12px; border:0; margin-top:30px;padding:0; text-align:right;}
h3.sampleBox span {background:#FFFFFF;}
h3.sampleBox .name {float:left;}
.sampleInfo {float:right; width:670px;}
.sampleInfo h3 {border:0; margin:0;}
.sampleInfo h3 .tileSize {font-size:80%;}

.checkoutButtons {line-height:35px; position:relative; top:2px; margin-bottom:30px;}
.checkoutButtons .submitButton {position:absolute; right:0px; top:4px; width:110px;}
.checkoutButtons .recalculate {right:120px;}
.checkoutButtons .submitSuccess {width:auto;}
.checkoutButtons .submitFailure {right:190px; width:auto;}


/*   T A B L E S   */
table .thumbCol {text-align:center; width:5em;}
table {width:100%; text-align:left;}
table tr.tileRow {font-weight:bold; }
table tr.tileRow a {color:#3D3D3D;}
table tr.tileRow td {border-top:1px solid #DDDDDD;}
table td {border:0;}
table thead tr th {background:url('../img/menu.png') repeat-x; border-bottom:1px solid #999999; border-left:0; border-right:0; border-top:0; height:25px; color:#3D3D3D; font-size:85%; padding:0 0.5em; text-align:left;}
table thead tr th.priceTH {text-align:right;}
table tbody tr td {color:#3D3D3D; font-size:85%; padding:0.5em; background-color:#FFFFFF; vertical-align:top;}
table tfoot tr td {color:#3D3D3D; font-size:85%; font-weight:bold; padding:0.5em; background-color:#FFFFFF; vertical-align:top;}
table tfoot tr#delivery td {border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD;}
table tfoot tr#total td {font-size:100%;}
table tfoot tr#discounts td {color:#8D0E3A;}


/*   M E S S A G E S   */
.errorMessage {background:#FDE4E7; color:#8D0E3A; padding:10px; margin-bottom:5px; text-align:center;}
.errorList {background:#FDE4E7; color:#8D0E3A; padding:10px; margin-bottom:10px;}
.successMessage {background:#E3FFE6; color:#37D45C; padding:10px; text-align:center;}
.message {background-color:#FFFFBB; border:1px solid #FFFF00; margin-bottom:2em; padding:10px; text-align:center;}


/*   S L I D E S H O W   */
#slideshow {width:340px;}
#ssImages {height:260px;}
#ssThumbs li {display:block; float:left; margin-right:5px;}
#ssControl {float:right; margin:5px 10px 0 0;}
.activeThumb {border:2px solid #8D0E3A;}
#play, #pause {display:block; height:32px; width:32px; text-indent:-999em; background-repeat:no-repeat;}
#play {background:url('../img/playButton.jpg');}
#pause {background:url('../img/pauseButton.jpg');}


/*   M O D A L   B O X   */
#modalOverlay {background-color:#000; cursor:wait;}
#modalContainer {width:500px; left:50%; top:20%; margin-left:-250px; background:#FFFFFF; border:1px solid #ccc; text-align:left;}
#modalContainer .modalHeader {background:url('../img/menu.png') repeat-x; border-top:1px solid #FFFFFF; border-bottom:1px solid #999999; color:#666666; height:25px; position:relative;}
#modalContainer .modalHeader .modalClose {color:#666666; position:absolute; right:15px; top:1px; font-size:120%;}
#modalContainer .modalHeader span {display:block; padding:4px 0pt 0pt 15px;}
#modalContainer .modalContent {height:180px; padding:15px;}


/*   D E B U G  */
pre, .cakeSqlLog {background:#FFFFFF; text-align:left;}