body{ background:url(../img/layout/bg.jpg) #f4f4f4 repeat-x; padding:0px; margin:0px; font-family:verdana,arial,tahoma,sans-serif; font-size:12px; color:black;}
form{ margin:0px; padding:0px;}

#logo{ margin:12px 0px 0px 17px;}

#rssIcon{ position:absolute; right:16px; top:112px;}
#gplusIcon{ position:absolute; right:43px; top:112px;}
#fbIcon{ position:absolute; right:70px; top:112px;}

#topPanel{ position:absolute; right:10px; top:0px; background-image:url(../img/layout/toppanel-bg.gif); background-repeat:repeat-x; margin-top:-3px;}
#topPanel .br{ background:url(../img/layout/toppanel-b-r.png) no-repeat right; padding-right:18px; height:32px; float:left;}
#topPanel .bl{ background:url(../img/layout/toppanel-b-l.png) no-repeat left; padding-left:18px; height:32px; float:left;}
#topPanel .ico{ padding:10px 5px 9px 5px; margin:0px 4px 0px 4px;}

#navi01{ margin:0px 0px 0px 22px; border-left:1px solid #0088D1; border-right:1px solid #005389; float:left;}
#navi01 ul{ margin:0px; padding:0px;}
#navi01 li{ list-style-type:none; margin:0px; padding:0px; float:left; border-left:1px solid #005389; border-right:1px solid #0088D1; background:#016EB1;}
#navi01 li:hover{ text-decoration:none; background-color:#002254; border-left:1px solid #3B3B3B; border-right:1px solid #3B3B3B;}
#navi01 li a, #navi01 li a:visited{ display:block; color:white; text-decoration:none; padding:9px 20px 0px 20px; height:23px; float:left;}
#navi01 li a:hover{ }

#sidePanel{ float:left; margin:-15px 30px 0px 12px; width:250px;}

#mainContent{ overflow:hidden; margin:28px 0px 0px 0px; padding:14px 0px 32px 8px; border:0px solid #33CCFF; width:700px;}

.sitonInfo img{ border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;}

/* footer */
#footer{ position:absolute; background-image:url(../img/layout/footer-bg.gif); background-repeat:repeat-x; margin:0px 0px 0px 0px; height:54px; width:100%; font-size:11px; color:#AAC0E4;}
.powered{ position:absolute; left:0px; top:32px; width:264px; text-align:center;}
.powered a, .powered a:visited{ font-size:11px; color:#AAC0E4; text-decoration:none;}
.powered a:hover{ font-size:11px; color:white; text-decoration:underline;}
.copyright{ position:absolute; margin:32px 0px 0px 300px; left:0px; right:0px; top:0px; text-align:center;}


.mod02{ border:1px solid #D2D2D2; background-color:#EEEEEE;}
.mod02 ul{ margin:0px; padding:12px 0px 12px 0px;}
.mod02 li{ list-style-type:none; margin:0px; padding:0px; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE;}
.mod02 li:hover{ text-decoration:none; background-color:#D2D2D2; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE;}
.mod02 li a, .mod02 li a:visited{ font-family:arial,tahoma,verdana,sans-serif; display:block; color:black; text-decoration:none; padding:5px 20px 6px 20px; width:206px; font-weight:bold; font-size:13px;}
.mod02 li a:hover{ color:#00233A;}
.mod02 h1{ font-size:22px; font-weight:normal; padding-bottom:10px;}
.mod02 h2{ font-size:16px; font-weight:bold; color:#5D6E84;}

.mod03{ background-color:#AAC1CE;}

.com01{ margin-right:30px; border:0px solid lime;}
.com01 h1{ font-size:24px; font-weight:normal; padding:0px 0px 10px 0px; margin:16px 0px 2px 0px;}
.com01 h2{ font-size:20px; line-height:26px; font-weight:normal; color:#5D6E84;}

.com01 .sitemap ul{ font-size:13px; font-weight:bold; list-style-type:none; padding:0px 0px 8px 0px; margin:0px;}
.com01 .sitemap ul li{ font-size:16px; font-weight:bold; color:#5D6E84; padding:6px 0px 6px 0px;}
.com01 .sitemap ul li ul{ font-size:12px; font-weight:normal; list-style-type:square; margin:0px 0px 0px 40px;}
.com01 .sitemap ul li ul li{ font-size:12px; font-weight:normal; padding:2px 0px 2px 0px;}

.com01 .content .comNews h2 a{ font-size:20px; font-weight:normal; color:#5D6E84; text-decoration:none; margin:16px 0px 16px 0px; line-height:26px;}
.com01 .content .comNews h2 a:hover{ color:#ff0000; text-decoration:underline;}
.com01 .content .comNews .comContent{ border-bottom:1px solid #eeeeee; padding-bottom:6px; margin-bottom:24px;}
.com01 .content .comNews .newsDate{ color:#474747; float:right; background-color:#eeeeee; border-radius:3px; padding:4px 8px 4px 8px;}
.com01 .content .comNews a.newsTag{ float:left; margin:3px 3px 0px 0px; border-radius:3px; background-color:#E2E2E2; text-decoration:none; padding:4px 8px 5px 8px;}
.com01 .content .comNews a.newsTag:hover{ background-color:#0075b9; color:white;}
.com01 .content .comNews .fbNews h2{ background:url(../img/layout/h2-fb.png) 0px 3px no-repeat; padding-left:32px;}
.com01 .content .comNews .fbNews .viaFb a{ background:url(../img/layout/ico-fb.png) 0px 1px no-repeat; padding-left:18px;}
.com01 .content .comNews .fbNews .fbLike{ background:url(../img/layout/ico-fb-like.png) 0px 2px no-repeat; padding-left:18px; margin-left:0px;}
.com01 .content .comNews .fbNews .fbComment{ background:url(../img/layout/ico-fb-comment.png) 0px 3px no-repeat; padding-left:18px; margin-left:6px;}

.com01 .referenceTable1 tr td img{ width:200px;}
.com01 .referenceTable2 tr td img{ width:200px;}

.com01 .affDiv{ width:180px; margin:0px 10px 10px 0px; height:120px; float:left; border:1px solid silver; padding:10px; text-align:center; border-radius:4px;}

/****************************gallery************************/
.com01 .comGallery { margin:20px 0px 0px 0px;}
.com01 .comGallery .galleryText{ color:#5D6E84; font-size:17px; font-weight:normal; margin:16px 0; text-align:left;}
.com01 .comGallery .comContent{ width:298px; margin-bottom:24px; float:left; min-height:150px; margin:0px 20px 0px 0px;}
.com01 .comGallery .gMark .comContent {margin:0px 0px 0px 0px;}
.com01 .comGallery .comContent .image{ padding:0px; margin-right:12px; float:left;}
.com01 .comGallery .comContent .image img{ border:1px solid #d3d3d3; padding:4px; background:white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;}
.com01 .comGallery .comContent .image img:hover{ border:1px solid #009539; padding:4px;}
.com01 .comGallery .comContent .imageItem img{ border:1px solid #d3d3d3; padding:5px; background:white; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; margin:0px 0px 8px 0px;}
.com01 .comGallery table.galleryAlbum{ width:670px; background:#E8E8E8; border-top:1px dotted #C0C0C0; border-bottom:1px dotted #C0C0C0;}
.com01 .comGallery table.galleryAlbum td{ padding:8px 4px 2px; text-align:center;}

.com01 .comGallery .comContent h2{ margin-top:4px;}
.com01 .comGallery .comContent h2 a{ color:#005389; text-decoration:none;}

.scmsGalleryContent{ float:left; padding:6px 0px 0px 12px; min-height:26px; background-color:white;}
.scmsGalleryVote01{ background:url(../img/layout/gallery/vote01.png) no-repeat top left; width:110px; height:26px; border:0px solid gray; float:left;}
.scmsGalleryVote02{ background:url(../img/layout/gallery/vote02.png) no-repeat top left; position:absolute; height:26px; float:left;}
.scmsGalleryVote03{ background:url(../img/layout/gallery/vote03.png) no-repeat top left; position:absolute; height:26px; float:left;}
.scmsGalleryVote04{ position:absolute; height:26px;}
.scmsGalleryVote04 img{ cursor:pointer;}
.scmsGalleryVoteImg01{ width:24px; height:26px;}
.scmsGalleryVoteImg02, .scmsGalleryVoteImg03, .scmsGalleryVoteImg04{ width:21px; height:26px;}
.scmsGalleryVoteImg05{ width:23px; height:26px;}


td,th{ font-family:verdana,arial,tahoma,sans-serif; font-size:12px; color:black; line-height:13px;}
a, a:visited{ font-family:verdana,arial,tahoma,sans-serif; line-height:13px; font-size:12px; color:#005389;}
a:hover { color:red; text-decoration:none;}
a:active { color: #DD942D;}
input, button, select{ vertical-align:middle;}
input{ padding:2px;}

input.required{ background-color:#DFE0E4; border:1px solid #7F9DB9;}

/* forms */
fieldset, form.f1 fieldset{ padding:12px 24px 12px 24px; border-radius:4px; border:1px solid silver; margin-bottom:12px;}
legend, form.f1 fieldset legend{ font-weight:bold; color:#80aac1; padding:0px 12px 0px 12px;}

form.f1{ padding-bottom:8px; text-align:left;}
form.f1 input, form.f1 select{ margin:3px;}
form.f1 label, form.f1 .helpIcon{ margin:5px 3px 3px 3px;}
form.f1 label.l2{ margin:5px 3px 3px 3px; float:left; text-align:left; width:110px; margin-right:.3em;}
form.f1 label.l3{ margin:0px 3px 0px 3px; float:left; text-align:left; width:100px; margin-right:.3em;}
form.f1 div.t3{ font-weight:bold;}
form.f1 label.l{ float:left; text-align:left; width:180px; margin-right:.3em; font-weight:bold;}
form.f1 input[type=text], form.f1 select{ float:left;}
form.f1 input[type=text]{ border:1px solid #CCCCCC; border-radius:2px 2px 2px 2px; color:#333333; font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif; height:20px;}
form.f1 input[type=text].required{ border:1px solid #9f192f; background-color:#ff9eac; border-radius:2px 2px 2px 2px; color:#333333; font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif; height:20px;}

form.f1 input.r{ float:left; width:auto; clear:both; margin-left:5.3em; margin-right:.3em;}
form.f1 input[type=checkbox].r, form.f1 input[type=radio].r, form.f1 input[type=submit].r{ margin-left:6.3em; float:left;}
form.f1 input[type=checkbox]{ float:left;}
form.f1 textarea{ margin:3px; float:left; border:1px solid #CCCCCC; border-radius:2px 2px 2px 2px; color:#333333;}
form.f1 br{ clear:both;}
form.f1 .block{ margin-left:187px;}
form.f1 .block br{ clear:none;}
form.f1 .cbLabel{ float:left; width:145px;}
form.f1 .cbLabel2{ float:left; width:230px;}

.formSubmitButton{ color:white; border-radius:6px; width:214px; border:0px; height:32px; font-weight:bold; cursor:pointer; background:linear-gradient(to bottom, rgba(4, 119, 184, 1) 0%, rgba(5, 100, 166, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); margin-left:2px;}
.formSubmitButton:hover{ background:#002254; color:white;}

table.oSaleInfo td.singlePrice{ text-align:right; white-space:nowrap; padding-left:10px;}
table.oSaleInfo td.sumPrice{ text-align:right; white-space:nowrap; padding-left:10px;}





/* lightbox */
#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#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:transparent url(../../../includes/js/lightbox/img/blank.gif) no-repeat; display:block;}
#prevLink{ left:0; float:left;}
#nextLink{ right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover{ background:url(../../../includes/js/lightbox/img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{ background:url(../../../includes/js/lightbox/img/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;	}	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}

/* highslide */
.highslide *{ font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
.highslide{ cursor:url(../img/highslide/zoomin.cur), pointer; outline:none;}
.highslide-dimming{ background:black; position:absolute;}
.highslide-active-anchor img{ visibility:hidden;}
.highslide img{ background-color:white; border:1px solid #d3d3d3; padding:4px; margin-bottom:8px; border-radius:4px;}
.highslide:hover img{ background-color:white; border:1px solid #0075b9; padding:4px; margin-bottom:8px;}
.highslide-wrapper{ background:white;}
.highslide-image{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;}
.highslide-image-blur{}
.highslide-caption{ display:none; font-family:Verdana,Helvetica; font-size:10pt; padding:5px; background-color:white; color:black;}
.highslide-loading{ display:block; color:black; font-size:8pt; font-family:sans-serif; font-weight:bold; text-decoration:none; padding:2px; border:1px solid black; background-color:white; padding-left:22px; background-image:url(../img/highslide/loader.white.gif); background-repeat:no-repeat; background-position:3px 1px;}
a.highslide-credits,
a.highslide-credits i{ padding:2px; color:silver; text-decoration:none; font-size:10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i{ color:white; background-color:gray;}
.highslide-move{ cursor:move;}
.highslide-overlay{ display:none;}
a.highslide-full-expand{ background:url(../img/highslide/fullexpand.gif) no-repeat; display:block; margin:0 10px 10px 0; width:34px; height:34px;}
/* Controlbar example */
.controlbar{ background:url(../img/highslide/controlbar4.gif); width:167px; height:34px; z-index:10000;}
.controlbar a{ display:block; float:left; /*margin: 0px 0 0 4px;*/ height: 27px;}
.controlbar a:hover{ background-image:url(../img/highslide/controlbar4-hover.gif);}
.controlbar .previous{ width:50px;}
.controlbar .next{ width:40px; background-position:-50px 0;}
.controlbar .highslide-move{ width:40px; background-position:-90px 0;}
.controlbar .close{ width:36px; background-position:-130px 0;}
/* Necessary for functionality */
.highslide-display-block{ display: block;}
.highslide-display-none{ display: none;}