/***************************************************
Project          : Hire Intelligence
Created By       : Icreon
File Description : CSS Styles for Frontend
****************************************************/

/*========================= DEFAULT TAG Classes =========================*/
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#616161; font-weight:normal;}
* {outline:0 none;}
img{ border:none;}
a, a:link, a:visited, a:active { text-decoration:none; cursor:pointer;color:#2F89D8}
a:hover {text-decoration:underline;}
/*========================= DEFAULT TAG Classes =========================*/

/*========================= Start Common Classes =========================*/
form, input, label, span, p, ul, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}

.float_left{float:left;}
.float_right{float:right;}

.clear_both {clear:both;}
.spacer{padding-top:20px; clear:both;}

.margin_top5 {margin-top:5px;}
.margin_top10 {margin-top:10px;}
.margin_top15 {margin-top:15px;}
.margin_top20 {margin-top:20px; clear:left;}
.margin_bottom35 {margin-bottom:35px;}
.margin_bottom10 {margin-bottom:10px;}
.margin_bottom20 {margin-bottom:20px;}
.margin_left10 {margin-left:10px;}

#body{background:#ffffff url(../../images/frontend/header_bg.gif) repeat-x top left; }

#wrapper{ margin:0 auto; padding:0px; width:923px; height:auto;}
/*========================= End Common Classes =========================*/

/*========================= Home Classes =========================*/

/* Start Header Classes */
#header{height:96px;}

.logo{width:134px; height:81px; margin:8px 0px 0px 0px; float:left;}

.header_right_container{float:right; width:780px;}

.header_right_top_container{float:right; width:415px;}

.select_country{float:right; width:170px; height:52px; margin:7px 3px 0px 0px; display:inline;}

