/* Cavalier Bremworth styles for Shadowbox pages */

/* ---------- layout ---------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #000;
	background: none;
	}

#container {
	width: 655px;
	margin: 0 auto;
	text-align: left;
	background: none;
	padding: 0 0 20px 27px;
	}

#valWrapper
{
	height: 10px;
}
	
#container a:focus {
	outline: none;
	}	
	
form {
	margin: 0;
	padding: 0;
	}	
	
	
/* headers */
	
h1 { /* uses sIFR replacement */
	font-size: 4.0em;
	font-weight: normal;
	line-height: 1;
	color: #2A2620;
	margin: 0;
	padding: 0 0 13px 0;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
		
	
/* paragraphs */
	
p {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3;
	color: #67655D;
	margin: 0;
	padding: 0 0 10px 0;
	}	
	
p.order-samples {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3;
	color: #67655D;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(/resources/img/dotted-divider.gif) repeat-x 0 100%;
	}	
	
/* links */

a:link,
a:visited {
	color: #2898A3;
	text-decoration: none;
	}

a:hover {
	color: #2898A3;
	text-decoration: underline;
	}		
	
/* product details page */
	
.thumbnail-block {
	float: left;
	width: 655px;
	padding: 0 0 15px 0;
	margin: 0 0 10px 0; /* FF */
	background: url(/resources/img/dotted-divider.gif) repeat-x 0 100%;
	}
	
ul.iconbar { 
	width: 655px;
	margin: 35px 0 0 0; /* FF */
	padding: 0;
	list-style-type: none;
	float: left;
	}
	
ul.iconbar li { 
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
	position: relative;
	text-transform: uppercase;
	width: 60px;
	color: #666;
	line-height: 1;
	}
	
ul.iconbar a:link, 
ul.iconbar a:visited, 
ul.iconbar a:hover {
	text-decoration: none;
	}	
	
ul.iconbar a img {
	border: none;
	}	

ul.iconbar span {
	background: url(/resources/img/bg-colour-popup-left.gif) no-repeat 0 0;
	width: auto;
	height: 25px;
	position: absolute;
	top: -33px;
	left: 0;
	text-align: left;
	padding: 8px 3px 0 8px;
	display: none;
	cursor:pointer;
	margin: 0;
    color: #6e6e6e;
	font-size: 1.0em;
	white-space: nowrap;
	text-transform: uppercase;
	line-height: 1;
	}	
		
ul.iconbar span span {	
	background: url(/resources/img/bg-colour-popup-right.gif) no-repeat 100% 0;
	width: 5px;
	height: 33px;
	position: absolute;
	top: 0;
	left: auto;
	right: -5px;
	padding: 0;
	display: block;
	margin: 0;
	white-space: normal;
	}	
	
.nostock 
{
	position:absolute;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 1;
	top: 0px;
}
	
ul.iconbar li input {
	position: absolute;
	right: 1px;
	bottom: 3px; /* FF */
	margin: 0;
	padding: 0;
	}	


input.button {
	float: right;
	}	
	
.form-elements {
	float: left;
	width: 655px;
	margin: 0 0 17px 0;
	padding: 0 0 10px 0;
	background: url(/resources/img/dotted-divider.gif) repeat-x 0 100%;
	}
	
.form-elements-col1 {
	float: left;
	width: 274px;
	}
	
.form-elements-col2 {
	float: right;
	width: 353px;
	}		

.row { /* normal row within form */
	width: 655px;
	float: left;
	margin: 2px 0 2px 0; /* FF */
	}	
	
.form-elements-col1 .row { 
	width: 274px;
	}	
	
.form-elements-col2 .row { 
	width: 353px;
	}			
	
.row label {
	width: 107px;
	margin: 3px 15px 0 0;
	padding: 0;
	float: left;
	color: #67655D;
	font-size: 1.2em;
	}	
	
.form-elements-col2 .row label {
	width: 90px;
	margin: 3px 15px 0 0;
	padding: 0;
	float: left;
	color: #67655D;
	font-size: 1.2em;
	}			
	
.row input {
	margin: 0 6px 0 0;
	padding: 2px;
	border: 1px solid #CFEBEF;
	width: 140px;
	font-size: 1.1em;
	float: left;
	}	
	
.row input.long {
	margin: 0 6px 0 0;
	padding: 2px;
	border: 1px solid #CFEBEF;
	width: 190px;
	font-size: 1.1em;
	float: left;
	}		
	
.row select {
	margin: 0 6px 0 0;
	padding: 2px;
	border: 1px solid #CFEBEF;
	width: 146px;
	font-size: 1.1em;
	float: left;
	background-color: #fff;
	}	
	
.row textarea {
	margin: 0;
	padding: 2px;
	border: 1px solid #CFEBEF;
	width: 240px;
	
	float: left;
	background-color: #fff;
	}	
	
.row-checkbox { /* row containing checkboxes within an unordered list (no gap above) */
	width: 274px;
	float: left;
	margin: 0 0 2px 0; /* FF */  
	}
	
.row-checkbox label {
	width: 107px;
	margin: 3px 15px 12px 0;
	padding: 0;
	float: left;
	color: #67655D;
	font-size: 1.2em;
	}		
	
.row-checkbox ul {
	margin: 3px 0 0 0;
	padding: 0; 
	}
	
.row-checkbox ul li {
	margin: 0; /* FF */
	padding: 0;
	list-style-type:none;
	display: block;
	font-size: 100%;
	float: left;
	width: 274px;
	background: none;
	}	
	

.row-checkbox ul li label {
	width: 232px;
	margin: 0 15px 0 0; /* FF */
	padding: 0;
	float: left;
	}
	
.row-checkbox ul li input {
	margin: 0 6px 10px 0;
	padding: 0;
	border: none;
	width: auto;
	font-size: 1.1em;
	float: left;
	}	
	
.form-elements ul.dealer-list {
	margin: 0;
	padding: 0;
	}

.form-elements ul.dealer-list li {
	margin: 0;
	padding: 0 0 4px 14px;
	list-style-type: none;
	font-size: 1.3em;
	line-height: 1.3;
	color: #555;
	background: url(/resources/img/bullet.gif) no-repeat 0 6px;
	}										
	
a.print-window {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 5px 22px;
	background: url(/resources/img/icon-print.gif) no-repeat 0 1px;
	}	
	
/* ----- clearing div ----- */			
	
.clear { 
	clear: both;
	font-size: 0.1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
	}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
