
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#494949; background:#fff; }

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, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, li, ol { list-style-type:none; }

img { border:0; float:left; }

a { outline:none; border:none; text-decoration:none; }

a:hover { text-decoration:underline; }

input { font-size:12px; color:#000; }

.floatleft { float:left }

.floatright { float:right }

.display { display:none; }

.clear { clear:both; }

/** Misc classes **/


/***************************************************Main CSS********************************************/
div#wrapper { width:100%; margin:auto;}
div#content { width:919px; height:auto; margin:auto;}
#content .header{float:left;width:904px;height:auto;padding:5px 0px 0px 15px;}
.header h1{float:left;width:179px;height:49px;padding:11px 0px 0px 0px;font-size:48px; background:url('../graphics/header_logo.gif') 0 11px no-repeat;overflow:hidden;}
.header h1 a{float:left;width:19px;height:19px;padding:30px 0px 0px 160px;}

.header .righthead{float:right;width:280px;height:auto;}
.righthead .phoneno{float:right;width:158px;height:25px;padding:3px 0px 0px 10px;background:#F5F5F5;color:#5C5C5C;}
.phoneno span.phonetxt{float:left;width:119px;height:21px;font-size:11px;line-height:12px;padding:4px 0px 0px 39px;}
.righthead .tollfree{float:right;width:259px;height:auto;padding:2px 7px 0 0;color:#858383;}
.tollfree .tollfreetxt{float:left;width:auto;font-size:13px;line-height:13px; font-weight:bold;}
.tollfree .tollfreetxt span{font-size:10px;}
.tollfree .tollfreeno{float:right;width:auto;font-size:18px;line-height:22px; padding:0 0 0 5px;}

#content .headerbottom{float:left;width:904px;height:auto;padding:2px 0px 8px 15px;}
.headerbottom span{float:left;width:auto;height:auto;font-size:13px;font-weight:bold;}
.headerbottom .colorblue{color:#0000FF;}
.headerbottom .colorbrown{color:#800000;padding:0 0 0 117px;}
.headerbottom .colorred{color:#FF0000;padding:0 0 0 117px;}
.headerbottom .colororange{color:#FF6600;padding:0 0 0 116px;}

/* Main navigation */
div#navigation { width:919px; float:left; padding:0px 0px 0px 0px;font-family:Trebuchet MS,Arial, Helvetica, sans-serif;font-size:11px;background:#E0E0E0; }

div#navigation ul { width:919px; float:left; height:35px; padding:0px 0px 0px 0px; }

div#navigation ul li { float:left; text-align:center; height:35px;line-height:35px;}

div#navigation ul li a { color:#6D6D6D;padding:8px; text-transform:uppercase;}
div#navigation ul li a.firstlink {padding:10px 10px 10px 10px;}
div#navigation ul li a.lastlink {padding:10px 10px 10px 10px;}

div#navigation ul li a:hover, div#navigation ul li a.active { color:#fff; text-decoration:none;background:#036CFD; }

div#navigation ul li.seprator { width:2px; height:25px; padding:5px 0; background:url('../graphics/separator.gif') 0 5px no-repeat; float:left; }

#content div#banner { width:329px; height:96px; float:left; padding:46px 0px 0px 590px;font-size:11px;background:url('../graphics/banner.jpg') 0 1px no-repeat; font-size:18px; color:#555555;}
#content div#bannersite { width:921px; padding-top:5px;padding-bottom:5px;height:138px;overflow:hidden;}
#content div#bannersite img{  padding-left:4px;padding-right:4px;background-color:#e0f3f9;}


div#content #middlecontent {float:left; width:919px;height:auto;padding:10px 0px 20px 0px;}

/** left content **/
#middlecontent .leftcontent{float:left; width:261px;height:auto;}
.leftcontent .leftcontentbox{float:left; width:261px;height:auto;padding:0px 0px 12px 0px;}
.leftcontentbox .boxheader{float:left; width:257px;height:33px;border:1px solid #E8E8E8;padding:1px 1px 0px 1px;}
.boxheader .boxheading{float:left; width:244px;height:25px;background:url('../graphics/leftbox_bg.gif') 0 0 repeat-x;font-size:15px;font-weight:bold;line-height:16px;padding:8px 0px 0px 13px;}

.leftcontentbox .boxcontent{float:left; width:249px;height:auto;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:15px 0px 5px 10px;}
.leftcontentbox .greybg{background:#F0F0F0;}

.boxcontent ul{ width:249px; float:left; height:auto;}
.leftcontentbox ul li { float:left;width:229px;text-align:center; height:35px;line-height:13px;padding:0px 0px 10px 20px; background:url('../graphics/pdf_icon.gif') 0 0 no-repeat;}
.leftcontentbox ul li a{ float:left;width:229px;color:#2A72D4; text-decoration:underline;padding:0;text-align:left;}
.leftcontentbox ul li span{float:left;width:auto;font-size:11px;padding:2px 5px 0px 0px;}
.leftcontentbox ul li span.heading{font-weight:bold; color:#727272;}

.boxcontent p{ width:249px; float:left; height:auto;padding:0px 0 10px 0;}
.boxcontent span.emailicon{float:left;width:116px; height:22px;background:url('../graphics/email_icon.gif') 0 2px no-repeat;padding:10px 0px 5px 32px;font-size:11px;font-weight:bold;color:#737373;}
.boxcontent span.phoneicon{float:left;width:50px; height:22px;background:url('../graphics/phone_icon.gif') 0 0 no-repeat;padding:10px 0px 5px 25px;font-size:11px;font-weight:bold;color:#737373;}
.boxcontent span a{color:#737373; text-decoration:none;}

.leftcontent .spreadjcrew{float:left; width:246px; padding:10px 0px 2px 15px;border-bottom:1px solid #E8E8E8;}
.leftcontent .spreadjcrew a{color:#494949; text-decoration:none;}
.leftcontent .icons{float:left; width:246px; padding:10px 0px 0px 15px;}
.icons ul{ width:246px; float:left; height:auto;}
.icons ul li.icon1{ float:left;width:26px;height:26px;padding:0px 3px 0 1px; background:url('../graphics/icon1.gif') 0 0 no-repeat;}
.icons ul li.icon2{ float:left;width:26px;height:26px;padding:0px 3px 0 1px; background:url('../graphics/icon2.gif') 0 0 no-repeat;}
.icons ul li.icon3{ float:left;width:26px;height:26px;padding:0px 3px 0 1px; background:url('../graphics/icon3.gif') 0 0 no-repeat;}
.icons ul li.icon4{ float:left;width:26px;height:26px;padding:0px 3px 0 1px; background:url('../graphics/icon4.gif') 0 0 no-repeat;}
.icons ul li.icon5{ float:left;width:26px;height:26px;padding:0px 3px 0 1px; background:url('../graphics/icon5.gif') 0 0 no-repeat;}
.icons ul li a{float:left;width:16px;height:16px;padding:5px; text-decoration:none;}


/** main content **/
#middlecontent .maincontent{float:left; width:648px;height:auto;padding:0px 0px 0px 10px;}
.maincontent .maincontentbox{float:left; width:318px;height:auto;}
.maincontent .paddingbox{padding:0px 0px 0px 12px;}
.maincontentbox .mainboxheader{float:left; width:314px;height:33px;border:1px solid #E8E8E8;padding:1px 1px 0px 1px;}
.mainboxheader .boxheading{float:left; width:301px;height:25px;background:url('../graphics/leftbox_bg.gif') 0 0 repeat-x;font-size:15px;font-weight:bold;line-height:16px;padding:8px 0px 0px 13px;}

.maincontentbox .mainboxcontent{float:left; width:316px;height:auto;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:1px 0 5px 0;}
.mainboxcontent .contentheading{float:left; width:147px;height:21px;padding:0 0px 0 10px;line-height:21px;color:#8C8C8C; font-weight:bold;background:#F4F4F4;}
.mainboxcontent .borderright{border-right:1px solid #E8E8E8;}
.mainboxcontent table{ float:left; height:100%;}
.mainboxcontent tr{ width:316px; float:left; height:auto;}
.mainboxcontent td{ width:157px; float:left; height:auto;}
.mainboxcontent  .white{float:left;width:147px;height:25px;line-height:25px;padding:0 0 0 10px;font-size:8pt;}
.mainboxcontent  .skyblue{background:#F1F9FD;float:left;width:147px;height:25px;line-height:25px;padding:0 0 0 10px;font-size:8pt;}


.mainboxcontent .seemorelink{height:15px;padding:15px 0 0 10px;text-align:right;width:147px; }
.mainboxcontent .seemorelink a{float:right;height:15px;width:auto;padding:0px 20px 0 0px;font-size:11px; text-decoration:underline;color:#2A72D4;line-height:15px;}
.maincontent .firstdivision{float:left;width:145px;height:auto;margin-top:15px;}
.maincontent .fulldivision{float:left;width:630px;height:auto;margin-top:15px;}
.maincontent .seconddivision{float:left;width:440px;height:auto;margin-top:15px;}
.maincontent .thirddivision{float:left;width:20px;height:auto;margin-top:15px;}
.maincontent .fourthdivision{float:left;width:180px;height:auto;margin-top:15px;}
a{color:#2A72D4}
.mainboxcontent .yatch{width:76px;}
.mainboxcontent .type{width:67px;}
.mainboxcontent .eng{width:140px;}
.seconddivision  .inputtxt{height:18px;border:solid 1px #7f9db9;width:300px;}
.seconddivision  a{margin-left:20px;}
.margintop20{margin-top:20px;}
.marginleft40{margin-left:40px;}
.marginleftStandard{margin-left:12px;}
.margintop0{margin:0px;}
.btnStyle{font-size:14px;margin-left:30px;}
span{font-size:13px;color:Black;}
.mailheading{height:20px;background:url('../graphics/leftbox_bg.gif') 0 0 repeat-x;font-size:15px;font-weight:bold;padding:8px 0px 0px 0px;}
.validation{color:Red;padding-left:2px;font-size:13px;}
.validationtitle{color:Red;padding-left:2px;font-size:13px;font-weight:bold;}
.errorMsg{color:Red;font-size:11px;}
.sucessMsg{color:Black;font-size:13px;padding-left:20px;}
.succeed{color:Red;font-size:13px;padding:10px 0px;float:left;width:98%;}
/** footer **/

.sp span{font-size:12px;}
.sp p{font-size:12px;}
div#content #footer {float:left; width:919px;height:66px;padding:25px 0px 0px 0px;background:url('../graphics/footerbg.gif') 0 0 repeat-x;}

#footer p { float:left; color:#A6A6A6; font-size:11px; padding:3px 0 0 15px; }

#footer ul { float:left; width:904px; padding:0 0 0 15px; }

#footer li { float:left; color:#8F8F8F; padding:0px 9px 0 0; font-size:12px; line-height:20px; }

#footer li a { color:#8F8F8F; font-size:12px;text-decoration:underline;}


/*** Detail **/

.maincontent .detail{float:left; width:648px;height:auto;}
.maincontent .paddingbox{padding:0px 0px 0px 12px;}
.detail .mainboxheader{float:left; width:644px;height:33px;border:1px solid #E8E8E8;padding:1px 1px 0px 1px;}
.detail .mainboxheader .boxheading{float:left; width:635px;height:25px;background:url('../graphics/leftbox_bg.gif') 0 0 repeat-x;font-size:15px;font-weight:bold;line-height:16px;padding:8px 0px 0px 13px;}
.detail .mainboxcontent{float:left; width:644px;height:auto;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:1px 1px 5px 0;}
.detail .mainboxcontent .contentheading{float:left; width:297px;height:21px;padding:0 0px 0 25px;line-height:21px;color:#8C8C8C; font-weight:bold;background:#F4F4F4;}
.detail .mainboxcontent .borderright{border-right:1px solid #E8E8E8;}
.detail .mainboxcontent table{ float:left; height:100%;width:648}
.detail .mainboxcontent tr{ width:647px; float:left; height:auto;}
.detail .mainboxcontent td{ width:297px; float:left; height:auto;}
.detail .mainboxcontent  .white{float:left;width:297px;height:25px;line-height:25px;padding:0 0 0 25px;}
.detail .mainboxcontent  .skyblue{background:#F1F9FD;float:left;width:297px;height:25px;line-height:25px;padding:0 0 0 25px;}
#divNoRecord{font-size:15px;font-weight:bold;line-height:20px;padding:10px 0px 10px 13px;width:635px;text-align:center;margin-top:20px;margin-top:100px;}
.detail .mainboxcontent .yatchEL{width:227px;}
.detail .mainboxcontent .typeEL{width:94px;}
.detail .mainboxcontent .engEL{width:247px;}



/** Search Control  **/
.search{float:left; width:644px;height:20px;background:url('../graphics/leftbox_bg.gif') 0 0 repeat-x;font-size:14px;line-height:14px;font-weight:bold;  padding:8px 0px 0px 0px;border:1px solid #E8E8E8;padding:1px 1px 0px 1px;}
.search a{padding:5px 5px 0px 5px;color:#2A72D4;}
.search img{vertical-align:top;padding:5px 5px 0px 5px;}
.errorMsg{font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
    z-index:1
}
.slideshow-content {
    padding:0;
    color:#333;
    overflow:hidden;
    position:relative;
    z-index:1;
}
