/*
* Agency: Clickthinking
* URL: VatIT.com
*
* Author: Clement Newton
* Creation Date: 12 April 2010
*/

/* Reset styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, label { margin: 0; padding: 0; }

img {border:0;}
object {outline:none;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a {color: #333333;}
a:hover {color: #0081c6;}
h1{color: #021a4a;	font-size: 25px; font-weight: bold;}
h2{color: #2995cf;	font-size: 18px; font-weight: normal;}
h3{color: #021a4a;	font-size: 12px; font-weight: bold;}
.mrg_top4{ margin-top: 4px;}
.mrg_top10{ margin-top: 10px;}
.mrg_top15{ margin-top: 15px;}
.mrg_btm45{ margin-bottom: 45px;}
.mrg_l75{margin-left: 75px;}
.mrg_l75{margin-left: 75px;}
.mrg_l140{margin-left: 140px;}
.pad_r20{ padding-right: 20px;}
.pad_rl20{ padding: 0 20px;}
.pad_btm150{ padding-bottom: 150px;}

/* Ready Steady Go */
body{
	background: #ffffff url(/images/sitewide/header/header_bg.gif) repeat-x;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#container{
	margin: 0 auto;
	text-align: left;
	width: 980px;
}

/*Header Styles */
#header{
	height: 186px;
	background: url(/images/sitewide/header/nav_top.gif) no-repeat 0px 124px;
}

a.logo{
	display: block;
	height: 107px;
	width: 253px;
	background: url(/images/sitewide/header/vatit_logo.gif) no-repeat;
	margin: 12px 0 0 3px;
}

a.logo span{position: absolute; top: -9999px;}

ul.mini_nav li{
	float: left;
	font-size: 11px;
	list-style: none;
	padding: 0 0 0 7px;
	margin: 105px 0 0 0;
}

ul.mini_nav li a{
	border-left: 1px solid #e1e1e1;
	padding: 0 0 0 7px;
	text-decoration: none;
}

ul.mini_nav li a.home{border: none;}

ul#mainnav{
	background: #ffffff;	
	margin: 22px 0 0 0;
}

ul#mainnav li{
	float: left;
	list-style: none;
}

ul#mainnav li a{
	display: block;
	padding: 13px 25px;
	font-weight: bold;
	text-decoration: none;
	color: #7a909d;
	background: url(/images/sitewide/header/nav_bg.gif) no-repeat;
}

ul#mainnav li a.first{background-position: -10px 0;}

ul#mainnav li a:hover{
	background-position: 50% -41px;
	color: #ffffff;
}

ul#mainnav li a.active{
	background-position: 50% -41px;
	color: #ffffff;
}

/* Subnav */

.subnav{
	width: 200px;
	font-weight: bold;
	color: #011949;
	margin-right: 25px;
}

.subnav .hdr{
	font-size: 0;
	height: 3px;
}

.subnav .cnt{background: #e2e6e9;}
.subnav .cnt li{list-style: none;}

.subnav .cnt li a{
	display: block;
	height: 1em; /* ie6 fix - remove for hours of bugfixing fun */
	padding: 13px 20px;
	text-decoration: none;
	border-bottom: 1px solid #c1cad1;
	border-top: 1px solid #eaedef;
}

.subnav .cnt li a:hover{
	background: #718795;
	color: #ffffff;
	border: 1px solid #718795;
	border-width: 1px 0;
}	

.subnav .cnt li a.first{
	background: url(/images/sitewide/subnav/subnav_top.gif) no-repeat; 
	border-top: none;
}

.subnav .cnt li a.first:hover{
	background: #718795 url(/images/sitewide/subnav/subnav_top.gif) no-repeat 0 -45px; 
	border-top: none;
}
	
.subnav .cnt li a.last{
	background: url(/images/sitewide/subnav/subnav_bottom.gif) no-repeat 0 35px; 
	border-bottom: none;
}

.subnav .cnt li a.subnav_active{
	background: #718795;
	color: #ffffff;
	border: 1px solid #718795;
	border-width: 1px 0;
}

.subnav .cnt li a.subnav_active.first{
	background: #718795 url(/images/sitewide/subnav/subnav_top.gif) no-repeat 0 -45px; 
	border-top: none;
}

.subnav .cnt li a.last:hover{
	background: #718795 url(/images/sitewide/subnav/subnav_bottom.gif) no-repeat bottom left; 
	border-bottom: none;
}

.subnav .cnt li a.subnav_active.last{
	background: #718795 url(/images/sitewide/subnav/subnav_bottom.gif) no-repeat bottom left; 
	border-bottom: none;
}

/* Page Header */
#content .lhs{
	float: left;
	margin: 0 10px 0 0;
	width: 680px;
}

