/*
	Name: pergoladepot
	Date: July 2010
	Description: Layout for pergoladepot
	Version: 1.0
*/

/* Imports */
@import url("reset.css");
@import url("menu.css");

/***** Global *****/
/* Body */
body {
	background:  url(../images/bg.gif) repeat left top;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	text-align: center;
	color: #000000;
	line-height: normal;
}
.inputRequirement {
	font-weight: bold;
	color: #FF0000;
}

/* Headings */
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 15px}
h4 {font-size: 14px}
h5 {font-size: 13px}
h6 {font-size: 13px}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link,a:active, a:visited {
	color: #204F03;
	text-decoration: underline;	
}
a:hover {
	color: #FF9E00;
	text-decoration: none;
}

/* Paragraphs */
p {margin-bottom: 10px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */

	
/*Wrapper*/

#wrapper {
	width: 760px;
	margin: 0 auto;	
	text-align: left;
	background: url(../images/wrapper_bg.gif) repeat-y center top;
	padding: 0 10px 0 10px;
}

/*Header*/

#header {
	background: url(../images/header.jpg) no-repeat left top;
	height: 242px;
	position: relative;
}

/* Logo */

#header #logo {	
	position: absolute;
	top: 5px;
	left: 9px;
}

#logo a:link,
#logo a:active,
#logo a:visited {
	cursor:pointer;
	display:block;
	height:190px;
	width:273px;
	text-decoration: none;
	text-indent: -9999px;
}

#logo a:hover {
	cursor: pointer;
	text-decoration: none;
}

#banner {
	position: absolute;
	right: 7px;
	top: 10px;
}

/* Main Nav */	

#menu {
	height: 30px;
	position: absolute;
	right: 0px;
	top: 148px;
}
/*
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;	
}

#menu ul li {
	z-index: 9999;
	display:block;
	float: left;
	height: 35px;	
}

#menu li a:link,
#menu li a:active,
#menu li a:visited {
	cursor: pointer;		
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	float: left;
	display: block;
	height: 30px;	
	line-height: 30px;
	text-indent: -9999px;
}

#menu li#item1 a:link,
#menu li#item1 a:active,
#menu li#item1 a:visited {
	background:url(../images/pergola_kits_off.gif) no-repeat left top;
	cursor: pointer;	
	width: 92px;	
}

#menu li#item2 a:link,
#menu li#item2 a:active,
#menu li#item2 a:visited {
	background:url(../images/gallery_off.gif) no-repeat left top;
	width: 74px;	
}

#menu li#item3 a:link,
#menu li#item3 a:active,
#menu li#item3 a:visited {
	background:url(../images/how_to_off.gif) no-repeat left top;
	width: 70px;	
}

#menu li#item4 a:link,
#menu li#item4 a:active,
#menu li#item4 a:visited {
	background:url(../images/about_us_off.gif) no-repeat left top;
	width: 81px;	
}

#menu li#item5 a:link,
#menu li#item5 a:active,
#menu li#item5 a:visited {
	background:url(../images/shipping_off.gif) no-repeat left top;
	width: 80px;	
}

#menu li#item6 a:link,
#menu li#item6 a:active,
#menu li#item6 a:visited {
	background:url(../images/contact_off.gif) no-repeat left top;
	width: 72px;	
}

#menu li.active a:link,
#menu li.active a:active,
#menu li.active a:visited,
#menu li.sfHover a:link,
#menu li.sfHover a:active,
#menu li.sfHover a:visited,
#menu li a:hover {
	text-decoration: none;
	color: #251613;
	cursor: pointer;		
}

#menu li#item1.active a:link,
#menu li#item1.active a:active,
#menu li#item1.active a:visited,
#menu li#item1.sfHover a:link,
#menu li#item1.sfHover a:active,
#menu li#item1.sfHover a:visited,
#menu li#item1 a:hover {
	background:  url(../images/pergola_kits_roll.gif) no-repeat left top;
	cursor: pointer;		
}

#menu li#item2.active a:link,
#menu li#item2.active a:active,
#menu li#item2.active a:visited,
#menu li#item2.sfHover a:link,
#menu li#item2.sfHover a:active,
#menu li#item2.sfHover a:visited,
#menu li#item2 a:hover {
	background:  url(../images/gallery_roll.gif) no-repeat left top;
}

#menu li#item3.active a:link,
#menu li#item3.active a:active,
#menu li#item3.active a:visited,
#menu li#item3.sfHover a:link,
#menu li#item3.sfHover a:active,
#menu li#item3.sfHover a:visited,
#menu li#item3 a:hover {
	background:  url(../images/how_to_roll.gif) no-repeat left top;
}

#menu li#item4.active a:link,
#menu li#item4.active a:active,
#menu li#item4.active a:visited,
#menu li#item4.sfHover a:link,
#menu li#item4.sfHover a:active,
#menu li#item4.sfHover a:visited,
#menu li#item4 a:hover {
	background:  url(../images/about_us_roll.gif) no-repeat left top;
}

#menu li#item5.active a:link,
#menu li#item5.active a:active,
#menu li#item5.active a:visited,
#menu li#item5.sfHover a:link,
#menu li#item5.sfHover a:active,
#menu li#item5.sfHover a:visited,
#menu li#item5 a:hover {
	background:  url(../images/shipping_roll.gif) no-repeat left top;
}

#menu li#item6.active a:link,
#menu li#item6.active a:active,
#menu li#item6.active a:visited,
#menu li#item6.sfHover a:link,
#menu li#item6.sfHover a:active,
#menu li#item6.sfHover a:visited,
#menu li#item6 a:hover {
	background:  url(../images/contact_roll.gif) no-repeat left top;
}
*/

