/*
** ***************************************************************
** global reset
** ***************************************************************
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {
	list-style:none;
}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*
** ***************************************************************
** clearing floats without markup
** ***************************************************************
*/
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */
/*
** ***************************************************************
** general classes and global id's
** ***************************************************************
*/
body {
	background:#f7f5eb url('bg.gif');
	font:11px Georgia, Times, "Times New Roman", serif;
	color:#000;
	text-align:center;
	}
#skip {
	display:none;
	}
#wrapper {
	width:980px;
	margin:0 auto;
	text-align:left;
	}
/*
** ***************************************************************
** masthead
** ***************************************************************
*/
#masthead {
	width:980px;
	height:132px;
	}
#logo {
	width:274px;
	float:left;
	height:80px;
	padding:50px 37px 0 24px;
	}
#logo a {
	display:block;
	position:relative;
	width:274px;
	height:111px;
	color:#6eb43f;
	font:bold 16px Helvetica, Arial, Verdana, sans-serif;
	}
#logo a span {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:url('olLogo.jpg') 0 0 no-repeat;
	}
/*
** ***************************************************************
** top green nav bar - about/support/news/contact
** ***************************************************************
*/
#navWrapper {
	float:left;
	width:633px;
	height:36px;
	padding:0 12px 12px 0;
	position:relative;
	background:transparent url('') 0 0;
	}
#topNav {
	width:383px;
	height:37px;
	padding:0 0 0 230px;
	background:transparent url('topnav.jpg') 336px 0 no-repeat;
	}
#topNav li {
	float:left;
	height:37px;
	}
#topNav li a {
	display:block;
	height:37px;
	background:url('topnav.jpg') 0px 0px no-repeat;	
	color:#fff;
	text-decoration:none;
	}
#topNav li#about {
	width:77px;
	}
#topNav li#about a {
	background-position:0 0;
	width:77px;
	text-indent:5px;
	}
#topNav li#about a:hover,
#topNav li#about.active a {
	background-position:0 -37px;
	}
#topNav li#support {
	width:73px;
	}
#topNav li#support a {
	background-position:-77px 0;
	width:73px;
	}
#topNav li#support a:hover,
#topNav li#support.active a {
	background-position:-77px -37px;
	}
#topNav li#news {
	width:63px;
	}
#topNav li#news a {
	background-position:-150px 0;
	width:63px;
	}
#topNav li#news a:hover,
#topNav li#news.active a {
	background-position:-150px -37px;
	}
#topNav li#contact {
	width:85px;
	}
#topNav li#contact a {
	background-position:-213px 0;
	width:85px;
	text-indent:-5px;
	}
#topNav li#contact a:hover,
#topNav li#contact.active a {
	background-position:-213px -37px;
	}
	
	#topNav li#contact1 {
	width:85px;
	}
#topNav li#contact1 a {
	background-position:-315px 0;
	width:85px;
	text-indent:-5px;
	}
#topNav li#contact1 a:hover,
#topNav li#contact1.active a {
	background-position:-315px -37px;
	}
	
#topNav li a span {
	font:normal 12px/30px Helvetica, Arial, Verdana, sans-serif;	
	color:#fff;
	text-decoration:none;
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	}
#topNav li a:hover,
#topNav li a:hover span {
	color:#fff !important;
	}
#topNav li.active a,
#topNav li.active a span,
#topNav li.active a:hover,
#topNav li.active a:hover span {
	color:#f7b901 !important;
	}
/*
** ***************************************************************
** secondary nav in mast head - fences, lawn and garden, sheds, 
** and railings
** ***************************************************************
*/
#productNav {
	width:633px;
	height:56px;
	}
#productNav li {
	float:left;
	height:56px;
	}
#productNav li a {
	display:block;
	height:56px;
	font:bold 14px/56px Helvetica, Arial, Verdana, sans-serif;
	text-align:center;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url('mainNav.gif');	
	}
#productNav li a:hover {
	color:#2c6b20;
	}
#productNav li#product-fences a  {
	width:155px;
	background-position:0px 0px;
	}
#productNav li#product-fences a:hover,
#productNav li#product-fences.active a {
	background-position:0px -56px;
	}	
#productNav li#product-lawn-garden a  {
	width:160px;
	background-position:-155px 0px;
	}	
#productNav li#product-lawn-garden a:hover,
#productNav li#product-lawn-garden.active a  {
	background-position:-155px -56px;
	}	
#productNav li#product-sheds a  {
	width:160px;
	background-position:-315px 0px;
	}	
#productNav li#product-sheds a:hover,
#productNav li#product-sheds.active a {
	background-position:-315px -56px;
	}		
#productNav li#product-railings a  {
	width:158px;
	background-position:-475px 0px;
	}	
#productNav li#product-railings a:hover,
#productNav li#product-railings.active a  {
	background-position:-475px -56px;
	}		
#productNav ul ul {
	display:none;
	}
/*
** ***************************************************************
** text blurb underneath the product nav
** ***************************************************************
*/
#pageSlug {
	width:633px;
	height:57px;
	padding:12px 12px 0px 0;
	float:left;
	position:relative;
	}
#pageSlug h1 {
	width:633px;
	height:57px;
	position:relative;
	display:block;
	font:bold 14px Helvetica, Arial, Verdana, sans-serif;
	color:#e0a800;
	}
#pageSlug h1 em {
	font:italic normal 14px Georgia, Times, "Times New Roman", serif;
	}
#pageSlug h1 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url('olSlug.gif') 0 0 no-repeat;
	}
#pageSlug h2 {
	display:block;
	position:absolute;
	top:22px;
	left:230px;
	width:385px;
	height:57px;
	font:normal 17px/26px Georgia, Times, "Times New Roman", serif;
	color:#aba487;
	}
/*
** ***************************************************************
** left sidebar on subpages
** ***************************************************************
*/
#sidebar {
	width:282px;
	padding:30px 0 0 14px;
	float:left;
	background:#f7f5eb;
	min-height:300px;
	}
#sidebar h3 {
	color:#514b38;
	text-transform:uppercase;
	font:normal 14px/20px Georgia, Times, "Times New Roman", serif;	
	background:url('sidebarDivider.gif') 0 100% no-repeat;
	display:block;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	}
/*
** ***************************************************************
** sidebar navigation with green rounded rectangle background
** ***************************************************************
*/
#sidebar ul {
	margin:0 0 50px 0;
	}	
#sidebar .categories li {
	display:inline;
	font:normal 11px/21px Helvetica, Arial, Verdana, sans-serif;
	}
#sidebar .categories li a {
	display:block;
	margin:3px 0;
	text-decoration:none;
	text-indent:16px;
	color:#2c6b20;
	background-image:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
