/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 0 2px;
}
.button a, .more-info a {
	background: #000;
	border: 1px solid #696969;
	font-size: 90%;
	color: #fff;
	padding: 5px;
	display: block;
}
input.button {
	background: #000;
	border: 1px solid #696969;
	font-size: 90%;
	color: #fff;
	padding: 5px;
}
input.usbutton {
	background: #000;
	border: 1px solid #696969;
	font-size: 90%;
	color: #fff;
}

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

.button a:hover, .more-info a:hover {
	color: #FFF;
	background: #696969;
	border: 1px solid #696969;
}
input.button{
	cursor: pointer;
	border: 1px solid #696969;
}
input.button:hover, input.usbutton:hover {
	background-color: #696969;
	border: 1px solid #696969;
}
input, textarea, input, textarea, select, select {
	border: 1px solid #696969;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {	
	/*border: 1px solid #ccc; - TC removed as it offers no functionality for the user - 02/11/09*/
}
fieldset{
	border: 1px solid #696969;
}
/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/
*{
	padding: 0px;
	margin: 0px;
}
body{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(/images/body_bg.jpg) repeat-x #909090;
	padding-bottom: 10px;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #CCC;
}

ul, form li {
	list-style: none;
}

img, img a{
	border:0;
}
img.left {
	float: left;
	margin-right: 10px;
}
img.right {
	float: right;
	margin-left: 10px;
}
p {
	margin: 5px 0 10px 0;
}
ol li {
	list-style-position: inside;
}
/* used as main heading */
h1 {
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 20px;
}
h1.overheader {
	position: absolute;
	top: 240px;
	left: 462px;
	z-index: 3000;
	width: 500px;
	height: 60px;
	font-size: 300%;
	text-align: right;
}
h2 {
	font-size: 110%;
}
h1, h2, h3{
	margin: 5px 0px 8px 0px;
}
/*seperate if visited is different*/
h2 a {
	text-decoration: none;
}
/*table styles*/
table{
}

th {
}

td {
	padding: 3px;
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
/* layout ids */
#frame{
	width: 982px;
	margin: auto;
	position: relative;
	height: auto;
}
#controlpanel {
	color: #fff;
	float: left;
	margin-top: 10px;
}
#innerframe {
	border: 1px solid #696969;
	border-bottom: 0 none;
	clear: both;
	width: 982px;
}
#colourframe {
	padding: 5px;
	background: #442349;
}
#bottomlogo {
	background: bottom right no-repeat #442349;
	height: 30px;
}
#footer {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #696969;
	background: top right no-repeat #8C63AB;
	height: 50px;
	margin: 0px;
	width: 982px;
	clear: both;
	float: left;
	color: #000;
}
#upperarea {
	clear: both;
	width: 970px;
	color:#fff;
}
#header{
	margin-top: 5px;
	clear: both;
	float: left;
}
#headerimage {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 968px; 
	height: 248px;
	border: #696969 solid 1px;
	z-index: 1;
}

#logo {
	position: absolute;
	top: 50px;
	left: 810px;
	z-index: 1000;
}
#flags {
	position: absolute;
	top: 430px;
	left: 800px;
	width: 170px;
	z-index: 1000;
	text-align: right;
}
#login {
	position: absolute;
	top: 100px;
	left: 780px;
	width: 186px;
	text-align: center;
	color: #fff;
	height: 26px;
	z-index: 1000;
	padding-top: 5px;
	font-size: 90%;
}
#login a:hover {
	color: #000;
}
#loginbg {
	position: absolute;
	top: 100px;
	left: 780px;
	width: 186px;
	height: 26px;
	background-color: #fff;
	filter:alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity: 0.40;
	z-index: 1000;
}
#universalsearch {
	float: left;
	color: #fff;
}
#topnav {
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0;
	color: #fff;
}
#subnav {
	clear: both;
}
#crumbtrail {
	clear: both;
	border-bottom: 1px solid #696969;
	color: #fff;
	font-size: 80%;
	padding: 5px;
	line-height: 20px;
}
#crumbtrail img {
	margin: 0 2px;
	vertical-align: middle;
}
#home #content {
	clear: both;
	color: #fff;
	margin-top: 10px;
}
#content {
	clear: both;
	color: #fff;
	margin-top: 10px;
}
#contentleft {
	float: left;
	width: 653px;
	margin-left: 10px;
	clear: left;
}
#contentright {
	float: left;
	width: 270px;
	margin-left: 15px;
}
#contentfullwidth {
	margin: 0 10px;
}
/* nav styles */
#skiplinks {
left:-9000px;
position:absolute;
top:0;
z-index:20;
}