.select_country ul.country{list-style-type:none; padding:0px; margin:0px; text-align:center; float:right; }
.select_country .country li{float:left; display:inline; color:#444444; font-weight:normal; margin:0px 5px 0px 0px; width:36px; }
.select_country .country li a{color:#444444; font-weight:normal; text-decoration:none;}
.select_country .country li a:link{color:#444444; font-weight:normal; text-decoration:none;}
.select_country .country li a:hover{color:#444444; font-weight:bold; text-decoration:none;}
.select_country .country li a img{margin-bottom:3px; float:right;}

.call_us_now{float:left; width:230px; height:52px; margin:5px 0px 0px 0px;}
.divider_caalus{background:url(../../images/frontend/divider_caalus.gif) no-repeat left top; width:2px; height:52px; float:left;}

/*----------End Header Classes----------*/


/*--------Start Banner Classes----------*/
.banner{/*background:url(../images/banner.gif) no-repeat top left;*/ width:922px; height:149px; margin:0px 0px 7px 0px;}
/*--------End Banner Classes----------*/

/*----------Start Navigation Classes----------*/
.nav_bg{height:27px; margin:10px 0px 0px 0px; float:left; width:782px;}

.nav_link {font-weight:bold; font-size:13px; text-transform:uppercase; color:#3d3d3d; font-family:Arial, Helvetica, sans-serif;  height:27px; margin:0px 0px 0px 0px;}

.nav_link ul{padding:0px; margin:0px 10px 0px 0px; list-style-type:none; float:right;}

.nav_link ul li{float:left; display:inline; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; position:relative; margin-right:6px;}

.nav_link ul li a{background:url(../../images/frontend/nav_left_inactive.gif) no-repeat left top; padding:0 0 0 10px; float:left; cursor:pointer; height:27px; text-align:center; text-decoration: none;}

.nav_link ul li a span{background:url(../../images/frontend/nav_right_inactive.gif) no-repeat right top; float:left; color:#3d3d3d; height:27px; padding:0 10px 0 0px; font-weight:bold; line-height:25px; }

.nav_link ul li a:hover{background:url(../../images/frontend/nav_left_active.gif) no-repeat left top; color:#ffffff; text-decoration:none;}

.nav_link li a:hover span{background:url(../../images/frontend/nav_right_active.gif) no-repeat right top; color:#ffffff!important; text-decoration:none;}

.nav_link ul li.current a{background:url(../../images/frontend/nav_left_active.gif) no-repeat left top; color:#ffffff; text-decoration:none;}

.nav_link li.current a span{background:url(../../images/frontend/nav_right_active.gif) no-repeat right top; color:#ffffff; text-decoration:none;}
.nav_link ul li:hover a{background:url(../../images/frontend/nav_left_active.gif) no-repeat left top; color:#ffffff; text-decoration:none;}

.nav_link li:hover a span{background:url(../../images/frontend/nav_right_active.gif) no-repeat right top; color:#ffffff; text-decoration:none;}



.nav_link ul ul{display:none; position:absolute; padding:0px; width:172px; float:left; z-index:999 !important; }

.nav_link li ul li.drop_down_bottom{background:url(../../images/frontend/drop_down_bottom.png) no-repeat left top; width:172px; height:10px; text-indent:999999999999999px;}

.nav_link li ul li.drop_down_top{line-height:5px; height:10px;}

.nav_link ul li:hover ul{display:block; top:27px; left:0px; height:auto!important;}

.nav_link li ul li{width:100%; float:left; height:24px; background-color:#102f85; }

.nav_link li ul li a{background:url(../../images/frontend/blue_bullet.gif) no-repeat left 5px !important; float:left; display:block; font-size:11px; font-weight:normal; line-height:18px; position:relative; left:10px; color:#6a8ae2 !important; text-align:left;}

.nav_link li ul li a:hover{background:url(../../images/frontend/white_bullet.gif) no-repeat left 5px !important; float:left; display:block; font-weight:bold; color:#fff !important; text-align:left; line-height:18px; font-size:11px;}

.nav_link li ul li.active a {background:url(../../images/frontend/white_bullet.gif) no-repeat left 5px !important; float:left; display:block; font-weight:bold; color:#fff !important; line-height:18px; font-size:11px;}


/*----------End Navigation Classes----------*/

/*-------Start Content Containe Classes--------*/
.content_container{float:left;}
/*-------Start Content Container Classes--------*/

/*-------Start Left panel Classes--------*/
.left_panel{float:left; width:229px; margin:0px 16px 0px 0px;}

/****Start Get a Quote****/
.getaquote{float:left; width:229px; display:inline;}
.getaquote .title{background:url(../../images/frontend/title_bg.gif) no-repeat top left; height:23px; padding:6px 0px 0px 14px; }

.getaquote .title img{padding:0px; margin:2px 0px 0px 0px;}

.getaquote .bottom_corner{background:url(../../images/frontend/left_panel_bottom_cor.gif) no-repeat top left; height:10px; font-size:2px;}
.getaquote .form_container{background-color:#f8f8f8; padding:8px 10px 0px 10px; min-height:420px; height:auto!important; height:420px; border-left:1px solid #e1d9d9; border-right:1px solid #e1d9d9; color:#7e7e7e; }
.getaquote .form_container p{margin-bottom:8px;}
.getaquote .form_container p font{color:#de0a0a; font-weight:bold; font-size:11px;}
.getaquote .form_container p span{color:#525252; font-weight:normal; font-size:11px;}
.getaquote .form_container p label{text-align:left; width:63px; vertical-align:middle; line-height:18px; float:left; color:#000000;}

.getaquote .form_container div.align_right{text-align:right;}
/****End Get a Quote****/


/*-------End Left panel Classes--------*/

/*-------Start Product Container Classes--------*/
.product_container_outer{float:left; width:676px;}

.gray_left{background:url(../../images/frontend/gray_left.gif) no-repeat top left; width:10px; height:30px; float:left;}
.gray_right{background:url(../../images/frontend/gray_right.gif) no-repeat top right; width:10px; height:30px; float:right; font-size:2px; }
.gray_repet{background:url(../../images/frontend/gray_repet.gif) repeat-x top left; height:25px; float:left; width:656px; padding:5px 0px 0px 0px; display:inline!important;}
.gray_repet h2{font-size:15px; color:#353535; font-weight:bold; line-height:20px; float:left; display:inline;}
.gray_repet p{line-height:18px; padding:0; text-align:right;}
.gray_repet p label{color:#353535; font-weight:normal; margin:0px 6px 0px 8px;}


.product_container{float:left; margin:8px 0px 0px 0px;}

.product_container_01{float:left; width:675px;}

.product_block{float:left; width:159px; padding:0px 10px 8px 0px;}

.product_block_right{float:left; width:159px; padding:0px 0px 8px 0px;}

.product_block_top{width:159px; height:9px; background:url(../../images/frontend/product_block_top_cor.gif) 0 0 no-repeat; float:left; font-size:1px; line-height:1px;}
.product_block_bottom{width:150px; height:1px; border-bottom:1px solid #e5e5e5; float:left; font-size: 0px;}
 
.product_block_middle{width:159px; height:auto; border-right:1px solid #e5e5e5; float:left; padding:0 0 7px;position: relative;}
.product_block_middle p{text-align:center; margin:0px 0px 3px 0px;}
.product_block_middle .product_name{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}
.product_block_middle .product_name a{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}
.product_block_middle .product_name a:link{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}
.product_block_middle .product_name a:hover{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}

.product_block_middle_right{width:159px; height:auto; float:left; padding:0px 8px 7px 8px;position: relative;}
.product_block_middle_right p{text-align:center; margin:0px 0px 3px 0px;}
.product_block_middle_right .product_name{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}

.product_block_middle_right .product_name a{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}
.product_block_middle_right .product_name a:link{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}
.product_block_middle_right .product_name a:hover{text-align:center; font-size:11px; font-weight:bold; color:#2691d4; line-height:18px; width:155px; float:left;}

/*-------Start Product Container Classes--------*/

/*------Start Common Form Classes--------*/
.textbox{border:1px solid #9e9e9e; height:17px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; }
.textbox_01{border:1px solid #9e9e9e; height:17px; background-color:#ffffff; width:135px; padding:0px; color:#000000; font-size:11px;}
.textbox_02{border:1px solid #9e9e9e; height:17px; background-color:#ffffff; width:200px; padding:0px; color:#949494; font-size:11px;}

.listbox{border:1px solid #9e9e9e; height:20px; background-color:#ffffff; color:#949494; font-size:11px;}
.listbox_01{border:1px solid #9e9e9e; height:20px; background-color:#ffffff; width:136px; color:#000000; font-size:11px;}

.textarea{border:1px solid #9e9e9e; background-color:#ffffff; padding:3px 0px 0px 0px; color:#949494; font-size:11px;}

.textarea_01{border:1px solid #9e9e9e; background-color:#ffffff; padding:3px 0px 0px 0px; color:#949494; font-size:11px; height:40px; width:198px;}

/*.button_update{background:url(../../images/frontend/button_update.gif) no-repeat center; width:76px; height:21px; border:0px; cursor:pointer;}*/

.btn_getaquote{background:url(../../images/frontend/btn_getaquote.gif) no-repeat center; width:103px; height:21px; border:0px; cursor:pointer; margin-top:5px;}

.btn_sendrequest{background:url(../../images/frontend/btn_sendrequest.gif) no-repeat center; width:95px; height:21px; border:0px; cursor:pointer;}

.btn_cancle{background:url(../../images/frontend/btn_cancle.gif) no-repeat center; width:65px; height:21px; border:0px; cursor:pointer;}

.btn_submit{background:url(../../images/frontend/btn_submit.gif) no-repeat center; width:65px; height:21px; border:0px; cursor:pointer;}

.btn_update{background:url(../../images/frontend/btn_update.gif) no-repeat center; width:65px; height:21px; border:0px; cursor:pointer;}


.btn_link{background:url(../../images/frontend/button_link_left.gif) no-repeat left top; color:#ffffff; height:21px; padding-left:12px; text-decoration:none !important; float:left; margin-right:5px; }

.btn_link span{background: url(../../images/frontend/button_link_rit.gif) repeat-x right top; color:#ffffff; height:21px; float:left; 
line-height:21px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding:0px 16px 0px 8px; text-decoration:none; cursor:pointer;}


/*------End Common Form Classes--------*/

/*------Start Client Testimonials Container Classes--------*/
.client_testimonial{float:left; width:229px; }
.client_testimonial .title{background:url(../../images/frontend/title_bg.gif) no-repeat top left; height:23px; padding:6px 0px 0px 10px; margin-top:10px;}

.client_testimonial .title img{padding:0px; margin:2px 0px 0px 0px;}

.client_testimonial .container{min-height:80px; height:auto!important; height:80px; padding:2px 1px 0px 1px;
background-color:#f8f8f8; border-left:1px solid #e1d9d9; border-right:1px solid #e1d9d9;}

.client_testimonial .container p{text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2f89d8; margin-top:3px;}
.client_testimonial .container p a{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2f89d8; text-decoration:none;}

.client_testimonial .container p font{font-style:italic; font-weight:normal; font-size:13px; color:#2f89d8;}

.client_testimonial .bottom_corner{background:url(../../images/frontend/left_panel_bottom_cor.gif) no-repeat top left; height:10px; font-size:2px;}

/*------End Client Testimonials Container Classes--------*/

/*--------Start Blockquote Classes--------*/

blockquote{background:transparent url(../../images/frontend/quote_left.gif) no-repeat scroll left top; font-size:11px;
color:#717171; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:18px; margin:5px 0 0 5px;}

blockquote div{background:transparent url(../../images/frontend/quote_right.gif) no-repeat scroll right bottom; font-size:12px;
font-weight:bold; padding:6px 15px 0 14px; color:#717171; line-height:16px;}

/*--------End Blockquote Classes--------*/

/*--------Start Newsletters Classes--------*/
.newsletters{float:left; width:229px; }
.newsletters .title{background:url(../../images/frontend/title_bg.gif) no-repeat top left; height:23px; padding:6px 0px 0px 10px; margin-top:13px;}

.newsletters .title img{padding:0px; margin:2px 0px 0px 0px;}

.newsletters .container{min-height:55px; height:auto!important; height:55px; padding:8px 13px 0px 13px;
 background-color:#f8f8f8; border-left:1px solid #e1d9d9; border-right:1px solid #e1d9d9;}

.newsletters .container h4{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2b2b2b; line-height:18px;}
.newsletters .container p{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#2b2b2b;}

.newsletters .container div.more{text-align:right;}
.newsletters .container div.more a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ff0000; text-decoration:underline; line-height:16px;}

.newsletters .bottom_corner{background:url(../../images/frontend/left_panel_bottom_cor.gif) no-repeat top left; height:10px; font-size:2px;}

/*--------End Newsletters Classes--------*/

/*--------Start Our Brands Classes---------*/
.our_brands{background:url(../../images/frontend/our_brands_bg.gif) no-repeat top left; width:643px; height:65px; margin-top:13px; padding:18px 0px 0px 32px;}
.our_brands img{margin-right:15px;}
.our_brands img.last_img{margin:0px;}

/*--------End Our Brands Classes---------*/

/*--------Start Our Outlets Classes---------*/
.our_outlets{float:left; width:100%; border-bottom:1px solid #cfcfcf; margin:20px 0px 10px 0px; padding-bottom:15px;}

.our_outlets .title{background:url(../../images/frontend/our_outlets_bg.gif) repeat-x top left; height:28px; padding:0px; }

.our_outlets .title h3{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#353535; font-weight:bold; text-transform:capitalize; padding:5px 0px 0px 15px;}

.our_outlets .outlets_container{float:left; margin:10px 0px 0px 13px; border-right:1px solid #e6e6e6; width:107px; height:115px; 
padding:0px 10px 0px 0px;} 
.our_outlets .outlets_container p{margin:15px 0px 5px 0px;}
.our_outlets .outlets_container p font{font-weight:bold; font-size:11px;}
.our_outlets .outlets_container a{font-size:11px; color:#ff0000; font-weight:bold; text-decoration:underline; line-height:22px;}
.our_outlets .outlets_container h4{font-size:12px; color:#318bd9; font-weight:bold; text-transform:uppercase;}

.our_outlets .outlets_container_last{float:left; margin:15px 0px 15px 10px; width:105px;} 
.our_outlets .outlets_container_last p{margin:15px 0px 15px 0px;}
.our_outlets .outlets_container_last p font{font-weight:bold; font-size:11px;}
.our_outlets .outlets_container_last a{font-size:11px; color:#ff0000; font-weight:bold; text-decoration:underline;}
.our_outlets .outlets_container_last h4{font-size:12px; color:#318bd9; font-weight:bold; text-transform:uppercase;}

/*--------End Our Outlets Classes---------*/


/*--------Start Bookonline_Techsupport Container Classes---------*/
.bookonline_techsupport{float:left; width:99%; margin:0px 0px 20px 0px;}

.book_online{float:left; width:280px; padding-right:15px; border-right:1px solid #d2d2d2; height:110px;}

.director_quote{float:left; background:url(../../images/frontend/quote_bg.gif) no-repeat top center; width:285px; padding:0px 20px 0px 10px; 
border-right:1px solid #d2d2d2; height:110px;}

.director_quote p{text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2f89d8; margin-top:10px;}
.director_quote p a{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2f89d8; text-decoration:none;}
.director_quote p font{font-style:italic; font-weight:normal; font-size:13px; color:#2f89d8;}

.tech_support{float:left; width:255px; height:110px; margin-left:10px;}

/*--------End Bookonline_Techsupport Container Classes---------*/

/*---------Start Footer Classes---------*/
#footer{background:url(../../images/frontend/footer_bg_repet.gif) repeat-x top center; float:left; width:100%; height:222px; margin:30px 0px 0px 0px;}
.footer_inner{background:url(../../images/frontend/footer_bg.gif) no-repeat top center; position:relative; width:922px; height:222px; margin:0 auto; }
.best_rate{background:url(../../images/frontend/best_rate.png) no-repeat top left; width:182px; height:107px; position:absolute; top:-22px; left:5px;}
.australia_wide_delivery{background:url(../../images/frontend/australia_wide_delivery.png) no-repeat bottom right; width:104px; height:103px; position:absolute; bottom:58px; right:32px;}

.footer_container{float:left; color:#063055; font-size:14px; font-weight:normal; width:685px; height:90px;line-height:20px; 
margin:5px 0 0 222px;  display:inline;}
.footer_container font{color:#063055; font-size:16px; font-weight:bold;}
.footer_container span{color:#ffffff; font-size:14px; font-weight:normal; line-height:26px;}

.footer_links{float:left; color:#ffffff; font-size:11px; font-weight:normal; width:715px; margin:15px 0px 0px 0px; line-height:20px;}
.footer_links a{color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none;}
.footer_links a:link{color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none;}
.footer_links a:hover{color:#ffffff; font-size:11px; font-weight:normal; text-decoration:underline;}

.footer_rights{float:left; width:100%; color:#ffffff; font-size:11px; font-weight:normal;}
.footer_rights p{margin-top:20px;}
.footer_rights span{margin-right:555px;}
.footer_rights p a{color:#ffffff; font-size:11px; font-weight:bold; text-decoration:underline;}

/*---------End Footer Classes---------*/


/*-----------Start Inner page Classes--------------*/
.inner_container{float:left; width:670px;}

.inner_container h3{font-family:Arial, Helvetica, sans-serif; color:#2f89d8; font-size:21px; font-weight:normal; margin-bottom:15px;}
.inner_container p{margin-bottom:13px;}
.inner_container p a{font-size:11px; font-weight:normal; color:#2f89d8; text-decoration:underline!important;}

.inner_container p.gray_title{font-size:11px; color:#616161; font-weight:bold;}

.inner_container p.blue_text{font-size:11px; color:#2f89d8; font-weight:bold;}

.light_gray{font-size:11px; color:#b4b4b4; font-weight:normal;}

.inner_container p.contactus_icon{background:transparent url(../../images/frontend/contactus_icon.gif) no-repeat scroll 0 0px; font-size:12px; color:#616161; font-weight:bold; height:41px; float:left; padding:18px 0px 0px 56px;}

.gray_arrow_ul{list-style-type:none; margin:0px; padding:15px 0 15px 0px;}
.gray_arrow_ul li{background:transparent url(../../images/frontend/gray_arrow.gif) no-repeat scroll 0 3px; margin:0; padding:0 0 6px 12px !important; color:#2f89d8; font-weight:bold; font-size:11px;}

.blue_corner_container{width:668px; background:url(../../images/frontend/blue_bgrepet.gif) repeat-y top left; float:left;}
.blue_topcor{background:url(../../images/frontend/blue_topcor.gif) no-repeat top left; width:668px; height:8px; font-size:2px;}
.blue_bottomcor{background:url(../../images/frontend/blue_bottomcor.gif) no-repeat top left; width:668px; height:8px; font-size:2px; float:left;}


/*----------Start Breadcrumbs classes--------*/
.breadcrumbs{background:url(../../images/frontend/breadcrumbs.gif) no-repeat top left; width:667px; height:21px; margin-bottom:10px;}

.breadcrumbs ul{display:inline; float:left; margin:0px 0px 0px 0px; padding:0px; list-style-type:none; padding:0px 0px 0px 5px !important;}
.breadcrumbs ul li{float:left; display:inline; color:#5d5d5d; font-family:Arial,Helvetica,sans-serif; font-size:11px; 
font-weight:normal; line-height:20px; list-style-type:none; margin:0; padding:0 3px;}
.breadcrumbs ul li a{color:#012A53; text-decoration:none;}
.breadcrumbs ul li a:link{color:#012A53; text-decoration:none;}
.breadcrumbs ul li a:hover{color:#5d5d5d; text-decoration:underline;}
.breadcrumbs ul li a.current{color:#5d5d5d; text-decoration:underline; font-weight:bold;}

/*------------End Breadcrumbs classes-----------*/

/*---------Start Contact Form Classes----------*/
.contact_form_container{padding:20px; margin:0 auto; width:550px;}

.contact_form_container label{display:block; font-weight:bold; font-size:11px; color:#616161; text-align:right; width:170px; float:left; margin:0px 20px 10px 0px;}

.contact_form_container label span{display:block; font-weight:bold; font-size:11px; color:#616161; text-align:right; width:170px;}

.contact_form_container input, textarea {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:350px;}

.contact_form_container input.textbox_03{border:1px solid #a4a4a4; height:15px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; width:206px;}

.contact_form_container textarea.textarea_02 {border:1px solid #a4a4a4; background-color:#ffffff; padding:3px 0px 0px 0px; color:#949494; font-size:11px; height:96px; width:330px; float: left;}

.contact_form_container p{ text-align:center;}
.contact_form_container p img{margin:15px 0px 5px -50px;}
.contact_form_container br{clear:both;}
.contact_form_container font{font-size:11px; color:#b4b4b4; font-weight:normal; margin-left:5px;}

.contact_form_button{float:right; margin-top:20px;}

/*---------End Contact Form Classes----------*/


/*---------Start Online Booking Container Classes----------*/
.online_booking{margin:0px; padding:0px; float:left;}
.online_booking_container{padding:10px 10px 10px 18px; margin:0 auto; float:left;}

.online_booking h4{font-size:12px; color:#2f89d8; font-weight:bold; margin-bottom:10px; float:left;}


.online_booking_container .form_left{float:left; width:316px; margin-right:18px;}
.online_booking_container .form_left_address{float:left; width:620px; margin-top:20px;}
.online_booking_container .form_right{float:right; width:306px; }

.online_booking_container label{display:block; font-weight:bold; font-size:11px; color:#616161; text-align:left; width:100px; float:left; margin:0px 8px 15px 0px;}

.online_booking_container label.right_label{display:block; font-weight:bold; font-size:11px; color:#616161; text-align:left; width:125px; float:left; margin:0 5px 8px 0;}

.online_booking_container label span{float:right; font-weight:bold; font-size:11px; color:#616161; }

.online_booking_container input, textarea{float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:350px; }

.online_booking_container input.textbox_03{border:1px solid #a4a4a4; height:15px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; width:206px;}

.online_booking_container input.textbox_150{border:1px solid #a4a4a4; height:15px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; width:150px;}
.online_booking_container input.textbox_400{border:1px solid #a4a4a4; height:15px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; width:400px;}

.online_booking_container .strip_line{ border:0px; height:1px; background-color:#9FD5F9 !important; color:#c8c8c8 !important; 
width:100%; text-align:left!important; float:left; display:inline; margin-bottom:10px; margin-top:-3px !important;}

.online_booking_container textarea.textarea_02{border:1px solid #a4a4a4; background-color:#ffffff; padding:3px 0px 0px 0px; color:#949494; font-size:11px; height:78px; width:280px;}

.online_booking_container textarea.textarea_03{border:1px solid #a4a4a4; background-color:#ffffff; padding:3px 0px 0px 0px; color:#949494; font-size:11px; height:65px; width:280px;}

.online_booking_container br{clear:left;}
.online_booking_container font{font-size:11px; color:#b4b4b4; font-weight:normal; margin-left:5px;}

.online_booking_container .listbox_online{border:1px solid #a4a4a4; height:18px; background-color:#ffffff; color:#949494; font-size:11px;}



.online_booking_container input.textbox_date{border:1px solid #a4a4a4; height:15px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; width:25px; float:none;}

.online_booking_product{padding:10px 10px 10px 18px; margin:0 auto; float:left; width:620px; display:inline;}

.add_more{background:url(../../images/frontend/add_more.gif) no-repeat bottom right; width:70px; height:25px; margin:0px 10px 0px 0px; float:right; }

.online_booking_product label.product_txt{display:inline; font-weight:bold; font-size:11px; color:#616161; text-align:left; float:left; margin:0 5px 8px 0; width:155px; line-height:20px; display: inline;}

.online_booking_product label.qty_txt{display:inline; font-weight:bold; font-size:11px; color:#616161; text-align:left; float:left; margin:0 5px 8px 0; width:10%; line-height:20px;}

.online_booking_product input.textbox_date{border:1px solid #a4a4a4; height:15px; background-color:#ffffff; padding:0px; color:#949494; font-size:11px; width:26px; line-height:20px;}

.online_booking_product label.information_txt{display:inline; font-weight:bold; font-size:11px; color:#616161; text-align:left; float:left; margin:0 5px 8px 0; width:220px; line-height:20px;}
.online_booking_product label.information_txt font{font-size:11px; font-weight:normal; color:#616161; line-height:16px;}


/*---------End Online Booking Container Classes----------*/


/*-------Start Gray bg block Classes------*/
.gray_bg_repet{width:666px; background:url(../../images/frontend/gray_bg_repet.gif) repeat-y top left; float:left; margin-top:12px;}
.gray_top_cor{background:url(../../images/frontend/gray_top_cor.gif) no-repeat top left; width:666px; height:12px; font-size:2px;}
.gray_bottom_cor{background:url(../../images/frontend/gray_bottom_cor.gif) no-repeat top left; width:666px; height:12px; font-size:2px; float:left; line-height:2px;}

/*-------End Gray bg block Classes------*/

/*-------Start Notebook Computers Classes------*/
.notebook_computer{float:left; padding:5px 5px 5px 25px; width:620px; min-height:65px; height:auto !important; height:65px;}
.notebook_computer h4{font-family:Arial, Helvetica, sans-serif; color:#2f89d8; font-size:12px; font-weight:bold; margin-bottom:0px;}

.notebook_computer h4 a{font-family:Arial, Helvetica, sans-serif; color:#2f89d8; font-size:12px; font-weight:bold; margin-bottom:0px;}
.notebook_computer h4 a:link{font-family:Arial, Helvetica, sans-serif; color:#2f89d8; font-size:12px; font-weight:bold; margin-bottom:0px;}
.notebook_computer h4 a:hover{font-family:Arial, Helvetica, sans-serif; color:#2f89d8; font-size:12px; font-weight:bold; margin-bottom:0px;}

.notebook_computer div.right_container{float:left; width:412px;}

.notebook_computer div.right_container .product_detail{float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#3e3e3e;}

.notebook_computer div.right_container .product_detail li{display:inline; padding:2px 8px 2px 10px; width:188px; float:left; background-color:#f7f7f7; display:block; min-height:45px; height:auto!important; height:45px; list-style-type:none; margin-bottom:7px;}

.notebook_computer div.right_container .product_detail li.even{display:inline; padding:2px 8px 2px 10px; width:188px; float:left; background-color:#eaeaea; display:block; min-height:45px; height:auto!important; height:45px; list-style-type:none; margin-bottom:7px;} 

.notebook_computer div.right_container .product_detail li font{display:block; color:#30c0f7; font:bold 11px Arial, Helvetica, sans-serif;}

.notebook_computer div.right_container table{width:400px!important;}

.notebook_computer div.right_container table td{vertical-align:top; padding-bottom:10px;}

.notebook_computer div.left_container{float:left; width:166px; margin-right:40px; display:inline;}

.notebook_computer div.left_container img{float:left; margin-bottom:15px;}

.notebook_computer div.left_container p{font:normal 11px Arial, Helvetica, sans-serif; color:#000000; margin-bottom:10px;}

.notebook_computer div.left_container p strong{font-weight:bold; color:#000000; padding:0px;}

.notebook_computer div.left_container p a{font:normal 11px Arial, Helvetica, sans-serif; color:#31c5fd; text-decoration:underline;}

.notebook_computer p{margin-bottom:15px; }

.notebook_computer img{float:left; }
.notebook_computer strong{font:bold 11px Arial, Helvetica, sans-serif; color:#8c8c8c; padding-bottom:20px; display:block;}

/*-------End Notebook Computers Classes------*/


/*-------Start FAQ Classes-------*/
.faq_container{float:left; width:666px; margin:0px 0px 10px 0px;}
.faq_container .heading{background:url(../../images/frontend/gray_title_bg.gif) no-repeat top left; width:651px; height:26px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:normal; padding:10px 0px 0px 15px;}

.faq_container .heading font{font-weight:bold; font-size:12px;}

.faq_container .inner_container{background:#ffffff url(../../images/frontend/gray_bg_repeat.gif) repeat-x bottom left; min-height:30px; height:auto !important; height:30px; font-size:11px; font-weight:normal; color:#616161; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; width:639px; padding:15px 10px 10px 15px;}

.faq_container .inner_container div.title{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7dc951; font-weight:bold; float:left; width:58px;}

.faq_container .inner_container div.answer_container{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#616161; font-weight:normal; float:left; width:580px;}

.faq_container .gray_bottom{background:url(../../images/frontend/gray_bottom.gif) no-repeat bottom left; width:666px; height:9px; float:left; font-size:2px;}

/*-------End FAQ Classes-------*/

/*-------Start Sitemap Container Classes--------*/
.sitemap_container{float:left; width:630px; margin-left:20px;}

.sitemap_container .left_column{float:left; width:35%; margin-right:50px;}

.sitemap_container .right_column{float:right; width:46%;}

.sitemap_container .container_inner{float:left; width:99%; text-align:left; }

.sitemap_container h3{background:url(../../images/frontend/home_icon.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2f89d8; font-weight:bold; line-height:20px; height:19px; padding-left:28px;}

.sitemap_container h4{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2f89d8; font-weight:bold; line-height:20px;}

.sitemap_container hr{line-height:0px; border:0px; height:1px; background-color:#c8c8c8 !important; color:#c8c8c8 !important; 
width:100%; text-align:left!important; float:left; display:inline;}

.sitemap_container ul.listcol{margin:0 0 5px; padding:0;}

.sitemap_container ul.listcol li{background:url(../../images/frontend/bullet01.gif) no-repeat left 7px; display:block; line-height:18px; margin:0; padding:0px 0 0px 10px; color:#616161; }

.sitemap_container ul.listcol li a{color:#616161; font-size:11px; font-weight:normal; text-decoration:none;}
.sitemap_container ul.listcol li a:link{color:#616161; font-size:11px; font-weight:normal; text-decoration:none;}
.sitemap_container ul.listcol li a:hover{color:#616161; font-size:11px; font-weight:normal; text-decoration:underline;}

.sitemap_container ul.list_blue{margin:0 0 5px; padding:0;}

.sitemap_container ul.list_blue li{display:block; line-height:18px; margin:0; padding:0px; color:#2f89d8; }

.sitemap_container ul.list_blue li a{color:#2f89d8; font-size:11px; font-weight:normal; text-decoration:none;}
.sitemap_container ul.list_blue li a:link{color:#2f89d8; font-size:11px; font-weight:normal; text-decoration:none;}
.sitemap_container ul.list_blue li a:hover{color:#2f89d8; font-size:11px; font-weight:normal; text-decoration:underline;}

/*-------End Sitemap Container Classes--------*/
.message{font:normal 11px Arial, Helvetica, sans-serif; color:##616161; float:left}
.message p.success_message{background:url(../../images/frontend/icon_success.gif) no-repeat left 1px; padding-left:60px; height:37px;}
.message p span{font:bold 14px Arial, Helvetica, sans-serif; color:#30bff5; line-height:30px; display:block; }

.message p.error_message{background:url(../../images/frontend/icon_error.gif) no-repeat left 7px; padding-left:60px;}
#Dynamicontent{ color:#696969; font:normal 11px "Arial" !important;}
#Dynamicontent ul{ padding:0px 0px 0px 20px}
#Dynamicontent ul li{ padding:0px 0px 0px 0px}
#Dynamicontent ol{ padding:0px 0px 0px 20px}
#Dynamicontent ol li{ padding:0px 0px 0px 0px}
#Dynamicontent strong{ color:#8C8C8C;}


/** drop down css **/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
/** End drop down css **/

#mask {
  position:absolute;
  opacity: 0.3;
  left:0;
  top:0;
  z-index:9000;
  background-color:#D6D6D6;
  display:none;
}
.special-icon  {background:url("../../images/frontend/special-icon.png") no-repeat scroll left top transparent;height:36px;position:absolute;right:7px;top:0;width:107px;}