/* DEMO SITE CSS
------------------------------------------------

	Contents:	Global
				Header
				Content
				Footer

------------------------------------------------*/

/* Imports
------------------------------------------------*/
@import "navigation.css";
@import "galleries.css";
@import "tablecloth.css";

/* Global Reset and CSS
------------------------------------------------*/
/* Global CSS and Master Reset
--------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 0px;
	background-color: #bcbdc0;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

.container {
	background-color: white;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.spacer { height: 220px; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

#zIndexNav { z-index: 1000; position: relative; }

/* Typography
--------------------------------------------*/
h1 { font-size: 23px; font-weight: normal; color: #e51937; }
h2 { font-size: 18px; font-weight: normal; color: #e51937; margin-bottom: 5px; margin-top: -5px; }
h3 { font-size: 16px; font-weight: normal; color: #e51937; margin-bottom: 5px; margin-top: -5px; }
h4 { font-size: 14px; font-weight: normal; color: #e51937; margin-bottom: 5px; margin-top: -5px; }

p { font-size: 0.9em; line-height: 1.5em; }

.highlight { color: #e31937; }
.free-catalogue-font { font-size: 14px; padding-left: 50px; }

.footer-cols h1 { font-size: 10px; font-weight: bold; color: white; }
.footer-cols h2 { font-size: 10px; font-weight: normal; margin-top: 0; margin-bottom: 5px; color: white; }

.right-ad-content h1 { margin-top: -5px; }
.right-ad-body h1 { margin-top: 0; margin-bottom: 5px; color: white; font-size: 13px; font-weight: normal; }
.right-ad-body p { margin-bottom: 0; margin-top: 5px; font-size: 11px; }

.search-results-h1 { margin-bottom: -10px; }

/* Tables
---------------------------------------------------------------------------------------*/
.content-list { float: left; width: 205px; }
/*------------------------------------------------------------------------------------*/
.footer-cols ul { margin-left: 0px; }
.footer-cols ul li {
	background-image: url(../images/template/footer-list-arrow.jpg);
	background-repeat: no-repeat; background-position: 0px 4px;
	padding-left: 10px; padding-bottom: 2px; font-size: 10px; color: white;
	line-height: 1.5em;
}

.body-copy ul { margin-left: 0px; }
.body-copy ul li {
	background-image: url(../images/template/content-list-arrow.jpg);
	background-repeat: no-repeat; background-position: 0px 3px;
	padding-left: 15px; padding-bottom: 2px; font-size: 12px;
	line-height: 1.5em;
}

.body-copy-content ul { margin-left: 0px; }
.body-copy-content ul li {
	background-image: url(../images/template/content-list-arrow.jpg);
	background-repeat: no-repeat; background-position: 0px 3px;
	padding-left: 15px; padding-bottom: 2px; font-size: 12px;
	line-height: 1.5em;
}

.body-copy-full ul { margin-left: 0px; }
.body-copy-full ul li {
	background-image: url(../images/template/content-list-arrow.jpg);
	background-repeat: no-repeat; background-position: 0px 3px;
	padding-left: 15px; padding-bottom: 2px; font-size: 12px;
	line-height: 1.5em;
}

.right-ad-content ul.content-arrow { margin-left: 0px; }
.right-ad-content ul.content-arrow li {
	background-image: url(../images/template/content-list-arrow.jpg);
	background-repeat: no-repeat; background-position: 0px 3px;
	padding-left: 15px; padding-bottom: 2px; font-size: 12px;
	line-height: 1.5em; list-style-type: none;
}

.right-ad-content ul { margin-left: 20px; }
.right-ad-content ul li { 
	list-style: disc; padding-bottom: 5px; font-size: 12px;
	line-height: 1.5em;
}

table.prop-specs { font-size: 12px; }
table.prop-specs tr.grey-row td { border-bottom: 1px solid #87888a; }
table.prop-specs tr td { height: 25px; }
table.prop-specs tr td.table-h { color: white; border: 1px solid white; }



/* Forms
---------------------------------------------------------------------------------------*/
.input { 
	width: 200px; border: 1px solid #bcbdc0;
	padding: 3px 5px;
}

/* Links
---------------------------------------------------------------------------------------*/
a { color: #e31937; text-decoration: none; outline: none; }
a:active { color: #e31937; outline: none; }
a:visited { color: #e31937; outline: none; }
a:hover { color: #e31937; outline: none; text-decoration: underline; }

/* Login Links
------------------------------------------------*/
.login a { color: white; text-decoration: none; outline: none; }
.login a:active { color: white; outline: none; }
.login a:visited { color: white; outline: none; }
.login a:hover { color: white; outline: none; text-decoration: underline; }

/* Footer Links
------------------------------------------------*/
.footer-cols a { color: white; text-decoration: none; outline: none; }
.footer-cols a:active { color: white; outline: none; }
.footer-cols a:visited { color: white; outline: none; }
.footer-cols a:hover { color: white; outline: none; text-decoration: underline; }

.footer-bottom a { color: white; text-decoration: none; outline: none; }
.footer-bottom a:active { color: white; outline: none; }
.footer-bottom a:visited { color: white; outline: none; }
.footer-bottom a:hover { color: white; outline: none; text-decoration: underline; }

.right-ad a { color: white; text-decoration: none; outline: none; }
.right-ad a:active { color: white; outline: none; }
.right-ad a:visited { color: white; outline: none; }
.right-ad a:hover { color: white; outline: none; text-decoration: underline; }

.right-ad-module a { color: white; text-decoration: none; outline: none; }
.right-ad-module a:active { color: white; outline: none; }
.right-ad-module a:visited { color: white; outline: none; }
.right-ad-module a:hover { color: white; outline: none; text-decoration: underline; }

.breadcrumb-menu a { color: #58595b; text-decoration: none; outline: none; }
.breadcrumb-menu a:active { color: #58595b; outline: none; }
.breadcrumb-menu a:visited { color: #58595b; outline: none; }
.breadcrumb-menu a:hover { color: #58595b; outline: none; text-decoration: underline; }


/* Header CSS
------------------------------------------------*/
.header {
	font-size: 12px; height: 115px; width: 100%; color: white; background-color: #e51937;
	background-image: url(../images/template/header-bg.jpg); background-repeat: repeat-x;
}
.headerContent { width: 955px; margin: 0 auto; padding: 0 10px; }
.logo img { position: relative; top: 0px; float: left; left: 41px; }
.header-menu { float: left; position: relative; left: -10px; }
.login { float: right; }


/* Header CSS
------------------------------------------------*/
.breadcrumb-menu {
	width: 932px; margin: 0 auto; padding-left: 30px; padding-right: 10px;
	color: #58595b; font-size: 11px;
}


/* Content CSS
-----------------------------------------------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 955px; position: relative; color: #58595b;
}
.content-arrow { position: relative; top: 2px; }
.ad-arrow { position: relative; top: 4px; }

.contact-us-spacer { height: 220px; clear: both; }
.left-ad { float: left; width: 240px; position: absolute; bottom: 0; }

.right-ad-module { float: right; width: 205px; position: absolute; bottom: 20px; right: 0; }
.right-ad { float: right; width: 205px; }
.right-ad-content { float: right; width: 318px; }

.body-copy { width: 490px; float: left; margin-left: 250px; }
.body-copy-content { width: 617px; float: right; margin: 0 10px; }
.body-copy-large { width: 730px; float: right; margin: 0 10px; }
.body-copy-results { width: 730px; float: right; margin: 0 10px; }
.body-copy-full { width: 955px; float: left; margin: 0 10px; }

.content-col-1 { float: left; width: 450px; padding: 0 10px; }
.content-col-2 { float: left; width: 450px; padding: 0 10px; }

.leftPadding { padding-left: 25px; }
.clear-project-space { height: 220px; }

.body-content { width: 617px; float: left; }

/* Free Catalogue CSS
------------------------------------------------*/
.free-catalogue-link { float: right; margin-top: -10px; margin-right: 50px; }

/* Right Ad CSS
------------------------------------------------*/
.right-ad-body { 
	background-image: url(../images/template/right-ad-bg.jpg); 
	background-repeat: repeat-y; color: white; 
	width: 199px; padding: 0 7px;
}
p.right-ad-link { margin-top: 0px; }

/* Footer CSS
------------------------------------------------*/
.footer {
	background-color: #bcbdc0;
	color: white; font-size: 10px;
	height: 60px;
	padding: 20px 10px;
}

.footerContent {
	width: 955px;
	margin: 0 auto;
}

.footer-bottom {
	text-align: center; margin-top: 20px; line-height: 1.5em; padding-bottom: 20px;
}

.footer-products { margin-top: 25px; }
.footer-cols { width: 190px; float: left; }

/* Site Search CSS
------------------------------------------------*/
.site-search { float: right; margin-top: 30px; margin-right: -10px; }
.searchBoxField {
	width: 131px; height: 14px;
	padding: 4px 5px; font-size: 10px;
	position: relative; top: 0px;
	border: 1px solid #9a6872;
}
.search { position: relative; top: 9px; left: -8px; }

/* Search Results CSS
------------------------------------------------*/

/* Nasty Little Safari CSS Hack :(
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search { position: relative; top: 8px; left: -8px; }
}


.LV_validation_message{
    font-weight:bold;
    margin-bottom: -10px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}