li.list-heading {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}

li.list-sub{
margin-left: 10px;

}

#controlpanel li {
	float: left;
	margin-left: 5px;
	border: 1px solid #696969;
	border-bottom: none;
}
#controlpanel li.travelplanner a {
	background: url(/images/tpaddtoplan.gif) no-repeat 5px;
	padding-left: 30px;
}
#controlpanel a {
	display: block;
	color: #fff;
	padding: 7px 10px;
	font-weight: normal;
}
#controlpanel a:hover, #controlpanel a:focus, #controlpanel li.travelplanner a:hover, #controlpanel li.travelplanner a:focus {
	background-color: #696969;
}
#controlpanel a#fontsmall
{
	font-size: 100%;
	cursor: pointer;
	text-decoration: none;
	float: left;
}

#controlpanel a#fontmedium
{
	font-size: 120%;
	cursor: pointer;
	text-decoration: none;
	float: left;
	padding: 4px 10px;
}

#controlpanel a#fontlarge
{
	font-size: 150%;
	cursor: pointer;
	text-decoration: none;
	float: left;
	padding: 2px 10px;
}
#flags img {
	float: right;
	margin-left: 3px;
	border: 1px solid #696969;
}
#topnav ul{
}
#topnav li{
	float: left;
	border: 1px solid #696969;
	text-align: center;
	margin-right: 5px;
}
/*------------------------------- global basket ---------------------------------------*/
#basket-summary {
	float: left;
}
#basketsummaryframe{
height: 22px;
width:185px;
overflow: hidden;
color: #fff;
background: #000;
}
#controlpanel .basketbutton {	
	float: left;
}
#controlpanel .basketbutton a {
	background: url(/images/basket_bg.jpg) no-repeat left;
	display: block;
	padding-left: 28px;
	/*line-height: 20px;*/
} 
#controlbanel .basketbutton a:hover {
	background: url(/images/basket_bg-over.jpg) no-repeat left;
}
/* visitors nav */
#topnav li.tab1v {
	width: 89px;
}
#topnav li.tab2v {
	width: 125px;
}
#topnav li.tab3v {
	width: 93px;
}
#topnav li.tab4v {
	width: 98px;
}
#topnav li.tab5v {
	width: 116px;
}
#topnav li.tab6v {
	width: 81px;
}
#topnav li.tab7v {
	width: 104px;
}
#topnav li.tab8v {
	width: 100px;
}
#topnav li.tab9v {
	width: 106px;
	margin-right: 0;
}
/* media nav */
#topnav li.tab1m {
	width: 89px;
}
#topnav li.tab2m {
	width: 143px;
}
#topnav li.tab3m {
	width: 170px;
}
#topnav li.tab4m {
	width: 142px;
}
#topnav li.tab5m {
	width: 132px;
}
#topnav li.tab6m {
	width: 122px;
}
#topnav li.tab7m {
	width: 128px;
	margin-right: 0;
}
/* conference nav */
#topnav li.tab1cf {
	width: 89px;
}
#topnav li.tab2cf {
	width: 133px;
}
#topnav li.tab3cf {
	width: 120px;
}
#topnav li.tab4cf {
	width: 95px;
}
#topnav li.tab5cf {
	width: 120px;
}
#topnav li.tab6cf {
	width: 138px;
}
#topnav li.tab7cf {
	width: 120px;
}
#topnav li.tab8cf {
	width: 104px;
	margin-right: 0;
}
/* corporate nav */
#topnav li.tab1cp {
	width: 86px;
}
#topnav li.tab2cp {
	width: 91px;
}
#topnav li.tab3cp {
	width: 128px;
}
#topnav li.tab4cp {
	width: 145px;
}
#topnav li.tab5cp {
	width: 80px;
}
#topnav li.tab6cp {
	width: 182px;
}
#topnav li.tab7cp {
	width: 100px;
}
#topnav li.tab8cp {
	width: 107px;
	margin-right: 0;
}
/* french nav */
#topnav li.tab1fr {
	width: 130px;
}
#topnav li.tab2fr {
	width: 163px;
}
#topnav li.tab3fr {
	width: 163px;
}
#topnav li.tab4fr {
	width: 170px;
}
#topnav li.tab5fr {
	width: 152px;
}
#topnav li.tab6fr {
	width: 155px;
	margin-right: 0;
}
/* german nav */
#topnav li.tab1de {
	width: 120px;
}
#topnav li.tab2de {
	width: 153px;
}
#topnav li.tab3de {
	width: 153px;
}
#topnav li.tab4de {
	width: 170px;
}
#topnav li.tab5de {
	width: 182px;
}
#topnav li.tab6de {
	width: 155px;
	margin-right: 0;
}
/* spanish nav */
#topnav li.tab1es{
	width: 120px;
}
#topnav li.tab2es {
	width: 153px;
}
#topnav li.tab3es {
	width: 183px;
}
#topnav li.tab4es {
	width: 170px;
}
#topnav li.tab5es {
	width: 152px;
}
#topnav li.tab6es {
	width: 155px;
	margin-right: 0;
}
/* italian nav */
#topnav li.tab1it{
	width: 120px;
}
#topnav li.tab2it {
	width: 133px;
}
#topnav li.tab3it {
	width: 203px;
}
#topnav li.tab4it {
	width: 190px;
}
#topnav li.tab5it {
	width: 132px;
}
#topnav li.tab6it {
	width: 155px;
	margin-right: 0;
}
/* dutch nav */
#topnav li.tab1nl{
	width: 120px;
}
#topnav li.tab2nl {
	width: 153px;
}
#topnav li.tab3nl {
	width: 203px;
}
#topnav li.tab4nl {
	width: 170px;
}
#topnav li.tab5nl {
	width: 152px;
}
#topnav li.tab6nl {
	width: 135px;
	margin-right: 0;
}
#topnav a{
	display: block;
	color: #fff;
	padding: 5px 0;
	background-color: #000;
	font-weight: normal;
}
#topnav a:hover, #topnav a:focus {
	background-color: #696969;
}
#topnav a.selected {
	background-color: #442349;
}

