/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg_250.jpg) 0 0 repeat-x #fff; color:#6B6854; font:14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative;}

/*----TOP PANEL----*/
#topPan{width:778px; height:250px; background:url(images/header.jpg) 0 0 no-repeat #fff; color:#726503; position:relative;}
#topPan img.logo{width:330px; height:78px; position:absolute; top:15px; left:200px;}
#topPan ul{width:107px; height:126px; font-weight:bold; position:absolute; top:106px; left:310px; font-size:13px; line-height:24px;}
#topPan ul li{width:107px; height:24px; border-bottom:1px dashed #AECA8D;}
#topPan ul li a{width:82px; height:24px; display:block; background:url(images/arrow-normal.gif) 0 8px no-repeat #fff; color:#5E8402; line-height:24px; text-decoration:none; padding:0 0 0 25px;}
#topPan ul li a:hover{background:url(images/arrow-hover.gif) 0 8px no-repeat #ECFFD5; color:#5E8402; text-decoration:none;}
#topPan ul li.home{width:82px; height:24px; display:block; background:url(images/arrow-hover.gif) 0 8px no-repeat #ECFFD5; color:#5E8402; line-height:24px; text-decoration:none; padding:0 0 0 25px;}
#topPan ul li.contact{width:107px; height:24px; border-bottom:none;}

/*----/TOP PANEL----*/
/*----BODY TOP PANEL----*/
#bodytopPan{width:710px; height:125px; position:relative; margin:0 auto; padding:17px 0 0;}
#bodytopPan h1{
	width:500px;
	height:60px;
	background:url(images/painters-board_icon.jpg) 0 0 no-repeat #fff;
	color:#FF0000;
	padding:0 0 0 98px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 70px;
}

#bodytopPan p{padding:8px 0;}
#bodytopPan p span.boldtext{font-weight:bold;}
#bodytopPan p span.greentext{font-weight:bold; background:#fff; color:#619913;}

#bodytopPan p.more{width:70px; height:18px; font-weight:bold; margin:-10px 0 0 630px; padding:0px;}
#bodytopPan p.more a{width:70px; height:18px; display:block; background:#fff; color:#5E8402; text-decoration:none;}
#bodytopPan p.more a:hover{background:#fff; color:#444130; text-decoration:none;}
/*----/BODY TOP PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymiddleMainPan{height:57px; background:url(images/bodybg.gif) 0 0 repeat-x #F1FDDD; color:#5E8402; margin:20px 0 0; clear:both; padding:0 0 0 34px;}

#bodymiddleMainPan h2{height:55px; background:url(images/icon2.gif) 0 1px no-repeat; text-transform:uppercase; font-size:25px; line-height:57px; padding:0 0 0 75px;}

/*----SIDEBAR----*/
#sidebar{width:100px; position:relative; float:left; margin:0 auto; padding:17px 0 0 15px;}
#sidebar ul{width:85px; font-weight:bold; position:relative; font-size:13px; line-height:24px; padding:5px 0 0 5px;}
#sidebar ul li{width:85px; height:24px; border-bottom:1px dashed #AECA8D;background:#7DA93E;margin: 10px 0 0 0;}
#sidebar ul li a{width:82px; height:24px; display:block; line-height:24px; text-decoration:none;color:#FFFFFF;margin: 0 0 0 10px;}
#sidebar ul li a:hover{color:#333333; text-decoration:none;}


/*----BODY PANEL----*/
#bodyPan{width:778px; position:relative; padding:20px 0 0;}
#bodybgPan{width:710px; float:left; background:url(images/bodydot-line.gif) 0 0 repeat-y; padding:0 34px;}
#bodyPan_main{
	width:650px; 
	position:relative; 
	float:right; 
	margin:0 auto; 
	padding:17px 0 0;
/* border: 1px solid #b9d2e3; */
}
#bodyPan_main img {border-style: none;}

#bodyPan_main h1{
	width:500px;
	height:60px;
	background:url(images/painters-board_icon.jpg) 0 0 no-repeat #fff;
	color:#FF0000;
	padding:0 0 0 98px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 70px;
}
#bodyPan_main p a{color:#5E8402; text-decoration:none;}
#bodyPan_main p a:hover{color:#444130; text-decoration:none;}

