/*
--------------------------------------------------
	General
--------------------------------------------------
*/
body{
	margin:0;
	padding:0;
	background:#FFFFFF;
	height:100%;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.container{
	margin:5px auto;
	width:965px;
}
a{
	color:#69A202;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
a img{
	border:0px;
}
h1{
	font-size:12px;
}
h5{
	font-size:10px;
}
p{
	margin-top:0px;
}
ul, li{
	margin:0;
	padding:0;
	list-style-type:none;
}


/*
--------------------------------------------------
	Widgets
--------------------------------------------------
*/
.float-L{
	float:left;
}
.float-R{
	float:right;
}


/*	Masthead
--------------------------------------------------*/
.preMasthead{
	margin:0 0 1px 0;
	background-image:url('imgs/pre_masthead-tile.jpg');
	height:10px;
}

.masthead{
	margin:0 0 5px 0;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-image:url('imgs/masthead-tile.jpg');
	height:120px;
}
#logo{
	margin:0 10px;
}
#main-detail{
	margin-bottom:1px;
}
/*	Main Menu
--------------------------------------------------*/

.menu-div{
	clear:right;
	margin-left:300px;
	margin-bottom:15px;
	height:21px;
	background-repeat:repeat-x;
	background-image:url('imgs/masthead-menu_tile.jpg');
}
#menu-detail1{
	margin-right:10px;
}
#menu-detail2{
	margin-left:10px;
}
.menu .active{
	color:#69A202;
}


/*	Main Menu Builder
--------------------------------------------------*/
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {width:auto; height:21px;position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:auto; w\idth:auto;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;text-transform:uppercase;line-height:20px; margin-left:5px;margin-right:5px;}
.menu ul ul li {margin-left:0px;margin-right:0px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none;color:#2F2929;width:auto;height:21px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd bottom left no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#C6EB82 bottom left no-repeat;}
.menu ul ul :hover > a.drop {background:#C6EB82 bottom left no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:21px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {border-top:1px solid #B0DE5B;background:#C6EB82; color:#2F2929; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:1px 0px 0px 0px;text-transform:none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#69A202;}
.menu :hover > a, .menu ul ul :hover > a {color:#69A202;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.menu-bullet{
	margin-top:-2px;
}


/*
--------------------------------------------------
	Content
--------------------------------------------------
*/
/*	Body Section: Home
--------------------------------------------------*/
.newsTicker{
	float:right;
	width:220px;
	margin-left:10px;
	padding:1px;
	border:1px solid #B5EA4A;
}
.newsTickerContent{
	width:220px;
	height:91px;
	background-repeat:no-repeat;
	background-image:url('imgs/newsTicker-bkgd.jpg');
	text-align:right;
}
#newsTickerTitle{
	float:right;
	margin:0 0 5px 100px;
	width:85px;
	height:14px;
	padding-right:15px;
	background-color:#3F94B3;
	background-position:0 100%;
	background-repeat:no-repeat;
	background-image:url('imgs/newsTickerTitle-bkgd.gif');
	font-size:9px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}
.newsTicker h1{
	color:#003366;
	font-size:10px;
	margin:0px 15px;
}
.newsTicker #newsInfo{
	width:auto;
	margin:0px 15px 0 5px;
}
.newsTicker #newsInfo span{
	color:#003366;
}
#intro{
	overflow:hidden;
	margin-bottom:25px;
}
#intro p{
	width:575px;
}

table, tbody{
	clear:both;
	width:100%;
	margin-bottom:10px;
}
tr{
	overflow:hidden;
	padding:3px 0px;
}

td{
	border-top-color:transparent;
	border-bottom-color:transparent;
	border-left-color:#A2DD00;
	border-right-color:#A2DD00;
	border-width:1px;
	border-style:solid;
}
.column1{
	width:50%;
}
.column2{
	width:50%;
	border-left-width:0px;
}
.splitterRow td{
	border-left-color:transparent;
	border-right-color:transparent;
}
.splitter{
	height:1px;
	background-color:#EAEDF2;
}
.product{
	color:#3D3A3A;
}
.product p{
	padding-top:20px;
	margin-right:10px;
}
/*	Cananda Only Override
--------------------------------------------------*/
.row2 .column2 .product p{
	padding-top:0px;
}
#can-only{
	height:17px;
	padding-top:5px;
}
#can-only img{
	margin-top:-5px;
}
#can-only span{
	vertical-align:top;
	font-size:9px;
	color:#ED1B23;
}
#can-only-big{
	position:relative;
	margin-left:-15px;
	margin-top:25px;
}

/*	Read More
--------------------------------------------------*/
.read-more{
	position:relative;
	z-index:50;
	float:right;
	margin-right:10px;
	top:110px;
	color:#373D41;
}
.read-more a{
	color:#373D41;
}
#read-more-smartkat a:hover{
	color:#F4811F;
}
#read-more-loungeseat a:hover{
	color:#42CBF5;
}
#read-more-pavillion a:hover{
	color:#A71E7C;
}
#read-more-sunrings a:hover{
	color:#00753D;
}


/*	Products
--------------------------------------------------*/
.productTable{

}
.productTable .row1{
	height:300px;
}

.productTable td{
	vertical-align:top;
	border-top-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	border-width:1px;
	border-style:solid;
}
.productTable .column1{
	width:60%;
	padding-right:10px;
}
.productTable .column2{
	width:40%;
	border-left-color:#A2DD00;
	padding-left:10px;
}
.productSpecsTable th{
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	color:#69A202;
}
.productSpecsTable tr{
	height:22px;
}
.productTable .productSpecsTable td{
	border-bottom:1px solid #EAEDF2;
}