#sidebar .categories li a:hover,
#sidebar .categories li.active a,
#sidebar .categories li.over a {
	color:#fff;
	background-image:url('subNavLinkBg.gif');
	background-position:0px 0px;
	}
/*
** ***************************************************************
** sidebar support section - hammer, screwdriver and badge
** ***************************************************************
*/
#sidebar #supportNav li {
	padding:93px 0 0 0;
	background:url('supportBadge.jpg') 16px 4px no-repeat;
	}
#sidebar #supportNav li p {
	font:normal 11px/14px Helvetica, Arial, Verdana, sans-serif;		
	color:#333;
	padding:10px 80px 0 16px;
	}
/*
** ***************************************************************
** the green, read-more buttons and rollover states
** ***************************************************************
*/
#sidebar p a.button {
    background: transparent url('subButtonCap.jpg') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 24px; /* sliding doors padding */
    text-decoration: none;
}
#sidebar p a.button:hover {
    background: transparent url('subButtonCap.jpg') no-repeat scroll bottom right;
    }
#sidebar p a.button span {
    background: transparent url('subButtonBg.jpg') no-repeat top left;
    display: block;
    line-height: 25px;
    padding: 2px 20px 3px 16px;
}
#sidebar p a.button:hover span{
    background: transparent url('subButtonBg.jpg') no-repeat bottom left;
	}
/*
** ***************************************************************
** sidebar news post sections 
** ***************************************************************
*/
#sidebar #whatsNewNav li {
	padding:0 0 20px 16px;
	background:url('sidebarDivider.gif') 16px 100% no-repeat;
	margin:0 0 20px 0;
	}

#sidebar #whatsNewNav li.last {
	background:#f7f5eb;
	}	
#sidebar #whatsNewNav li h4 {
	font:bold 14px/20px Georgia, Times, "Times New Roman", serif;	
	color:#2c6b20;
	margin:6px 0;
	}
#sidebar #whatsNewNav li p {
	font:normal 11px/14px Helvetica, Arial, Verdana, sans-serif;		
	color:#333;
	padding:6px 80px 6px 0;
	}	
/*
** ***************************************************************
** main content sections
** ***************************************************************
*/
#content {
	width:667px;
	padding:0 17px 0 0;
	float:left;
	}	
#home #content {
	width:980px;
	margin:0px 0 0 0;
	clear:left;
	}
#contentWrapper {
	clear:both;
	width:980px;
	min-height:200px;
	}
/*
** ***************************************************************
** these are the styles for the product splash nav on the home
** page - the plan is to convert these to sprite fade transitions
** ***************************************************************
*/
#contentNav {
	width:980px;
	margin:30px 0;
	clear:both;
	}
#contentNav ul {
	margin:0 0 0 16px;
	}
#contentNav li {
	float:left;
	padding:3px 3px 10px 3px;
	width:223px;
	margin:0 10px 0 0;
	background:#fff;
	position:relative;
	min-height:429px;
	border:1px solid #DBD8C6;
	}
#contentNav li:hover,
#contentNav li.over {
	background-color:#6cb33e;
	}
#contentNav li h2 {
	display:block;
	width:223px;
	height:34px;
	padding:12px 0 0 0;
	margin:0 0 0 0;
	text-indent:15px;
	color:#514b38;
	font:normal 14px Helvetica, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	background-image:url('productSplash.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#fff;
	}
#contentNav li#content-fences h2 {
	background-position:0px -46px;
	}
#contentNav li#content-fences:hover h2,
#contentNav li#content-fences.over h2 {
	background-position:0 0px;
	color:#fff;
	}
#contentNav li#content-lawn-garden h2 {
	background-position:-223px -46px;
	}
#contentNav li#content-lawn-garden:hover h2,
#contentNav li#content-lawn-garden.over h2 {
	background-position:-223px 0;
	color:#fff;
	}
#contentNav li#content-sheds h2 {
	background-position:-446px -46px;
	}
#contentNav li#content-sheds:hover h2,
#contentNav li#content-sheds.over h2 {
	background-position:-446px 0;
	color:#fff;
	}
#contentNav li#content-railings h2 {
	background-position:-669px -46px;
	}
#contentNav li#content-railings:hover h2,
#contentNav li#content-railings.over h2 {
	background-position:-669px 0;
	color:#fff;
	}
#contentNav li h2 a {
	color:#514b38;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	}	
#contentNav li:hover h2 a,
#contentNav li.over h2 a,
#contentNav li:hover h2 a:hover,
#contentNav li.over h2 a:hover {
	color:#fff;
	text-decoration:none;
	}
#contentNav li p {
	width:223px;
	margin:0 0 0 0px;
	display:block;
	color:#333;
	background-image:url('productSplash.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	font:12px/20px Helvetica, Arial, Verdana, sans-serif;
	}
#contentNav li#content-fences p {
	background-position:0 -92px;
	}
#contentNav li#content-lawn-garden p {
	background-position:-223px -92px;
	}
#contentNav li#content-sheds p {
	background-position:-446px -92px;
	}
#contentNav li#content-railings p {
	background-position:-669px -92px;
	}
#contentNav li p a {
	color:#333;
	display:block;
	padding:272px 10px 10px 10px;
	text-decoration:none;
	}
#contentNav li p a span {
	color:#2c6b20;
	text-decoration:underline;
	}
#contentNav li:hover p,
#contentNav li.over p,
#contentNav li.over p a, 
#contentNav li p a:hover {
	color:#fff;
	}	
#contentNav li p a:hover span {
	color:#2c6b20;
	text-decoration:none;
	}
/*
** ***************************************************************
** this is a divider bar on the home page
** ***************************************************************
*/
#contentNav .hr {
	width:980px;
	height:1px;
	clear:both;
	display:block;
	background:url('splashBot.gif') 0 0 no-repeat;
	}
#contentNav .hr hr {
	display:none;
	}
/*
** ***************************************************************
** main text blurb on the home page
** ***************************************************************
*/
#content #homeSlug {
	display:block;
	width:850px;
	padding:10px 45px 30px 45px;
	color:#6b4a1f;
	font:italic normal 20px/24px Georgia, Times, "Times New Roman", serif;
	}
#content #homeSlug strong {
	font-weight:normal;
	color:#e0a800;
	}
/*
** ***************************************************************
** these are the two subsection on the home page - about and support
** ***************************************************************
*/
#content #homeContent {
	width:980px;
	margin:0 0 30px 0;
	}
#content #homeContent li {
	float:left;
	min-height:150px;
	}
#content #homeContent li#homeAbout {
	background:url('homeAbout.jpg') 251px 10px no-repeat;
	padding:10px 254px 10px 25px;
	margin:0 2px 0 0;
	width:210px;
	}	