#subnav ul {
	display: block;
	border: 1px solid #696969;
	background-color: #242424;
	float: left;
	width: 100%;
	padding: 3px 0;
}
#subnav li {
	float: left;
	display: block;
	margin: 0 10px;
}
#subnav li a {
	font-weight: normal;
	font-size: 90%;
}
#crumbtrail a {
	text-decoration: underline;
	font-weight: normal;
}
#footer ul{
	
}
#footer li{
	float: left;
	margin-left: 10px;
	line-height: 44px;
	padding-top: 3px;
	font-size: 90%
}
#footer img {
	margin-right: 5px;
}
#footer li a {
	color: #000;
	font-weight: normal;
}
#footer a img {
	border: 0;
	
}

/* ------------------------- general look n feel styles ----------------------------- */
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.clearcontainer {
	clear: both;
}
.divider {
	border-top: 1px solid #696969;
	padding-top: 10px;
	clear: both;
}
.bigtext {
	font-size: 200%;
	line-height: 100%;
}
#contentleft .divider {
	width: 629px;
}
.lighttextarea {
	clear: both;
	background-color: #C7BDC9;
	margin: 0 15px 15px 0;
	padding: 8px;
	color: #000;
}
.lighttextarea a {
	color: #000;
}
.darktextarea {
	margin: 0 15px 15px 0;
}
.subdarktextarea {
	clear: both;
	margin: 0 15px 15px 0;
	padding: 8px;
}
#contentleft .lighttextarea {
	width: 613px;
}
.rightFeature, .rightFeatureAd {
	clear: both;
	border-bottom: 1px solid #696969;
	padding: 10px 0;
	float: left;
	width: 100%;
	font-size: 90%;
}

.rightFeature h2 {
	font-size: 120%;
	margin-bottom: 15px;
}
.rightfeature form li {
	margin-top: 3px;
}
.rightFeature form li h2 {
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}
.rightFeature img {
	border: 1px solid #696969;
	float: right;
	margin-left: 10px;
}
.rightFeature li {
	background: url(/images/bullet.jpg) no-repeat left;
	padding-left: 12px;
}
.rightFeature form li {
	background: none;
	padding-left: 0;
}
.rightFeatureAd img {
	border: 1px solid #696969;
}
.rightFeaturetop {
	padding-top: 0;
}
.rightFeatureBox {
	clear: both;
	border: 1px solid #fff;
	padding: 10px;
	float: left;
	width: 90%;
	background-color: #696969;
}
	
