/* DECORATOR STYLES START */

html, body {
    font-family: Arial, Helvetica, sans-serif;
    color: #555753; 
    background: #f4f4e7; 
    margin: 0px; 
    background-repeat: repeat-x;
    padding-top: 5px;
    height: 100%;
    width: 100%;
    background: url(../images/bg_s1.jpg) repeat-y scroll top center;
    text-align: center;
}

#container {
    background: white;
    width: 800px;
	text-align: left;
    margin: 0 auto;
}

/* PAGE HEADER START */

#pageHeader {
    width: 800px;
    margin-top: 0px;
    background-image: url("../images/header3.jpg");
    float: left;
}

#pageHeaderText{
	height: 120px;
	width: 650px;
	float: left;
}

	#pageHeaderText #headerlefttext {
		padding-top: 30px;
		padding-left: 5px;
	    color: #2d422c;
	    font: italic normal 32px Georgia, serif;
	    text-decoration: none;
	}
	
	#pageHeaderText #headerlowertext {
		padding-left: 5px;
	    color: #2d422c;
	    font: italic 14px Verdana, sans-serif;
	    text-decoration: none;
	}

#pageHeaderCart{
	width: 150px;
	z-index: 2;
	text-align: center;
	height: 120px;
	float: left;
}

	#pageHeaderCart #leftnav_carttitle{
		color: #2d422c;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-right: 10px;
		padding-top: 30px;
		padding-bottom: 5px;
		
	}
	
	#pageHeaderCart #leftnav_cartbtm{
		color: #2d422c;
		padding-right: 10px;
	}
	
	#pageHeaderCart #leftnav_cartdata{
		padding-right: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px; color: #2d422c; font-weight: bold;
	}
	
	#pageHeaderCart #leftnav_cartbtm a:link { 
		color: #2d422c; font-size: 11px;
		font-family: Arial, Helvetiva, sans-serif;
	}
	
	#pageHeaderCart #leftnav_cartbtm a:visited { 
		color: #2d422c; font-size: 11px;
		font-family: Arial, Helvetiva, sans-serif;
	}
	
	#pageHeaderCart #leftnav_cartbtm a:hover { 
		color: #2d422c; font-size: 11px;
		font-family: Arial, Helvetiva, sans-serif;
		text-decoration: underline;
	}


/* PAGE HEADER END */

/* TOP NAVIGATOR START */

#topNavigator{
	background-color: #ffffff;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	height: 27px;
	width:800px;
	float: left;
}
	
	#topNavigator a:link 	{ color: #56732e; text-decoration: none;  font-size: 15px; font-family: Arial, Helvetiva, sans-serif }
	#topNavigator a:visited  	{ color: #56732e; text-decoration:none; font-size: 15px; font-family: Arial, Helvetiva, sans-serif }
	#topNavigator a:hover   	{ color: #56732e; text-decoration:underline; font-size: 15px; font-family: Arial, Helvetiva, sans-serif }


	#topNavigator #topNavButtons{
		background-color: #ffffff;
		padding-top: 5px;
		padding-left: 22px;
		padding-right: 20px;
		float: left;
	}

/* TOP NAVIGATOR END */

/* MAIN CONTENT PANEL START */

#content {
    padding-top: 9px;
    margin: 0px;
    background-color: #ffffff;
    float: left;
}

	#content #leftnav{
		width:150px;
		padding-right: 5px;
		}

	#content #rightnav{
		width:150px;
		padding-left: 5px;
		}

	#content #contentArea{

		}

/* MAIN CONTENT PANEL END */
/* DECORATOR STYLES START */



/* site_leftnav.jsp STYLES START */

#leftnav_title{
	padding-left: 10px;
	padding-top: 2px;
	width: 135px;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/leftnav_title.jpg);
}

#leftnav_text{
	font: normal 8pt Georgia, serif;
	background-color: #f3f3e6;
    padding-left: 10px;
    padding-top: 4px;
	width: 135px;
	height: 20px;
    }

#leftnav_spacer{
	width: 135px;
	height: 15px;
}
/* site_leftnav.jsp STYLES END */

/* site_rightnav.jsp STYLES START */

#rightnav_main{
	float: right;
	width: 150px;
}

#rightnav_outerborder{
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid;
	MIN-HEIGHT: 150px;
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #ccc 1px solid;
	BORDER-BOTTOM: #ccc 1px solid;
	width: 150px;
	text-align: center;
}

#rightnav_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	PADDING-TOP: 10px;
	text-align: left;
}

#rightnav_buttons{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	PADDING-TOP: 10px;
	text-align: right;
}

#rightnav_spacer{
	height: 15px;
}

/* site_rightnav.jsp STYLES END */



/* site_designlist.jsp STYLES START */