#content .rhs{
	float: left;
	width: 290px;
}

/* Breadcrumb */
.breadcrumb{margin-bottom: 20px;}

.breadcrumb li{
	border-right: 1px solid #e2e7e9;
	float: left;
	font-size: 11px;
	list-style: none;
	padding: 0 8px;
}

.breadcrumb li a{text-decoration: none;}
.breadcrumb li.home{padding-left: 0;}
.breadcrumb li.current{border: none;}

.breadcrumb li.current a{
	font-weight: bold;
	color: #718795;
	border: none;
}

/* Page Title */
.page_title{
	font-size: 33px;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #d9d9d9;
	color: #7a909d;
}

/* Small Contact Form */
.small_contact .hdr, .testamonials .hdr{
	background: url(/images/sitewide/contactbox/contact_bg.gif) no-repeat top left;
	height: 7px;
	font-size: 0;
}

p.dark_hdr{color: #021a4a; font-size: 25px; font-weight: bold; line-height: 24px;}
p.light_hdr{color: #718795; font-size: 24px; font-weight: bold; line-height: 24px;}

.small_contact .cnt{
	background: #e0e5e8 url(/images/sitewide/contactbox/hdr_stroke.gif) no-repeat 16px 61px;
	color: #543e28;
	padding: 6px 17px 7px 18px;
}

.small_contact .cnt form{margin: 20px 0 0 0;}

.small_contact .cnt .form_row{
	margin: 0 0 7px 0;
	height: 24px;
	}

.small_contact .cnt label{
	width: 75px;
	float: left;
	padding-top: 4px;
}

.small_contact .cnt input{
	width: 167px;
	float: left;
	background: url(/images/sitewide/contactbox/input_bg.gif) no-repeat;
	border: none;
	padding: 3px 0 6px 9px;
}

.form_row select{
	background: url(/images/sitewide/contactbox/input_bg.gif) no-repeat;
	border: 0;
	padding: 3px 3px 3px 0;
	width: 175px;
}

.small_contact .cnt input.area_code{
	background: url(/images/sitewide/contactbox/area_code_bg.gif) no-repeat;
	width: 45px;
	margin: 0 3px 0 0;
	padding-left: 2px;
}

.small_contact .cnt input.tel_nmbr{width: 116px; background: url(/images/sitewide/contactbox/tel_nmbr_bg.gif) no-repeat;}

.enquire{
	display: block;
	padding: 8px 15px 9px 19px;
	width: 43px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: url(/images/sitewide/contactbox/enquire_bg.jpg) no-repeat;
}

a.enquire:hover{color: #021a4a;}

.small_contact .ftr, .testamonials .ftr{
	background: url(/images/sitewide/contactbox/contact_bg.gif) no-repeat bottom left;
	height: 7px;
	font-size: 0;
}

.small_contact .thank_you{
	height: 192px;
	margin-top: 15px;
}
/* Small Enquiry Validation */
.form_row {position: relative;}

div.invalid {
    background: #2995cf;
	color: #ffffff;
	display: block;
    font-size: 12px;
	line-height: 1px;
    list-style: none;
    padding: 11px;
	position:absolute; top:0px; left:255px;
    text-align: center;
	width: 70px;
	z-index: 500;
}

/* Testimonials */
.testamonials .cnt{
	background: #e0e5e8;
	padding: 6px 17px 7px 18px;
	background: #e0e5e8 url(/images/sitewide/contactbox/hdr_stroke.gif) no-repeat 16px 37px;
}

.testamonials .cnt .quote_txt{
	color: #021a4a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 20px;
}
.testamonials .cnt .quote_name{ color: #0081c6; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}

/* Global CTAs */
a.reclaim_vat{
	background: url(/images/sitewide/cta/reclaim_vat.gif) no-repeat; 
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 290px;
}

a.faq{
	background: url(/images/sitewide/cta/faq.gif) no-repeat; 
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 290px;
}

a.reclaim_where{
	background: url(/images/sitewide/cta/reclaim_where.gif) no-repeat; 
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 290px;
}

a.what_is{
	background: url(/images/sitewide/cta/what_is.gif) no-repeat; 
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 290px;
}

a.find{
	background: url(/images/sitewide/cta/find.jpg) no-repeat; 
	display: block;
	height: 120px;
	text-indent: -9999px;
	width: 290px;
}

/* CAT - Reclaim Vat Links */
.reclaim_where_links .hdr{
	background: url(/images/sitewide/cta/reclaim_hdr.gif) no-repeat;
	height: 51px;
}

.reclaim_where_links .pdfhdr{
	background: url(/images/home/pdfhdr.gif) no-repeat;
	height: 51px;
}

.reclaim_where_links .cnt{background: url(/images/sitewide/cta/reclaim_cnt.gif) repeat-y;}
.reclaim_where_links .cnt ul{padding: 0 20px;}
.reclaim_where_links .cnt li a{text-decoration: none;}
.reclaim_where_links .cnt li.last{border: none;}

.reclaim_where_links .cnt p{padding: 5px 20px;}

.cnt .list_style.nobg li{
	background: none;
	padding-left: 0;
}

.cnt .list_style.nobg li a{
	font-weight: normal;
	color: #333333;
}

.cnt .list_style.nobg li a:hover{color: #0081c6;}

.reclaim_where_links .ftr{
	background: url(/images/sitewide/cta/reclaim_ftr.gif) no-repeat;
	height: 16px;
	font-size: 0;
}

/* Home Page */
.home_intro{
	border-bottom: 1px dashed #d9d9d9;
	padding: 40px 0 33px 0;
	margin: 0 30px 0 22px;
}

.home_intro p{line-height: 17px;}

.vatit_do{
	padding: 30px 0 33px 81px;
	margin: 0 30px 0 22px;
	background: url(/images/home/dice.gif) no-repeat 0 20px; 
}

#services{
	background: url(/images/home/services_bg.gif) repeat-x;	
	padding: 37px 0;
	text-align: center;
}

#services .inner{
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

.service_box{
	float: left;
	width: 184px;
	margin: 0 0 0 35px;
}

.service_box .hdr{
	font-size: 18px;
	color: #021a4a;
	border-bottom: 1px dashed #d9d9d9;
	margin: 0 0 12px 0;
	padding: 0 0 10px 0;
}

.service_box p.cnt{ line-height: 18px; margin-bottom: 5px;}

#services_rhs{
	float: right;
	text-align: left;
	width: 300px;
}

#company_story{margin-bottom: 20px;}

#company_story .hdr{
	color: #0081c6;
	font-size: 18px;
	margin-bottom: 13px;
}

#company_story img{margin-right: 10px;}

#company_story .cnt .company_name{ 
	font-weight: bold; 
	color: #021a4a;
	margin-bottom: 5px;
}

.quote .hdr{
	height: 7px;
	font-size: 0;
	background: url(/images/home/quote_corners.gif) no-repeat;
}

.quote .cnt{
	background: #e0e5e8 url(/images/home/quote_bg.gif) no-repeat 16px 12px;
	color: #021a4a;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 13px 15px 18px 67px;
}

.quote .cnt .q_txt{line-height: 20px; font-weight: bold;}
.quote .cnt .q_name{ color: #0081c6; font-style: italic;}

.quote .ftr{
	height: 20px;
	background: url(/images/home/quote_corners.gif) no-repeat 0 -7px;
}

/* RHS Quote */
.quote.alt .hdr{
	background: url(/images/sitewide/rhs_quote.gif) no-repeat;
	height: 10px;
}

.quote.alt .ftr{
	background: url(/images/sitewide/rhs_quote.gif) no-repeat 0 -10px;
	height: 23px;
}

/* Global read more button*/
a.read_more{
	color: #0081c6;
	background: url(/images/sitewide/read_more.gif) no-repeat top right;
	font-weight: bold;
	padding: 0 13px 0 0;
}

a.read_more:hover{ background-position: bottom right; color: #021a4a;}

/* Global List style */
.list_style li{
	list-style: none;
	background: url(/images/sitewide/list_bullet.gif) no-repeat 0 10px;
	padding: 5px 0 5px 12px;
	border-bottom: 1px solid #dadada;
}

/* Squeeze Page styles */
#header.alt{height: 140px;}

.squeeze_h1{
	float: left;
	margin: 45px 0 0 55px;
}

.home_intro.smaller{padding: 40px 0 20px 0;}

.squeeze_intro{
	border-bottom: 1px dashed #d9d9d9;
	padding: 20px 0;
	margin: 0 30px 0 22px;
}

.squeeze_intro p{line-height: 17px;}

.squeeze_intro.last{
	border: none;
	margin-bottom: 20px;
}

.squeeze_header{
	color: #011949;
	font-size: 25px;
	font-weight: bold;
	margin: 20px 30px 0 22px;
}

.squeeze_dl{
	background: url(/images/squeeze/download_bg.gif) no-repeat;
	padding: 60px 6px 24px 20px;
}

.squeeze_dl a{
	background: url(/images/sitewide/ico_pdf.gif) no-repeat;	
	padding: 0 0 0 20px;
	text-decoration: none;
}

h2.alt{color: #011949;}

/* 3 column page */
.cnt_3_col{width: 450px;}

/* Contact Form - Content Area */

#contact p{position: relative;}

#contact input {
	background: url(/images/contact/input_bg.gif) no-repeat;
	border: none;
	color: #333333;
	height: 24px;
	margin: 0 0 10px 0;
	padding: 8px 0 0 12px;
	width: 337px;
}

#contact .int_code{
	width: 40px;
	margin-right: 10px;
	background: url(/images/contact/area_bg.gif) no-repeat;
}

#contact .ph_nmbr{
	width: 274px;
	background: url(/images/contact/ph_nmbr_bg.gif) no-repeat;
}

#contact select{
	background: url(/images/contact/input_bg.gif) no-repeat;
	border: none;
	color: #333333;
	height: 32px;
	margin: 0 0 10px 0;
	padding: 8px 8px 6px 12px;
	width: 349px;
}