#content #homeContent li#homeSupport {
	background:url('homeSupport.jpg') 264px 10px no-repeat;
	padding:10px 254px 10px 25px;
	margin:0 0 0 0;
	width:210px;
	}	
#content #homeContent li h3 {
	font:normal 14px/24px Georgia, Times, "Times New Roman", serif;
	color:#2C6B20;
	margin:0 0 14px 0;
	text-transform:uppercase;
	}
#content #homeContent li p {
	font:12px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	}
/*
** ***************************************************************
** this is the brown button with rollover states for the content sections
** ***************************************************************
*/
#content p a.button {
    background: transparent url('buttonCap.jpg') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 31px;
    margin-right: 6px;
    padding-right: 31px; /* sliding doors padding */
    text-decoration: none;
	}
#content p a.button:hover {
    background: transparent url('buttonCap.jpg') no-repeat scroll bottom right;	
    }
#content p a.button span {
    background: transparent url('buttonBg.jpg') no-repeat;
    display: block;
    line-height: 23px;
    padding: 5px 20px 3px 16px;
	}
#content p a.button:hover span {	
    background: transparent url('buttonBg.jpg') no-repeat bottom left;	
	}
/*
** ***************************************************************
** below are the styles for the product gallery and product tour slider
** it's a little tag soupy, but probably the best solution for 
** multiple galleries on the page.
** ***************************************************************
*/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 10px;
	}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0;
	position: relative;
	width: 435px;	
	}
.csw {
	width: 100%;
	height: 94px;
	overflow: scroll
}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer {
	position: relative;
	overflow: hidden; 
	width: 380px;
	height: 100px;
	clear: both;
	margin:0 0 0 28px;
}
.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}
.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 460px; 
}
.stripNavL, .stripNavR {
	position: absolute;
	top: 30px;
	text-indent: -9000em;
}
.stripNavL a {
	display: block;
	height: 24px;
	width: 24px; 
	background: url("galleryArrows.gif") no-repeat top left;
	}
.stripNavR a {
	display: block;
	height: 24px;
	width: 24px; 
	background: url("galleryArrows.gif") no-repeat top right;
	}
.stripNavL a:hover {
	background: url("galleryArrows.gif") no-repeat bottom left;
	}
.stripNavR a:hover {
	background: url("galleryArrows.gif") no-repeat bottom right;
	}
.stripNavL {
	left: 0;
}
.stripNavR {
	right: 0;
}
.panel li {
	width:168px;
	margin:5px 5px 5px 5px;
	float:left;
	}
.panel li.last {
	margin:0 0 0 0;
	}	
.panel li a img {
	width:168px;
	height:168px;
	}
.panel li a {
	display:block;
	width:75px;
	height:75px;

	}
.panel li a:hover {

	}
	
	.pane2 li {
	width:210px;
	margin:5px 5px 5px 5px;
	float:left;
	}
.pane2 li.last {
	margin:0 0 0 0;
	}	
.pane2 li a img {
	width:210px;
	height:210px;
	}
.pane2 li a {
	display:block;
	width:75px;
	height:75px;

	}
.pane2 li a:hover {

	}
	
	
	.pane3 li {
	width:440px;
	margin:5px 5px 5px 5px;
	float:left;
	}
.pane3 li.last {
	margin:0 0 0 0;
	}	
.pane3 li a img {
	width:440px;
	height:440px;
	}
.pane3 li a {
	display:block;
	width:75px;
	height:75px;

	}
.pane3 li a:hover {

	}
	
/*
** ***************************************************************
** lightbox
** ***************************************************************
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:6px 10px 0;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:6px 10px 0;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	z-index:103;
	top: 50%;
	left: 50%;
	background-color: #E8E8E8;
	border: 4px solid #525252;
	margin: -45px 0pt 0pt -125px;
	padding: 40px 15px 15px;
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	_margin-bottom:1px;
}

/*
** ***************************************************************
** the main page headers (the large photos)
** ***************************************************************
*/	
#content h1 {
	display:block;
	width:653px;
	overflow:hidden;
	height:330px;
	padding:42px 0 0 14px;
	color:#aba487;
	font:italic normal 20px Georgia, Times, "Times New Roman", serif;
	}
#about #content h1 {
	background:#5d3d13 url('pageHeaders/about.jpg') 0 0 no-repeat;	
	}
#content h1.wood-fencing {
	background:#5d3d13 url('pageHeaders/woodfencing.jpg') 0 0 no-repeat;	
	}
#content h1.aluminum-fences {
	background:#5d3d13 url('pageHeaders/aluminumfencing_new.jpg') 0 0 no-repeat;	
	height:34px;
	padding:338px 0 0 14px;
	}	
#content h1.vinyl-fences {
	background:#5d3d13 url('pageHeaders/vinylfencing.jpg') 0 0 no-repeat;	
	}		
#content h1.lattice {
	background:#5d3d13 url('pageHeaders/lattice.jpg') 0 0 no-repeat;	
	}	
#content h1.accents {
	}
#content h1.arbors {
	background:#5d3d13 url('pageHeaders/arbors2.jpg') 0 0 no-repeat;	
	}
#content h1.sheds {
	background:#5d3d13 url('pageHeaders/sheds.jpg') 0 0 no-repeat;	
	}
#content h1.vinyl-railings {
	background:#5d3d13 url('pageHeaders/vinylrailing.jpg') 0 0 no-repeat;	
	}	
#content h1.aluminum-railings {
	background:#5d3d13 url('pageHeaders/aluminumrailing.jpg') 0 0 no-repeat;	
	}	
#content h1.composite-railings {
	background:#5d3d13 url('pageHeaders/compositerailing.jpg') 0 0 no-repeat;	
	}	
#content h1.wood-railings {
	background:#5d3d13 url('pageHeaders/woodrailing.jpg') 0 0 no-repeat;	
	}					
/*
** ***************************************************************
** these headers are just text (no images)
** ***************************************************************
*/
#news #content h1,
#support #content h1,
#privacy #content h1,
#productLanding #content h1,
#contact #content h1,
#page-404 #content h1  {
	height:auto;
	background:#5d3d13;
	padding:0 0 0 0;
	line-height:46px;
	text-indent:10px;
	margin:35px 0 0 0;
	width:100%;
	}	
/*
** ***************************************************************
** here are the main styles for content
** productInfo exists only on the product pages - holds all left
** floated content to allow the our brands box to show
** ***************************************************************
*/
#productInfo {
	width:481px;
	padding:0 0 30px 0;
	float:left;
	}
#content h2 {
	font:italic normal 18px/24px Georgia, Times, "Times New Roman", serif;
	color:#6b4a1f;
	margin:15px 0px 20px 0;
	}
