/* default container styles */

body {
    font: 8pt/16pt Georgia, serif; 
    color: #555753; 
    background: #e5e5c9; 
    margin: 0px; 
    background-repeat: repeat-x;
    padding: 0px;
    background-color: #ecebdc;
}

td{
	font: 13px;
	}

#container {
    background: #ffffff;
    width: 940px;
    padding-bottom: 1px;
    position: relative;
    margin: 0 auto;
    background-image: url("../images/header.jpg");
    background-repeat: no-repeat;
	border: 0px solid #dcd8aa;
	text-align: justify;
}

#pageHeader {
    width: 940px;
    background: #ffffff;
    margin:1px;
    background-image: url("../images/header.jpg");
    background-repeat: no-repeat;
    height: 170px;
    
}

#pageTopSpace{
	height: 140px;
	}
#pageTopNav {
    width: 940px;
    font: 12px;
}

#pageTopNav a:link 	{ color: #ffffff; text-decoration: none; font-weight: bold; font-size: 12px; }
#pageTopNav a:visited  	{ color: #ffffff; text-decoration:none; font-weight: bold; font-size: 12px; }
#pageTopNav a:hover   	{ color: #ffffff; text-decoration:underline; font-weight: bold; font-size: 12px; }


.pageNavButLeft {
margin-left: 1px; margin-right: 1px; color: #ffffff;
 padding: 2px; padding-left: 20px; font-weight: bold;  width:131px;
 border-right: 1px solid white; 
}

.pageNavBut1 {
 margin-right: 1px; ; color: #ffffff;
 padding: 2px; padding-left: 20px; font-weight: bold;width:131px;
 border-right: 1px solid white;
}

.pageNavBut2 {
 margin-right: 1px;  color: #ffffff;
 padding: 2px; padding-left: 20px; font-weight: bold;width:131px;
 border-right: 1px solid white;
}

.pageNavBut3 {
	margin-right: 1px; color: #ffffff;
 padding: 2px; padding-left: 20px; font-weight: bold; width:131px;
 border-right: 1px solid white;
}

.pageNavBut4 {
	margin-right: 1px; color: #ffffff;
 padding: 2px; padding-left: 20px; font-weight: bold;width:131px;
 border-right: 1px solid white;
}

.pageNavBut5 {
	margin-right: 1px;  color: #ffffff;
 padding: 2px; padding-right: 20px; font-weight: bold; 
text-align: right; 
}


#content {
	width:780px;
    padding-top: 25px;
    padding-left: 10px;
    left: 0px;
    margin: 5px;
    background: transparent;
}


/* Welcome Page */
.flHeader{
	width: 180px;
	height: 30px;
	font-size: 12px; font-weight: bold; color: #ffffff;
	padding-left: 10px;
	background: #ffffff;
	border-bottom-color: #ffffff;
	border-width: 2px;
	background-image: url(../images/flytop.jpg);
	}

.flMain{	
	font-size: 12px; color: #414141; font-weight: bold;
	padding-left: 10px;
	padding-top: 9px;
	background: #ffffff;
	}

.flMainIndented{
	font-size: 12px; color: #414141;
	padding-left: 20px;
	padding-top: 5px;
	background: #ffffff;
	}

.flMainPrice{
	font-size: 12px; color: #d5362a;
	font-weight:bold;
	padding-left: 10px;
	padding-top: 5px;
	background: #ecf2e8;
	}

.flBottom{
	font-size: 12px; color: #588135;
	padding-left: 0px;
	background: #ecf2e8;
	}

.featurelist {
	padding-top: 5px;
	}



.pageTitle {	
	font-size: 14px; color: #933259; font-weight: bold;
	}

.pageSubTitle {	
	font-size: 12px; color: #588135; font-weight: bold;
	}
	
/*Green header box*/
.imgHeader{
	height: 30px;
	font-size: 12px; font-weight: bold; color: #ffffff;
	padding-left: 10px;
	background: #ffffff;
	border-bottom-color: #ffffff;
	border-width: 2px;
	background-image: url(../images/flytop.jpg);
	}