/* Products page */ 
#product_container { 
 width: 650px; 
 margin: 3px 0 2px 0;
 float:left; 
}
#product_thumbnail { 
 width: 150px; 
 height: 150px;
 margin: 5px 0 0 10px; 
 float:left; 
}
#products_overview { 
 width: 460px; 
 margin: 25px 25px 0 5px; 
 float:right;
}
#product_page_count { 
 width: 650px; 
 margin: 3px 0 2px 0;
 float:left; 
}
#product_page_count_current { 
 width: 230px; 
 margin: 10px 0 0 150px;
 float:left; 
 font-weight: bold;
}
#product_page_count_nav {
	width: 230px;
	margin: 10px 0 0 5px;
	float:right;
	text-align: right;
	font-weight: bold;
}
#product_page_count_nav_bottom {
	width: 460px;
	margin: 10px 0 0 5px;
	float:right;
	text-align: right;
	font-weight: bold;
}

/* Product detail page */ 
#product_detail { 
 width: 340px;
 height: 375px;
 margin: 10px 0 0 0px; 
/* border: 1px solid #b9d2e3; */
 padding: 0; 
 float:right;
}
#product_image_main { 
 width: 300px; 
 height: 375px;
 margin: 10px 0 0 0px; 
 border: 1px solid #b9d2e3; 
 padding: 0; 
 float:left;
}
#product_image_icons { 
 margin: 10px 0 0 10px; 
 float:left;
}
#product_image_icons img { 
 margin: 10px 0 0 10px; 
 border: 1px solid #b9d2e3; 
 float:left;
}

#product_movie { 
 width:300px;
 margin: 10px 0 0 0px; 
/* border: 1px solid #b9d2e3; */
 float:left;
}
#product_features { 
 width:340px;
 margin: 10px 0 0 0px; 
/* border: 1px solid #b9d2e3; */
 float:right;
}
#product_features ul li {display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}

/*-----Left Panel----*/
#bodyleftPan{width:193px; float:left; padding:0 69px 0 0;}

#bodyleftPan img {border-style: none;}

#bodyleftPan p{padding:0 0 0 0; font-size:15px; line-height:18px;}
#bodyleftPan p span{font-weight:bold;}
#bodyleftPan p.largegreentext{width:193px; height:20px; display:block; font:24px/20px Arial, Helvetica, sans-serif; background:#fff; color:#5E8402; font-weight:bold; padding:0px;} 
#bodyleftPan p.lightyellowtext{width:193px; height:20px; display:block; font:20px/20px Arial, Helvetica, sans-serif; background:#fff; color:#BAB235; font-weight:normal; padding:10px 0 0;} 

#bodyleftPan p.more{width:70px; height:18px; font-weight:bold; margin:0 0 0 120px; padding:0px;}
#bodyleftPan p.more a{width:70px; height:18px; display:block; background:#fff; color:#5E8402; text-decoration:none;}
#bodyleftPan p.more a:hover{background:#fff; color:#444130; text-decoration:none;}


#bodyleftPan ul{width:193px; margin:14px 0;}
#bodyleftPan ul li{width:193px; height:25px; font-size:18px;}
#bodyleftPan ul li a{width:180px; height:25px; display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}
#bodyleftPan ul li a:hover{background:url(images/bullet-hover.gif) 0 8px no-repeat #fff; color:#2D2C23; text-decoration:none;}

#leftcommentsPan{width:182px; height:42px; background:url(images/morebg.gif) 0 0 repeat-x #EFFFD8; color:#5E8402; font-size:18px; padding:4px 0 0;}
#leftcommentsPan h3{background:url(images/icon3.gif) 0 0 no-repeat; font-size:18px; padding:0 0 0 25px;}
#leftcommentsPan a{width:80px; height:20px; display:block; background:#EFFFD8; color:#444130; padding:0 0 0 27px; text-decoration:none;}
#leftcommentsPan a:hover{background:#EFFFD8; color:#567802; text-decoration:none;}


/*-----/Left Panel----*/

/*-----Middle Panel----*/
#bodymiddlePan{width:193px; float:left; padding:0 62px 0 0;}

#bodymiddlePan img {border-style: none;}

#bodymiddlePan p{padding:0 0 0 0; font-size:15px; line-height:18px;}
#bodymiddlePan p span{font-weight:bold;}
#bodymiddlePan p.largegreentext{width:193px; height:20px; display:block; font:24px/20px Arial, Helvetica, sans-serif; background:#fff; color:#5E8402; font-weight:bold; padding:0px;} 
#bodymiddlePan p.lightyellowtext{width:193px; height:20px; display:block; font:20px/20px Arial, Helvetica, sans-serif; background:#fff; color:#BAB235; font-weight:normal; padding:10px 0 0;} 

#bodymiddlePan p.more{width:70px; height:18px; font-weight:bold; margin:0 0 0 120px; padding:0px;}
#bodymiddlePan p.more a{width:70px; height:18px; display:block; background:#fff; color:#5E8402; text-decoration:none;}
#bodymiddlePan p.more a:hover{background:#fff; color:#444130; text-decoration:none;}


