/* This is a comment
# in front means it's an ID. (ID is a unique element on the entrie page)
no # means its a class */



body { border:0; padding:0; margin:0; background:#efefef; color:#000000; font:12px Arial, Helvetica, sans-serif;}
form, p { margin:0; }
h1 { margin:0; padding:0; color:#0269ab; font:20px/24px Arial, Helvetica, sans-serif; }
p { line-height:18px; }


#global { width:932px; margin:0 auto; background:#fff; }
#header { height:97px; overflow:hidden; }

#login { width:256px; height:80px; overflow:hidden; background:url(../images/top_login.gif) top repeat-x; float:left; }
#login form { padding:0 9px 0 15px; height:61px; background:url(../images/top_login_right.gif) right top no-repeat; }
#login form label { display:block; padding-top:4px; height:20px; color:#34a3ed; font:bold 12px Arial, Helvetica, sans-serif; }
#login form div { height:23px; overflow:hidden; padding-left:6px; background:url(../images/login_form.gif) left top no-repeat; }
#login form input { float:left; border:0; background:transparent; color:#6c6c6c; font:12px Arial, Helvetica, sans-serif; padding:0; }
#login form input.phone { width:83px; margin-right:25px; margin-top:3px; }
#login form input.pin { width:67px; margin-right:13px; margin-top:3px; }
#login form input.b_ok { background:url(../images/b_ok.gif); width:35px; height:23px; cursor:pointer; }
#header .rc { width:256px; float:right; }

#header .cuserv { height:61px; overflow:hidden; background:url(../images/customer_service.gif) top repeat-x; font:bold 21px Tahoma, Arial, Helvetica, sans-serif; }
#header .cuserv .left { height:61px; background:url(../images/customer_service_left.jpg) left top no-repeat; padding-left:73px; }
#header .cuserv p.top { padding:0; height:28px; line-height:25px; color:#f2f2f2; }
#header .cuserv p.bottom { padding:5px 0 0 0; color:#201b17;  }

#header .states { padding-top:11px; width:56px; margin:0 14px 0 auto; height:16px; overflow:hidden; }
#header .states a { display:block; width:22px; height:16px; float:left; text-indent:-999px; }
#header .states a.usa { background:url(../images/i_usa.gif) no-repeat; margin-right:10px; }
#header .states a.canada { background:url(../images/i_canada.gif); }
#logo { background:url(../images/logo.gif); width:287px; height:97px; display:block; text-indent:-999px; position:absolute; top:0px; margin-left:322px; }

.toprow { height:36px; overflow:hidden; background:url(../images/toprow.gif) top repeat-x; }
.toprow em { display:block; height:18px; background:url(../images/toprow_logo.gif) 322px top no-repeat; }

.blueb { color:#1690d6; font-weight:bold; }




ul.ord { list-style:none; margin:0; padding:0; }
ul.ord li { background:url(../images/bul_list.gif) left 10px no-repeat; margin:0; padding:0 0 0 17px; line-height:24px}

ul.ordnormallinespace { list-style:none; margin:0; padding:0; }
ul.ordnormallinespace li { background:url(../images/bul_list.gif) left 5px no-repeat; margin:0; padding:0 0 17px 17px; }


.mt8 { margin-top:8px; }




/*this controls the main menu with the links on the left*/
#mainmenu { float:left; width:219px; margin-right:8px;}
#mainmenu ul { margin:0; padding:0 0 0 25px; list-style:none; }
#mainmenu ul li { margin:0; font-size:13px; line-height:25px; }
#mainmenu ul li a { display:block; height:25px; color:#ffffff; padding-left:35px; background:url(../images/bul_menul.gif) left 7px no-repeat;  }
#mainmenu ul li a:hover {   background-image:url(../images/bul_menul_over.gif;  ); }


/* to make the divs rounded at top and bottom */
.frb { background:#d3eeff; }
.frb_t { background:#d3eeff url(../images/frb_t_r.gif) right top no-repeat; height:9px; overflow:hidden; }
.frb_t em { display:block; height:9px; background:url(../images/frb_t_l.gif) left top no-repeat; }
.frb_b { background:#d3eeff url(../images/frb_b_r.gif) right top no-repeat; height:9px; overflow:hidden; }
.frb_b em { display:block; height:9px; background:url(../images/frb_b_l.gif) left top no-repeat; }

#footer { background:#007cc4 url(../images/footer_bg.gif) left bottom no-repeat; padding:18px 16px 0 66px; height:75px; }

#footer .txt { float:left; }

#footer .cards { float:right; height:56px; overflow:hidden; }
#footer .cards em, #footer .cards span { display:block; float:right; height:56px; font-size:0; overflow:hidden; }
#footer .cards em.left { background:url(../images/cards_left.gif) left top no-repeat; width:5px; }
#footer .cards em.right { background:url(../images/cards_right.gif) right top no-repeat; width:5px; }
#footer .cards span { background-color:#188ACE; padding:17px 3px 0 8px; height:39px; }
#footer .cards a { margin:0 5px 0 0; }
#footer .cards a img { border:0; }

#footer p.copyright { padding:8px 0 0 0; color:#68c5ff; font-weight:bold; }
#footer p.copyright a { padding:8px 0 0 0; color:#68c5ff; font-weight:bold; }
#footer p.links { padding:2px 0 0 0; color:#d3eeff; }
#footer p.links a { color:#fff; }
#footer p.links em { font-style:normal; padding:0 6px; }

.flash { background:url(../images/flash_bg.jpg) repeat; height:176px; overflow:hidden; padding-left:66px; }
#flash { display:none; }

.for { padding:26px 0 0 16px; *height:1%; overflow:hidden; }
.for div { width:219px; float:left; margin-right:8px; background:url(../images/serv_box_bg.jpg) left repeat-y; }
.for em { display:block; font-style:normal; background:url(../images/serv_box_bottom.jpg) bottom left no-repeat; }
.for em em { background:url(../images/serv_box_top.jpg) top left no-repeat; }
.for p { font-size:15px; line-height:18px; color:#fff; }
.for p.title { font-weight:bold; padding:7px 0 0 46px; _height:36px; }


.for .home_phone p.title { text-indent:-16px; }
.for .mobile_phone p.title { text-indent:-16px; }
.for .business p.title { padding-left:62px; text-indent:-32px; }
.for .travels p.title { padding-left:93px; text-indent:-63px; }
.for p.price { text-align:center; _height:39px; padding:0; }

#main { *height:1%; overflow:hidden; padding:26px 16px 25px 16px; }

.col2 { width:673px; float:right; }
.col2 p { padding:10px 0 0 0; }
.col2 .frb { padding:7px 22px 17px 25px; *height:1%; overflow:hidden; }



.home #main { padding:18px 16px 28px 16px; }
 /* .home .col2 { width:400px; float:left; } */
.home #footer { padding:18px 16px 0 37px; }

.adbox { *height:1%; overflow:hidden; }
.adbox { padding:9px 25px 0 25px; }
.adbox p { padding:5px 0 0 0; } 
.adbox p.link { padding-top:12px; }



.signup { background:url(../images/sign_up.gif); width:268px; height:80px; display:block; margin:18px 0 0 22px; text-align:right; 
	color:#f2f2f2; font:bold 22px/79px Tahoma, Arial, Helvetica, sans-serif; padding:0 20px 0 0; }





.signupmini { background:url(../images/sign_up_mini.gif); width:134px; height:40px; display:block; margin:9px 0 0 11px; text-align:right; 
color:#f2f2f2; font:bold 12px/40px Tahoma, Arial, Helvetica, sans-serif; padding:0 10px 0 0;  }

form.f_recommend { margin-top:7px; background:url(../images/recommend.gif) no-repeat; height:98px; padding:0 0 0 17px; }
form.f_recommend p { margin:0; padding:10px 0 0 0; height:31px; color:#f0f0f0; font:bold 17px Tahoma, Arial, Helvetica, sans-serif; }
.f_recommend div { overflow:hidden; height:23px; padding-left:7px; }
.f_recommend input { border:0; }
.f_recommend div input { float:left; background:transparent; color:#6c6c6c; font:12px Arial, Helvetica, sans-serif; padding:0; }
.f_recommend .name { width:133px; margin-right:21px; }
.f_recommend .email { width:128px; }
.f_recommend .b_go { background:url(../images/b_go_red.gif); width:46px; height:19px; cursor:pointer; margin-left:251px; }

.f_newrecommend .email { width:125px; }
.f_newrecommend input { border:0; color:#6c6c6c;}
.f_newrecommend TextInput { borderStyle: solid; borderColor: #777777; borderThickness: 1; cornerRadius: 2; backgroundAlpha: 1; backgroundColor: #555555; color: #cccccc; fontWeight: bold; } 

.uls2 { *height:1%; overflow:hidden; padding-top:10px; }
.uls2 ul{ float:left; }
.uls2 ul.left  { margin-right:38px; }

/* to set a div at 50% opacity*/
/*.trans50 {filter:alpha(opacity=50); opacity: .50; -moz-opacity: 0.50; }*/