#designlist{
	
}

#designlist_leftnav{
	padding-top: 3px;
	width:150px;
	float: left;
	}

#designlist_rightnav{
	width:150px;
	}

#designlist_contentArea{
	float: left;
	width: auto;
	}

	#designListTitle{
		font: normal 15pt Georgia, serif; color: #3a5f3c;
	    margin-bottom: 0px;
	    width: 325px;
	    text-align: left;
	    float: left;
		}
	
	#designListCrumb{
		font: normal 8pt color: #3a5f3c;
	    margin-bottom: 0px;
	    width: 300px;
	    text-align: right;
	    float: left;
		}

	#designListDesc{
		float: left;
	}

	#designListSpacer{
	    margin-bottom: 14px;
	}

#designlist_list{
	float: left;
	text-align: center;
}

	#designlist_element{
		float: left;
		margin: 3px;
		text-align: center;
		BORDER: #ccc 1px solid;
		height: 260px;
		width: 200px;
		}
	
	#designlist_element #designlist_border1 {
		HEIGHT: 160px;
		PADDING-LEFT: 10px;
		PADDING-RIGHT: 10px;
		PADDING-TOP: 10px;
		PADDING-BOTTOM: 5px;
		width:180px;
		text-align: center;
	}

	#designlist_image {
		vertical-align: middle;	
	}
	
	
	#designlist_element #designlist_summary {
		BORDER-RIGHT: #ccc 1px solid; 
		BORDER-LEFT: #ccc 1px solid; 
		BORDER-BOTTOM: #ccc 1px solid; 	
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
		PADDING-BOTTOM: 5px;
		width:180px;
		height: 90px;
		text-align: center;
		color: #006600;
	}

	.designlistborder2 {
		BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; 
		BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 7px; PADDING-LEFT: 0px; 
		BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0px; 
		BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; 
	}

	#designlistsummary_name{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #006600;
		font-weight: bold;
	}
	
	#designlistsummary_price{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

/* site_designlist.jsp STYLES END */


/* site_designdetail.jsp STYLES START */

#designDetails{
	border: 1px solid silver;
	background-color: #f0f7ea;
	padding: 15px;
	float: left;
	width: 610px;
}

	#designDetails #designDetails_text{
		float: left;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 20px;
	}

	#designDetails #designDetails_image{
		float: left;
	}

	#designDetails #designDetails_button{
		padding-top: 14px;
	}

/* site_designdetail.jsp STYLES END */

/* site_designselection.jsp STYLES START */

#designselection{
	text-align: center;
	}

#designselection_title{
	text-align: center;
	padding-top: 2px;
	margin-left: 100px;
	margin-right: 100px;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/leftnav_title.jpg);
}

#designselection_text{
	text-align: center;
	font: normal 8pt Georgia, serif;
	background-color: #f3f3e6;
    padding-top: 4px;
	margin-left: 100px;
	margin-right: 100px;
	height: 20px;
    }

#designselection_spacer{
	width: 135px;
	height: 15px;
}

/* site_designselection.jsp STYLES END */

/* home.jsp STYLES START */

#homeMainArea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
}

#homeTitle{
	font: normal 15pt Georgia, serif; color: #3a5f3c;
    margin-bottom: 10px;
	}

#homeAdPanel{
	text-align: center;
}

#homeContactPanel{
	text-align: center;
}

#homeListPanel{
	text-align: center;
}

/* home.jsp STYLES END */

/* contact.jsp STYLE STARTS */

#contactArea{
	text-align: center;
	}