/* Rightnav + menu dropdown overides
----------------------------------------------*/
.rightnav{
	clear:both;
	margin-bottom:20px;
	height:auto;
}
.rightnav li{
	float:none;
/*	line-height:10px;*/
	height:18px;
	text-transform:none;
	width:225px;
}
.rightnav a{
	height:18px;
	line-height:18px;
	color:#69A202;
}
.rightnav a:visited{
	height:18px;
	color:#69A202;
}
.rightnav a:hover{
	color:#2F2929;
}
.rightnav .menu-bullet{
	margin:0 5px;
	margin-top:-2px;
}
.rightnav .subnav a{
	height:18px;
	color:#69A202;
}
.rightnav .subnav a:visited{
	height:18px;
	color:#69A202;
}
.rightnav .subnav ul{
	width:345px;
	height:18px;
}
.rightnav .subnav li, .rightnav .subnav li a{
	float:left;
	width:auto;
	line-height:18px;
	display:inline;
	background:transparent;
}
.menu ul ul{
	top:18px;
}
.rightnav .subnav ul a, .rightnav .subnav ul a:visited{
	float:left;
	width:auto;
	height:18px;
	display:inline;
	color:#69A202;
	background:#FFFFFF none repeat scroll 0 0;
	border-top:none;
	padding:0;
}
.rightnav .subnav ul a:hover{
	color:#2F2929;
}
.productTable .column2 .splitter{
	margin:10px 0px;
}
.gallery{
	width:356px;
	height:216px;
	padding:2px;
	border:1px solid #F2F4F8;
	text-align:center;
}
.gallery .gallery-content{
	width:356px;
	height:216px;
	background-color:#F2F4F8;

}
.gallery .noflash{
	background-repeat:no-repeat;
	background-image:url('imgs/product-bkgd_noflash.jpg');
}
.gallery .noflash p{
	padding:135px 10px 10px 10px;
	color:#6B7384;
}

#product-smartkat{
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image:url('imgs/product-bkgd_img_smartkat.jpg');
}
#product-loungeseat{
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image:url('imgs/product-bkgd_img_loungeseat.jpg');
}
#product-pavillion{
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image:url('imgs/product-bkgd_img_pavillion.jpg');
}
#product-sunrings{
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image:url('imgs/product-bkgd_img_sunrings.jpg');
}
#product-download{
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image:none;
}

/*	Downloads
--------------------------------------------------*/
#downloadTable th{
	text-align:left;
	text-transform:uppercase;
	color:#3D3A3A;
}


/*	Form / Contact Us
--------------------------------------------------*/
form h5{
	text-transform:uppercase;
	color:#69A202;
	padding-bottom:5px;
}
.formTable td{
	vertical-align:top;
	border-top-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	border-width:1px;
	border-style:solid;
}
.formTable .column1{
	width:60%;
	padding-right:10px;
}
.formTable .column2{
	width:40%;
	border-left-color:#A2DD00;
	padding-left:10px;
}

#formContainer{
	width:100%;
	height:auto;
}
.form-header{
	margin-bottom:-40px;
}
.form-hr{
	margin-top:40px;
	margin-bottom:20px;
	color:#FFF;
	border:0;
	border-top:1px double #69A202;
	height:2px;
}
form div {
	clear:left;
	display:block;
	width:400px;
	height:expression('1%');
	margin:5px 0 0 0;
	padding:0;
}
form .checklist input{
	clear:right;
	width:20px;
	height:10px;
	border:0px;
	background-color:transparent;
}
form div label {
  display: block;
  float: left;
  width: 180px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: 11px;
}
form div label2 {
  display: block;
  float: left;
  width: 400px;
  padding:3px 0px 0px 0px;
  margin: 0 0 5px 0;
  text-align: left;
  font-size: 11px;
}
form input, form select{
	width: 170px;
	height:18px;
	border:solid 1px #C0D992;
	background-color:#F8FFEB;
	padding:0;
	padding-left: 5px;
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
form textarea {
	width: 400px;
	height:auto;
	border:solid 1px #C0D992;
	background-color:#F8FFEB;
	font-size: 11px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}
form div small {
	display: block;
	float:right;
	margin: 0px 0px 5px 0px;
	padding: 1px 3px;
	font-size: 85%;
	height: expression('1%');
}
form div.inputSubmit{
	display:block;
	float:left;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
	float:right;
	margin:3px;
	padding:0 10 0 10;
	width: auto;
	border:solid 1px #C0D992;
	background-color:#F8FFEB;
 	text-align:center;
	color:#69A202;
	font-size:11px;
	font-weight:bold;
	cursor: pointer;
}



/*	Footer
--------------------------------------------------*/
.footer{
	padding-top:15px;
	height:32px;
	background-repeat:repeat-x;
	background-image:url('imgs/footer-tile.jpg');
	color:#ACE401;	
}
.footer span{
	float:right;
	margin:0px 10px;
	width:auto;
	font-size:9px;
}
.footer p{
	margin:0px 10px;
	width:auto;
}
.postfooter{
	text-align:center;
	font-size:9px;
	color:#CCC;
}
.postfooter a{
	color:#AAA;
}
.postfooter a:hover{
	color:#69A202;
}