﻿body {
	font-family:Verdana,'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;
	color:#000000;
	background-color: #eaeaea;
	font-size: 11px;
	margin: 5;
}


#header { width: 980px; }

#header .infoline { height: 27px; line-height: 27px; background: url(imgs/header_infoline_bg.gif) repeat-x; text-align: right; padding-right: 18px; font-size: 9px; font-weight: bold; }
#header .logo { height: 160px; border-bottom: solid 1px #ffffff; }


#navigation { display: none; width: 971px; height: 25px; background: url(imgs/navigation_bg.gif) repeat-x; border-left: solid 2px #345871; border-right: solid 2px #345871; }

#navigation .menu-button { width: 102px; float: left; text-align: center; font-size: 9px; padding-top: 5px; font-weight: bold; }
#navigation .menu-button a { text-decoration: none; color: #ffffff; }
#navigation .menu-button a:hover { color: #fa6e07; }
#navigation .mid { width: 2px; height: 25px; float: left; background: url(imgs/navigation_mid.gif) no-repeat; }

#content { width: 980px; border-top: solid 2px #fa6e07; background: url(imgs/content_bg.gif) repeat-y; overflow: hidden; min-height: 500px; }
#content .left { width: 180px; padding: 10px 10px 10px 10px;  float: left; overflow: hidden; }
#content .right { width: 180px; padding: 10px 10px 10px 0px;  float: right; overflow: hidden; }
#content .main { width: 560px; padding: 10px 10px 10px 10px;  float: left; padding-bottom: 20px; overflow: hidden; }

#content .left .box { border: solid 1px #6f8fa6; padding: 1px; }
#content .left .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .left .box .content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .left .box .content a { color: #6e8ea5; text-decoration: none; }
#content .left .box .content a:hover { color: #fa6e07; text-decoration: underline; }

#content .right .box { border: solid 1px #6f8fa6; padding: 1px; }
#content .right .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .right .box .content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .right .box .content a { color: #6e8ea5; text-decoration: none; }
#content .right .box .content a:hover { color: #fa6e07; text-decoration: underline; }

#content .right table { width: 100%; }
#content .right td { text-align: center; }
#content .right td img { border: solid 2px #6e8ea5; }

#content .main .box { border: solid 1px #6f8fa6; padding: 4px; }
#content .main .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .main .box .content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .main .box .content a { color: #6e8ea5; text-decoration: none; }
#content .main .box .content a:hover { color: #fa6e07; text-decoration: underline; }

#content .main .box-inv { border: solid 1px #ff7e27; padding: 4px; background-color: #fa6e07; color: #ffffff;  }
#content .main .box-inv ul { list-style: square; }
#content .main .box-inv ul li { background: none; font-size: 16px; font-weight: bold; margin-left: 40px; }

#content .main .box-offer { padding: 4px; }
#content .main .box-offer h1 { font-size: 30px; font-weight: bold; }
#content .main .box-offer h2 { font-size: 20px; font-weight: bold; }
#content .main .box-offer h3 { font-size: 16px; font-weight: bold; }
#content .main .box-offer table tr td img { border: solid 2px #6e8ea5; }


/* detail */
#content #detail { color: #3c3e40; }

#content #detail .list table { border: solid 1px #005aab; border-spacing: 0px; padding: 1px; font-size: 10px;}
    
#content #detail .list td { border-bottom: solid 1px #308adb; border-left: 0; border-right: solid 1px #e0e0e0; border-top: 0; margin: 0px; padding: 1px 2px 2px 2px; }

#content #detail .list tr.c1 { background-color: #eeeeff; border: 0; margin: 0px; }
#content #detail .list tr.c2 { background-color: #ddddff; border: 0; margin: 0px; }

#content #detail .list th { background-color: #005aab; border: 0; margin: 0px; }

#content #detail table thead th { background-color: #005aab; color: #ffffff; }

#content #detail h1 { font-size: 14px; font-weight: bold; color: #6f8fa6; padding-left: 20px; background: url(imgs/header_bull.gif) 0px 4px no-repeat;  }
#content #detail .photo { width: 300px; float: left; padding-right: 5px; }
#content #detail .photo img { border: solid 1px #005aab; padding: 1px 1px 1px 1px; }
#content #detail .info { width: 300px; float: left; }