form.snippet li {
	margin-bottom: 5px;
	background: none;
	padding-left: 0;
}
form.snippet li.type {
	width: 77%;
	float: left;
	clear: left;
}
form.snippet li.type label {
	width: 26%;
}
form.snippet li.submit {
	width: 22%;
	float: left;
	clear: none;
	font-size: 110%;
}
form.snippet label {
	width: 20%;
	display: block;
	clear: left;
	float: left;
}
.searchbuttonholder {
	padding: 4px 8px;
	float: right;
	clear: both;
}
.leftbox {
	margin-right: 10px;
}
a.buttonlink {
	display: block;
	background: #000;
	color: #fff;
	padding: 5px;
	float: left;
	font-weight: normal;
}
h2.signup {
	background: url(/images/signup.png) no-repeat left;
	padding-left: 53px;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 50px;
}
p.signup {
	margin-top: 0;
}
.emailafriend {
	background: url(/images/emailafriend.gif) no-repeat left;
	padding-left: 40px;
}
.addtofavourites {
	background: url(/images/addtofavourites.gif) no-repeat left;
	padding-left: 40px;
}
.sendtofriend-nrhs {
	float: right;
	margin-right: 15px;
}
.pdflink {
	display: block;
	background: url(/img/pdf-icon.jpg) no-repeat left;
	padding-left: 38px;
	line-height: 30px;
}
/*---------------------------- boxes --------------------------------*/
.featurebox {
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	font-size: 90%;
	margin-bottom: 15px;
}
.featurebox-norightmargin {
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	font-size: 90%;
	margin-bottom: 15px;
}
.featurebox-1-wrhs {
	width: 627px;
}
.featurebox-2-wrhs {
	width: 305px;
}
.featurebox-2L-wrhs {
	width: 397px;
}
.featurebox-2R-wrhs {
	width: 214px;
}
.featurebox-3-wrhs {
	width: 198px;
}
.featurebox-2-nrhs {
	width: 458px;
}
.featurebox-3-nrhs {
	width: 300px;
}
.featurebox-4-nrhs {
	width: 221px;
}
.featurebox-1-halfsearchleft {
	width: 278px;
}
.featurebox h2, .offerbox h2, .advertbox-1-nrhs h2, h2.blackbox, .featurebox-norightmargin h2, .featuredWallpapers li h3 {
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}
h2.blackbox {
	font-size: 100%;
	border: 1px solid #696969;
}
.featurebox h2 a, .offerbox h2 a, .advertbox-1-nrhs h2 a {
	font-weight: normal;
}
.height105 {
	height: 8em;
	min-height: 8.1em;
}
.height125 {
	height: 125px;
}
.height207 {
	height: 207px;
}
.featurebox p {
	padding: 8px 8px 0 8px;
	margin: 0;
}
.advertbox-2-wrhs {
	width: 305px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 10px;
	margin-bottom: 15px;
}
.advertbox-2-wrhs.norightmargin {
	margin-right: 0 !important; 
}
.advertbox-1-wrhs {
	width: 627px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.advertbox-2-nrhs {
	width: 458px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.advertbox-1-nrhs {
	width: 934px;
	border: 1px solid #696969;
	float: left;
	background-color: #696969;
	margin-right: 15px;
	margin-bottom: 15px;
}
.offerbox {
	clear: both;
	background-color: #C7BDC9;
	margin: 0 0 15px 0;
	padding: 1px;
	color: #000;
	float: left;
	width: 99%;
	font-size: 90%;
}
.offerbox p {
	margin: 4px 8px;
}
.offerbox p a {
	color: #000;
}
.offerbox p a:hover {
	color: #000;
	text-decoration: underline;
}
.offerbox img {
	float: right;
	margin: 8px;
	border: 1px solid #696969;
}
.hsleft {
	float: left;
	width: 280px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.hsright {
	float: left;
	width: 335px;
	margin-right: 10px;
	margin-bottom: 15px;
	background-color: #C7BDC9;
	color: #000
}
.hsright h2 {
	margin: 5px;
}
.hsright form h2 {
	font-weight: normal;
}
.hsright p {
	margin-left: 5px;
	margin-right: 5px;
}
.lightfeaturebox {
	float: left;
	padding: 5px;
	width: 97%;
	background-color: #C7BDC9;
	color: #000;
	font-size: 90%;
}
.lightfeaturebox h2 a, .lightfeaturebox h3 a {
	color: #000;
}
.lightfeaturebox img {
	float: left;
	border: 1px solid #696969;
	margin: 0 5px 5px 0;
}
.dkgreycontent {
	background-color: #696969;
	padding: 10px;
	float: left;
	width: 97%;
}
/*specific overrides here, for page specific h1s for example*/
/*-------------------- news --------------------*/
.newssearch li {
	float: left;
	width: 35%;
	clear: none;
}
.newssearch label, .newssearch input {
	float: left;
	clear: none;
}
.backto {
	text-align: right;
	padding: 0 0 10px 0;
}
/* plan my visit */
.pmv-box {
	background-color: #DBDBDB;
	width: 47%;
	padding: 5px;
	float: left;
	height: 140px;
	margin-bottom: 15px;
}	
.pmv-shortlist {
	background: url(/images/planpage_shortlistbg.jpg) no-repeat #DBDBDB;
	margin-right: 15px;
}
.pmv-itins {
	background: url(/images/planpage_itinsbg.jpg) no-repeat #A4C12B;
}
.pmv-planner {
	background: url(/images/planpage_plannerbg.jpg) no-repeat;
}
.pmv-register {
	background: url(/images/planpage_registerbg.jpg) no-repeat;
	margin-right: 15px;
}
.pmv-register-rhs {
	background: url(/images/planpage_registerbg.jpg) no-repeat;
	background-color: #DBDBDB;
	padding: 5px;
	height: 140px;
	margin-bottom: 15px;
	margin-top: 15px;
	clear: both;
}
.pmv-register-rhs-short {
	background: url(/images/planpage_register-short-bg.jpg) no-repeat;
	background-color: #DBDBDB;
	padding: 5px;
	height: 90px;
	margin-bottom: 15px;
	margin-top: 15px;
	clear: both;
}
.pmv-advisor {
	background: url(/images/planpage_advisor-icon-green.jpg) no-repeat 10px 25px #A4C12B;
	margin-right: 15px;
}
.pmv-planner {
	}
.pmv-howto {
	background: url(/images/planpage_howtobg.jpg) no-repeat;
	background-color: #DBDBDB;
	width: 98%;
	padding: 5px;
	height: 140px;
	margin-bottom: 15px;
}
.pmv-box .pmv-text, .pmv-howto .pmv-text {
	color: #696969;
	font-size: 120%;
	margin: 5px;
	display: block;
}
.pmv-howto-left {
	width: 188px;
	float: left;
	padding: 20px 0 0 30px;
}
.pmv-howto-right {
	width: 188px;
	float: left;
	padding: 20px 0 0 170px;
}
.pmv-box .pmv-text-white, .pmv-register-rhs .pmv-text-white {
	color: #fff;
	font-size: 120%;
	margin: 5px;
	display: block;
}
.pmv-box a, .pmv-howto a, .pmv-register-rhs a {
	font-weight: normal;
	display: block;
	height: 140px;
}
.pmv-box a:hover, .pmv-howto a:hover, .pmv-register-rhs a:hover {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity: 0.60;
	background-color: #fff;
}
.pmv-shortlist .pmv-text-white {
	margin: 60px 5px 0 88px;
	text-align: right;
	font-weight: bold;
}
.pmv-shortlist img {
	float: left;
}
.pmv-itins .pmv-text {
	margin-right: 120px;
	color: #fff;
}
.pmv-planner .pmv-text-white, .pmv-itins .pmv-text-white {
	margin: 60px 5px 0 5px;
	text-align: right;
	font-weight: bold;
}
.pmv-advisor .pmv-text-white {
	margin-left: 120px;
	color: #fff;
}
.pmv-box .pmv-heading, .pmv-howto .pmv-heading {
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
	font-size: 140%;
	display: block;
}
.pmv-box .pmv-heading-white, .pmv-register-rhs .pmv-heading-white {
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	font-size: 140%;
	display: block;
}
.pmv-box a:hover .pmv-heading-white, .pmv-box a:hover .pmv-text-white, .pmv-itins a:hover .pmv-text, .pmv-register-rhs a:hover .pmv-text-white, .pmv-register-rhs a:hover .pmv-heading-white  {
	color: #696969;
}
.pmv-divider {
	height: 1px;
	line-height: 1px;
	margin-bottom: 15px;
	clear: both;
	border-top: 2px solid #DBDBDB;
}
/*travel planner */
.tpleft {
	width: 50%;
	float: left;
	padding: 10px 0;
}
.tpright {
	width: 47%;
	float: right;
	padding: 10px 0;
}
#tpshortlistinstruct {
	background: #696969;
	border: 1px solid #696969;
	float: left;
	width: 99%;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#tpplannerinstruct {
	background-colour: #C7BDC9;
	border: 1px solid #696969;
	float: left;
	width: 99%;
	clear: both;
	margin-bottom: 10px;
	color: #000;
	padding-bottom: 5px;
}
#tpshortlistinstruct h2, #tpplannerinstruct h2 {
	color: #fff;
	text-transform: uppercase;
	background: #000;
	padding: 5px;
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}
.tpshortlistinstruct1, .tpshortlistinstruct2, .tpplannerinstruct1, .tpplannerinstruct2, .tpplannerinstruct3 {
	margin: 8px 5px;
	float: left;
	width: 85%;
	clear: both;
}
.tpshortlistinstruct1 {
	background: url(/images/tpinstruct/grey1.jpg) no-repeat left top;
	padding: 3px 5px 3px 45px;
}
.tpshortlistinstruct1 img {
	float: right;
	margin-left: 7px;
}
.tpshortlistinstruct2 {
	background: url(/images/tpinstruct/grey2.jpg) no-repeat right top;
	padding: 3px 45px 3px 5px;
}
.tpshortlistinstruct2 img {
	float: left;
	margin: 5px 0 5px 7px;
}
span.tps2left {
	float: left;
	width: 140px;
	padding-top: 10px
}
span.tps2right {
	float: left;
	width: 240px;
}
.tpplannerinstruct1 {
	background: url(/images/tpinstruct/purple1.jpg) no-repeat right top;
	padding: 3px 45px 3px 5px;
}
.tpplannerinstruct2 {
	background: url(/images/tpinstruct/purple2.jpg) no-repeat left top;
	padding: 3px 5px 3px 45px;
}
.tpplannerinstruct2 img {
	float: right;
	margin: 5px 7px 5px 0;
}
.tpplannerinstruct3 {
	background: url(/images/tpinstruct/purple3.jpg) no-repeat right top;
	padding: 3px 45px 3px 5px;
}
span.tpp3left {
	float: left;
	width: 145px;
	padding-top: 10px
}
span.tpp3right {
	float: left;
	width: 235px;
}
.tpstar {
	background: url(/images/tpinstruct/star.jpg) no-repeat top left;
	padding: 0px 5px 5px 45px;
}
.tpimagebox {
	width: 440px;
	border: 1px solid #696969;
	margin-bottom: 10px;
	background: #696969;
}
.tpimagebox p {
	padding: 0 5px;
}
/* shop and the city theme */
.scleftbox {
	background-color: #F9EEDC;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #000;
}
.scleftbox img {
	float: right;
}
.scleftbox a {
	color: #9B3C4A;
	font-weight: bold;
	text-decoration: underline;
}
.scleftbox h2 {
	font-size: 160%;
	color: #720031;
	margin: 10px;
	font-weight: bold;
}
.scleftbox h3 {
	font-size: 110%;
	color: #000;
	margin: 0 10px 10px 10px;
	font-weight: bold;
	line-height: normal;
}
.scleftbox p {
	margin: 0 10px 10px 10px;
}
.bottomone {
	width: 116px;
	float: left;
	background-color: #F9EEDC;
	margin-right: 10px;
	padding: 10px;
	color: #000;
}
.bottomone a {
	color: #720031;
}
.bannerad {
	width: 125px;
	float: left;
	margin-right: 10px;
}
.bottomad {
	float: left;
}
.padding-ten {
	padding: 10px;
}
#contentright .sctop {
	background-color: #D29E76;
	padding: 10px;
}
.sctrails {
	background: url(/img/shopcity/trails.jpg) right top no-repeat #EAC485;
	margin: 0;
	padding-top: 5px;
	border-top: 1px solid #fff;
	padding-left: 10px;
}
.sctrails a {
	display: block;
	font-weight: bold;
	color: #720031;
	text-decoration: underline;
	line-height: 20px;
	font-size: 110%;
}
.sctrails p {
	padding-right: 50px;
	color: #000;
}
.phoebe {
	padding-bottom: 5px;
}
.danni {
	padding-bottom: 10px;
}
.sophie {
	padding-bottom: 10px;
}	
.mr {
	padding-bottom: 10px;
}
/*------------------- sitemap -------------------------*/
ul#sitemap {
	margin-left: 10px;
	list-style: disc inside;
}
ul#sitemap ul {
	margin-left: 20px;
	list-style: circle inside;
}
ul#sitemap a {
	font-weight: normal;
}

