/* CSS Document */
/*To style all content for twohigs 2007 website*/


body {
	text-align:center;
	margin: 0px;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #A1A28B;
	margin-top: 0px;
	margin-left: 14px;
	margin-bottom: 5px;
	line-height: 25px;
	letter-spacing: .1em;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #707070;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	line-height: 25px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	letter-spacing: .1em;
	line-height: 27px;	
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #A1A28B;
	margin-top: 0px;
	margin-left: 14px;
	margin-right: 18px;
	margin-bottom: 6px;
	letter-spacing: .08em;
	padding: 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #A1A28B;
	margin-top: 0px;
	margin-left: 12px;
	margin-right: 5px;
	margin-bottom: 6px;
	line-height: 25px;
	letter-spacing: .01em;
	padding-bottom: 15px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #A1A28B;
	margin-top: 25px;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 6px;
	letter-spacing: 0.08em;
	padding: 0px;
	
}


/*THE CONTAINER TO HOLD ALL OTHER DIVS*/	
#contentholder {
	width:750px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding:0px;
	text-align:left;
	background-color: #ffffff;
	overflow: hidden;
}

/*THE MENU BAR AT THE VERY TOP*/
#topheader {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 750px;
	height: 16px;
	padding-bottom: 5px;	
}

#topheader ul{
	font-size: .8em;
	color: #707070;
	text-align: right;
	white-space: nowrap;
	margin: 0px;
}

#topheader ul li{
	list-style-type: none;
	display: inline;
	margin-bottom: 0px;
}

#topheader li a {
	text-decoration: none;
	padding: 8px;
	color: #707070;
}

#topheader li a:link {
	 text-decoration: none;
	 padding: 8px;
	 color: #707070;
}

#topheader li a:visited {
	text-decoration: none;
	padding: 8px;
	color: #707070;
}

#topheader li a:active {
	 text-decoration: none;
	 padding: 8px;
	 color: #FFF;
	 background-color: #A1A28B;
}

#topheader li a:hover {
	 text-decoration: none;
	 padding: 8px;
	 color: #FFF;
	 background-color: #A1A28B;
}

/*THE LOGO BAR WITH TAGLINE*/
#logobar {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px
	width: 750px;
	height: 115px;
	padding: 0px;

}
/*THE CONTAINER DIV TO HOLD DESTINATION NAV AND MAIN PICTURE AND HORIZONTAL NAV*/
#mainnav {
	width: 750px;
	height: 315px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
}

/*THE CONTAINER DIV TO HOLD DESTINATION NAV*/
#leftnav {
	width: 220px;
	float: left;
	height: 315px;
	margin: 0px;
	padding: 0px;
}

/*THE CONTAINER DIV TO HOLD DESTINATION NAV TITLE*/
#leftnavheader {
	width: 220px;
	height: 27px;
	background-color: #a1a28b;
}

/*THE CONTAINER DIV TO HOLD DESTINATION NAV TWO COLUMNS*/
#leftnavdes {
	width: 218px;
	height: 281px;
	border: 1px solid #A1A28B;
	margin-top: 5px;
	padding: 0px;
}

/*THE CONTAINER DIVS TO HOLD BOTH LEFT AND RIGHT SIDE DESTINATION NAV*/
.leftnavdesside1 {
	width: 104px;
	height: 282px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.leftnavdesside1 ul{
	margin: 0px;
	padding: 0px;
	color: #707070;
	font-size: .7em;
	line-height: 2.1em;
	margin-top: 5px;
}

.leftnavdesside1 ul li{
	list-style-type: none;
	display: block;
	margin-left: 15px;
	padding: 0px;
}

.leftnavdesside1 li a {
	text-decoration: none;
	color: #707070;
}

.leftnavdesside1 li a:link {
	 text-decoration: none;
	 color: #707070;
}

.leftnavdesside1 li a:visited {
	text-decoration: none;
	color: #707070;
}

.leftnavdesside1 li a:active {
	 text-decoration: none;
	 color: #FFF;
	 background-color: #A1A28B;
}

.leftnavdesside1 li a:hover {
	 text-decoration: none;
	 color: #FFF;
	 background-color: #A1A28B;
}

/*THE CONTAINER DIV TO MAIN PICS*/
#navpicbox {
	width: 520px;
	height: 280px;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

#navpicbox img {
	margin: 0px;
	padding: 0px;
}

/*THE CONTAINER DIV TO HORIZONTAL NAV*/
#horznav {
	width: 520px;
	height: 30px;
	background-color: #A1A28B;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