.imgHeader a:link 	{ color: #ffffff; text-decoration: none; font-weight: bold; font-size: 11px; }
.imgHeader a:visited  	{ color: #ffffff; text-decoration:none; font-weight: bold; font-size: 11px; }
.imgHeader a:hover   	{ color: #ffffff; text-decoration:underline; font-weight: bold; font-size: 11px; }

.imgMainIndented{	
	padding: 5px;
	background: #ecf2e8;
	}
	
.imgMain{	
	background: #ecf2e8;
	padding-left: 5px;
	padding-right: 5px;
	}
/*Quotes style*/
.quote {
	font-size: 12px; font-weight: bold; color: #588135;
	background: #ecf2e8;
	}
.quoteInitial {
	font-size: 9px; color: #588135; font-weight: normal;
	}

/*Registration order table*/
table.order {
    border: 1px solid white;
    border-collapse: collapse;
    
}
table.order td {
	text-align: left;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px white;
    padding-left: 5px;
    background: #e6f7d7;
   
}

table.order td.ordersubhead {
	text-align: right;
	font-weight:bold;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px white;
    padding-right: 5px;
    background: white;
}

table.order td.ordervalue {
	text-align: right;
	width: 120px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px white;
    padding-left: 5px;
    padding-right: 5px;
}

table.order td.ordervaluetotal {
	text-align: right;
	width: 120px;
    border: 1px solid white;
    padding-left: 5px;
    padding-right: 5px;
}

table.order th {
    background: #496c2a;
    color: white;
    padding-left: 3px;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    text-align: left;
}

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;
}

table.orderdetail {
    border: 1px solid black;
    border-collapse: collapse;	
	}

table.orderdetail th{
    background: #496c2a;
    color: white;
    padding-left: 3px;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    text-align: left;	
	}

/* TT - Left Navigator Styles Only  */
.leftnav_title{padding-left: 10px; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #b7e4a9;   
}


.leftnav_carttitle{padding: 2px; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold; color: #ffffff;
	border: 1px solid black;
}

.leftnav_cartbtm{
	color: #afaf71;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.leftnav_cartdata{padding-left: 10px; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #56732e;
	
}


.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 }


/*63d13e*/
/*a9a790*/
.leftnav_text{ font: italic normal 8pt Georgia, serif; background-color: #dde6d7;
    padding-left: 10px;}

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

table.homeTitle{
	font: normal 12pt Georgia, serif; padding-left: 20px; color: #648f3f;
    border: 1px solid #ccc;
    background-color: #dde6d7;
    margin-bottom: 10px;
	}

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

/* Contact US styles ONLY */
/* style for list tables */
table.contactPanelList {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 10px;
 	color: #707070;
}
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;
}

/* 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;
}


td.orderheader {
	background-color: #b3e655;
	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: #b3e655;
	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 */

td.sctitle {
	font: 18px Verdana, sans-serif;
	}
	
td.scheader {
	background-color: #b3e655;
	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;
	}

/*Inherited Styles*/
/* basic elements */



#divider {
    background: #dde6d7;
    width: 940px;
    height: 10px;
    position: relative;
    margin: 0 auto;
}





#topNavigator td.topNavButtons{
background-color: #dde6d7;
padding-left: 20px;
padding-right: 20px;
}

#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: #933259; text-decoration: underline; font-size: 12px; font-family: Arial, Helvetiva, sans-serif }
a:visited   	{ color: #933259; text-decoration:underline; font-size: 12px; font-family: Arial, Helvetiva, sans-serif }
a:hover   	{ color: #bc708f; text-decoration:underline; font-size: 12px; font-family: Arial, Helvetiva, sans-serif }

.designlistborder1 {
	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;
	HEIGHT: 115px;
	MARGIN-TOP: 7px;
	MIN-HEIGHT: 210px;
}
.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; 
}
/* 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;
}

.adBorder {
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid;
	MIN-HEIGHT: 130px; PADDING-BOTTOM: 10px; 
	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 */


#intro {
    min-width: 940px;
}


#pageHeader h1 span {
    display: none;
}

#pageHeader #headerlefttext {
	padding-top: 10px;
	padding-left: 10px;
    color: #ffffff;
    font: italic normal 26px Georgia, serif;
    text-decoration: none;
}

#pageHeader #headerlowertext {
	padding-left: 10px;
    color: #6aa94e;
    font: italic 14px Verdana, sans-serif;
    text-decoration: none;
}
#pageHeader #headerrighttext {
  	color: #6aa94e;
    font: 18px Verdana, sans-serif;
    text-decoration: none
}




#supportingText {

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

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

#footer {
    left: 0px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0px;
    float: right;
    width: 940px;
}

#footer a:link, #footer a:visited {
    margin-left: 20px;
    margin-right: 20px;
}


/* 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;
}

/*Screen Shots table*/
table.screen {
    border: 1px solid white;
    border-collapse: collapse;
    
}
table.screen td {
	text-align: left;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px white;
    padding-left: 10px;
    background: #e6f7d7;
   
}

table.screen td.head {
    background: #496c2a;
    color: white;
    padding-left: 3px;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    text-align: left;
}

table.screenDetails {
	border: 1px solid silver;
	background-color: #f0f7ea;
}
table.screenDetails td {
	padding: 5px;
}

.samples_bg{
	background-image: url(none);
	background-repeat: no-repeat;
	}

	
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button1 {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button1 span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
   
a.button1:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button1:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}