#content #productInfo h2 {
	margin:15px 50px 20px 0;
	}
#productInfo h3,
#about .gallery h3 {
	text-transform:uppercase;
	font:normal 14px/36px Georgia, Times, "Times New Roman", serif;
	color:#5d3d13;
	}
#content p {
	font:12px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	margin:0 0 20px 0;
	}
#content #productInfo p {
	margin:0 50px 20px 0;
	}	
#productInfo p .warrantyBadge {
	padding:0 0 0 0;
	margin:0 0 20px 20px;
	float:right;
	}
#news #content .postImage {
	float:right;
	margin:0 0 20px 20px;
	}
#news #content .entry {
	margin:20px 0 30px 0;
	padding:10px 0 20px 0;
	background:url('contentDivider.gif') 0 100% repeat-x;
	}
#news #content .entry.last {
	background:none;
	}
#news #content .entry h2 {
	font:italic normal 20px/24px Georgia, Times, "Times New Roman", serif;
	margin:0px 0 5px 0;
	}	
#news #content .entry h2 a {
	color:#5d3d13;
	text-decoration:underline;
	}
#news #content .entry h2 a:hover {
	color:#5d3d13;
	text-decoration:none;
	}
#news #content .meta a,
#news #content p a,
#contact #content p a,
#news #content .posted a {
	color:#2c6b20;
	}
#news #content .meta a:hover,
#news #content p a:hover,
#contact #content p a:hover,
#news #content .posted a:hover {
	text-decoration:none;
	}
#news #content .entry ul {
	margin:10px 0 10px 50px;
	}
#news #content .entry ol {
	margin:10px 0 10px 55px;
	}
#news #content .entry ul li {
	list-style-type: disc;
	font:12px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	}
#news #content .entry ol li {
	list-style-type: decimal;
	font:12px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	}	
.gallery {
	padding:20px 0 0 0;
	}
#page-404 #content li {
	font:12px/18px Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	margin:0 0 10px 20px;
	list-style:disc !important;
	}
#page-404 #content li ul {
	margin:10px 0 0 0;
	}	
#page-404 #content li a {
	color:#2c6b20;
	text-decoration:underline;
	}
#page-404 #content li a:hover {
	color:#6cb33e;
	text-decoration:none;
	}
	
/*
** ***************************************************************
** product page our brands box
** ***************************************************************
*/
#ourBrands {
	width:178px;
	margin:20px 0 0 0;
	border:1px solid #dbd8c6;
	padding:3px;
	background:#fff;
	float:left;
	}
#ourBrands h4 {
	display:block;
	border:1px solid #f3f2ec;
	font:14px/39px Georgia, Times, "Times New Roman", serif;
	text-indent:8px;
	background:#d8d4cb;
	color:#514b38;
	text-transform:uppercase;
	}
#ourBrands ul {
	margin:30px 0 0 0;
	}
#ourBrands ul li {
	padding:0 0 70px 0;
	font:10px/14px Helvetica, Arial, Verdana, sans-serif;
	}

#ourBrands ul li a {
	color:#000;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:0 10px;
	}
#ourBrands ul li a strong {
	font-weight:normal;
	color:#2c6b20;
	text-decoration:underline;
	}
#ourBrands ul li a:hover strong {
	text-decoration:none;
	color:#000;
	}
#ourBrands ul li img {
	display:block;
	margin:0 auto 15px auto;
	}
#ourBrands ul li a img,
#ourBrands ul li a:hover img {
	border:none;
	text-decoration:none;
	}
	
#content #supportList li h2 {
	font-size:20px;
	margin:20px 0 0 0;
	}
#content #supportList li h3 {
	font:normal normal 15px/31px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	text-transform:uppercase;
	width:100%;
	padding:0 0 0px 0;
	margin:20px 0 0 0;
	background:url('contentDivider.gif') 0 100% repeat-x;
	text-align:left;
	color:#2C6B20;
	}
#content #supportList li h4 {
	font:normal bold 13px/24px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	text-align:left;
	color:#373632;
	margin:20px 0 0 0;
	}
#content #supportList .supportPosts {
	margin:0 0 40px 0;
	}
#content #supportList .supportPosts h6 {
	font:normal normal 12px/24px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	text-align:left;
	color:#373632;	
	}
#content #supportList .supportPosts li a {
	padding:2px 30px 2px 10px;
	text-decoration:none;
	
	color:#2C6B20;
	background:url('pdf.gif') 100% 0px no-repeat;
	}
#content #supportList .supportPosts li a span {
	text-decoration:underline;
	}
#content #supportList .supportPosts li a:hover span {
	text-decoration:none;
	}
#content .paginate {
	display:block;
	padding:0 10px;
	text-align:right;
	}
#content .paginate strong,
#content .paginate a {
	padding:0 4px;
	}	
#content fieldset li {
	 padding:4px 0;
	}
#content fieldset legend {
	font:normal normal 16px/31px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	color:#2C6B20;
	width:510px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	text-transform:uppercase;
	background:url('contentDivider.gif') 0 100% repeat-x;
	}
#content fieldset label {
	font:normal normal 13px/31px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	text-transform:uppercase;
	padding:0 0 0px 0;
	margin:0 0 0 0;
	text-align:left;
	color:#373632;
	}
#content fieldset input,
#content fieldset textarea {
	font:normal normal 13px/18px Helvetica, Arial, Verdana, sans-serif;	
	padding:3px;
	width:500px;
	}
#content fieldset input.check {
	width:auto;
	margin-right:10px;
	}
#content fieldset input.submit_button {
	width:auto;
	margin:20px 0 0 0;
	}
/*
<h3>Comments</h3>
<div class="comment_entries">
*/

#content .comment_entries {
	padding:0 0 40px 0;
	}
#content .comment_entries h3 {
	font:normal normal 16px/31px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	color:#2C6B20;
	width:510px;
	padding:0 0 10px 0;
	margin:0 0 0 0;
	text-transform:uppercase;
	background:url('contentDivider.gif') 0 100% repeat-x;
	}
#content .comment_body,
#content .comment_body_alt {
	position:relative;
	padding:25px 0 10px 90px;
	width:420px;
	background:url('contentDivider.gif') 0 100% repeat-x;
	}
#content .comment_body.last {
	background:none !important;
	}
#content .comment_body_alt {
	background:#b4ae9e;
	}
#content .comment_entries .meta {
	padding:0 0 0 0;
	color:#b4ae9e;
	font-style:italic;
	}
#content .comment_entries .meta a {
	color:#b4ae9e !important;	
	}
#content .comment_body .count,
#content .comment_body_alt .count {
	position:absolute;
	top:10px;
	left:0;
	font:italic normal 40px Georgia, Times, "Times New Roman", serif;
	color:#b4ae9e;
	}
