/* SPB Style Sheet - designed by Niall McKenna for xperience GB Ltd */

body, div, p, ul, ol, li, h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../assets/bg1.png);
	background-repeat: repeat;
	}
	
/* Main Build */

#container {
	width: 900px;
	text-align: left;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	}
	
#banner {
	width: 900px;
	height: 118px;
	background-image: url(../assets/top-bg-sub.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-bottom: 3px;
	}
	
#banner .logo {
	height: 110px;
	width: 596px;
	background-image: url(../assets/logo.gif);
	margin-left: 150px;
	background-repeat: no-repeat;
}	

#logo span {
	display: none;
	}
	
/**********************/
/*  2. DROP-DOWN MENU */
/**********************/

/*Basic Setup*/
.dropnav {
	white-space:nowrap /*IE hack*/;
	float:left;
	width:898px;
	color:rgb(75,75,75);
	font-size:130%;
	background-color: rgb(225,225,225);
	background-image: url(../assets/bg_head_bottom_nav.jpg);
	background-repeat: no-repeat;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DDAE16;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
} /*Color navigation bar normal mode*/
.dropnav ul {list-style-type:none;}
.dropnav ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.dropnav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.dropnav ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.dropnav ul li:hover {position:relative;} /*Sylvain IE hack*/
.dropnav ul li:hover a {
	background-color:rgb(210,210,210);
	background-image: url(../assets/bg_head_bottom_nav_hover.gif);
	text-decoration:none;
} /*Color main cells hovering mode*/
.dropnav ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.dropnav ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.dropnav ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.dropnav table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.dropnav ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.dropnav ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.dropnav ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.dropnav ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
.dropnav #current {color: #790035;}

#leftSide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	width: 270px;
	height: 630px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#leftSide .leftTop {
	background-image: url(../assets/left_side_bg.gif);
	background-repeat: repeat;
	height: 40px;
	width: 265px;
	float: left;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
}

#leftSide .leftBG {
	background-image: url(../assets/left_side_bg_repeat.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 270px;
	float: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #790035;
}

#leftSide .leftBottom {
	background-image: url(../assets/left_side_bottom.gif);
	background-repeat: repeat;
	height: 45px;
	width: 270px;
	float: left;
	margin-left: 5px;
}

#leftSide .mryorkshire {
	float: left;
	margin-left: 35px;
	color: #790035;
	text-align: center;
	margin-top: 5px;
}

#leftSide_spain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 270px;
	height: 1710px;
	float: left;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#leftSide_spain .leftTop {
	background-image: url(../assets/left_side_bg.gif);
	background-repeat: repeat;
	height: 40px;
	width: 265px;
	float: left;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
}

#leftSide_spain .leftBG {
	background-image: url(../assets/left_side_bg_repeat.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 270px;
	float: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #790035;
}

#leftSide_spain .leftBottom {
	background-image: url(../assets/left_side_bottom.gif);
	background-repeat: repeat;
	height: 45px;
	width: 270px;
	float: left;
	margin-left: 5px;
}

#leftSide_Terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 270px;
	height: 860px;
	float: left;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#leftSide_Terms .leftTop {
	background-image: url(../assets/left_side_bg.gif);
	background-repeat: repeat;
	height: 40px;
	width: 265px;
	float: left;
	margin-left: 5px;
	padding: 3px 5px 0 0;
}

#leftSide_Terms .leftBG {
	background-image: url(../assets/left_side_bg_repeat.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 270px;
	float: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #790035;
}

#leftSide_Terms .leftBottom {
	background-image: url(../assets/left_side_bottom.gif);
	background-repeat: repeat;
	height: 45px;
	width: 270px;
	float: left;
	margin-left: 5px;
}
	
#rightSide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 600px;
	height: 620px;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: justify;
	margin: 0;
	padding: 10px;
	}
	
#rightSide ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: square;
	color: #790035;
}	

#rightSide_spain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 600px;
	height: 1700px;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: justify;
	margin: 0;
	padding: 10px;
	}
	
#rightSide_spain ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: square;
	color: #790035;
}	

#leftSide_spain ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-position: inside;
	text-align: left;
	line-height: 30px;
	text-indent: 5px;
}
#leftSide_spain h3 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #DDAE16;
}

#rightSide .contactDetails ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: none;
	float: left;
}

#rightSide .contactDetails {
	height: auto;
	width: 170px;
	float: left;
	text-align: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

