/*
Theme Name: Visas4USA.co.uk
Theme URI: http://www.visas4usa.co.uk/
Description: Visas4USA
Version: 1
Author: Adam Astbury
Author URI: http://wondermedia.co.uk
Tags: 

*/

/* CSS Document */

	
	html, body {
		color: #000;
		font: 93%/1.2em Arial, Helvetica, Sans-Serif;
	}
	
	body {
		background: url(images/bg.gif) top center repeat-x #fff;
		margin: 0;
	}
	
	.hidden {
		display: none;
	}
	
	p {
		margin-bottom: 1em;
	}
	
	a {
		color: #333333
		}	
	a:hover {
		text-decoration: none;
	}
	
	a img {
		border: 0;
	}
	
.clearboth
{
clear:both;
margin:0;
padding: 0;
}

#HomeButton {
	float: left;
	margin-bottom: 10px;
}

#HomeButton .HomeButtonLink {
	position: absolute;
	padding-top: 93px;
	padding-left: 160px;
	color: #FFFFFF;
	border: 0px;
	text-decoration:none;
	cursor: pointer;
}


#TAgentLogin {
	position: absolute;
	top: 0px;
	margin-left: 500px;
}

#CLogin {
	position: absolute;
	top: 0px;
	margin-left: 600px;
}

	#pageholder {
		width: 808px;
		padding: 0 20px;
		height: 546px;
		margin: 20px auto;
		background:	url(images/bg_shadows.gif) no-repeat;
	}

	#contentholder {
		float: left;
		background: #fff;
		padding: 0 19px;
	}

	#header {
		height: 119px;
		padding: 0 0 0 0;
		border-top:1px solid white;
	
	}
	
	#TALogin {
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: 200px;

	}
	
	#logo {
		float:left;
		border-right:10px solid #fff;
		padding:3px 0 0 0;
		margin:0;
	}
	
	
	#banner {
		margin: 0 0 20px 0;
		
	}

	#banner img {
		margin: 0;
		padding:0;
		border: 1px #264A6E solid;

	}
	
	
	#content {
		width: 500px;
		float: left;
		padding: 0 0 15px 0;
		clear: left;
	}
	#applyonlinecontent {
		width: 99%;
		float: left;
		padding: 0 0 15px 0;
		clear: left;
	}
	
	#applyonlinecontent p, #content p {
		line-height: 1.3em;
	}
	
	#right {
		width: 245px;
		float: left;;
		font-size: 85%;
		margin: 0 0 15px 25px;
	}
	
/* ---------------------------------- */
/* TABLE ELEMENTS  */   
/* ---------------------------------- */	
	
	
	#content .floatR {
		float: right;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
	}
	
	.floatR {
		float: right;
		margin: 0 0 10px 10px;
		padding: 0;
	}
	
	.floatL {
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		overflow: hidden;
		text-indent:-3000px;
		margin:0;
		padding:0;
		height: 40px;

	}
   


	
	h2 {
		font-size: 1.7em;
		color: #2E567F;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h3 {
		font-size: 1.5em;
		color: #2E567F;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h4 {
		color: #2E567F;
		font-size: 1.5em;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h2, h3, h4, h5 {
		line-height: 1.2em;
	}
	
/* ---------------------------------- */
/* MENU  */   
/* ---------------------------------- */
	
	#menu {
		float: left;
		list-style: none;
		font-size: 80%;
		font-family: Arial, helvetica, sans-serif;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0 ;
		width: 460px;
	}
	#menu li {
		float: left;
		position: relative;
		padding: 0;
		margin: 0;
		border-left: 1px solid #264A6E;
	}
	#menu li a {
		color: #000;
		text-decoration: none;
		height: 20px;
		padding: 2px 7px;	
	}
	html>body #menu li a {
		display: block;
	}
	#menu li a:hover {
		text-decoration: underline;	
	}
	#menu li.home {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	#menu li.flag {
		border: 0;
		padding: 0;
		margin: 0 10px;
	}
	
	/* Submenu nav */	 
		#menu li ul {
			display: none;
			position: absolute;
			font-size: 100%;
			top: 18px;
			left: -1px;
			font-weight: normal;
			list-style: none;
			margin: 0;
			padding: 0;
			color: #fff;
			width: 133px;
		 }
		 html>body #menu li ul {
			top: 24px;
		}
	
		 #menu li ul.wide {
			width: 210px;
		 }

			 #menu li li {
				width: 133px;
				height: auto;
				background: none #EFCE00;
				border: 0;
				padding: 0;
			 }
			 #menu li li a {
				color: #fff;
				padding: 0;
				margin: 0;
			}
	
			 #menu li ul.wide li {
				width: 210px;
			 }
			 #menu li li:hover, #menu li li:hover a {
				background: none #EFCE00;
				text-decoration: none;
				color: #fff;
			 }

			 	 #menu li li a {
					padding: 5px 10px;
					width: 113px;
					display: block;
				 }
				 #menu li ul.wide li a {
					width: 190px;
				 }

		 #menu li:hover ul { display: block; }
		 #menu li:hover ul li ul { display: none; }
		 #menu li:hover ul li:hover ul { display: block; }
		 #menu li:hover ul li:hover ul li ul { display: none; }
		 #menu li:hover ul li:hover ul li:hover ul { display: block; }

		 #menu li.over ul, #menu li.over ul li.over ul, #menu li.over ul li.over ul li.over ul { display: block; }
		 
		 



	.block { 
		border: 1px solid #dddab5;
		background: #f5f3de;
		padding: 10px 10px 0 10px;
		margin: 0 0 15px 0
	}
	.block p { 
		margin: 0;
		padding: 0 0 10px 0;
	}
	.block strong { 
		color: #000;
	}

	
	.blockblack
	{ background:#000000 none;
	padding: 10px;
	margin: 0 0 15px 0;
	text-align:center
	}
	
	.blockblack a {
			color: #E1BF00;
	}