/*Body*/

#container {
	background: url(../images/container_repeat.jpg) repeat-y left top; 
	width: 760px;
} 

/*leftCol*/
#leftCol {
	width: 209px;
	float: left;
}

#leftCol .moduletable-top {
text-align: center;
	font-size:10px;	
	margin-bottom: 0px;
}

#leftCol .moduletable-top h3 {
	background: url(../images/module_h3.gif) repeat-x left top; 
	font-size:13px;
	font-weight: bold;
	color: #194403;
	margin:0 0px 5px 0px;
	padding: 19px 5px 5px 5px;
	text-align: left;
}

#leftCol .moduletable-top img {
	margin-bottom: 9px;
}

#leftCol .moduletable-top a:link,
#leftCol .moduletable-top a:visited,
#leftCol .moduletable-top a:active {
	text-decoration: underline;
	color:#204F03;
	font-size:10px;	
}

#leftCol .moduletable-top a:hover {
	text-decoration: none;
}

/**/

#leftCol .moduletable {
	font-size:10px;	
	padding: 0 5px 5px 5px;
	margin-bottom: 0px;
}

#leftCol .moduletable h3 {
	background: url(../images/module_h3.gif) repeat-x left top; 
	font-size:13px;
	font-weight: bold;
	color: #194403;
	margin:0 -5px 5px -5px;
	padding: 19px 5px 5px 5px;
	text-align: left;
}

#leftCol .moduletable img {
	margin-bottom: 9px;
}

#leftCol .moduletable a:link,
#leftCol .moduletable a:visited,
#leftCol .moduletable a:active {
	text-decoration: underline;
	color:#204F03;
	font-size:10px;	
}

#leftCol .moduletable a:hover {
	text-decoration: none;
}


#leftCol .moduletable ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#leftCol .moduletable ul li {
	background: url(../images/li_bg.jpg) no-repeat left 3px;
	float: left;		
	padding-left: 8px;
	width: 191px;	
}

#leftCol .moduletable ul li a:link,
#leftCol .moduletable ul li a:visited,
#leftCol .moduletable ul li a:active {
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	color:#204F03;
}

#leftCol .moduletable ul li a:hover {
	color: #FF9E00;
	text-decoration: none;	
}

#leftCol .moduletable a.readon:link,
#leftCol .moduletable a.readon:visited,
#leftCol .moduletable a.readon:active {
	text-decoration: underline;
	background: url(../images/left_learn_more.jpg) no-repeat left top;
	width: 90px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	font-family: Calibri;
	font-size: 11px;
	display: block;
	padding-left: 15px;
	margin-top: 20px;
}

#leftCol .moduletable a.readon:hover {
	text-decoration: none;
}

/* contentCol */
#contentCol {
	width: 549px;
	float: right;
}

#content {
	line-height: 16px;	
	margin-bottom: 12px;
	padding: 0 5px;
}