#listOne {
	float: left;
	height: 100px;
	width: 150px;
	margin-top: 10px;
}
#listTwo {
	clear: right;
	float: left;
	height: 100px;
	width: 150px;
	margin-top: 10px;
}
#listThree {
	clear: right;
	float: left;
	height: 100px;
	width: 150px;
	margin-top: 10px;
}
#listFour {
	float: left;
	height: 100px;
	width: 120px;
	clear: right;
	margin-top: 10px;
}
#rightSide_Terms ol {
	list-style-position: inside;
}

/* IE6 Only */		
* html #rightSide_spain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 580px;
	height: 1400px;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: justify;
	margin: 0;
	padding: 10px;
	}
	
#rightSide_spain ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: square;
	color: #790035;
}	

#rightSide_Terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 600px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: justify;
	margin: 0;
	padding: 10px;
	}
	
#rightSide_Terms ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: square;
	color: #790035;
}	

.rightImage {
	float: right;
	width: 276px;
	background-color: #FFFFFF;
	margin: 5px 8px 5px 5px;
	height: 180px;
	clear: right;
	padding: 5px;
}

/* IE6 Only */		
* html .rightImage {
	float: right;
	width: 276px;
	background-color: #FFFFFF;
	margin: 5px 8px 5px 5px;
	height: 180px;
	clear: right;
	padding: 5px;
}

.rightImage_alt {
	float: right;
	width: auto;
	background-color: #FFFFFF;
	margin: 5px 8px 5px 5px;
	height: auto;
	clear: right;
	padding: 5px;
}

.contactImage {
	float: right;
	height: 270px;
	width: 390px;
	margin: 0 5px 5px 5px;
	padding: 0 5px 5px 5px;
	background-image: url(../images/contact_us.jpg);
}

/* IE6 Only */		
* html .contactImage {
	float: left;
	width: 385px;
	height: 280px;
	margin: 0 5px 5px 5px;
	padding: 0;
	background-image: url(../images/contact_us_alt.jpg);
	background-repeat: no-repeat;
}

/* IE6 Only */		
* html #rightSide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 580px;
	height: 620px;
	float: right;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: justify;
	margin: 0;
	padding: 10px;
	}
	
* html#rightSide_spain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 590px;
	height: 1400px;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: justify;
	margin: 0;
	padding: 10px;
	}	

.leftImage {
	width: 250px;
	background-color: #FFFFFF;
	height: auto;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	float: left;
}

.email {
	float: none;
	width: 100px;
	background-color: #FFFFFF;
	height: auto;
	clear: none;
	margin-bottom: 10px;
}

.contactImage .thankyou1 {
	float: right;
	height: 80px;
	width: 150px;
	margin-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7A0031;
	padding-right: 10px;
	text-align: left;
}

.contactImage .thankyou2 {
	float: right;
	height: 80px;
	width: 150px;
	margin-top: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DCAE10;
	padding-right: 5px;
	margin-right: 50px;
}

/* IE6 Only */		
* html .contactImage .thankyou1 {
	float: right;
	height: 30px;
	width: 60px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7A0031;
	padding-right: 10px;
	text-align: left;
}

* html .contactImage .thankyou2 {
	float: right;
	height: 30px;
	width: 100px;
	margin: 50px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DCAE10;
	padding-right: 5px;
}

/* Testimonials Page Pull Quotes */

blockquote.withquote-testimonial {
	background: url(../assets/quote.png) no-repeat;
	background-position: top left;
	padding-left: 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-right: 15px;
	float: none;
	width: 470px;
	color: #DDAE16;
} 

p.withunquote-testimonial {
	background-position: right bottom;
	padding-right: 5px;
	background-image: url(../assets/unquote.png);
	background-repeat: no-repeat;
}