#product-landing {
	margin:10px 0 0 0px;
	}
#product-landing li {
	float:left;
	width:209px;
	margin:0 8px 30px 0;
	min-height:320px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	}	
#product-landing li.last {
	margin:0 0 30px 0;
	}	
#product-landing li h2 {
	display:block;
	width:209px;
	height:34px;
	padding:0 0 0 0;
	margin:0 0 3px 0;
	text-indent:10px;
	color:#514b38;
	font:normal 14px/34px Georgia, Times, "Times New Roman", serif;
	text-transform:uppercase;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#b4af9c;
	}
#product-landing li h2 a {
	color:#514b38;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	}	
#product-landing li p {
	display:block;
	width:209px;
	background:#fff;
	padding:0;
	margin:0 0 0 0;
	color:#333;
	}
#product-landing li:hover,
#product-landing li.over,
#product-landing.over.last {
	background-color:#6cb33e;
	}
#product-landing li:hover h2,
#product-landing li.over h2 {
	background:#2e6a20;
	}	
#product-landing li h2 a {
	color:#514b38;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	}	
#product-landing li:hover h2 a,
#product-landing li.over h2 a,
#product-landing li:hover h2 a:hover,
#product-landing li.over h2 a:hover {
	color:#fff;
	text-decoration:none;
	}
#product-landing li:hover p,
#product-landing li.over p {
	background:#6cb33e;
	color:#fff;
	}
	
#product-landing li p a {
	color:#333;
	display:block;
	padding:165px 6px 0 6px;
	text-decoration:none;
	}	
#product-landing li#content-wood-fences p {
	background:url('productLandings/woodfencing_small.jpg') 0 0 no-repeat;
	}
#product-landing li#content-aluminum-fences p {
	background:url('productLandings/aluminumfencing_small.jpg') 0 0 no-repeat;
	}	
#product-landing li#content-vinyl-fences p {
	background:url('productLandings/vinylfencing_small.jpg') 0 0 no-repeat;
	}
#product-landing li#content-accents p {
	background:url('productLandings/accent2.jpg') 0 0 no-repeat;
	}		
#product-landing li#content-lattice p {
	background:url('productLandings/lattice_small.jpg') 0 0 no-repeat;
	}	
#product-landing li#content-arbors p {
	background:url('productLandings/arbors2_small.jpg') 0 0 no-repeat;
	}
#product-landing li#content-wood-railings p {
	background:url('productLandings/.jpg') 0 0 no-repeat;
	}	
#product-landing li#content-composite-railings p {
	background:url('productLandings/compositerailing_small.jpg') 0 0 no-repeat;
	}	
#product-landing li#content-vinyl-railings p {
	background:url('productLandings/vinylrailing_small.jpg') 0 0 no-repeat;
	}	
#product-landing li#content-aluminum-railings p {
	background:url('productLandings/aluminumrailing_small.jpg') 0 0 no-repeat;
	}
#product-landing li#content-wood-railings p {
	background:url('productLandings/woodrailing.jpg') 0 0 no-repeat;
	}		
#product-landing li.over p a,
#product-landing li.last.over p a,
#product-landing li p a:hover {
	color:#fff;
	}
#product-landing li p a span {
	color:#2c6b20;
	text-decoration:underline;
	}
#product-landing li:hover p,
#product-landing li.over p,
#product-landing li p a:hover {
	color:#fff;
	}	
#product-landing li p a:hover span {
	color:#2c6b20;
	text-decoration:none;
	}	
/*
** ***************************************************************
** the global footer
** ***************************************************************
*/		
#footer {
	margin:40px 0 20px 0;
	padding:10px 0 20px 0;
	border-top:1px solid #D1CDBF;
	color:#686766;
	clear:left;
	}	
#footer p {
	font:12px/31px Helvetica, Arial, Verdana, sans-serif;
	width:50%;
	float:left;
	color: #FFFFFF;
	}
#footer p a {
	color:#2c6b20;
	text-decoration:underline;
	}
#footer p a:hover {
	color:#2c6b20;
	text-decoration:none;
	}	
#footer h4 {
	font:italic normal 16px/31px Helvetica, Arial, Verdana, sans-serif;
	display:block;
	float:left;
	width:50%;
	text-align:right;
	color:#2C6B20;
	}
/*
** ***************************************************************
** eof
** ***************************************************************
*/

#right{
  width: 522px;

}

#right .box{
	float: left;
	width: 480px;
} 
#right .levy{
	margin-right: 6px;
	width: 522px;
	padding: 0px 10px 10px 20px;
}
#right .levy3{
	margin: 0px 16px 0px 12px;

width:350px;
	height:200px;
  overflow-x   :   hidden;     
  overflow-y   :   auto;  
	border:#D7C3B2 dashed 1px;
}
#right .levy1{
	margin-right: 6px;
	width: 380px;
}
#right .box h3{
	height: 43px;
	display: block;
	font-size: 12px;
	color: #2D5403;
	padding: 9px 0px 0px 5px;
	background: url(h3_right.jpg) repeat-x top left;
	width: 100px;
}
#right .box .podbox{
  background: #f0f0f0;
  padding: 9px;
  height: 50px;
}
#right .box .podbox img{
  float: left;
  margin-right: 15px;
  position: relative;
  top: 6px;
}
#right .box .pravy{
  background: url(backbox.jpg) no-repeat top left;
  padding-left: 170px;
}
#right .box .pravy h4{
	color: #790000;
	padding-left: 5px;
	font-size: 16px;
	margin-top:10px;
	width: 400px;
}

.title_3{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #E5E5E5;
	height:38px;
	display:block;
	line-height:40px;
	font-weight:bold;
	padding:0 40px;
	clear:both;
	background:url(logo-2-1.gif) 2px 8px no-repeat;
}


.list_4{width:410px; height:420px;overflow-x:hidden;overflow-y:scroll;	border:4px solid #E5E5E5;
}
.list_4 li{
	width:118px;
	height:118px;
	text-align:center;
	float:left;
	list-style-type: none;
	margin:5px;
}

.list_4 li p { margin:0; padding:0;
}
.list_4 li img { width:118px; height:118px;
}



.list_5{ margin:5px 5px 5px 5px;}
.list_5 li{
	width:168px;
	height:168px;
	text-align:center;
	list-style-type: none;
	background-color:#FFF;
	margin: 2px;
}

.list_5 li p { margin:0; padding:0;
}
.list_5 li img {
	width:168px;
	height:168px;
}


.list_6{ margin:5px 5px 5px 5px;}
.list_6 li{
	width:180px;
	height:180px;
	text-align:center;
	list-style-type: none;
	background-color:#FFF;
	margin: 2px;
}

.list_6 li p { margin:0; padding:0;
}
.list_6 li img {
	width:180px;
	height:180px;
}




.content{clear:both; font-family:"Lucida Grande","宋体","Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:150%;}
.content{
	font-size:22px;
	margin:0px;
	color:#333333;
	width: 100%;
	
}
.content ul li{ line-height:130%;}
.content p{margin-bottom:5px;}
.content strong{color:#FF3300; padding:0px 10px;}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{ color:#000;}
.content h1{font-size:24px;	font-weight: normal; padding:0px; margin:10px 0px;}
.content h2{font-size:22px;	font-weight: normal; line-height:200%;}
.content h3{font-size:18px;	font-weight: normal;line-height:200%;}
.content h4{font-size:16px;	font-weight: normal;line-height:200%;}
.content h5{font-size: 14px;line-height:200%;}			
.content h6{font-size: 12px;line-height:200%;}			
.content ul{
	list-style-type: disc;
	padding-left:35px;
	line-height:200%;
}
.content a{
	text-decoration: none; color:#000; font-weight:bold;
} 
.content a:link{
	text-decoration: none; color:#000; font-weight:bold;
}

.content a:visited{text-decoration: none; color:#000; font-weight:bold;
}

.title_1{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 5px 0;
	font-size:18px;
	border-bottom:2px solid #889AA8;
	display:block;
	background-color: #006600;

}
.title_1 span{
	padding:5px 0;
  bottom:-2px;*bottom:0 !important;*bottom:0; 
	position: relative;
}

.list_0{
	line-height:120%;
	list-style-type: none;
	font-size:12px;

	font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:120%;
	padding:10px;

	
}
.list_0 li{ line-height:120%; border-bottom:1px dashed #ADADAA; margin-bottom:8px; padding-bottom:5px;}
.list_0 li span{ display:block;
	color:#2755AB;
	padding-left:10px;
	font-weight:bold;
	background-image: url(ico_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.list_0 li a{ color:#333;}
.list_0 li a:link {
	color: #333;
	text-decoration: none;
}
.list_0 li a:visited {
	color: #333;
	text-decoration: none;
}
.list_0 li a:hover {
	color: #04d;
	text-decoration: underline;
}
.list_0 li a:active {
	color:#333;
}

.list_3{ line-height:200%;
	list-style-type: none;
	margin:20px 5px;
}
.list_3 img{	background-color:#FFF;
	padding:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CDCDCF;
	border-bottom-color: #CDCDCF;
	border-left-color: #FFFFFF;
	margin:0 10px;
	float:left;
	width:170px;
	height:115px;
}
.list_3 li{ width:100%; margin-bottom:10px; clear:both; display:block; height:130px;}
.list_3 li span{ color:#999; display:block;}
.list_3 li a{
	font-size:14px;
	color:#29449C;
	font-weight: bold;
	background-image: url(ico_wod.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}
.list_3 li a:link {color: #29449C;	text-decoration: none;}
.list_3 li a:visited {color: #29449C;	text-decoration: none;}
.list_3 li a:hover {color: #04d;	text-decoration: underline;}
.list_3 li a:active {color:#29449C;}
.list_3 li p{background-color:#E3E7F2; display:block; float:left;padding:10px; line-height:130%; font-size:12px; color:#666; width:540px;}

.list_3 li p a{ width:124px; height:22px; line-height:22px; display:block; text-align:center; color:#FFFFFF; font-weight:normal;
	background-image: url(btn_1_off.jpg);
	background-repeat: no-repeat; margin:5px 0;
	padding:0;
}
.list_3 li p a:link{ color:#FFF;}
.list_3 li p a:visited{ color:#FFF;}
.list_3 li p a:hover{ width:124px; height:22px; line-height:22px;color:#FFF;
	background-image: url(btn_1_on.jpg);
	background-repeat: no-repeat;
}

#right2{
	width:258px;
	background-color:#F5E3D5;
	color:#181818;
	border:#D7C3B2 solid 1px;
	padding:8px;
	float:right;
}
#right2 h2{
	display:block;
	width:209px;
	height:42px;
	background:url(testimonial_icon.gif) 10px 10px no-repeat #FFF5ED;
	padding:0 0 0 49px;
	font:normal 21px/42px Georgia, "Times New Roman", Times, serif;
	margin:0 0 8px 0;
	color:#181818;
}
#right2 h3{
	display:block;
	width:247px;
	height:20px;
	background-color:#FFFEC2;
	color:#9D0A0A;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0 0 0 11px;
}
#right2 ul{
	width:225px;
	padding:0 0 13px 11px;
}
#right2 ul li{
	font-size:0;
	line-height:0;
}
#right2 ul li a{
	display:block;
	background:url(arrow4.gif) 0 7px no-repeat;
	padding:0 0 0 13px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:underline;
}
#right2 ul li a:hover{
	color:#000;
	background-color:#EEDCCD;
}
#right2 img.banner{
	display:block;
	font-size:0;
	line-height:0;
	margin:22px 0 0 0;
}

#ser1{
	width:500px;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 5px;
	color:#026690;
}

#ser12{
	width:700px;
	padding:2px 2px 2px 2px;
	margin:5px 0px 8px 5px;
	color:#026690;
}

#ser{
	width:360px;
	border:#D7C3B2 dashed 1px;
	padding:8px 0 10px 8px;
	margin:0 0 8px 0;
	background-color:#fff;
	color:#026690;
}
#ser img{
	display:block;
	font-size:0;
	float:left;
	margin:0 10px 0 0;
}
#ser ba{
	display:block;
	float:left;
	background:url(arrow1.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
#ser ul{
	float:left;
}
#ser ul li{
	font-size:0;
	line-height:0;
	width:230px;
}
#ser ul li a{
	display:block;
	background:url(arrow2.gif) 2px 8px no-repeat;
	padding:0 0 0 10px;
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}

#ser a.more{
	background:url(login_bg.gif) 0 0 no-repeat #fffffe;
	width:61px;
	height:16px;
	float:right;
	font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	text-decoration:none;
	text-align:center;
}

#ser ul li a:hover{
	color:#1F1F1F;
	background-color:#F5E3D5;
}

#ser2{
	width:3px;
	border:#D7C3B2 dashed 1px;
	padding:5px 0 5px 5px;
	margin:0 0 8px 0;
	background-color:#fff;
	color:#026690;
}
#ser2 img{
	display:block;
	font-size:0;
	float:left;
	margin:0 10px 0 0;
}
#ser2 ba{
	display:block;
	float:left;
	background:url(arrow1.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	font:bold 16px/13px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
#ser2 ul{
	float:left;
}
#ser2 ul li{
	font-size:0;
	line-height:0;
	width:200px;
}
#ser2 ul li a{
	display:block;
	background:url(arrow2.gif) 2px 8px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}