#horznav ul{
 font-size: 0.7em;
 margin: 0px 0px 0px 4px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFF;
 line-height: 30px;
 text-align: center;
}

#horznav ul li{
 list-style-type: none;
 display: inline;
}

#horznav li a {
	text-decoration: none;
	color: #ffffff;
	padding: 7px 6px;
}

#horznav li a:link {
	 color: #ffffff;
}

#horznav li a:visited {
	color: #ffffff;
}

#horznav li a:active {
	 text-decoration: underline;
	 color: #707070;
}

#horznav li a:hover {
	 text-decoration: underline;
	 color: #707070;
}


/*THE CONTAINER DIV TO LEFT SIDE CONTENT UNDER DESTINATIONS*/
#leftcontent {
	width: 220px;
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	padding: 0px;
	position: relative;
}


/*THE CONTAINER DIV TO CONTAIN THE NEWSLETTER BOX*/

#newsletter {
	width: 220px;
	float: left;
	margin:0 px;
}

#newsletterhead{
	width: 220px;
	height: 27px;
	background-color: #a1a28b;
}

#newslettercontent {
	width: 218px;
	height: 174px;
	border: 1px solid #A1A28B;
	margin-top: 5px;
	margin-left: 0px;
	padding: 0px;
}

#newslettercontent p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.7em;
	color: #707070;
	margin: 10px;
	padding: 0px;
}

form {
	margin-top: 0px;
}

.newsletterbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #707070;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 170px;
	border: 1px solid #A1A28B;
	margin-bottom: 7px;
	margin-top: 0px;
	padding: 3px;
}

.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #707070;
	text-decoration: none;
	background-color: #d5d0bd;
	width: 80px;
	border: 1px solid #A1A28B;
	height: 18px;
}

/*CSS FOR HOTEL CHOICES*/
#pickahotel {
	width: 220px;
	float: left;
	padding:0 px,;
	margin-bottom: 5px;
}

#pickahotelhead{
	width: 220px;
	height: 27px;
	background-color: #a1a28b;
}

#pickahotelcontent {
	width: 218px;
	border: 1px solid #A1A28B;
	margin-top: 5px;
	margin-left: 0px;
	padding: 0px;
}

#morehotelinfo {
	width: 218px;
	border: 1px solid #A1A28B;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
}

#morehotelinfo ul{
	font-size: 0.73em;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4.5px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A1A28B;
	line-height: 1.5em;
	text-align: left;
}


#morehotelinfo li a {
	text-decoration: none;
	color: #707070;
	display: block;
	padding: 4.5px 7px;
}

#morehotelinfo li a:link {
	text-decoration: none;
	 color: #707070;
	 padding: 4.5px 7px;
}

#morehotelinfo li a:visited {
	text-decoration: none;
	color: #a1a28b;
	padding: 4.5px 7px;
}

#morehotelinfo li a:active {
	 text-decoration: none;
	 color: #707070;
	 padding: 4.5px 7px;
}

#morehotelinfo li a:hover {
	text-decoration: underline;
	color: #ffffff;
	background-color: #a1a28b;
	padding: 4.5px 7px;
}

.hotelbottomborder {
	border-bottom: 1px dashed #d5d0bd;
	margin-bottom: 0px;
	
}

/*THE CONTAINER DIV TO HOLD MAIN TEXTUAL CONTENT*/
#maintextcontent {
	width: 520px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 0px;
	float: left;
	position: relative;
}

/*THE CONTAINER DIV TO HOLD MAIN BOX (ONLY HOMEPAGE) CONTENT - LEFT SIDE*/
#maintextcontentleft {
	width: 240px;
	margin-left: 2px;
	margin-top: 0px
	padding: 0px;
	float: left;
}

/*THE CONTAINER DIV TO HOLD MAIN BOX (ONLY HOMEPAGE) CONTENT - RIGHT SIDE*/
#maintextcontentright {
	width: 240px;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 0px;
	padding: 0px;
	float: right;
}

/*THE CONTAINER DIV TO FIRST SQUARE BOX IN CONTENT (ONLY HOMEPAGE)- LEFT SIDE*/
.contentboxleft{
	width: 240px;
	height: 140px;
	margin: 32px 0px 0px 0px;
	float: left;
	border: 1px solid #d5d0bd;
}

.contentboxleftheader {
	width: 240px;
	height: 25px;
	background-color: #d5d0bd;
	float: left;
}

.contentboxleftmainleft img{
	width: 100px;
	height: 90px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #d5d0bd;
}

.contentboxleftmainright {
	width: 138px;
	height: 90px;
	float: left;
	margin: 0px;
}

.contentboxleftmainright p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #707070;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	line-height: 1.5em;
}

.contentboxleftmore {
	width: 240px;
	height: 25px;
	background-color: #d5d0bd;
	float: left;
	margin: 0px;
	padding: 0px;
}

.contentboxleftmore P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #707070;
	text-align: right;
	margin-top: 3px;
	margin-right: 10px;
	padding: 0px
}



/*THE CONTAINER DIV TO SECOND SQUARE BOX IN CONTENT (ONLY HOMEPAGE) - RIGHT SIDE*/
#contentboxright1 {
	width: 240px;
	height: 314px;
	margin-top: 32px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	float: left;
	border: 1px solid #d5d0bd;
}

#contentboxright1header {
	width: 240px;
	height: 25px;
	background-color: #d5d0bd;
	float: left;
}

#contentboxright1main {
	width: 240px;
	height: 264px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#contentboxright1main p.specialstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #707070;
	padding: 3px 5px 2px 10px;
	line-height: 18px;
	border-bottom: 1px dashed #d5d0bd;
	margin: 0px;
}

#contentboxright1main p.specialstextnodash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #707070;
	padding: 3px 5px 2px 10px;
	line-height: 18px;
	margin: 0px;
}

#contentboxright1main p a {
	text-decoration: none;
	color: #707070;
	text-decoration: none;
}

#contentboxright1main p a:link {
	 color: #707070;
}

#contentboxright1main p a:visited {
	color: #707070;
}

#contentboxright1main p a:active {
	 text-decoration: underline;
	 color: #A1A28B;
}

#contentboxright1main p a:hover {
	 text-decoration: underline;
	 color: #A1A28B;
}

#contentboxright1more {
	width: 240px;
	height: 25px;
	background-color: #d5d0bd;
	float: left;
	margin: 0px;
	padding: 0px;
}

#contentboxright1more P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #707070;
	text-align: right;
	margin-top: 3px;
	margin-right: 10px;
	padding: 0px
}



/*THE CONTAINER DIV TO FOURTH SQUARE BOX IN CONTENT (ONLY HOMEPAGE)- RIGHT SIDE*/
#contentboxright2 {
	width: 240px;
	height: 140px;
	margin-top: 32px;
	margin-left: 0px;
	float: left;
	border: 1px solid #d5d0bd;
}

#contentboxright2header {
	width: 240px;
	height: 25px;
	background-color: #d5d0bd;
	float: left;
}

#contentboxright2mainleft img{
	width: 100px;
	height: 90px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #d5d0bd;
}

#contentboxright2mainright {
	width: 138px;
	height: 90px;
	float: left;
	margin: 0px;
}

#contentboxright2mainright p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #707070;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	line-height: 1.5em;
}

#contentboxright2more {
	width: 240px;
	height: 25px;
	background-color: #d5d0bd;
	float: left;
	margin: 0px;
	padding: 0px;
}

#contentboxright2more P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #707070;
	text-align: right;
	margin-top: 3px;
	margin-right: 10px;
	padding: 0px
}


/*COUNTRIES AND DESTINATIONS - THE CONTAINER DIV TO HOLD WHERE YOU ARE NOW*/
#whereyouarenow {
	width: 520px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	float: left;
	border-bottom: 1px solid #d5d0bd;
	border-top: 1px solid #d5d0bd;
}


#whereyouarenow ul{
	font-size: 0.7em;
	white-space: nowrap;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A1A28B;
	line-height: 25px;
	text-align: left;
}

#whereyouarenow ul li{
	list-style-type: none;
	display: inline;
	padding: 0px 4px;
}


#whereyouarenow li a {
	text-decoration: underline;
	color: #A1A28B;
}

#whereyouarenow li a:link {
	text-decoration: underline;
	 color: #A1A28B;
}

#whereyouarenow li a:visited {
	text-decoration: underline;
	color: #A1A28B;
}

#whereyouarenow li a:active {
	 text-decoration: underline;
	 color: #707070;
}

#whereyouarenow li a:hover {
	 text-decoration: underline;
	 color: #707070;
}

/*COUNTRIES AND DESTINATIONS - THE CONTAINER DIV TO HOLD COUNTRY INFO*/
#countryinfo {
	width: 500px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
}

#countryinfo p{
	margin-left: 15px;
	margin-right: 25px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.8em;
	color: #707070;
}

#countryinfo img{
	margin-left: 13px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.countryinfobold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	font-weight: bold;
}


/*HOTELS - THE TWOHIGS TOUCH OFFER BOLD*/
.touchbold {
	font-weight: bold;
}