#content #detail .attribute { width: 180px; float: left; margin: 0px 5px 5px 5px; padding: 2px;}
#content #detail .attribute .name { font-weight: bold; width: 89px; float: left; }
#content #detail .attribute .text, #content #detail .attribute .yes, #content #detail .attribute .no { width: 89px; float: right; }

#content #detail .thumb { width: 68px; height: 51px; line-height: 51px; float: left; border: solid 1px #005aab; padding: 1px 1px 1px 1px; text-align: center; margin-right: 5px; margin-bottom: 5px;}

#content #detail .thumb a { display: block; width: 68px; height: 51px; }
#content #detail .thumb a img { line-height: 51px;  vertical-align: middle; }
#content #detail .thumb a:hover { background-color: #dddddd; }

#content #detail .error { color: #dd0000; font-size: 12px; font-weight: bold; }
#content #detail .error a { color: #dd0000; }
#content #detail .error a:hover { color: #ffffff; background-color: #dd0000; }

#content #detail .ok { font-size: 12px; font-weight: bold; }
#content #detail .ok a { color: #005aab; }
#content #detail .ok a:hover { color: #ffffff; background-color: #005aab; }

#content #detail .textButton { width: 174px; float: right; color: #005aab; font-size: 10px; border: solid 1px #005aab; padding: 2px 2px 2px 22px; margin-left: 5px; }
#content #detail .textButton a { display: block; text-decoration: none; color: #005aab; padding: 1px 1px 1px 6px; }
#content #detail .textButton a:hover { background-color: #005aab; color: #ffffff; }
#content #detail .print { background: url(imgs/printer.png) no-repeat 3px 1px; }
#content #detail .email { background: url(imgs/email.png) no-repeat 3px 1px; }
#content #detail .photo { background: url(imgs/camera.png) no-repeat 3px 1px; }


#copyright { width: 965px; height: 26px; line-height: 26px; background: url(imgs/copyright_bg.gif) repeat-x; text-align: left; padding: 0px 10px 0px 10px; font-size: 9px; color: #454545;}
#copyright a { color: #454545; text-decoration: none; }


.price { font-size: 12px; font-weight: bold; color: #005aab;}

ul { padding: 5px 30px 5px 5px; margin:0; list-style:none; }

ul li { padding:0 0 0 13px; margin: 0px 0px 8px 5px; background:url(imgs/bull_blue.gif) 0 3px no-repeat;}


#photogallery { width: 640px; height: 510px; border: solid 2px #005aab; padding: 2px; font-size: 12px; font-weight: bold; background-color: #ffffff; }
#photogallery .image { width: 640px; height: 480px; vertical-align: middle; line-height: 480px; text-align: center; }

#photogallery .left { width: 100px; height: 30px; line-height: 30px; float: left; text-align: left; }
#photogallery .left a { font-size: 20px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .left a:hover { background-color: #005aab; color: #ffffff; }
#photogallery .main { width: 440px; height: 30px; float: left; text-align: center; }
#photogallery .main a { font-size: 10px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .main a:hover { background-color: #005aab; color: #ffffff; }
#photogallery .right { width: 100px; height: 30px; line-height: 30px; float: left; text-align: right; }
#photogallery .right a { font-size: 20px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .right a:hover { background-color: #005aab; color: #ffffff; }


/* rollout menu */
.menu .options 
{
    font-size: 9px;
    font-weight: bold;
  background-color: #39556a;
  text-align: left;
  border-left: 2px solid #fa6e07;
  border-right: 2px solid #fa6e07;
  border-bottom: 2px solid #fa6e07;
  z-index: 99999 !important;
}

.menu 
{
    z-index: 99999 !important;
}

.menu a {
        display: block;
        padding: 6px 8px 6px 12px;
        line-height: 12px;
        text-decoration: none;
        color: #ffffff;
        border-bottom: 1px solid #7793a8;
 }

.menu a:hover { background-color: #7793a8; }

.menu hr
{
        border: 1px solid #7793a8;
}