#ser2 a.more{
	background:url(login_bg.gif) 0 0 no-repeat #fffffe;
	width:61px;
	height:16px;
	float:right;
	font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	text-decoration:none;
	text-align:center;
}

#ser2 ul li a:hover{
	color:#1F1F1F;
	background-color:#F5E3D5;
}


#ser5{
	width:480px;
	border:#D7C3B2 dashed 1px;
	background-color:#fff;
	color:#666666;
	font:11px/18px Arial, Helvetica, sans-serif;
}
#ser5 img{
	display:block;
	font-size:0;
	float:left;
	margin:0 10px 0 0;
}
#ser5 ba{
	display:block;
	float:left;
	background:url(arrow1.gif) 0 0 no-repeat;
	padding:10px 5px 10px 18px;
	font:bold 16px/13px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
#ser5 ul{
	float:left;
}
#ser5 ul li{
	font-size:0;
	line-height:0;
	width:310px;
}
#ser5 ul li a{
	display:block;
	background:url(arrow2.gif) 2px 8px no-repeat;
	padding:0 0 0 10px;
	font:bold 14px/25px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}

#ser5 a.more{
	background:url(login_bg.gif) 0 0 no-repeat #fffffe;
	width:61px;
	height:16px;
	float:right;
	font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	text-decoration:none;
	text-align:center;
}

#ser5 ul li a:hover{
	color:#1F1F1F;
	background-color:#F5E3D5;
}




#story{
	width:300px;
	border:#E6D8CC solid 1px;
	background-color:#fff;
	color:#101010;
	padding:8px 8px 34px 8px;
	margin:0 0 8px 0;
}
#story h2.ls{
	display:block;
	width:250px;
	height:78px;
	color:#000;
	background:url(story_icon.gif) 12px 9px no-repeat #F9ECE2;
	padding:0 0 0 90px;
	font:normal 19px/28px Georgia, "Times New Roman", Times, serif;
	margin:0 0 18px 0;
}
#story h2 span{
	font:normal 18px/31px Georgia, "Times New Roman", Times, serif;
	color:#AE720A;
	background-color:inherit;
	display:block;
}
#story ul{
	width:350px;
	padding:0 0 0 12px;
}
#story ul li{
	background:url(arrow1.gif) 0 5px no-repeat;
	padding:0 0 0 22px;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
#story ul li span{
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	color:#026690;
	background-color:inherit;
}
#story a.more{
	background:url(login_bg.gif) 0 0 no-repeat #fffffe;
	width:61px;
	height:20px;
	float:right;
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	text-decoration:none;
	text-align:center;
}
#story a.more:hover{
	color:#000;
	background-color:inherit;
}

#help{
	width:281px;
	border:#D7C3B2 dashed 1px;
	padding:14px 0 10px 17px;
	margin:0 0 10px 0;
	background-color:#fff;
	color:#026690;
}
#help img{
	display:block;
	font-size:0;
	float:left;
	margin:0 10px 0 0;
}
#help h3{
	display:block;
	float:left;
	background:url(arrow1.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	font:bold 13px/11px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
#help ul{
	float:left;
}
#help ul li{
	font-size:0;
	line-height:0;
}
#help ul li a{
	display:block;
	background:url(arrow2.gif) 2px 8px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}
#help ul li a:hover{
	color:#1F1F1F;
	background-color:#F5E3D5;
}
/*分类选项内容开始*/

#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}


#hoverpage {
	width:520px;
	height:450px;
	border:1px solid #aaa;
	background:#fff;
	position:relative;
	z-index:499;
	overflow:hidden;
	text-align:left;
}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:380px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li.page div {display:block; width:480px; height:400px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(page3_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(page4_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(page2_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(page5_back.jpg);}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:190px; height:400px; float:left; background:transparent url(current.gif) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i {color:#66a; font-weight:bold;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}
/*分类选项内容结束*/

/*分类菜单内容开始*/

#info {font-family:font-family:"trebuchet ms", trebuchet, arial, sans-serif; font-size:1em;HEIGHT: 500px}
.menu {
	Z-INDEX: 100;
	MARGIN: 0px 0px 50px;
	WIDTH: 400px;
	FONT-FAMILY: verdana, arial, sans-serif;
	POSITION: relative
}
.menu UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px;display:block
}
.menu UL TABLE {
	FONT-SIZE: 1em; MARGIN: -1px -10px; BORDER-COLLAPSE: collapse
	
}
.menu UL .TABLE1 {
	FONT-SIZE: 1em; MARGIN: -1px -10px; BORDER-COLLAPSE: collapse
	
}
.menu UL LI {
	FLOAT: left
}
.menu UL LI A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #c9c9a7; BORDER-LEFT: #fff 0px solid; WIDTH: 249px; COLOR: #000; LINE-HEIGHT: 30px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}



.menu UL LI A:visited {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #c9c9a7; BORDER-LEFT: #fff 0px solid; WIDTH: 130px; COLOR: #000; LINE-HEIGHT: 30px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu UL UL {
	LEFT: -9999px; POSITION: absolute; HEIGHT: 0px;display:block;
	
}

.menu UL LI A:hover {
	BACKGROUND: #b3ab79; COLOR: #fff
	
}
.menu UL LI:hover A {
	BACKGROUND: #b3ab79; COLOR: #fff
}
.menu UL :hover UL {
	Z-INDEX: 100; LEFT: 0px; TOP: 30px; HEIGHT: auto; TEXT-ALIGN: left
	
}
.menu UL :hover UL LI {
	BORDER-RIGHT: #b3ab79 10px solid; PADDING-RIGHT: 10px; BORDER-TOP: #b3ab79 20px solid; PADDING-LEFT: 10px; BACKGROUND: #eee; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #b3ab79 10px solid; WIDTH: 389px; COLOR: #000; PADDING-TOP: 10px; BORDER-BOTTOM: #b3ab79 20px solid; HEIGHT: 430px
}
.menu UL ii {
	BORDER-RIGHT: #b3ab79 10px solid; PADDING-RIGHT: 10px; BORDER-TOP: #b3ab79 20px solid; PADDING-LEFT: 10px; BACKGROUND: #eee; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #b3ab79 10px solid; WIDTH: 389px; COLOR: #000; PADDING-TOP: 10px; BORDER-BOTTOM: #b3ab79 20px solid; HEIGHT: 430px
}

.menu UL :hover UL LI IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-RIGHT-WIDTH: 0px
}
.menu UL :hover UL LI P {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1.8em
}
.menu UL :hover UL LI A {
	BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #eee; BORDER-BOTTOM-WIDTH: 0px; COLOR: #c00; LINE-HEIGHT: 1.8em; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: underline
}
.menu UL :hover UL LI A:hover {
	COLOR: #000; TEXT-DECORATION: none
}

/*分类菜单内容结束*/
/*右侧菜单*/
.menu2 {
	Z-INDEX: 90; MARGIN: 0px; WIDTH: 750px; FONT-FAMILY: verdana, arial, sans-serif; POSITION: relative
}
.menu2 UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
.menu2 UL TABLE {
	FONT-SIZE: 1em; MARGIN: -1px -10px; BORDER-COLLAPSE: collapse
}
.menu2 UL LI {
	FLOAT: left
}
.menu2 UL LI A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #c9c9a7; BORDER-LEFT: #fff 0px solid; WIDTH: 149px; COLOR: #000; LINE-HEIGHT: 30px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu2 UL LI A:visited {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #c9c9a7; BORDER-LEFT: #fff 0px solid; WIDTH: 149px; COLOR: #000; LINE-HEIGHT: 30px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu2 UL LI UL {
	LEFT: -9999px; POSITION: absolute; HEIGHT: 0px
}
.menu2 UL LI A:hover {
	BACKGROUND: #b3ab79; COLOR: #fff
}
.menu2 UL LI:hover A {
	BACKGROUND: #b3ab79; COLOR: #fff
}
.menu2 UL :hover UL {
	LEFT: 0px; TOP: 30px; HEIGHT: auto; TEXT-ALIGN: left
}
.menu2 UL :hover UL LI {
	BORDER-RIGHT: #b3ab79 20px solid; PADDING-RIGHT: 10px; BORDER-TOP: #b3ab79 20px solid; PADDING-LEFT: 10px; BACKGROUND: #eee; PADDING-BOTTOM: 10px; BORDER-LEFT: #b3ab79 20px solid; WIDTH: 689px; COLOR: #000; PADDING-TOP: 10px; BORDER-BOTTOM: #b3ab79 20px solid
}
.menu2 UL :hover UL LI IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-RIGHT-WIDTH: 0px
}
.menu2 UL :hover UL LI P {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1.8em
}
.menu2 UL :hover UL LI A {
	BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #eee; BORDER-BOTTOM-WIDTH: 0px; COLOR: #c00; LINE-HEIGHT: 1.8em; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: underline
}
.menu2 UL :hover UL LI A:hover {
	COLOR: #000; TEXT-DECORATION: none
}

