/* CSS Document */
body {
	font-family: arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
	color: #5C5C5C;
	background-image: url(hea_bac.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B3B3B3;
	margin:0px;
}

/* basic divs */

#seo {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	font-size: 8px;
	height: 21px;
}

#backheader {
	margin-left: 16px;
	margin-right: 16px;
	background-color: #998D97;
	background-image: url(heafloor_bac.gif);
	background-position: bottom right;
}

#header {
	height: 124px;
	background-image: url(header_genback.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}

#rightimage {
	position: absolute;
	right: 0px;
	top: 0px;
}

#wrapper {
	
}

#rightshadow {
	background-image: url(right_sh.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 20px;
	vertical-align: top;
	text-align: left;
}

#leftshadow {
	background-image: url(left_sh.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 20px;
	vertical-align: top;
	text-align: right;
}

#navigation {
	position: absolute;
	bottom: 4px;
	right: 36px;
	width: 556px;
	height: 39px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

/* within the navigation div - these control how links will look */

#navigation a:link, #navigation a:visited {
	display: block;
	width: 139px;
	height: 31px;
	padding-top: 8px;
	padding-left: 0px;
	background-image: url(but_off.gif);
	color: black;
	text-decoration: none;
}

#navigation a:hover {
	background-image: url(but_on.gif);
	color: black;
}

#maincontent {
	padding: 30px 20px 40px 20px;
	background-color: White;
	background-image: url(main_sh.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	position: relative;
	}
	
.contenttext {
	padding-right: 400px;
}

#homeillustration {
	position: absolute;
	right: 10px;
	top: 30px;
}

#homelink {
	position: absolute;
	top: 160px;
	right: 100px;
	z-index: 30;
	width: 250px;
	height: 80px;
	font-weight: bold;
	color: black;
	font-size: 14px;
	line-height: 17px;
}

#vidlink {
	position: absolute;
	top: 340px;
	right: 100px;
	z-index: 30;
	width: 250px;
	height: 80px;
	font-weight: bold;
	color: black;
	font-size: 14px;
	line-height: 17px;
}

#footer {
   font-size: 8px;
   text-align: right;
	background-image: url(foot_sh.gif);
	background-position: top;
   background-repeat: repeat-x;
}

#bottomright {
    text-align: left;
	 vertical-align: top;
}

#bottomleft {
	text-align: right;
	vertical-align: top;
}

/* mail form elements */

.error {
	color: red;
}

.mailustab {
	width: 400px;
	background-color:  #F5F5F5;
}

.mailustab td {
    vertical-align: top;
}

.mailusq {
	padding: 4px;
	text-align: right;
}

.mailusa {
	padding: 4px;
}

/* html standard tags as needed*/

h1 {
	margin-top: 0px;
	color: #AA2833;
	font-size: 1.4em;
}

h2 {
	color: #AA2833;
	font-size: 1.2em;
}

h3 {
	color: #AA2833;
	font-size: 1.0em;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

p {
	margin-bottom: 0px;
}

a:link, a:visited {
	color: #BF0010;
}

a:hover {
	color: red;
}

a:active {
	
}

strong {
	color: #AA2833;
}

input {
	border: 1px solid #AA2833;
	background-color: white;
}

.leftfloat {
	float: left;
	margin-right: 20px;
}

.rightfloat {
	float: right;
	margin-left: 20px;
}

#ender {
	clear: both;
}

.alpha {
	list-style-type: lower-alpha;
}

.hidden {
	display: none;
}

.confbut {
	padding: 5px;
}

.orderresults_table {
	border-top: 1px solid #AA2833;
	border-left: 1px solid #AA2833;
	border-right: 1px solid #AA2833;
	width: 550px;
}

.orderresults_heading {
	background-color: #FFF4BF;
}

.orderresults_entry {
	background-color: white;
}

.orderresults_inv {
	border-right: 1px solid #AA2833;
	border-bottom: 1px solid #AA2833;	
	width: 50px;
	padding: 2px;
}

.orderresults_name {
	border-right: 1px solid #AA2833;
	border-bottom: 1px solid #AA2833;
	width: 200px;
	padding: 2px;
}

.orderresults_date {
	border-right: 1px solid #AA2833;
	border-bottom: 1px solid #AA2833;
	width: 100px;
	padding: 2px;
}

.orderresults_amount {
	width: 100px;
	border-bottom: 1px solid #AA2833;
	border-right: 1px solid #AA2833;
	padding: 2px;
}