p.withunquote-testimonial {
	background-position: right bottom;
	padding-right: 5px;
	background-image: url(../assets/unquote.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

.testimonial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #790035;
}

/* IE6 Only */		
* html blockquote.withquote-testimonial {
	background: url(../assets/quote.png) no-repeat;
	background-position: top left;
	padding: 0 15px 10px 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 370px;
} 

/* Global Elements */
	
h1 {
	color:#790035;
	font-size: 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
	
h2 {
	color:#790035;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 1.8em;
	text-align: center;
}

h3 {
	color:#790035;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 3em;
	text-align: center;
}

h4 {
	color:#790035;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 3em;
	text-align: center;
	padding-top: 40px;
}

h5 {
	border: 1px solid #ccc;
	color: #790035;
	font-size: 1.5em;
	font-weight: normal;
	background-image: url(../assets/h5_background.gif);
	background-repeat: repeat-y;
	background-position: right;
	font-family: Arial, Helvetica, sans-serif;
	width: 590px;
	margin: 0.2em 10px 0.1em 0px;
	padding: 0.1em 0.2em 0.2em 0.2em;
	float: left;
	height: auto;
}

a:link {
	color: #DDAE16;
	text-decoration: underline;
}
/* IE6 Only */		
* html h5 {
	border: 1px solid #ccc;
	color: #790035;
	font-size: 1.5em;
	font-weight: normal;
	background-image: url(../assets/h5_background.gif);
	background-repeat: repeat-y;
	background-position: right;
	font-family: Arial, Helvetica, sans-serif;
	width: 560px;
	margin: 0.2em 10px 0.1em 0px;
	padding: 0.1em 0.2em 0.2em 0.2em;
	float: left;
	height: auto;
}

h6 {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	color: #DDAE16;
}

.clear {
	clear: both;
	height: 10px;
	}

/* Call Back Service */

#callBack h3 {
	font-size: 180%;
	text-align: center;
	padding-top: 8px;
	font-weight: normal;
	color: #8D291F;
	}
#callBack p {
	font-size: 90%;
	padding-top: 2px;
	padding-bottom: 6px;
	}	
#callBack table {
	width: 210px;
	float: left;
	margin-left: 20px;
	}
#callBack .txt {
	width: 130px;
	border: solid 1px #8D291F;
	}
#callBack .txtBox {
	width: 200px;
	border: solid 1px #8D291F;
	height: 50px;
	}
#callBack label {
	font-weight: bold;
	}
#callBack .button {
	background-image: url(../images/button-repeat.gif);
	color: #FFFFFF;
	border: 1px double #996600;
	padding: 2px;
}
/* Site Map elements */

#siteMap {
	width: 372px;
	float: left;
	}
#siteMap ul {
	list-style: none;
	}
#siteMap ul li {
	padding: 5px 0;
	}
#siteMap ul li a {
	color: #DDAE16;
	text-decoration: none;
	font-size: 120%;
	}
	
#siteMap ul li a:hover {
	text-decoration: underline;
	}
	
#siteMap ul li ul {
	margin-bottom: 0;
	margin-left: 15px;
	list-style: circle;
	}

#siteMap ul li ul li {
	padding: 3px 0;
	}
	
#siteMap ul li ul li a {
	font-size: 110%;
	}


.contactDetails .phone {
	float: left;
	width: 37px;
}

/* footers */
	
#footer {
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #DDAE16;
	font-size: 14px;
	text-align: left;
	background-repeat: no-repeat;
	line-height: 1.5em;
	background-image: url(../assets/footer.gif);
	width: 900px;
	clear: both;
	border-top-width: 0.2em;
	border-top-style: solid;
	border-top-color: #DDAE16;
	}

#footer div {
	margin: 5px 1px 1px 1px;
	height: 15px;
	width: 550px;
	text-align: center;
}

#footer div a {
	color: #fff;
	text-decoration: none;
}

#footer div a:hover {
	color:	#fff;
	text-decoration: underline;
}

#footer div {
	height: 20px;
	width: auto;
	margin: 1px;
}

#footer div a {
	color: #790035;
	text-decoration: none;
}

#footer div a:hover {
	color:	#790035;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.footer {
	float:	left;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #003366;
	padding-top: 4px;
	width: 760px;
	margin-top: 5px;
}

.footer a {
	color: #003366;
	text-decoration: none;
}

.footer a:hover {
	color: #006666;
	text-decoration: underline;
}
#rightSide .FSA {
	width: auto;
	margin-left: 10px;
	margin-top: 10px;
}
.highlight {
	color: #790035;
	text-transform: uppercase;
}
.highlighYellow {
	color: #DDAE16;
	text-align: center;
	text-transform: uppercase;.italics {
	font-style: italic;
	color: #DDAE16;
}
#rightSide .italics {
	font-style: italic;
	color: #DDAE16;
	font-family: Arial, Helvetica, sans-serif;
}
#container #leftSide_Terms .mryorkshire {
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-left: 35px;
}
#container #leftSide_spain .mryorkshire {
	float: left;
	margin-top: 5px;
	margin-left: 35px;
	text-align: center;
}

#rightSide a:link, a:visited {
	color:#DDAE16;
	}
	
#rightSide a:hover {
	color:#790035;
	}
#rightSide p {
	margin-bottom: 10px;
}