/*右侧菜单*/


bai{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
baii {
	FONT-SIZE: 11px; MARGIN: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
#basic-accordian {
	BORDER-RIGHT: #eee 5px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #eee 5px solid;
	PADDING-LEFT: 5px;
	Z-INDEX: 0;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #eee 5px solid;
	WIDTH: 420px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #eee 5px solid;
	POSITION: absolute;
	background-color: #CC99CC;
	left: 53.3%;
	top: 217px;
}
.accordion_headings {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #99cc00; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid
}
.accordion_headings:hover {
	BACKGROUND: #0EB8CB
}
.accordion_child {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: #eee;
	PADDING-BOTTOM: 15px;
	PADDING-TOP: 15px;
	LINE-HEIGHT: 1.9em;
	FONT-SIZE: 14px;
}

.header_highlight {
	BACKGROUND: #00ccff
}
/*产品页开始*/

* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }

		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {
	width: 100%;
	height: 368px;
	overflow-x   :   hidden;
	overflow-y   :   scroll;
}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}
		
				.csw2 {
	width: 100%;
		width: 100%;
	height: 688px;
	overflow-x   :   hidden;
	overflow-y   :   scroll;

}
		.csw2 .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	border: 1px solid #009900; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 522px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 360px;
	clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			width: 522;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;

			position: relative;
			width: 522px; /* Also specified in  .stripViewer  above */
			background: #000000;
		}
		
				.stripViewer .panelContainer .pane2 { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 522px; /* Also specified in  .stripViewer  above */
			background: #e5e5e5;
		}
		

		
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 5px;
	background-color: #9fe200;
	height: 340px;

		}
		
		.stripViewer .panelContainer .panel .wrapper1 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
	background-color: #007cb9;
	height: 340px;

		}		
		
			.stripViewer .panelContainer .panel .wrapper2 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
	background-color: #cc99cc;
	height: 340px;

		}			
		
		
		
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a {
	background: #9fe200;
	width: 150px;

}
		.stripNav li.tab2 a {
	background: #007cb9;
	width: 150px;

}
		.stripNav li.tab3 a { background: #cc99cc;width: 150px; }
		.stripNav li.tab4 a { background: #63c;width: 150px; }
		.stripNav li.tab5 a { background: #00e;width: 150px; }
		
		.stripNav li.tab1 a:hover {
	background: #96E8B1;

		}
		
		.stripNav li.tab1 a.current {
			background: #9fe200;
			color: #fff;
		}
		
			.stripNav li.tab2 a:hover {
			background: #00a1f0;
		}
		
		.stripNav li.tab2 a.current {
			background: #007cb9;
			color: #fff;
		}	
		
		
		
		.stripNav li.tab3 a:hover {
			background: #f1b2f1;
		}
		
		.stripNav li.tab3 a.current {
			background: #cc99cc;
			color: #fff;
		}
		
		
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 80px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 25px;
			width: 25px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("arrow-right.gif") no-repeat center;
		}

/*产品页开始*/

/*销售团队选项卡开始*/

/* 标准盒模型 */
.ttl{height:18px;}
.ctt{
	height:auto;
	padding:3px;
	clear:both;
	border-top:0;
	text-align:left;
	height:672px;
	overflow-x:hidden;
	overflow-y:scroll;
	border:4px solid #E5E5E5;
}
.w936{
	margin:2px 0;
	clear:both;
	width:520px;/*这里调整整个滑动门的宽度*/
	text-align: left;
	background-color: #FFFFFF;
}
/* TAB 切换效果 */
.tb_{
	background-repeat: repeat-x;
	background-color: #CC99CC;
}
.tb_ ul{height:24px;}
.tb_ li{
	float:left;
	height: 26px;
	line-height:1.9;
	width: 238px;
	cursor:pointer;
	padding-left: 20px;
	;
	;
	border: 1px solid #ccc;
	;
}
/* 用于控制显示与隐藏的css类 */
.normaltab   {
	background-repeat: no-repeat;
	color:#FFFFFF;
	background-color: #CC99CC;
	font-weight: bold;
}
.hovertab    {
	background-repeat: no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #006633;
}
.dis{display:block;}
.undis{display:none;}

/*销售团队选项卡结束*/
/*菜单*/