#bodymiddlePan ul{width:193px; margin:14px 0;}
#bodymiddlePan ul li{width:193px; height:25px; font-size:18px;}
#bodymiddlePan ul li a{width:180px; height:25px; display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}
#bodymiddlePan ul li a:hover{background:url(images/bullet-hover.gif) 0 8px no-repeat #fff; color:#2D2C23; text-decoration:none;}

#middlecommentsPan{width:182px; height:42px; background:url(images/morebg.gif) 0 0 repeat-x #EFFFD8; color:#5E8402; font-size:18px; padding:4px 0 0;}
#middlecommentsPan h3{background:url(images/icon3.gif) 0 0 no-repeat; font-size:18px; padding:0 0 0 25px;}
#middlecommentsPan a{width:80px; height:20px; display:block; background:#EFFFD8; color:#444130; padding:0 0 0 27px; text-decoration:none;}
#middlecommentsPan a:hover{background:#EFFFD8; color:#567802; text-decoration:none;}

/*-----/Middle Panel----*/

/*-----Right Panel----*/
#bodyrightPan{width:193px; float:left;}

#bodyrightPan img {border-style: none;}

#bodyrightPan p{padding:0 0 0 0; font-size:15px; line-height:18px;}
#bodyrightPan p span{font-weight:bold;}
#bodyrightPan p.largegreentext{width:193px; height:20px; display:block; font:24px/20px Arial, Helvetica, sans-serif; background:#fff; color:#5E8402; font-weight:bold; padding:0px;} 
#bodyrightPan p.lightyellowtext{width:193px; height:20px; display:block; font:20px/20px Arial, Helvetica, sans-serif; background:#fff; color:#BAB235; font-weight:normal; padding:10px 0 0;} 

#bodyrightPan p.more{width:70px; height:18px; font-weight:bold; margin:0 0 0 120px; padding:0px;}
#bodyrightPan p.more a{width:70px; height:18px; display:block; background:#fff; color:#5E8402; text-decoration:none;}
#bodyrightPan p.more a:hover{background:#fff; color:#444130; text-decoration:none;}

#bodyrightPan ul{width:193px; margin:14px 0;}
#bodyrightPan ul li{width:193px; height:25px; font-size:18px;}
#bodyrightPan ul li a{width:180px; height:25px; display:block; line-height:25px; background:url(images/bullet-normal.gif) 0 8px no-repeat #fff; color:#6B6854; text-decoration:none; padding:0 0 0 13px;}
#bodyrightPan ul li a:hover{background:url(images/bullet-hover.gif) 0 8px no-repeat #fff; color:#2D2C23; text-decoration:none;}

#rightcommentsPan{width:182px; height:42px; background:url(images/morebg.gif) 0 0 repeat-x #EFFFD8; color:#5E8402; font-size:18px; padding:4px 0 0;}
#rightcommentsPan h3{background:url(images/icon3.gif) 0 0 no-repeat; font-size:18px; padding:0 0 0 25px;}
#rightcommentsPan a{width:80px; height:20px; display:block; background:#EFFFD8; color:#444130; padding:0 0 0 27px; text-decoration:none;}
#rightcommentsPan a:hover{background:#EFFFD8; color:#567802; text-decoration:none;}

/*-----/right Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:135px; background:url(images/footerbg.jpg) 0 0 repeat-x #9CC149; color:#fff; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}

#footerPan{width:700px; position:relative;}

#footerPan ul{width:440px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#7DA93E; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:225px; position:relative; margin:0 auto; background:#7FAA3E; color:#fff;  font-size:11px;}

#footerPan ul.templateworld{width:250px; background:#85AE41; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#85AE41; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; background:#5E8402; color:#fff; border:1px solid #fff; top:45px; left:260px;}
#footerPanhtml a{width:58px; height:17px; display:block; background:url(images/footer-arrow.gif) 100% 0  no-repeat #5E8402; border:1px solid #fff; color:#fff; font-size:11px; line-height:17px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/footer-arrow-hover.gif) 100% 0  no-repeat #A7C204; color:#fff;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:45px; left:330px; border:1px solid #fff;}
#footerPancss a{width:56px; height:17px; display:block; background:url(images/footer-arrow-hover.gif) 100% 0  no-repeat #A7C204;  border:1px solid #fff; color:#fff; font-size:11px; line-height:17px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/footer-arrow.gif) 100% 0  no-repeat #5E8402; color:#fff; text-decoration:none;}

/* BEGIN lightbox css */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* end light box CSS */