.componentheading, 
.contentheading {
	background: url(../images/content_title.gif) repeat-x left top;
	font-size:13px;
	font-weight: bold;
	color: #fff;
	margin:0 -5px 5px -5px;
	padding: 19px 5px 5px 5px;
}

.contentheading span {
	color: #ffff00;
	font-style: italic;
}

.small, .createdate, .modifydate {
	color: #1d5769;
	font-size: x-small;
}

#content ul {
	text-transform: none;
	text-align: left;
	list-style-position: inside;
	padding-left: 25px;
}

#content ul li {
	list-style: disc;
	padding-bottom: 5px;
}

#content ol {
	text-transform: none;
	text-align: left;
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 20px;
}

#content ul li, #content ol li {
	padding-bottom: 3px;
}

#content a.readon:link,
#content a.readon:visited,
#content a.readon:active {
	text-decoration: none;
	background: url(../images/readon_bg.jpg) no-repeat left center;
	padding-left: 18px;
	color: #007f7f;
	font-size: 12px;
	font-weight: bold;
}

#content a.readon:hover {
	text-decoration: underline;
}

#content .importantWrap {
	padding-left: 23px;
}

#content .importantWrap .importantBox {
	text-align: center;
	background: url(../images/important_box.gif) no-repeat center top;
	width: 492px;
	height: 70px;
	font-size: 13px;
	margin-bottom: 16px;
	overflow: hidden;
}

#content .importantWrap .importantBox h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 29px;
	color: #358D0F;
	margin-bottom: 0px;
	padding: 13px 0 0 1px;
	background-image: none;	
}
#content .importantWrap .importantBox-none h1{ background-image: none;	}
#content .importantWrap .importantBox-none {
	text-align: center;
	background: url(../images/important_box.gif) no-repeat center top;
	width: 492px;
	height: 70px;
	font-size: 13px;
	margin-bottom: 16px;
	overflow: hidden;	
}

#content .importantWrap .importantBox-none h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 29px;
	color: #358D0F;
	margin-bottom: 0px;
	padding: 5px 0 0 1px;
}

/* moduletable-kits */
#contentCol .moduletable-kits {
	text-align: center;
	margin-bottom: 27px;
}

#contentCol .moduletable-kits h3 {
	margin-bottom: 23px;
}

#contentCol .moduletable-kits .box {
	float: left;
	width: 49%;	
	text-align: center;
	margin-bottom: 7px;	
}

#contentCol .moduletable-kits .box a:link,
#contentCol .moduletable-kits .box a:active,
#contentCol .moduletable-kits .box a:visited {
	text-decoration: none;
	color:#214f04;
	font-size: 13px;
	text-decoration: none;	
	text-align: center;	
} 

#contentCol .moduletable-kits .box a:hover  {
	text-decoration: underline;	
	color: #FF9E00;	
}

#contentCol .moduletable-kits .box a:link img,
#contentCol .moduletable-kits .box a:active img,
#contentCol .moduletable-kits .box a:visited img {
	border: 1px solid #214f04;	
	text-decoration: none;
	text-align: center;	
}

#contentCol .moduletable-kits .box a:hover img {
	border: 1px solid #FF9E00;	
	text-decoration: none;
}

/*moduletable-blog*/
#contentCol .moduletable-blog {
	text-align: center;	
	margin-bottom: 5px;
}

#contentCol .moduletable-blog .importantBox {
	text-align: center;
	background: url(../images/important_box.gif) no-repeat center top;
	width: 492px;
	height: 70px;
	font-size: 13px;
	margin-bottom: 16px;
	overflow: hidden;	
	margin-left: 28px;
	margin-top: 10px;	
}

#contentCol .moduletable-blog .importantBox h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 29px;
	color: #358D0F;
	margin-bottom: 0px;
	padding-top: 0px;
}

#contentCol .moduletable-blog a.news:link,
#contentCol .moduletable-blog a.news:active,
#contentCol .moduletable-blog a.news:visited {
	font-size:16px;
	font-weight: bold;
	color:#204F03;
	text-decoration:underline;
}

#contentCol .moduletable-blog a.news:hover {
	color: #FF9E00;
	text-decoration: none;
}

/* moduletable */
#contentCol .moduletable {
	
}

