@charset "utf-8";
/* CSS Document */

body{background: #0d0f0f url(../images/bg.jpg) repeat-x; margin:0 auto; padding:0;}
#container{margin: 0 auto; width: 998px; height:auto;}
/* header*/
#header{width:998px; height:122px;}
#header h1{margin:0; padding:22px 0 0 0; float:left;}
#header h1 img{border:0;}
#header .number{background:url(../images/fonumber.png) center bottom no-repeat; width:400px; float:right; color:#FFF; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
#header .number p{padding-left:20px; text-align:right; width:350px;}
#header .number ul{list-style-type:none; margin:0; padding:0; text-align:right; padding-right:30px;}
#header .number ul li{font:14px Arial, Helvetica, sans-serif; color:#cf9813; display:inline;}
.divider{font-size:14px !important; padding:0 5px; color:#cf9813 !important;}
#header .number ul li a{color:#cf9813; text-decoration:none;}
#header .number ul li a:hover{color:#dfa518; text-decoration:none;}
/* end of header*/ /*page1*/
#banner{background:url(../images/banner_bg.png) no-repeat; width:998px; height:417px; padding:0;}
#lady{background:url(../images/lady_watch.png) no-repeat; width:658px; height:423px; margin-top:-5px; float:left;}
#lady h3{font:17px Arial, Helvetica, sans-serif; color:#FFF; padding-left:260px; padding-top:25px;}
#lady p{font:16px Georgia, "Times New Roman", Times, serif; color:#000000; padding-left:420px; padding-top:5px;}
#lady p .hangtag{font:25px Georgia, "Times New Roman", Times, serif !important;  color:#000000 !important; text-align:center !important; padding:0 !important; text-shadow:1px 1px 1px #ecad51; width:190px; float:left;}
.bigfont{font:31px  Georgia, "Times New Roman", Times, serif !important;  color:#cf9813 !important;}
/*form*/

#signupform{width:312px; height:431px; float:left; margin-top:32px; margin-right:10px; position:relative;}
#signupform button{border:0px; background: none; top:10px; left:8px; position: relative; cursor: pointer; }
.step1bg{background:url(../images/form.png) no-repeat;}
.step2bg{background:url(../images/form2_2.png) no-repeat;}
#signupform form{font:15px Georgia, "Times New Roman", Times, serif; color:#0000000; padding:110px 10px 10px 40px;}
.formfix {padding:110px 10px 10px 10px !important;}
#signupform form ul{list-style-type:none; margin:0; padding:10px 20px 20px 10px; height:250px;}
#signupform form ul li label{text-align:right;float:left;width:45px;padding-right:5px}
.labelforstep2 {width:110px !important; padding-right:5px !important;}
.smallfonts {font:9px Arial, Helvetica, sans-serif !important;}

.selectforstep2 {width:100px !important;}
#signupform form ul li select, #signupform form ul li input{background: #FFF url(../images/px.jpg) top repeat-x; width:150px; -moz-border-radius: 3px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; margin-bottom:10px;}
#signupform form ul li input {width:130px;}
#signupform form ul li .watchlink{font:13px Arial, Helvetica, sans-serif; color:#000000; float:left; margin-top:30px; text-shadow:1px 1px 1px #ffffff;}
#signupform form ul li .watchlink a{color:#000; text-decoration:none;}
#signupform form ul li .watchlink a:hover{color:#600; text-decoration:none;}
#signupform form ul li .button{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; position:absolute; top:328px; left:40px; text-shadow:1px 1px 1px #f5bd52;}
#signupform form ul li .buttonb{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; float:left; margin-top:14px; margin-left:40px; text-shadow:1px 1px 1px #f5bd52;}
#signupform form ul li .button a{color:#1f120b; text-decoration:none; width:230px; height:41px; display:block; text-align:center;}
#signupform form ul li .buttonfix {top: 364px !important}
#signupform form ul li .button a:hover{text-shadow:1px 1px 1px #ffffff;}
#signupform form ul li .button a span{font-size:22px;}

/*strip*/
#strip {width:100%;height:300px;background:url(../images/middle_bg.jpg) repeat-x; margin-top:0px;}
#stripContainer {width:980px;height:auto;margin:0 auto;}
#step1{width:320px; height:230px; float:left; display:block;}
.step1active{background:url(../images/step1active.png) no-repeat;}
.step1default{background:url(../images/step1.png) no-repeat;}
#step1 .steps {width:300px;height:135px;float:left; padding-left:80px; padding-top:95px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #f0bd38;}
#step2{width:339px; height:230px; float:left; display:block;}
.step2active{background:url(../images/step2active.png) no-repeat;}
.step2default{background:url(../images/step2.png) no-repeat;}
#step2 .steps {width:300px;height:135px;float:left; padding-left:100px; padding-top:95px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #f0bd38;}
#step3{width:320px; height:230px; float:left; display:block;}
.step3active{background:url(../images/step3active.png) no-repeat;}
.step3default{background:url(../images/step3.png) no-repeat;}
#step3 .steps {width:300px;height:135px;float:left; padding-left:100px; padding-top:95px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #f0bd38;}
/*page2*/
#group{background:url(../images/banner_bgpage2.png) no-repeat center; width:640px; height:395px; margin-top:20px; float:left; margin-left:7px;}
#group h3{font:17px Arial, Helvetica, sans-serif; color:#FFF; padding-left:45px; margin-top:5px;}
#group p{font:16px Georgia, "Times New Roman", Times, serif; color:#fff; padding-left:60px; padding-top:275px;}
.hangtag{font:25px Georgia, "Times New Roman", Times, serif !important;  color:#ecad51 !important; text-shadow:1px 1px 1px #000000;}
/*page3*/
#wholebanner{background:url(../images/banner_bgpage3.png) no-repeat center; width:987px; height:385px; margin-top:20px; float:left; margin-left:11px;}
#infoleft{width:650px; padding-top:10px; float:left;}
#infoleft h3{font:17px Arial, Helvetica, sans-serif; color:#FFF;  padding-left:50px}
#infoleft ul{list-style-type:none; font:19px Arial, Helvetica, sans-serif; color:#000; padding-left:20px !important; padding-top:65px; text-shadow:1px 1px 1px #f0bd38;float:left;}
#infoleft p{font:12px Arial, Helvetica, sans-serif; color:#000; text-align:right !important; width:373px; margin-top:30px;}
#inforight{width:200px; float:left !important; padding-top:25px; padding-left:30px; position:relative;}
#inforight h2{font:16px Arial, Helvetica, sans-serif; color:#000;}
#infobottom {left:-250px; float:left !important; top:225px; width:600px; position:absolute; font:12px Arial, Helvetica, Sans-serif; color:#FFF;}
#infobottom ul{font:12px Arial, Helvetica, Sans-serif; color:#FFF;}
#infobottom ul ul{list-style-type:square;}
#infobottom ul li{padding-bottom:3px;}
.ulhead{font:16px Arial, Helvetica, Sans-serif; color:#FFF;margin-left:-20px;}
/*footer*/
#footer{background: transparent url(../images/2px.png) top repeat-x;; width:100%; height:80px; float:left; padding-top:10px;}
#footer .footercontent{font:12px Arial, Helvetica, sans-serif; color:#95672d; text-align:center; margin-top:20px;}
#footer h3{background: transparent url(../images/floatwatch.png) no-repeat; display:block; margin-top:-235px;margin-left:-40px;}
#footer .footer_links {text-align: center; font:13px Arial; color: #fff; padding-bottom: 10px}
#footer .footer_links a:link {color: #fff;}
#footer .footer_links a:visited {color: #fff;}
#footer .footer_links a:hover {color: #95672d;}
/*css selector*/
.webkit .formfix {padding:105px 10px 10px 10px !important;}
.opera #signupform form ul li .watchlink{font:13px Arial, Helvetica, sans-serif; color:#000000; float:left; margin-top:31px; text-shadow:1px 1px 1px #ffffff;}
/*.opera #signupform form ul li .button{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; float:left; margin-top:19px; margin-left:-5px; text-shadow:1px 1px 1px #f5bd52;}*/
.chrome #signupform form ul li .watchlink{font:13px Arial, Helvetica, sans-serif; color:#000000; float:left; margin-top:23px; text-shadow:1px 1px 1px #ffffff;}
.chrome #signupform form ul li select{background:#FFF url(../images/px.jpg) top repeat-x !important; width:150px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 3px !important; border-radius: 5px; margin-bottom:10px; padding:2px; border:1px black;}
.safari #signupform form ul li .watchlink{font:13px Arial, Helvetica, sans-serif; color:#000000; float:left; margin-top:30px; text-shadow:1px 1px 1px #ffffff; margin-bottom:3px;}
.opera #infobottom {margin-left:-280px; float:left !important; margin-top:22px; width:600px; font:12px Arial, Helvetica, Sans-serif; color:#FFF;}
.safari #signupform form ul li select{background:#FFF url(../images/px.jpg) top repeat-x !important; width:150px; margin-bottom:10px; padding:2px; border:1px black;}
/*.chrome #signupform form ul li .button{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; float:left; margin-top:25px; margin-left:-10px; text-shadow:1px 1px 1px #f5bd52;}
.chrome #signupform form ul li .buttonb{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; float:left; margin-top:7px; margin-left:40px; text-shadow:1px 1px 1px #f5bd52;}
.safari #signupform form ul li .button{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; float:left; margin-top:22px; margin-left:-12px; text-shadow:1px 1px 1px #f5bd52;}

.safari #signupform form ul li .buttonb{letter-spacing:-0.5px; font:18px Arial, Helvetica, sans-serif; color:#1f120b; float:left; margin-top:8px; margin-left:40px; text-shadow:1px 1px 1px #f5bd52;}
/*contentpages*/ */
#bannercontent{background:url(../images/banner_bg2.png) no-repeat; width:998px; height:720px; padding:0;}
#navleft{width:280px; float:left; margin-top:-30px; display:block; margin-left:20px;}
#navleft h1{padding-left:40px; margin-bottom:1px; float:left;}
#contentright{width:600px; float:left !important; padding-top:25px;}
#contentright h1{margin:0; padding:22px 0 0 0; color:#cf9813; }
#contentright h2{margin:0; padding:20px 0 0 0; color:#cf9813; }
#contentright h3{margin:0; padding:18px 0 0 0; color:#cf9813; }
#contentright h4{margin:0; padding:16px 0 0 0; color:#cf9813; }
#contentright h5{margin:0; padding:14px 0 0 0; color:#cf9813; }
#contentright p{font:12px Arial, Helvetica, sans-serif; color:#FFF;}
#contentright p a {text-align: center; font:13px Arial; color: #fff; padding-bottom: 10px; }
#contentright p a:link {color: #fff;}
#contentright p a:visited {color: #fff;}
#contentright p a:hover {color: #95672d;}
#contentright dl,
#contentright ol { color:#FFF; font:12px Arial, Helvetica, sans-serif;  }
#contentright dl dt { font-weight:bold; }
#contentright dl dd { margin-bottom:5px; }
#contentright ul{ list-style-type: none; margin: 0; padding: 0;}
#contentright li{color:#fff; display: block; line-height: 24px; text-decoration: none; font:13px Arial;}

/*menu*/
#menu{width:960px; height:auto; margin-left:-20px; float:left; margin-top:15px;}
#menu ul{font:16px Arial, Helvetica, sans-serif; color:#d8d8d8; text-shadow:1px 1px 1px #000; margin-top:30px; margin: 0 auto;}
#menu ul li {list-style-type: none; display:inline; padding: 10px;}
#menu ul li a{text-decoration:none; color:#d8d8d8;}
#menu ul li a:hover{text-decoration:none; color:#cf9813;}

/*vertical menu*/
.arrowgreen{ width: 210px; /*width of menu*/float:left; margin-left:45px; border:0px;}
.arrowgreen ul{ list-style-type: none; margin: 0; padding: 0;}
.arrowgreen li{display: block; background: transparent url(../images/2px.png) bottom repeat-x; height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 4px 0 8px 10px; line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none;}
.arrowgreen li a{ font:17px Arial, Helvetica, sans-serif; display: block; background: transparent url(../images/arrowgreen.png) 100% 0; height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 4px 0 4px 0px; line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; text-shadow:1px 1px 1px #000;}	
.arrowgreen li a:link, .arrowgreen li a:visited { color: #FFF;}
.arrowgreen li a:hover{ color: #b9bfba; background-position: 100% -32px;}
.arrowgreen li a.selected{ color: #cf9813; background-position: 100%;}