#contact textarea{
	background: url(/images/contact/textarea_bg.gif) no-repeat;
	border: none;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 117px;
	padding: 8px 8px 6px 12px;
	width: 329px;
	overflow: auto;
}

/* Reclaim Now Validation */
div.error{
	color: #2995cf;
	padding: 0 0 10px 16px;
	font-weight: bold;
	clear: both;
	margin-top: -8px;
}

/* PDF Icon */
.pdf{
	background: url(/images/sitewide/ico_pdf.gif) no-repeat;
	padding: 0 0 0 30px;
	text-decoration: none;
	font-weight: bold;
	color: #2995cf;
}

/* Quick Links */
.quicklinks .hdr{
	height: 3px;
	font-size: 0;
	background: url(/images/sitewide/quicklinks/hdr.gif) no-repeat;
}

.quicklinks .cnt{background: url(/images/sitewide/quicklinks/cnt.gif) no-repeat bottom left; padding: 6px 0;}

.quicklinks .cnt a{
	color: #021a4a; 
	text-decoration: none;
}

.quicklinks .cnt .list_style li.last{border: none;}
.quicklinks .cnt a:hover{color: #2995cf;}
.quicklinks .cnt .title{color: #021a4a;	font-size: 18px; padding: 5px 0 0 20px;}

/* Contact Us - Map */
#map{
	background: url(/images/contact/map_bg.gif) no-repeat;
	position: relative;
	height: 333px;
}

#map a.beijing{ position: absolute; top: 148px; right: 159px;}
#map a.shanghai{ position: absolute; top: 133px; right: 170px;}
#map a.hong_kong{ position: absolute; top: 166px; right: 173px;}
#map a.malaysia{ position: absolute; top: 195px; right: 193px;}
#map a.singapore{ position: absolute; top: 204px; right: 188px;}
#map a.taiwan{ position: absolute; top: 166px; right: 156px;}
#map a.melbourne{ position: absolute; top: 280px; right: 114px;}
#map a.sydney{ position: absolute; bottom: 53px; right: 103px;}
#map a.germany{ position: absolute; top: 111px; right: 356px;}
#map a.london{ position: absolute; top: 106px; left: 294px;}
#map a.luxembourg{ position: absolute; top: 115px; left: 306px;}
#map a.manchester{ position: absolute; top: 100px; left: 291px;}
#map a.netherlands{ position: absolute; top: 105px; left: 308px;}
#map a.bangalore{ position: absolute; top: 190px; right: 235px;}
#map a.delhi{ position: absolute; top: 172px; right: 230px;}
#map a.mumbai{ position: absolute; top: 184px; right: 240px;}
#map a.hyderabad{ position: absolute; top: 178px; right: 234px;}
#map a.international{ position: absolute; top: 166px; right: 173px;}
#map a.israel{ position: absolute; top: 149px; left: 363px;}
#map a.cape_town{ position: absolute; bottom: 52px; right: 339px;}
#map a.durban{ position: absolute; bottom: 59px; right: 321px;}
#map a.johannesburg{ position: absolute; bottom: 66px; right: 326px;}
#map a.virginia{ position: absolute; top: 147px; left: 152px;}
#map a.madrid{ position: absolute; top: 129px; left: 289px;}
#map a.california{ position: absolute; top: 137px; left: 82px;}
#map a.monaco{ position: absolute; top: 123px; left: 310px;}
#map a.france{ position: absolute; top: 120px; left: 301px;}
#map a.belgium{ position: absolute; top: 110px; left: 306px;}


.popup{
	padding: 15px 25px 20px 25px;
	background: url(/images/contact/popup_bg.gif) repeat-x bottom left;
	text-align: left;
	height: 175px;
}
.popup_lhs{
	float: left;
	width: 158px;
	margin-right: 10px;
}

.popup_rhs{
	float: left;
	width: 181px;
}

.popup .location_name{
	color: #2995cf;
	font-size: 18px;
	height: 25px;
	width: 200px;
	/*display: block;*/
	}

.dropbox .hdr{
	background: url(/images/contact/dropbox_hdr.gif) no-repeat;
	font-size: 0;
	height: 4px;
}

.dropbox .cnt{
	background: url(/images/contact/dropbox_cnt.gif) no-repeat;
	height: 77px;
	padding: 15px 0 0 15px;
}

.dropbox select{
	background: url(/images/contact/dropbox_input.gif) no-repeat;
	border: none;
	color: #333333;
	height: 32px;
	margin: 0 15px 0 0;
	padding: 8px 8px 6px 12px;
	width: 265px;
}

#searchError{
	color: #ff0000;
	font-weight: bold;
	padding-right: 40px;	
}