/* Theme for jQuery UI Datepicker */
.rightFeature img.ui-datepicker-trigger {
	float: none;
	border: none;
}

#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
	color:#666;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	background: #eeeeee;
	font-size: 1.2em;
	border: 4px solid #ffffff;
	width: 15.5em;
	padding: 0.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #eeeeee;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
	height:1px;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-prev {
	position: absolute;
	left: .5em;
	background: #999 url(http://www.thedms.co.uk/graphics/signposts/white/left.png) center no-repeat;
}
.ui-datepicker-next {
	position: absolute;
	left: .5em;
	background: #999 url(http://www.thedms.co.uk/graphics/signposts/white/right.png) center no-repeat;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	border: 1px solid #ffffff;
	cursor: pointer;
}
.ui-datepicker-header select {
	border: 1px solid #ffffff;
	color: #ffffff;
	background: #999;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
    width: 7em;
    left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
div#ui-datepicker-div td
{
    padding:0px;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: center;
	margin-top:10px;
}
table.ui-datepicker td a {
	padding: 2px;
	display: block;
	color: #ffffff;
	background: #999;
	cursor: pointer;
	border: 1px solid #eeeeee;
}
table.ui-datepicker td a:hover {
	color: #ffffff;
	background: #666;
	text-decoration:none;
}
table.ui-datepicker td a:active {
	border: 1px solid #999;
	color: #999;
	background: #999;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: capitalize;
	/*border-bottom: 1px solid #ffffff;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
	background:#eeeeee;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
   display: none; /*sorry for IE5*/
   display/**/: block; /*sorry for IE5*/
   position: absolute; /*must have*/
   z-index: -1; /*must have*/
   filter: mask(); /*must have*/
   top: -4px; /*must have*/
   left: -4px; /*must have*/
   width: 200px; /*must have*/
   height: 200px; /*must have*/
}

.ui-datepicker-header 
{
    text-align:center;
}

.ui-datepicker-current-day a 
{
    background: #666!important;
}



/* york advisor */
#RECTopicsTable h2 {
	background-color: #000;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 100%;
	border: 1px solid #696969;
	margin-bottom: 0;
	clear: both;
	width: 619px;
}
#RECTopicsTable h2 a.RECviewall {
	text-transform: lowercase;
	font-weight: normal;
	font-size: 90%;
}
.recInstructOne {
	background: url(/images/recinstruct/one.jpg) no-repeat;
	width: 55%;
	float: left;
	padding: 10px;
}
.recInstructOne p {
	padding-left: 65px;
}
.recInstructSignificant {
	font-size: 130%;
}
.recInstructTwo {
	background: url(/images/recinstruct/two.jpg) no-repeat;
	width: 35%;
	float: right;
	padding: 10px 10px 10px 65px;
	margin-left: -50px;
}
.recInstructThree {
	background: url(/images/recinstruct/three.jpg) no-repeat 60px 20px;
	width: 40%;
	float: left;
	clear: none;
	padding: 20px 0px 10px 120px;
}
.recInstructFour {
	background: url(/images/recinstruct/four.jpg) no-repeat left 20px;
	width: 85%;
	float: left;
	padding: 20px 10px 10px 65px;
}
.recInstructFour img {
	float: right;
	margin-left: 10px;
}
#RECLatest {
}
#RECLatest .RECItem {
	color: #fff;
	border: none;
	padding: 0;
	font-size: 90%;
}
#RECLatest .RECItem .RECTitleRating {
	width: 75%;
}
#RECLatest .RECItem .RECItemHeader {
	border-bottom: none;
	padding-bottom: 0;
}
#RECLatest .RECItem .RECCounter {
	width: 23%;
}
#RECLatest .RECItem .RECItemFooter {
	border-top: none;
	float: none;
	clear: right;
}