/* ---------------------------------- */

		

	#right .apply {
		padding: 10px;
		background: none #EEF3F9;
		margin: 0 0 15px 0;
	}

	#right .apply p {
		font-size: 100%;
	}
	
	#right .apply a {
	font-weight:bold;
	color:#000000; }


/* ---------------------------------- */

	.pricing {
		padding: 10px 10px 0 10px;
		color: #000;
		border: 3px solid #FCF5C7;
		float: right;
		width: 219px;
		font-size: 90%;
		margin: 0 0 15px 0;
	}
	.pricing img {
		float: left;
		padding: 0 10px 10px 0;
	}
	.pricing p {
		margin: 0;
		padding: 0;
	}
	
	#ApplyNow {
	background: #fff url(/img/apply_online_graphic.jpg) top left no-repeat;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	}
	
	#ApplyNow p {
	margin-top: 58px;
	margin-left:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 130%;
	}
	
	#ApplyNow a {
			color: #E1BF00;
			}

	
	
	form {
		font-size: 90%;
	}




.buttonstyle
{
    font-weight: bold;
}

.Title
{
    color:#000000;
	font-weight:bold;
    font-size:13px;
    font-family:Arial, Helvetica, san-serif;
}
#Breadcrumbs { font-size:11px; color:#666666; margin-top:20px;}
#Breadcrumbs div { float:left; padding-top: 17px; text-align:center; width: 100px; margin-right:10px;}
.BasketOn	{ background: url(images/button-basket-stepon.gif) #FFFFFF top center no-repeat; }
.BasketOff	{ background: url(images/button-basket-stepoff.gif) #FFFFFF top center no-repeat; }



	.formbutton {
		width: auto;
		font-weight: bold;
		margin: 0 10px 0 0;
	}
	form ul li {
		clear: both;
		list-style: none;
	}
	form ul li .formbutton {
		float: right;
		margin: 0 5px 0 0;
	}

.yellowbg
{
background:#FFFFCC; } 

.validate { color:#FF0000; }

/* Buttons */
.serviceButtonLong {
	float:left;
	margin-right: 2em;
	margin-bottom: 2em;
	width: 470px;
	}
.serviceButton {
	float:left;
	margin-right: 2em;
	margin-bottom: 2em;
	width: 220px;
	}
.Button ul {padding: 0; margin:0; list-style:none; width:100%; font-weight:bold}
html>body .Button ul {padding: 0; margin:0}
.Button li {float:left; white-space:nowrap; padding: 0 2px 0 2px;}
.Button a {font-size:1em; color:#fff; background: url(images/button_Left.gif) repeat-x; text-decoration:none; width/**/:/**/0.1em; white-space:nowrap}
html>body .Button a {width:auto}
.Button a span {background:url(images/button_Right.gif) 100% 0 no-repeat; padding:0.35em 0.9em 0.65em 0.9em}
.Button a, .Button a span {display:block}
/*\*//*/ .Button a, .Button a span {float:left} /**/ 
/* ---------------------------------- */
/* FOOTER STYLES  */   
/* ---------------------------------- */

	#footer {
		float: left;
		border-top: 1px solid #eee;
		width: 768px;
		font-size: 90%;		
	}
	
	#footermenu {
		float: right;
		list-style: none;
		font-family: arial, helvetica, sans-serif;
		padding: 10px 0;
		margin: 0;
	}
	#footermenu li {
		float: left;
		padding: 0 8px;
		margin: 0;
		border-left: 1px solid #264A6E;
	}
	#footermenu li a {
		color: #000;
		text-decoration: none;
	}
	#footermenu li a:hover {
		color: #000;
		text-decoration: underline;
	}
	#footermenu li.first {
		border: 0;
		padding: 0 8px 0 0;
		margin: 0;
	}
	
	#footer p {
		float: left;
		margin: 0;
		padding: 10px 0;		
	}
	

.GetAQuote {
	margin-top: 5px;
	padding: 6px 10px 90px 7px;
	background: url(images/GetAQuote.jpg) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

a.GetAQuote:hover {
	background: url(images/GetAQuoteOn.jpg) no-repeat;
}