.orderresults_button {
	width: 100px;
	border-bottom: 1px solid #AA2833;
	border-right: 1px solid #AA2833;
	padding: 2px;
}

.detailquestion {
	width: 150px;
	vertical-align: top;
	padding: 3px;
}

.detailanswer {
	padding: 3px;
}

.admin_function {
	width: 250px;
	padding: 3px;
	vertical-align: top;
}

.admin_div {
	border: 1px solid #AA2833;
	background-color: #FFF4BF;
	padding: 6px;
}

.boldprice {
	font-size: 13px;
	font-weight: bold;
}

.hardlink a:link, .hardlink a:visited {
	background-color: #125158;
	border: 1px solid #AA2833;
	color: white;
}

.hardlink a:hover {
	background-color: white;
	border: 1px solid #AA2833;
	color: #125158;
}

.basket_tab {
	border: 1px solid #AA2833;
	margin-top: 6px;
}

.basket_tab2 {
	border-right: 1px solid #AA2833;
	margin-bottom: 6px;
}

.basket_titletd {
	width: 100px;
	font-weight: bold;
	background-color: #FFF4BF;
	color: #AA2833;
	padding: 3px;
}

.basket_td {
	width: 100px;
	padding: 3px;
}

.baskettotals {
	background-color: #FFF4BF;
	font-weight: bold;
	width: 100px;
	border-left: 1px solid #AA2833;
	border-bottom: 1px solid #AA2833;
	padding: 3px;
}

.baskettotal2{
	border-bottom: 1px solid #AA2833;
	width: 100px;
	padding: 3px;
}

#mockvid {
	width: 400px;
	height: 180px;
	background-color: black;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 120px;
}

.patternbox {
	padding:6px;
	vertical-align: top;

}

/* colourchooser styles */

#colourchooser {
	border: 1px solid black;
}

#patternsbox {
	width: 160px;
	vertical-align: top;
	background-color: #EAEAEA;
	border-right: 1px solid black;
	padding:  10px 10px 0px 10px;
	font-size: 11px;
	line-height: 13px;
}

#patternpreview {

}

#patternachoice {
	float: left;
	width: 70px;
}

#patternbchoice {
   float: right;
	width: 70px;
}

#coloursdiv {
	clear: both;
}

#coloursbox {
	width: 160px;
	vertical-align: top;
	padding:  10px 10px 10px 10px;
	background-color: #EAEAEA;
	font-size: 11px;
}

#previewbox {
	vertical-align: top;
	padding:  10px 10px 0px 10px;
}

#colourspreviews {
	font-size: 10px;
	line-height: 10px;
	text-align: left;
}

#colourspreviews img {
	margin-left: 4px;
	margin-right: 2px;
}

#submitbox {
	vertical-align: top;
	padding:  4px 0px 0px 0px;
	background-color: #EAEAEA;
	border-top: 1px solid black;
}

#orderbox {
	border: 1px solid black;
	background-color: #FFF4BF;
	margin-top: 6px;
}

.dimensionstab {
	margin-bottom: 6px;
}

.dimensionsbox {
	width: 100px;
	padding: 4px;
	vertical-align: top;
}

.dimensionsinputbox {
	width: 160px;
	padding: 4px;
	vertical-align: top;
}

.finalsubmitbox {
	padding: 4px;
	text-align: right;
	vertical-align: top;
}

.dimensionssmalltext {
	font-size: 10px;
}

.dimensionssmalltext2 {
	font-size: 10px;
	color: red;
}

#optiontable {
	font-size: 1.1em;
	font-weight: bold;
}

#garagepreview {
	padding: 10px;
	text-align: center;
}

#finalpreviewinfo {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

#floorinfo {
	vertical-align: top;
	width: 180px;
	padding: 0px 10px 0px 10px
}

#yourdimensionsinfo {
	vertical-align: top;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 6px;
	background-color: #FFF4BF;
}

#yourdimensionsinfo1 {
	vertical-align: top;
	border: 1px solid black;
	padding: 6px;
	background-color: #FFF4BF;
}

#submittoorders {
	width: 72px;
	vertical-align: bottom;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 6px;
	background-color: #FFF4BF;
}

#ordersummarytab {
	
}
#ordersummarydetails {
	vertical-align: top;
	padding-right: 10px;
	text-align: right;
}

#ordersummarycosts {
	vertical-align: top;
}

.littleprice {font-size: 10px;}