body {padding: 0; margin: 0; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #9BA9CC; font-family: Arial, Helvetica, sans-serif;}
hr {clear: both; border: none; padding-top: 10px; border-bottom: 1px solid #999; height: 1px;}

.main {margin-left: auto; margin-right: auto; text-align: center; width: 800px; border-left: 20px solid #000; border-right: 10px solid #7C8497; font-size: 11px;}
.headimage {height: 175px;}

.menu {width: 100%; float: left; background-color: #000; text-align: left;}
.menu a, .menu h2 {font-size: 11px; display: block; white-space: nowrap; margin: 0; padding: 5px 10px 0 0; text-decoration: none;}
.menu h2 a {color: #FFF; background: url(../images/navbg.gif) repeat-x; font-weight: bold; text-align: center; line-height: 26px; padding: 0; border-left: 1px solid #454545; border-right: 1px solid #454545;}
.menu ul {list-style: none; margin: 0; padding: 0; float: left; width: 200px;}
.menu li {position: relative;}
.menu ul ul {position: absolute; z-index: 500; width: 188px; padding: 0; margin: 0; border-right: 1px solid #454545; border-bottom: 1px solid #454545; border-left: 1px solid #454545;}
.menu ul ul ul {position: absolute; border: 1px solid #454545; left: 45px;}
.menu li li a {width: 178px; line-height: 25px; font-size: 11px; padding: 0 0 0 10px; text-align: left; color: #CCC;}
.menu li li li a {width: 278px; line-height: 25px; padding-left: 10px; text-align: left; color: #CCC;}
.menu ul li:hover ul a, .menu ul ul li:hover ul a {color: #CCC; background-color: #1F1F1F;}
.menu ul li:hover a, .menu ul ul li:hover a, .menu ul ul ul li:hover a {color: #FFCC00; background-color: #2F2F2F;}
div.menu ul ul, div.menu ul li:hover ul ul, div.menu ul ul li:hover ul ul {display: none;}
div.menu ul li:hover ul, div.menu ul ul li:hover ul, div.menu ul ul ul li:hover ul {display: block;}

.contentsubnavwrapper {width: 790px; background-color: #FFF; background-image: url(../images/bg_dot.gif); background-repeat: repeat-y; background-position: 600px; border-right: 10px solid #000;}
.content {float: left; width: 570px; padding: 15px;}
.subnav {float: right; width: 169px; text-align: left; padding: 15px 10px 0 10px;}

.mainwrapper {text-align: left;}
.mainimage {float: left; width: 224px; height: 160px;}
.content_maintitle {line-height: 25px; font-size: 20px; font-weight: bold; color: #333; letter-spacing: -1px;}
.content_subtitle {line-height: 20px; font-size: 18px; font-weight: bold; color: #666;}
.content_smalltitle {font-size: 11px; font-weight: bold; color: #666;}
.content_smalltitle a {font-size: 14px; font-weight: bold; text-decoration: none; letter-spacing: -1px;}
.content_maintitle a:link, .content_maintitle a:visited, .content_smalltitle a:link, .content_smalltitle a:visited {color: #333; text-decoration: none;}
.content_maintitle a:active, .content_maintitle a:hover, .content_smalltitle a:active, .content_smalltitle a:hover {color: #FFCC00; text-decoration: none;}

.indexdiaryrepeat {float: left; text-align: left; padding-top: 15px;}
.indexdiaryrepeatimage {float: left; width: 89px;}
.indexdiaryrepeattitletextwrapper {float: left;}

.maintext {text-align: justify;}
.indexdiaryrepeattext {width: 481px; text-align: justify; padding-top: 5px;}
.diarynav {line-height: 20px; word-spacing: 100px; text-align: center; font-size: 15px; font-weight: bold; color: #DDD; letter-spacing: -1px;}
.maintext a:link, .maintext a:visited, .indexdiaryrepeattext a:link, .indexdiaryrepeattext a:visited, .diarynav a:link, .diarynav a:visited {color: #999; text-decoration: none;}
.maintext a:active, .maintext a:hover, .indexdiaryrepeattext a:active, .indexdiaryrepeattext a:hover, .diarynav a:active, .diarynav a:hover {color: #FFCC00; text-decoration: none;}

.searchwrapper {height: 20px; padding: 0 0 8px 0;}
.searchbox, .searchbutton {font-size: 11px; font-weight: bold; border: 1px solid #000; }
.searchbox {float: left; width: 130px; height: 16px;  padding: 2px 0 0 2px; color: #333; background-color: #DCE6F0;}
.searchbutton {float: right; width: 30px; height: 20px; text-align: center; color: #FFF; background-color: #7C8497;}

.producthighlightwrapper {padding: 7px 0 0 0;}
.producthighlight a {display: block; background-color: #DCE6F0; padding: 5px; color: #666; font-weight: bold; border: 1px solid #000;}
.producthighlight a:link, .producthighlight a:visited {color: #333; text-decoration: none;}
.producthighlight a:active, .producthighlight a:hover {color: #333; background-color: #FFF; text-decoration: none;}

.articlewrapper {padding: 7px 0 15px 0; text-align: left;}
.articlelist a {display: block; width: 154px; height: 18px; padding: 5px 5px 2px 5px; background-color: #DCE6F0; border-left: 5px solid #000; border-bottom: 1px dashed #666;}
.articlelist a:link, .articlelist a:visited {color: #333; text-decoration: none;}
.articlelist a:active, .articlelist a:hover {color: #333; background-color: #FFF; text-decoration: none; border-left: 5px solid #7C8497;}

.productsplitleft {float: left; width: 260px;}
.productsplitright {float: left; width: 310px;}
.productprice {line-height: 30px; font-size: 15px; font-weight: bold; color: #009900;}
.productformwrapper {float: left; }
.productformfieldpad {height: 100%; padding: 5px 0 0 0;}
.productformfieldtext {float: left; line-height: 16px; font-weight: bold; color: #333;}
.productformfieldtext a:link, .productformfieldtext a:visited {color: #666; text-decoration: none;}
.productformfieldtext a:active, .productformfieldtext a:hover {color: #000; text-decoration: underline;}
.productformfieldwrapper {padding: 2px 2px 2px 5px; background-color: #DCE6F0;}
.productemail, .producttextarea, .productsend, .diaryedit, .delete, .productedit, .producteditlast {font-size: 11px; font-weight: bold; border: 1px solid #000;}
.productemail {float: right; width: 250px; height: 16px;  padding: 2px 0 0 2px; color: #666; background-color: #FFF;}
.producttextarea {float: right; width: 250px; height: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 0 0 2px; color: #666; background-color: #FFF;}
.productsend {float: right; width: 150px; height: 20px; text-align: center; color: #FFF; background-color: #7C8497;}
.productmodelselect {font-size: 11px;}
.productbuynow {padding-top: 10px;}

.productedit, .producteditlast {float: right; height: 15px; padding: 2px 0 0 2px; text-align: center; color: #666; background-color: #FFF;}
.productedit {width: 61px; margin-right: 15px;}
.producteditlast {width: 60px; margin-right: 0px;}
.delete {float: right; width: 150px; height: 20px; text-align: center; color: #FFF; background-color: #CC0000;}

.diaryedit {float: right; width: 300px; height: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 0 0 2px; color: #666; background-color: #FFF;}

.subfooter {clear: both; width: 770px; letter-spacing: 3px; color: #666; height: 15px; line-height: 20px; padding: 10px; background-color: #DCE6F0; border-bottom: 10px solid #000; border-right: 10px solid #000;}
.subfooter a:link, .subfooter a:visited {color: #333; text-decoration: none;}
.subfooter a:active, .subfooter a:hover {color: #000; text-decoration: none;}

.footer {margin-left: auto; margin-right: auto; text-align: center; width: 830px; height: 25px; background-color: #7C8497; font-size: 11px; color: #FFF; letter-spacing: 2px;}
.footerleft {float: left; line-height: 15px; padding: 5px 0 1px 5px;}
.footerright {float: right; line-height: 15px; padding: 5px 10px 0 0;}

.imgborderthin {border: 1px solid #000;}
.imgborderthin a {cursor: pointer;}
.imgborderthick {border: 5px solid #000;}
.imgborderthick a {cursor: pointer;}

.subimagediary {float: left; width: 81px; height: 55px; text-align: center; padding: 15px 0 15px 0;}
.subimageproduct {float: left; width: 190px; height: 116px; text-align: center; padding: 15px 0 15px 0;}
.subimagelast {float: left; text-align: left; padding-top: 15px;}

.copyright {position: absolute; width: 642px; height: 482px; z-index: 1; left: 0px; top: 0px;}

.forsaleimages  {float: left; text-align: left; width: 160px; height: 100%;}
.forsaletext {float: right; width: 400px;}

#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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }