@media screen {


.default {
		font-size:0.8em;
		color: #fff;
		font-weight:bold;

}

.large {
		font-size:1em;
		color: #fff;
		font-weight:bold;

}

.xlarge {
		font-size:1.2em;
		color: #fff;
		font-weight:bold;

}
/* ----------------------------------------------------- */

/* usual stuff */

body
{
	text-align:center;
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana, sans-serif;
	font-size:0.7em;
	color: #000;
}

.mainholder
{
	width:700px;
	height:auto;
	background:#ffffff;
	margin: 1em auto;
	border: 5px solid #E7E5F2;
	text-align: left;

}

.breaker
{
	clear:both;
}



/* usual stuff end */


/* main stuff start */

.bannercontent
{
	width:100%;
	height:100px;
	background:url(../images/top_banner_bg_swish.gif) no-repeat bottom center;
}


.toplogo
{
	width:25%;
	height:50%;
	background:url(../images/vs_top_logo.gif) no-repeat top center;
	float:left;
}


.ntos_logo
{
	width:183px;
	height:41px;
	background:url(../images/national_tourist_board_logo.gif) no-repeat top center;
	float:right;
	margin:10px 20px 0 0;
}


.topnav
{
	width:auto;
	height:50%;
	float:left;
	margin:20px 0 0 20px;
	color:#8D8BBA;
	font-size:9px;
}

.topnav a
{
	color:#8D8BBA;
	text-decoration:none;
}

.topnav a:hover
{
	color:#000000;
}



.bottomnav
{
	width:auto;
	height:auto;
	float:left;
	margin:20px 0 0 20px;
	color:#999999;
	font-size:9px;
	overflow:auto;
}

.bottomnav a
{
	color:#999999;
	text-decoration:none;
}

.bottomnav a:hover
{
	color:#000000;
}



.mainimage
{
	width:700px;
	height:280px;
	background:url(../images/main_image.jpg) no-repeat top center;
	float:left;
}

.edinburghhighlandsmainimage
{
	width:700px;
	height:280px;
	background:url(../images/edinburgh_highlans_main_pic.jpg) no-repeat top center;
	float:left;
}

.touringmainimage
{
	width:700px;
	height:280px;
	background:url(../images/touring_main_pic.jpg) no-repeat top center;
	float:left;
}


.walkingmainimage
{
	width:700px;
	height:280px;
	background:url(../images/walking_main_pic.jpg) no-repeat top center;
	float:left;
}


.mainimageswish
{
	width:700px;
	height:55px;
	background:url(../images/below_main_img_bg_swish.gif) no-repeat top center;
	float:left;
}

.loginmainimageswish
{
	width:700px;
	height:60px;
	background:url(../images/bg_image_top_part.gif) no-repeat top center;
	float:left;
}

.touringloginmainimageswish
{
	width:700px;
	height:60px;
	background:url(../images/ltouring_login_form_area_top_swish.gif) no-repeat top center;
	float:left;
}


.edloginmainimageswish
{
	width:700px;
	height:60px;
	background:url(../images/ed_login_form_area_top_swish.gif) no-repeat top center;
	float:left;
}


.walkingloginmainimageswish
{
	width:700px;
	height:60px;
	background:url(../images/walking_bg_image_top_part.gif) no-repeat top center;
	float:left;
}



.bottomswish
{
	width:700px;
	height:70px;
	background:url(../images/bottom_swish.gif) no-repeat bottom center;
	float:left;
}


.maincopy
{
	overflow:inherit;
	margin:auto;
	width:650px;
	line-height:17px;
	
}

#boldmaintext
{
	font-weight:bold;
	
}


.loginmaincopy
{
	overflow:inherit;
	margin:auto;
	width:670px;
	height:130px;
	line-height:17px;
	float:left;
	padding:0 0 0 30px;
	vertical-align:top;
}


.apexbackground
{
	overflow:inherit;
	margin:auto;
	width:670px;
	height:130px;
	line-height:17px;
	float:left;
	padding:0 0 0 30px;
	vertical-align:top;
}


.ramadabackground
{
	overflow:inherit;
	margin:auto;
	width:670px;
	height:130px;
	line-height:17px;
	float:left;
	padding:0 0 0 30px;
	vertical-align:top;
}



.loginsubcopy
{
	overflow:inherit;
	margin:auto;
	width:670px;
	height:110px;
	line-height:17px;
	float:left;
	padding:0 0 0 30px;
	vertical-align:top;
}


#purplebold
{
	color:#8D8BBA;
	font-size:12px;
	font-weight:bold;

}


#loginpurplebold
{
	color:#8D8BBA;
	font-size:12px;
	font-weight:bold;
	float:left;
	padding:0 0 0 30px;
}

#redbold
{
	color:#B65582;
	font-size:14px;
	font-weight:bold;
}

#smallredtext
{
	color:#B65582;
	font-size:10px;
	font-weight:bold;
	float:left;
	padding:0 0 0 30px;
	text-align:left;
}


#purplenormal
{
	color:#8D8BBA;
	font-size:9px;
	font-weight:normal;
}


/* main stuff end */



/* form are start */

.formareatopswish
{
	width:700px;
	height:17px;
	background:url(../images/form_area_top_swish.gif) no-repeat top center;
	float:left;
	margin:auto;
}

.loginformareatopswish
{
	width:700px;
	height:17px;
	background:url(../images/login_form_area_top_swish.gif) no-repeat top center;
	float:left;
	margin:auto;
}


.touringloginformareatopswish
{
	width:700px;
	height:22px;
	background:url(../images/touring_login_form_area_top_swish.gif) no-repeat top center;
	float:left;
	margin:auto;
}


.edloginformareatopswish
{
	width:700px;
	height:22px;
	background:url(../images/edinburgh_login_form_area_top_swish.gif) no-repeat top center;
	float:left;
	margin:auto;
}

.walkingloginformareatopswish
{
	width:700px;
	height:22px;
	background:url(../images/walking_login_form_area_top_swish.gif) no-repeat top center;
	float:left;
	margin:auto;
}



.loginmaincopybgimage
{

	border: #cc0000;
	height:130px;
}




.formareabottomswish
{
	width:700px;
	height:25px;
	background:url(../images/form_area_bottom_swish.gif) no-repeat top center;
	float:left;
	margin:auto;

}

form
{
	width:700px;
	background:#E6E6E6;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}

.loingbgimage
{
	width:700px;
	background:url(../images/bg_image_bottom_part.gif) no-repeat top right;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}


.touringloingbgimage
{
	width:700px;
	background:url(../images/touring_bg_image_bottom_part.gif) no-repeat top right;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}


.edloingbgimage
{
	width:700px;
	background:url(../images/ed_bg_image_bottom_part.gif) no-repeat top right;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}

.walkingloingbgimage
{
	width:700px;
	background:url(../images/walking_bg_image_bottom_part.gif) no-repeat top right;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}

#normal
{
	width:auto;
	font-weight:normal;	
}

#loginlabels
{
	width:150px;
}


 .lists
{
	border:none;
	width: auto; 
	background:#E6E6E6;
	margin:2px 10px 0 10px;
}

form label { 
	display: block; 
	float: left; 
	width: 125px;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	padding: 0 0 0 30px;
	font-size:11px;
	text-align:left;
}

form input, form textarea, form select 
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 150px;
	margin:5px 0 0 0;
	border: thin solid #DCABC0;    
	float: left;
	text-align:left;
}

form textarea
{
	width: 250px;
}

form .shorter
{
	width: 75px;

}


.leftform
{
	float:left;

}




.rightform
{
	float:left;

}




form .longer
{
	margin:0 0 0 30px;
}

form input.submit
{
	color:#000000;
	background: #E6E6E6;
	font-weight:bold;
	border:0;
	width:59px;
	height:22px;
}

#loginpage label
{
	font-size:12px;
}

#loginpage #loginsmalltext
{
	font-size:9px;
	text-align:left;
	float: left;
	margin:0 0 0 30px;
}


form input.loginsubmit
{
	color:#000000;
	background: #E6E6E6;
	font-weight:bold;
	border:0;
	width:32px;
	height:22px;
}

form br {
	clear:left; 
}

form p 
{
	padding: 20px 20px 0 30px;
	text-align:left;
}

form .formsmalltext
{
	width:290px;
	font-size:9px;
	padding-left:30px;
	float:left;
	text-align:left;
}

form .areaguides
{
	width:620px;
	height:100px;
	background:#C8BFDE;
	overflow:inherit;
	margin:auto;
	color:#9E0A62;
	text-align:left;
	padding:20px 0 0 20px;
	font-weight:bold;

}


.areaguides #funnyredtext
{
	width:auto;
}



form .areaguides label
{
	color:#000000;
}


#touringlabel
{
	width:75px;
}

#formsmallpurple
{
	color:#9E0A62;
	text-align:left;
	width:650px;
	float:left;
	margin-left:30px;
	font-weight:bold;
}

.areaguides #formsmallpurple
{
	margin-left:-5px;
	
}

form .areaguides input 
{
	border:none;
	width: auto; 
	background:#C8BFDE;
}

form .areaguides label
{
	width:250px;
	font-weight:bold;
}




/* form are end */


















}


 @media print {
/* Main holder for the whole site */

	div.baseholder {
	}

/* holder for the headers */
	
	div.topas {
		display: none;
	}

	div.header {
		display: none;	}

/* holder for the footer */
	div.footer {
	display: none;
	}

	div.bottomlogos {
			display: none;

	}
/* Div sets the height / width for the top Navigation bar */

body {
	font-family: Verdana, sans-serif;
	float: none !important;
	background: white;
	color:#000;
}

	div.pooflink {
		display: none;
}

	div.topnav {
		display: none;
	}
	div.subnavitem {
		display: none;

	}
	img {
		border:none;
		display: none;
	}

	img.floatRight { 		display: none;  }
	img.floatLeft  { 		display: none;  }

	h1 {
	font-size: 130%;
	color: #000;
	font-family: Verdana, sans-serif;
	}

	h2 {
	font-size: 90%;
	color: #000;
	padding:0;
	margin:0;
	font-family: Verdana, sans-serif;
	}

	h3 {
	font-size: 90%;
	color: #000;
	padding:0;
	margin:0;
	line-height:10px;
	padding:0 0 8px 0;
	font-family: Verdana, sans-serif;
	}
 }