table.contactPanelList {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 10px;
 	color: #707070;
 	width: 300px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.contactPanelList td { 
	padding-left: 6px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;	
}
table.contactPanelList thead tr {background-color: #fc0;}

table.contactPanelList th {
    background: #DEDEDE;
	padding-left: 6px;
	padding-right: 25px;
    border-bottom: 1px solid silver;
    text-align: left;
}

table.contactPanelDetails {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 10px;
 	color: #707070;
 	width: 150px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.contactPanelDetails td { 
	padding-left: 6px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;	
}
table.contactPanelDetails thead tr {background-color: #fc0;}

table.contactPanelDetails th {
    background: #DEDEDE;
	padding-left: 6px;
	padding-right: 25px;
    border-bottom: 1px solid silver;
    text-align: left;
}
/* contact.jsp STYLE ENDS */

/* site_shoppingcart.jsp STYLE STARTS */

#cart_main{
	width:100%;
	text-align: center;
}

	#cart_area{
		width:75%;
		text-align: center;
	}

		#cart_title{
			text-align: left;
			font: 18px Verdana, sans-serif;
		}

		#cart_items_list{
		}
		
		#cart_items_buttons{
		}

		#cart_subtitle  {
			text-align: left;
			padding-top: 15px;
			font: 14px Verdana, sans-serif;
			}
			
		td.scheader {
			background-color: #2d422c;
			color: #ffffff;
		    font: 12px Verdana, sans-serif;
		    font-weight:bold;
		    padding: 10px;
		    
			}
		
		td.scbutton {
			background-color: #b3e655;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 5px;
			padding-bottom: 5px;
			font: 12px Verdana, sans-serif;
		    font-weight:bold;
		    color: #ffffff;
			}
		
		td.scbutton1 {
			background-color: #d3d4d3;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 5px;
			padding-bottom: 5px;
			font: 12px Verdana, sans-serif;
		    font-weight:bold;
		    color: #ffffff;
			}

	#cart_cross_list{
		float: left;
	}
	
	#cart_element{
		float: left;
		margin: 3px;
		text-align: center;
		BORDER: #ccc 1px solid;
		height: 250px;
		}
	
	#cart_element #cart_listborder1 {
		HEIGHT: 160px;
		PADDING-LEFT: 10px;
		PADDING-RIGHT: 10px;
		PADDING-TOP: 10px;
		PADDING-BOTTOM: 5px;
		width:170px;
		text-align: center;
	}

	#cartlist_image {
		vertical-align: middle;	
	}
	
	#cart_element #cartlist_summary {
		BORDER-BOTTOM: #ccc 1px solid; 	
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
		PADDING-BOTTOM: 5px;
		width:180px;
		height: 90px;
		text-align: center;
		color: #006600;
	}

	#cartlistsummary_name{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #006600;
		font-weight: bold;
	}
	
	#cartlistsummary_price{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}


/* site_shoppingcart.jsp STYLE STARTS */

/* CART STYLE */



.cartLink a:link 	{ color: #afaf71; font-size: 10px; font-family: Arial, Helvetiva, sans-serif; }
.cartLink a:visited  { color: #afaf71; font-size: 10px; font-family: Arial, Helvetiva, sans-serif; }
.cartLink a:hover   { color: #afaf71; font-size: 10px; font-family: Arial, Helvetiva, sans-serif; }


.stdBoxBorder{
	border: 1px solid silver;
}
.stdBoxText{
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	background-color: #f0f7ea;
}

/* TT - Styles for main page content only  */




/* Contact US styles ONLY */
/* style for list tables */


/* Order Styles */
table.orderflow {
    /*border-bottom: dotted 1px solid #ccc;*/
    border-collapse: collapse;
    margin-top: 10px;
}
td.orderflowspace {
	width: 40px;
	text-align: center;
}

td.activeorderflow1 {
	font: normal 10pt Georgia, serif;
	color: green;
}

table.orderconfirmation {
    background: #ffc;
    border: 1px solid green;
    color: black;
    font-weight: normal;
    margin: 10px auto;
    padding: 2px;
    padding-left: 4px;
    text-align: left;
    vertical-align: bottom;
}

/* TT - Order Table Style */
table.ordersmaller {
    border: 1px solid black;
    border-collapse: collapse;
    margin-top: 10px;
}

table.order {
    border: 1px solid black;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}
table.order td {
	text-align: left;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px black;
    padding-left: 5px;
}
table.order th {
    background: #D0DAF8;
    padding-left: 3px;
    border-bottom: 1px solid black;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    text-align: left;
}
table.order td.innerorder{
	border: 0px;
	padding-left: 0px;
}
td.orderheader {
	background-color: #2d422c;
	color: #ffffff;
    font: 12px Verdana, sans-serif;
	}

table.order td.currency {
	text-align: right;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px black;
	padding-right: 10px;
}

table.orderfooter {border-collapse: collapse; margin-top: 10px; width: 100%;
}
table.orderfooter td.summary {
	background-color: #2d422c;
	color: #ffffff;
    font: 12px Verdana, sans-serif;
	text-align: left;
    border: 1px solid black;
    padding-left: 5px;
    font-weight: bold;
}
table.orderfooter td.totals {
	text-align: right;
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 10px;
    font-weight: bold;
}




/* Shopping Cart Style */





.opaque {
	opacity: .7;
	filter: alpha(opacity=70);	
}

#designdetailtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #006600;
}

#stdtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p, #content, #supportingText {
    font: 8pt/14pt Verdana, sans-serif;
    margin-top: 0px;
}

h3 {
    background: transparent url() no-repeat top left;
    font: normal small-caps 12pt Georgia, serif;
    letter-spacing: 1px;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #ACA790; /* #7d775c; - darker */
    height: 25px;
    padding: 7px 0px 0px 28px;
}

a:link 		{ color: #006600; text-decoration: none; font-size: 12px; font-family: Arial, Helvetiva, sans-serif }
a:visited   	{ color: #006600; text-decoration:none; font-size: 12px; font-family: Arial, Helvetiva, sans-serif }
a:hover   	{ color: #C7C78D; text-decoration:none; font-size: 12px; font-family: Arial, Helvetiva, sans-serif }




/* TT - Righthand Nav (Adverts) styles */
.adImageBorderNoSpace {
	BORDER-RIGHT: #ccc 0px solid;
	BORDER-TOP: #ccc 0px solid;
	MARGIN-TOP: 0px;
	BORDER-LEFT: #ccc 0px solid; 
	BORDER-BOTTOM: #ccc 0px solid;
	padding: 0px;
}

.imageBorder1 {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 15px; 
	BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 15px; 
	BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 10px; 
	BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px;
	MARGIN-TOP: 7px;
}
	

.adBodyTextPadded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	PADDING-TOP: 10px;
}

.adBorder {
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid;
	MIN-HEIGHT: 130px; PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #ccc 1px solid;
	BORDER-BOTTOM: #ccc 1px solid;
}


.orderconfirmheader {
	font-weight: bold;
	font-size: 12px;
	background-color: #63873C;
	color: #FFFFFF;
}
.orderconfirmdata {
	font-size: 12px;
	background-color: #C5FE78;
	color: #001000;
}

.adText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #49692d;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* TT - Standard PAge Styles */
pageBodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
}

.orderconfirmitemdata {
	font-size: 12px;
	background-color: #dadcda;
	color: #001000;
}
/* specific divs */








#supportingText {

    float: left;
    padding-right: 30px;
    padding-top: 200px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 617px;
}

#underground {
    float: right;
    padding-right: 10px;
    padding-top: 20px !important;
    padding-bottom: 30px;
    height: 333px;
    width: 400px;
}