/* Search Button */
.search{
	background: url(/images/contact/search_btn.gif) no-repeat;
	display: block;
	font-weight: bold;
	color: #ffffff;
	width: 59px;
	height: 15px;
	padding: 5px 9px 9px 10px;
	text-decoration: none;
}

.search:hover{color: #021a4a;}

/* FAQ */

.faq_question a{
	border-bottom: 1px solid #d9d9d9;
	display: block;
	font-weight: bold;
	padding: 9px 10px 9px 0;
	text-decoration: none;
}

.faq_question a.closed{
	background: url(/images/faq/arrows.gif) no-repeat 436px 11px;
	color: #021a4a;
}

.faq_question a.closed.threelines{background: url(/images/faq/arrows.gif) no-repeat 436px 29px;}
.faq_question a.open.threelines{background: url(/images/faq/arrows.gif) no-repeat 436px -37px;}

.faq_question a.open{
	background: url(/images/faq/arrows.gif) no-repeat 436px -53px;
	color: #2995cf;
}

.faq_question a:hover{color: #2995cf;}

.faq_question span{
	color: #2995cf;
	margin: 0 9px 0 0;
}

.faq_answer{
	padding: 10px 10px 10px 23px;
	border-bottom: 1px solid #d9d9d9;
}

table .row1{ background: #f2f9fc;}
table .row2{ background: #d6ebf6;}

table .row1 td, table .row2 td{ padding: 7px; height: 25px; }

/* Sitemap */

.sitemap_col{
	float: left;
	width: 325px;
	margin:25px 0;
}

.sitemap_col h3{color: #333333;}

.sitemap_col a{text-decoration: none;}

.sitemap_col ul li{
	list-style: none;
	line-height: 20px;
}

.sitemap_divider{
	font-size: 0;
	border-bottom: 1px solid #2995cf;
}

/* Clients */
.industry.faq_question{
	width: 200px;
	float: left;
	margin: 0 20px 0 0;
}

.industry.faq_question a.closed{background-position: 181px 11px;}
.industry.faq_question a.open{background-position: 181px -52px;}

/* Case Studies */

.case_headers{
	border-bottom: 1px solid #dadada;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.case_headers a{color: #2995cf;}
.case_headers a:hover{color: #021a4a;}

/*Footer*/
#footer{
	background: url(/images/sitewide/footer/footer_bg.gif) repeat-x;
	text-align: center;
}

#footer .inner{
	height: 212px;
	margin: 0 auto;
	width: 980px;
}

#footer #icons{
	background: url(/images/sitewide/footer/footer_shadow.gif) no-repeat top left;
	height: 79px;
	width: 835px;
	margin: 0 auto;
}

#footer #icons li{
	list-style: none;
	float: left;
}

#footer #icons li a{
	display: block;
	background: url(/images/sitewide/footer/icons.gif) no-repeat;
	height: 42px;
	margin: 10px 10px 0 10px;
	cursor: default;
}

#footer #icons li a.anglo{ background-position: 0 -46px; width: 134px;}
#footer #icons li a.anglo:hover{background-position: 0 0;}
#footer #icons li a.bausch{ background-position: -134px -46px; width: 170px;}
#footer #icons li a.bausch:hover{ background-position: -134px 0;}
#footer #icons li a.bat{ background-position: -304px -46px; width: 75px;}
#footer #icons li a.bat:hover{ background-position: -304px 0;}
#footer #icons li a.microsoft{ background-position: -379px -46px; width: 166px;}
#footer #icons li a.microsoft:hover{ background-position: -379px 0;}
#footer #icons li a.sg{ background-position: -545px -46px; width: 105px;}
#footer #icons li a.sg:hover{ background-position: -545px 0;}
#footer #icons li a.mtv{ background-position: -650px -49px; width: 61px;}
#footer #icons li a.mtv:hover{ background-position: -650px -3px;}

#footer #icons .company_txt{
	width: 100%;
	text-align: center;
	margin-top: 8px;
	font-weight: bold;
}

#footer #ftr_content{
	background: url(/images/sitewide/footer/footer_shadow_lower.gif) no-repeat 0 0;
	text-align: center;
	padding: 30px 0 0 0;
}

#footer #ftr_content ul{margin: 0 auto;}
#footer #ftr_content ul.top{ width: 600px;}
#footer #ftr_content ul.mid{ width: 461px;}
#footer #ftr_content ul.btm{ width: 780px;}

#footer #ftr_content li{
	list-style: none;
	float: left;
	padding: 0 5px;
	margin: 0 0 7px 0;
	border-right: 1px solid #d9d9d9;
}

#footer #ftr_content li a{text-decoration: none;}

.hidden {display: none;}