@charset "UTF-8";
/* CSS Document */

.productsContent{
	width:980px;
	margin:0 auto;
	position:relative;
	clear:both;
}
.productsContent .leftColumn{
	width:250px;
	float:left;
	clear:left;
	padding-top:5px;
}
.productsContent .leftColumn .topMenu{
	width:241px;
	height:20px;
	font-size:20px;
	color:#333;
	padding-top:9px;
	padding-left:9px;
	background:url(../images/topLeftMenu.png) top center no-repeat;
}
.productsContent .leftColumn .midMenu{
	width:244px;
	background: url(../images/midLeftMenu.png) top center repeat-y;
	padding:0 3px;
}
.productsContent .leftColumn .bottomMenu{
	width:250px;
	height:13px;
	background:url(../images/bottomLeftMenu.png) top center no-repeat;
}

.acc-leftMenu li{
	display:block;
	width:100%;
}
.acc-leftMenu li a{
	display:block;
	background:url(../images/dot.gif) bottom repeat-x;
	padding:5px;
	width:234px;
	color:#666;
}
.acc-leftMenu li a:hover{
	text-decoration:none;
	background:#eee url(../images/dot.gif) bottom repeat-x;
}
.acc-leftMenu li a.selected{
	text-decoration:none;
	background:#eee url(../images/dot.gif) bottom repeat-x;
}

.productsContent .rightColumn{
	padding-top:5px;
	float:right;
	width:720px;
}
.productsContent .rightColumn h1{
	clear:both;
	display:block;
	font-size:18px;
	color:#256a9c;
	padding-top:5px;
	padding-left:2px;
	padding-bottom:4px;
}
.productsContent .rightColumn p{
	clear:both;
	margin-bottom:5px;
	padding-left:2px;
}
#pics{
	position:absolute;
	height:253px;
	width:720px;
}
#pics_holder{
	position:relative;
	height:253px;
	width:720px;
}
.galleryHolder{
	clear:both;
	height:253px;
	width:720px;
	position:relative;
	overflow:hidden;
}
.galleryHolder .thumbs{
	width:130px;
	height:253px;
	float:right;
	position:relative;
}
.galleryHolder .thumbs .mainHolder{
	position:absolute;
	width:130px;
	right:0;
	top:0;
	height:233px;
}
.galleryHolder .thumbs .mainHolder .msk{
	position:relative;
	overflow:hidden;
	width:130px;
	height:233px;
}
#thumbHolder{
	position:absolute;
	width:130px;
	min-height:233px;
	top:0;
	left:0;
}
.galleryHolder .thumbs .arrowBtn{
	position:absolute;
	width:130px;
	height:20px;
	background:url(../images/arrowBG.gif) left top no-repeat;
	bottom:-2px;
	right:0;
}
.galleryHolder .thumbs .arrowBtn a.navBtn{
	background:url(../images/thumbArrow.gif) top center no-repeat;
	display:block;
	width:130px;
	height:20px;
}
.galleryHolder .thumbs .arrowBtn a.navBtn:hover{
	background-position:bottom left;
}
.galleryHolder .thumbs .arrowBtn a.navBtn_up{
	background:url(../images/thumbArrow_up.gif) top center no-repeat;
	display:block;
	width:130px;
	height:20px;
}
.galleryHolder .thumbs .arrowBtn a.navBtn_up:hover{
	background-position:bottom left;
}
.galleryHolder .thumbs ul{
	margin:0;
	padding:0;
}
.galleryHolder .thumbs li{
	display:block;
	position:relative;
	width:130px;
	height:75px;
	margin:0;
	padding:0;
	margin-bottom:3px;
	float:left;
	clear:both;
}
.galleryHolder .thumbs a{
	z-index:23;
	position:absolute;
	display:block;
	width:130px;
	height:75px;
	background:url(../images/overThumb.png) left top no-repeat;
	line-height:.5;
}
.galleryHolder .thumbs a:hover{
	background-position:0 -75px;
}
.galleryHolder .thumbs a.selected{
	background-position:bottom left;
}
.galleryHolder .thumbs img{
	position:absolute;
	z-index:22;
	width:130px;
	height:75px;
}
.galleryHolder .preview{
	height:253px;
	float:left;
	width:579px;
	position:relative;
}
.galleryHolder .preview .imgHolder{
	position:absolute;
	width:565px;
	height:202px;
	left:7px;
	top:5px;
	z-index:33;
}
.galleryHolder .preview .imgHolder img{
	width:565px;
	height:202px;
}
.galleryHolder .preview .imgFrame{
	position:absolute;
	width:579px;
	height:253px;
	left:0px;
	background:url(../images/previewFrame.png) left top no-repeat;
	z-index:34;
}
.galleryHolder .preview .expandImg{
	position:absolute;
	width:32px;
	height:32px;
	right:20px;
	top:20px;
	z-index:40;
}
.galleryHolder .preview .imgDescription{
	z-index:35;
	width:558px;
	height:35px;
	bottom:8px;
	left:12px;
	position:absolute;
	color:#999999;
	line-height:1.3;
}
#mediaHolder{
	position: relative;
	z-index:100;
	width:720px;
	height:0px;
	top:0;
	left:0;
	display:none;
	background:#eeeeee;
}
.divider{
	height:10px;
	width:716px;
	margin:0 3px;
	background:url(../images/dot.gif) center bottom repeat-x;
}
.subHeader{
	height:23px;
	width:716px;
	margin:10px 3px 5px 3px;
	background: url(../images/midSubHeaderBG.png) left center repeat-x;
	color:#256a9c;
	font-size:14px;
	font-weight:normal;
}
.subHeader span{
	display:block;
	height:20px;
	padding-top:3px;
	background:#FFF;
	float:left;
	padding-right:5px;	
}
.demo{
	height:20px;
	padding-top:5px;
	padding-bottom:3px;
	background:url(../images/dot.gif) center bottom repeat-x;
	margin:0 3px;
	width:716px;
	clear:both;
}
.demo a.demoLink{
	width:59px;
	height:18px;
	display:block;
	float:right;
	background:url(../images/demoLink.gif) left top;
}
.demo a.video_demo{
	background:url(../images/demoLink_v.gif) left top;
}
.demo a.swf_demo{
	background:url(../images/demoLink_swf.gif) left top;
}
.demo a.demoLink:hover{
	background-position:left bottom;
}
.demo a.selected{
	background-position:left bottom;
}
.demo span.clientDemo {
	display:block;
	float:left;
	padding-top:3px;
}
.demo span.clientDemo a{
	color:#666;
}
.demo span.clientDemo small{
	font-size:12px;
	color:#999;
}
#preloader{
	position:absolute;
	width:32px;
	height:32px;
	right:0;
	top:40px;
	display:none;
}
.closeDemoBtn{
	position:absolute;
	background:url(../images/close_button.png) top left;
	width:30px;
	height:30px;
	right:-15px;
	top:-15px;
	z-index:150;	
}
.packageImg{
	background:url(../images/package.png) no-repeat;
	width:153px;
	height:203px;
	float:left;
	margin-right:10px;
}