#footer {
    left: 0px;
    text-align: center;
    margin-top:10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px silver solid;
    float: right;
    width: 800px;
    background-color: #ffffff;
}

#footer a:link, #footer a:visited {
 color: #3f5430; font-size: 12px; font-family: Arial, Helvetiva, sans-serif;
}
#footer a:hover   { color: #3f5430;
	text-decoration:underline; font-size: 12px;
	font-family: Arial, Helvetiva, sans-serif;
	text-decoration: underline;
}


/* end of modified stylesheet from www.csszengarden.com */

/* properly aligned list-item icons - from http://tinyurl.com/25flg */
#content ul, #supportingText ul {
    list-style-type: none;
}



pre {
    overflow: auto;
    background-color: #ffd;
    border: 1px solid #ccc;
    padding: 5px;
}

/* This is the style for the informational messages presented to the user */
div.error, div.message {
    background: #ffc;
    border: 1px solid green;
    color: black;
    font-weight: normal;
    margin: 10px auto;
    padding: 2px;
    padding-left: 4px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error {
    border: 2px solid red;
}

span.fieldError {
    color: maroon !important;
}

/* style for list tables */
table.list {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}

table.list td {
    padding-left: 3px;
}

table.list th {
    background: silver;
    padding-left: 3px;
    border-bottom: 1px solid black;
    text-align: left;
}

table.list thead tr {
    background-color: #fc0;
}

table.list tr.even {
    background: #eee;
    border-top: 1px solid silver;
}

table.list tr.odd {
    background: white;
    border-top: 1px solid silver;
}

/* for cool looking "sunken" input boxes, from www.theserverside.com */
form input, form textarea, form select {
    padding-left: 4px;
    color: #666;
}

input.button {
    color: #000;
}

/* Warning: IE doesn't support pseudo-class :focus */
form input:focus, form textarea:focus, form select:focus {
    border-bottom: #ffdead solid 2px;
    border-right: #ffdead solid 2px;
    border-left: #c07300 solid 2px;
    border-top:  #c07300 solid 2px;
    color: #000;
}
form select {
    padding-left: 0px;
}


table.termsList {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 10px;
 	color: #707070;
 	width: 700px;
 	text-align: left;
}
table.termsList td.main { 
	padding-left: 6px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8.5pt;
	color: #666666;
	text-align: left;
}

table.termsList td.title {
    background: #DEDEDE;
	padding-left: 6px;
	padding-right: 25px;
    border-bottom: 1px solid silver;
    text-align: left;
    text-align: left;
}
.designlistborder1 {
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; 
	HEIGHT: 150px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 5px;
	width:180px;
}

.designlistsummary {
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; 
	BORDER-BOTTOM: #ccc 1px solid; 	
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-BOTTOM: 5px;
	width:180px;
	height: 90px;
}

.designlistborder2 {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 7px; PADDING-LEFT: 0px; 
	BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; 
}