/*http://meyerweb.com/eric/tools/css/reset/   v1.0 | 20080212*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}/* remember to define focus styles!  */:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}/* tables still need 'cellspacing="0"' in the markup  */table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
/*end Reset*/

body {background-color: #F3F5F4;text-align:center;margin-top:10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333;}
a{color:#06C;text-decoration: none;}
a:hover{color:#666;}
em{font-style:italic}
strong{font-weight:bold}

#wrapper{margin:auto;width:780px;background:url(gfx/wrapperBg.gif) repeat-y;text-align:left;}
#PageTop{background: url(gfx/headerBg.gif) no-repeat; height:25px;}

#header{height: 45px;}
#header h1{margin-left:15px;width:370px;height:34px;background:url(gfx/logo.gif) no-repeat;}
#header h1 a{text-indent:-9999px; display:block; width:100%;height:34px;}

#menu{background: url(gfx/menu.gif) repeat-x;height: 23px;width: 770px; margin:auto 3px;}
#menu ul{margin-left:20px;}
#menu li{width:90px;height:22px;float:left;text-align:center;border-left:solid 1px #e5e5e5;}
#menu li a{font-size: 12px;color: #000;	line-height: 22px; display:block;width: 100%;}
#menu li a:hover{background: url(gfx/menu_act.gif) repeat-x;}

#PageContent{min-height:300px;padding:15px 30px 20px 25px;}
#footer{font-size: 10px;color: #999;background: url(gfx/footerBg.gif) no-repeat left top;text-align: right;height: 25px;width: auto;padding-right:20px;	clear:both;}

h2,h3,h4{font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
h2{font-size:18px;color:#F30;margin-bottom:12px;}
h3{font-size:14px;color:#333;margin-bottom:5px;}
h4{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000;margin:8px 0 3px 0;}

p{margin:0 0 10px 0;line-height:14px;}


input{
margin-top:1px;
margin-bottom:3px;
font-size:11px;
}

textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:1px;
margin-bottom:3px;
font-size:11px;
}

.PageImage{border:solid 1px #666;}

.clear{clear:both;}

td {font-size: 11px;}
th{font-weight:bold;}  

#fpGallery{width: 600px;text-align:center;margin:auto;}
#fpGallery img{margin-left:20px;margin-right:20px;}

#mainProdImage,.galleryContainer{background-color:#f7f7f7;text-align:center;border:solid 1px #ccc;font-size:1px;}

#mainProdImage{width:358px;height:358px;line-height:356px; margin-left:280px;}
.galleryContainer{width:130px;height:130px;line-height:128px;float:left;margin:5px;}

#mainProdImage img,.galleryContainer img{vertical-align:middle; margin:0;padding:0; border:none;}
#mainProdImage a{display:block;width:358px;height:358px;}
.galleryContainer a{display:block;width:130px;height:130px;}
.galleryContainer a:hover{background-color:#fff;}

/* jQuery lightBox plugin*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;	height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0;height: 25%;width: 100%;text-align: center;	line-height: 0;}
#lightbox-nav {	position: absolute;top: 0;left: 0;height: 100%;	width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev{left: 0;float: left;}
#lightbox-nav-btnNext{right: 0;float: right;}
#lightbox-container-image-data-box{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data{padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}	
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber{display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}