#RECLatest .RECItem .RECItemFooter a {
	float: right;
	display: block;
	padding: 5px;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	margin: 5px;
}
#RECLatest .RECItem .RECItemFooter ul li {
	float: right;
}
#RECLatest .RECItem .RECImage {
	height: 90px;
	overflow: hidden;
	margin-left: 5px;
	width: 125px;
}
#RECLatest .thedms502 .RECImage img {
width:125px;
}
#RECLatest .RECItem a {
	color: #fff;
}
#RECLatest .RECItem .RECInfo {
	margin-right: 5px;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
	width: 25%;
}
#RECLatest .thedms502 .RECItem .RECSummary {
	font-style: normal;
	width: 50%
}
.RECAllButton a {
	clear: both;
	float: right;
}
.RECSearch {
	width: 98%;
	padding: 0 5px;
}
input.RECSearch {
	float: right;
	width: 95px;
}
.thedms504 form li {
	margin-top: 3px;
}
#RECCategoryBoxes {
	clear: both;
}
#RECCategoryBoxes .RECCategories {
	padding-left: 0;
	margin-top: -3px;
}
.RECCatBox {
	height: 90px;
	position: relative;
	border: 1px solid #696969;
}
.RECCatBox span {
	display: block;
	height: 22px;
	background-color: #000;
	filter:alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity: 0.40;
	z-index: 2;
	position: absolute;
	top: 68px;
	left: 0px;
	width: 198px;
}
.RECCatBox h3 {
	z-index: 3;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
	position: absolute;
	top: 70px;
	left: 0px;
	font-size: 100%;
	padding-left: 5px;
}
#RECCategoryBoxes .thedms504 h2, #RECCategoryBoxes .thedms504 h3 {
	display: none;
	visibility: hidden;
}
.RECCatHolder {
	width: 198px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
/* REC tabber */
/* tabs */
.anchors {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 1px;
	display: inline-block; /* @ IE 7 */
    _height: 1%; /* @ IE 6 */
}


.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors li {
    float: left;
    margin:0 1px 0 3px;
	width: 30%;
}
.anchors a {
    display: block;
    position: relative;
    top: 1px;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 9px 1px;
    text-decoration: none;
	background-color: #000 ;
	border: 1px solid #696969;
	border-bottom: none;
	color: #FFF;
	
}
.anchors .on a {
    padding-bottom: 2px;
    font-weight: bold;
}
.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.anchors .on a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.anchor {
    background-color:#696969;
}
.anchors .on a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchor {
    padding: 10px;
	border-top: none;
}
/*---------------------------see you in your Special offer campaign search (TC 30/10/2009) ----------------------------------*/

div.formseparator{
	padding:5px;
	margin:8px;
	background-color:#F1E2E8;
}
div.formseparator h2{
font-weight:bold;
}
div.formseparator label{
padding-left:5px;
}
/*------------- ecards -------------------*/
li.cardimage {
	background-color: #696969;
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
	clear: none;
	padding: 5px 0;
}
li.cardmsg {
	background-color: #696969;
	padding: 5px;
	margin-bottom: 5px;
}
ul.OnPageIndex-ecards {
	padding: 5px;
	list-style: none;
}
/*----------------- wallpapers -----------------*/
.wallpaperdetails img {
	float: left;
	margin-right: 10px;
}
.featuredWallpapers li {
	float: left;
	background-color: #696969;
	width: 150px;
	padding: 1px;
	margin-right: 10px;
}
.featuredWallpapers li h3 {
	font-size: 90%;
}
.featuredWallpapers li img {
	margin: 5px;
}

.RECrating {
    float:left;
    margin-left:5px;
    margin-top: -2px;
}

#RECLatest .thedms502 .RECItem .RECSummary {
    margin-left: 4px;
}