#contentCol .moduletable h3 {
	background: url(../images/content_title.gif) repeat-x left top;
	font-size:13px;
	font-weight: bold;
	color: #fff;
	padding: 19px 5px 5px 5px;
}

#contentCol .moduletable .imgWrap {
	float: left;
}

/* footer */

#footer {
	background: url(../images/copyright.gif) no-repeat left top;
	height: 29px;
	line-height: 29px;
	font-size: 7pt;	
	text-align: center;
	font-weight: bold;
}

#footer a:link,
#footer a:active,
#footer a:visited {
 	color:#204F03;
	text-decoration:underline;
}

#footer a:hover {
	color: #FF9E00;
	text-decoration: none;
}#content .ratingBox ,#div_Comments {
	display: none;
}
#content h1 {
	display: block;
	background:url("../images/content_title.gif") repeat-x scroll left top transparent;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 5px;
	margin-left: -5px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#content table.tablesite h1 {
	display: block;
	background:url("../images/content_title.gif") repeat-x scroll left top transparent;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin-top: -1px;
	margin-right: -6px;
	margin-bottom: 5px;
	margin-left: -6px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#contentCol #content table.tablesite td.tablesite h1 {
	display: block;
	background:url("../images/content_title.gif") repeat-x scroll left top transparent;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 5px;
	margin-left: -5px;
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width:539px;
}

#sharethis_0, #sharethis_0 a:link , #sharethis_0 a:visited {
	line-height: 48px;
	font-weight: bold;
	color: #FFFFFF;
}
.NewCart {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15pt;
font-weight:bold;
text-align:center;
}#content table.tablesite ,#content table.tablesite td.tablesite {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	font-size: 100%;
	margin: 0px;
	outline: 0px;
	padding: 0px;
	vertical-align: baseline;
 	width:100%;}


#content table.tablesite td.tablesite {

 }

#content table.tablesite td {
 }

#content table.tablesite tr {
 }
#content table.tablesite tbody{
 }

#content table.tablesite {
 }
 .breadcrumbs a:link, .breadcrumbs a:visited ,  .breadcrumbs {
	color: #000000;
	font-weight: bold;
}
.tableHeaders {
	color: #FFFFFF;
}
 #fancybox-overlay {
	z-index: 9999;
}
#contentCol #content h2 , #module-product h3 , .module-product h3 {
background:url("../images/content_title.gif") repeat-x scroll left top transparent;
color:#FFFFFF;
display:block;
font-size:13px;
font-weight:bold;
margin:0 -5px 5px;
padding:19px 5px 5px;
width:539px;
} 

td.pageHeading {
background:url("../images/content_title.gif") repeat-x scroll left top transparent;
color:#FFFFFF;
display:block;
font-size:13px;
font-weight:bold;
margin:0 -5px 5px;
padding:19px 5px 5px;
width:539px;
} 

#leftCol .moduletable strong a:link, #leftCol .moduletable strong a:visited

{
	text-decoration: none;
}
.productitem img, .pimage img , .checkout_pimage img{
	padding: 3px;
	border: 2px solid #FFA20C;
}
.floatright {
	float: right;
}
#content #module-product .productitem .productdes h4 a:link, #content #module-product .productitem .productdes h4 a:visited {
	font-size: 20px;
	font-weight: normal;
	color: #153206;
}
.productdes input.button {
}
.breadcrumbs {
	clear: both;
	display: block;
	margin-bottom: 10px;
}
.details {
	display: block;
}
.pimage a:link, .pimage a:visited {
	text-decoration: none;
}
.details .price {
	font-size: 22px;
	font-weight: bold;
	color: #F29802;
	line-height: 12px;
}
.special_word, .t9 {
	font-size: 11px;
	color: #ccc;
	font-weight: normal;
	display: none;
}
.buy_quan .button_jquery {
	margin-top: 15px;
}
.special_word{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.t10 {
	font-size: 14px;
	font-weight: bold;
	color: #103000;
}
.modulelist .productWrap {
	text-align: center;
	width: 33%;
	float: left;
	margin-bottom: 20px;
}
#content .inputbox {
	padding: 3px;
	border: 1px solid #41493D;
	background-color: #CCCCCC;
	margin-top: 4px;
	margin-bottom: 4px;
}
.remove {
	text-align: right;
}
.est_shipping {
	display: none;
}