#countryinfo ul li{
	margin-right: 25px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.8em;
	color: #707070;
	list-style-type: disc;
	list-style-position: outside;
}


/*THE CODE FOR THE MAP BUTTON LINKS ON COUNTRY PAGE*/
a.mapbutton:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

a.mapbutton:visited {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

a.mapbutton:active {
	 text-decoration: underline;
	 color: #a1a28b;
	 font-weight: bold;
}

a.mapbutton:hover {
	 text-decoration: underline;
	 color: #a1a28b;
	 font-weight: bold;
}

/*COUNTRIES AND DESTINATIONS - THE CONTAINER DIV TO HOLD MORE HOTEL INFO*/


/*THE CODE FOR THE REQUEST A QUOTE BUTTON LINKS IN HOTEL PAGES*/
P a.requestquote:link {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

P a.requestquote:visited {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

P a.requestquote:active {
	 text-decoration: underline;
	 color: #A1A28B;
	 font-weight: bold;
}

P a.requestquote:hover {
	 text-decoration: underline;
	 color: #A1A28B;
	 font-weight: bold;
}


/*THE CODE FOR THE MORE BUTTON LINKS IN SQUARE BOXES*/
P a.morebutton:link {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

P a.morebutton:visited {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

P a.morebutton:active {
	 text-decoration: underline;
	 color: #ffffff;
	 font-weight: bold;
}

P a.morebutton:hover {
	 text-decoration: underline;
	 color: #ffffff;
	 font-weight: bold;
}

/*THE CODE MULTICENTRE BOXES AND TEXT*/
#multicentreholderbox {
	width: 510px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	overflow: hidden;
}

.multicentreoptionbox {
	width: 510px;
	height: auto;
	padding-Bottom: 16px;
	border-bottom: 1px dashed #a1a28b;
	overflow: hidden;
}

.multicentreoptionboxnodivider {
	width: 510px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-Bottom: 26px;
	overflow: hidden;
}

#multicentreholderbox  p{
	margin-bottom: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.8em;
	color: #707070;
	padding-top: 0px;
	margin-left: 14px;
	margin-top: 12px;
}

.twocentreimages {
	float: left;
	margin-top: 0px;
	margin-left: 19px;
	padding-top: 26px;
}

.twocentretext {
	float: left;
	width: 360px;
	margin-top: 0px;
	padding-top: 0px;	
}

.multicentreimageborder {
	padding: 1px;
	border: 1px solid #a1a28b;
}

#multicentreholderbox ul{
	font-size: 0.83em;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4.5px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A1A28B;
	line-height: 1.5em;
	text-align: left;
}


#multicentreholderbox li a {
	text-decoration: none;
	color: #707070;
	display: block;
	padding: 4.5px 7px;
}

#multicentreholderbox li a:link {
	text-decoration: none;
	color: #707070;
}

#multicentreholderbox li a:visited {
	text-decoration: none;
	color: #707070;
}

#multicentreholderbox li a:active {
	 text-decoration: underline;
	 color: #A1A28B;
}

#multicentreholderbox li a:hover {
	 text-decoration: underline;
	 color: #A1A28B;
}

/*THE CODE FOR THE MORE BUTTON LINKS IN MULTICENTRES*/
a.multimorebutton:link {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

a.multimorebutton:visited {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

a.multimorebutton:active {
	 text-decoration: underline;
	 color: #A1A28B;
	 font-weight: bold;
}

a.multimorebutton:hover {
	 text-decoration: underline;
	 color: #A1A28B;
	 font-weight: bold;
}

/*CODE FOR SPECIAL OFFERS*/

.largeprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #707070;
	font-weight: bold;	
}


/*THE CONTAINER DIV TO HOLD FOOTER CONTENT*/
#footer {
	width: 750px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border-top: 1px solid #A1A28B;
	float: left;
}

#footer p{
	font-size: 0.7em;
	white-space: nowrap;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A1A28B;
	line-height: 1.8em;
	text-align: center;
}


#footer ul{
	font-size: 0.7em;
	white-space: nowrap;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A1A28B;
	line-height: 20px;
	text-align: center;
	border-bottom: 1px solid #A1A28B;
}

#footer ul li{
	list-style-type: none;
	display: inline;
	padding: 0px 7px;
}


#footer li a {
	text-decoration: none;
	color: #A1A28B;
}

#footer li a:link {
	 color: #A1A28B;
}

#footer li a:visited {
	color: #A1A28B;
}

#footer li a:active {
	 text-decoration: underline;
	 color: #A1A28B;
}

#footer li a:hover {
	 text-decoration: underline;
	 color: #A1A28B;
}
