/* general
--------------------------------------------------- */

body * {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #f4fafa;
	font-size: small;
	font-family: Tahoma, Verdana, sans-serif;  	 
	background-image:url(../images/bg_image.gif);
	background-repeat:repeat-x;
	
}

img {
	display: block;	
}

em, cite {
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
}

acronym {
	border-bottom: 1px rgb(180,180,180) dotted;
}

hr {
	display: none;	
	color: #fff;
}



/* pagewrapper
--------------------------------------------------- */	

div#pagetop_strip {
	position: absolute;
	left:0px;
	width: 764px;  
	background: #30959b;   
	height:65px;
	width:100%;
}	

div#pagetop_strip_2 {
	position: absolute;
	left:0px;
	top:65px;
	width: 764px;  
	background: #000 url(../images/primarynav_bg.jpg) repeat-x;   
	height:27px;
	width:100%;
}

div#pagetop_strip_3 {
	position: absolute;
	left:0px;
	top:92px;
	width: 764px;  
	background: #99b0af;   
	height:27px;
	width:100%;
}


div#pagewrapper {
	position: relative;
	margin: 0px auto 0 auto;
	width: 764px; 
	background: #ffffff url(../images/main_bg_no_sidebar.gif) repeat-y;	   
	border-bottom:1px solid #cccccc
}

h2#title {
	position: absolute;
	top: 40px;
	left: -200px;
	width: 200px;
	height: 110px;
	z-index: 1000;
	text-indent: -5000px;
}

h2#title a {
	display: block;
	width: 100%;
	height: 100%;
}





/* quicklinkswrapper
--------------------------------------------------- */

div#quicklinkswrapper {
	clear: both;
	position: relative;
	width: 764px;
	height: 65px; /*141px; */
}

body#collinsbartholomew div#quicklinkswrapper {
	background: url(../images/header.gif) no-repeat;
}

/* quicklinks form
--------------------------------------------------- */

form#quicklinks {
	position: absolute;
	right: 30px;	
	top: 66px;
}

form#quicklinks select {
	width: 180px;
	border: 1px rgb(200,200,200) solid;
	padding: 1px;
	font-size: 75%;
	color: rgb(70,70,70);
}

body#collinsbartholomew form#quicklinks input.submit {
	font-size: 75%;
	padding: 1px;
	background: #000;
	border: 1px #000 solid;
	color: #fff;
}

body#collinsbartholomew form#quicklinks input.submitroll {
	font-size: 75%;
	padding: 1px;
	background: #a9a9a9;
	border: 1px #a9a9a9 solid;
	color: #fff;
	cursor: pointer;
}

/* sitesearch form
--------------------------------------------------- */

form#sitesearch {
	position: absolute;
	right: 30px;	
	top: 16px;
}

form#sitesearch text {
	width: 180px;
	border: 1px rgb(200,200,200) solid;
	padding: 1px;
	font-size: 75%;
	color: rgb(70,70,70);
}

body#collinsbartholomew form#sitesearch input.submit {
	font-size: 75%;
	padding: 1px;
	background: #333;
	border: 1px #ffffff solid;
	color: #fff;
}

body#collinsbartholomew form#sitesearch input.submitroll {
	font-size: 75%;
	padding: 1px;
	background: #a9a9a9;
	border: 1px #a9a9a9 solid;
	color: #fff;
	cursor: pointer;
}


/* primarynav
--------------------------------------------------- */

ul#primarynav {
	float: left;
	position: relative;
	width: 764px;
}

ul#primarynav li {
	float: left;
	display: block;
}

ul#primarynav li ul {
	text-indent: -5000px;
	position: absolute;
	left: 0;
	width: 764px;
	background-color: #a9a9a9;
}

ul#primarynav li a {
	display: block;
	padding: 7px;
	color: #fff;
	font-size: 80%;
}

ul#primarynav li.on ul {
	display: block;
	text-indent: 0;
}

ul#primarynav li:hover ul {
	text-indent: 0;
	display: block;
	z-index: 1;
}

ul#primarynav li ul a {
	float: left;
}

body#collinsbartholomew ul#primarynav {
	background: #024039 url(../images/primarynav_bg.jpg) repeat-x;
}

body#collinsbartholomew ul#primarynav li ul {
	background: #99b0af;
}

body#collinsbartholomew ul#primarynav li:hover a, body#collinsbartholomew ul#primarynav li.on a {
	background: #99b0af;	
}

body#collinsbartholomew ul#primarynav li ul a {
	color: #000; 
	font-weight:bold;
}

body#collinsbartholomew ul#primarynav li ul a:hover, body#collinsbartholomew ul#primarynav li ul a.current {
	color: #fff; 
	font-weight:bold;
}



/* splash
--------------------------------------------------- */

div#splash {
	clear: left;
	margin-top: 52px;	 
	width: 764px;
	height: 150px;
}	 

div#splash div#partner  {
	float:right;
	height:30px;
	width:30px;
	background:#cccccc;
	}

div#splashclear {
	clear: left;
	margin-top: 52px;	 
	width: 764px;
	height: 150px;
}



/* main
--------------------------------------------------- */

div#main {	 

	width: 764px;
	float: left;
	position: relative;
	padding-bottom: 50px;
}

body#collinsbartholomew div#main {
	/*background: url(../images/main_bg.gif) repeat-y;	*/ 
	/* border-bottom: 1px rgb(34,78,10) solid;   */
}

body#collinsbartholomew.nosidebar div#main {
	 /*background: url(../images/main_bg_no_sidebar.gif) repeat-y;	*/
}

div#main a:link {
	color: rgb(48,149,155);	   
	text-decoration:underline;	 
	
	/*border-bottom: 1px #a9a9a9 dotted; */
}

div#main a:visited {
	/*color: rgb(108,28,0);*/
	color: rgb(48,149,155);	 
	text-decoration:underline; 
	
	/*border-bottom: 1px #a9a9a9 dotted; */
	/*border-bottom: 1px rgb(220,186,116) solid;*/
}

div#main a:hover, div#main a:active {
	color: rgb(48,149,155);	 
	text-decoration:none;	
	
	/*border-bottom: 1px #a9a9a9 solid;*/
}  


/* newcontent
------------------------------------------------- */


body.nosidebar div#newcontent {
	position: relative;
	top: 15px;
	left: 40px;
	float: left;
	width: 684px;  
	height:780px;
}	 

p#crawlerbar {
	font-size: 75%;
	padding-bottom: 10px;
	margin: 0;
}

div#newcontent h1, div#newcontent h2, div#newcontent h3 {
	font-weight: normal;
	color: rgb(70,70,70);	
}

div#newcontent h1 {
	font-size: 180%;
	padding: 0 0 15px 0;
	border-bottom: 1px #cccccc solid;	
	margin: 0 0 20px 0;	 
}

div#newcontent h2 {
	font-size: 140%;
	margin: 1.5em 0 0.4em 0; 
	font-weight: bold;
}

div#newcontent h3 {
	font-size: 100%;
	margin: 1.5em 0 0.2em 0;
	font-weight: bold;
}

div#newcontent p {
	font-size: 85%;
	line-height: 1.5;
	margin-bottom: 1em;
}

/* content
--------------------------------------------------- */

div#content {
	float: right;
	position: relative;
	top: 15px;
	right: 50px;
	width: 470px;
	color: rgb(80,80,80);
}

body.nosidebar div#content {
	position: relative;
	top: 15px;
	left: 40px;
	float: left;
	width: 684px;
}

p#crawlerbar {
	font-size: 75%;
	padding-bottom: 10px;
	margin: 0;
}		  

div#content div#orderform {
	font-size: 75%;
	padding-bottom: 10px;
	margin: 0;
	float:right;
}	

div#content h1, div#content h2, div#content h3 {
	font-weight: normal;
	color: rgb(70,70,70);	
}

div#content h1 {
	font-size: 140%;
	padding: 0 0 15px 0;
	border-bottom: 1px #cccccc solid;	
	margin: 0 0 20px 0;	 
	font-weight: bold;
}

div#content h2 {
	font-size: 120%;
	margin: 1.5em 0 0.4em 0;  
	font-weight: bold;

}

div#content h3 {
	font-size: 100%;
	margin: 1.5em 0 0.2em 0;

}  

div#content div#partner {
	font-size: 85%;
	line-height: 1.5;
	margin-bottom: 1em;	
	margin-left:15px; 
	float:right;
	padding:0px 10px 10px 10px;
	width:140px;
	background:#f4fafa;  
	border-left: 1px solid #f0f0f0; 
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #f0f0f0; 
	border-right: 1px solid #cccccc;    
	
				/* color: #999999; */
}	

div#content div#order {
	font-size: 85%;
	line-height: 1.5;
	margin-bottom: 1em;	
	margin-left:15px; 
	float:right;
	padding:0px 10px 5px 10px;
	width:90px;
	background:#f4fafa;  
	border-left: 1px solid #f0f0f0; 
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #f0f0f0; 
	border-right: 1px solid #cccccc;    
	
				/* color: #999999; */
}

div#content p {
	font-size: 85%;
	line-height: 1.5;
	margin-bottom: 1em;	  
	/* color: #999999; */
}	



div#content p.note {
	font-style: italic;
	padding-left: 20px;
	background: url(../design/alert.gif) left center no-repeat;
}

div#content p.extratopmargin {
	margin-top: 2em;
}

div#content img.creditsymbols {
	margin-bottom: 1em;
}

div#content span.alert {
	color: rgb(153,0,0);	
}	   

div#content ul {
	margin: 0 0 1em 1.5em;
	font-size: 85%;	
}

div#content ul li {
	line-height: 1.5;
	margin-bottom: 0.8em;
}

div#content dl {
	margin-bottom: 1em;
	font-size: 85%;
	line-height: 1.5;
}

div#content dt {
	margin-bottom: 0.1em;
}

div#content dd {
	margin-bottom: 1em;
}

div#content img {
	
	margin-left: 10px;		  
	margin-bottom:5px	;
	float:right;
} 

div#content img.nofloat {
	
	margin-right: 10px;		  
	margin-bottom:5px	;  
	float: none;
} 

div#content img.samples {
	display:block;
	margin-right: 10px;		  
	margin-bottom:5px	; 
	padding-right:100px; 
	float:left;
	padding-bottom:30px;
} 	 

div#content p.samples {
	display:block;
	margin-right: 10px;		  
	margin-bottom:5px	; 
	
	float:left;
} 	 

/* form
--------------------------------------------------- */

div#content form {
	margin: 1.5em 0;
	width: 438px;
	padding: 15px;
	background: rgb(248,248,248);
	border: 1px rgb(220,220,220) solid;
}

div#content form dt.error {
	font-size: 80%;
	margin-bottom: 2px;
	color: #ff0000;
}

div#content form dd {
	margin-bottom: 15px;
}

div#content form input, div#content form textarea, div#content form select {
	border: 1px rgb(200,200,200) solid;
	padding: 3px;
	font: 80% Tahoma, Verdana, sans-serif;
	color: rgb(70,70,70);
	width: 175px;
}

div#content form radio {
	border: 1px rgb(200,200,200) solid;
	padding: 3px;
	font: 80% Tahoma, Verdana, sans-serif;
	color: rgb(70,70,70);
	width: 35px;
}

div#content form input:focus, div#content form input.sffocus, div#content form textarea:focus, div#content form textarea.sffocus {
	border: 1px rgb(180,180,180) solid;
}  
 

div#content form input.wide {
	width: 350px;
}

div#content form input.widehigh {
	width: 350px;  
	height: 200px;
}

div#content form input.widehigh2 {
	width: 350px;  
	height: 800px;
}

div#content form input.short {
	width: 75px;
}

div#content form input.radio {
	width: 35px;
	margin-right:5px;
}

div#content form textarea.widehigh2 {
	width: 430px; 
	height: 400px;
}

div#content form select#TOURNAME {
	width: auto;
}

div#content form select#TOURDAY {
	width: 50px;
}

div#content form select#TOURMONTH {
	width: 60px;
}

div#content form select#TOURYEAR {
	width: 70px;
}

div#content form input.submit, div#content form input.submitroll {
	color: #fff;
	padding: 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font:80%;
	letter-spacing: 1px;
}

div#content form input.submit {
	background: rgb(0,0,0);
}

div#content form input.submitroll {
	background: #a9a9a9;
	cursor: pointer;  
	color:#000;	
	font-weight:bold;
}


/* container
---------------------------------------------------- */
 
.a, .a:visited {color:#000;}
#container {position:relative; width:684px; height:880px; background:#ffffff; border:1px solid #a9a9a9; margin:10px auto;}
#container b {font-weight:normal; width:684px; position:absolute; bottom:250px; left:0; color:#eee;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #a9a9a9; width:75px; height:75px; float:left; margin:20px 21px; position:relative; cursor:hand;}

a.slidea {background:url(../images/london_clip.gif);}
a.slideb {background:url(../images/edinburgh_clip.gif);}
a.slidec {background:url(../images/blackpool_clip.gif);}
a.slided {background:url(../images/bristol_clip.gif);}
a.slidee {background:url(../images/copenhagen_clip.gif);}
a.slidef {background:url(../images/shanghai_clip.gif);}
a.slideg {background:url(../images/brazil_clip.gif);}
a.slideh {background:url(../images/orlando_clip.gif);}
a.slidei {background:url(../images/earthquake_clip.gif);}
a.slidej {background:url(../images/iran_clip.gif);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:684px; height:560px; top:189px; left:9px; color:#000; background:#efefef; text-align:center; border:1px solid #a9a9a9;font-size: 85%; }

a.slidea span {left:-13px; top:89px;}	/* was originally 180 for two rows of images  */
a.slideb span {left:-132px; top:89px;}
a.slidec span {left:-251px; top:89px;}
a.slided span {left:-370px; top:89px;}
a.slidee span {left:-489px; top:89px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #a9a9a9; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #a9a9a9; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #a9a9a9; position:relative; margin:10px; z-index:10;}



/* maintable
--------------------------------------------------- */

table#maintable {
	border-collapse: collapse;
	width: 100%;
	font-size: 85%; 
	margin-bottom: 1em;
}

table#maintable caption {
	font-weight: normal;
	color: rgb(70,70,70);	
	font-size: 130%;
	padding: 1.5em 0 1em 0;
	text-align: left;
}

table#maintable th, table#maintable td {
	padding: 0.5em 1.3em;
	border: 1px solid #fff;
	text-align: left;
}

body#collinsbartholomew table#maintable thead {
	background: #99b0af;
	color: #fff;
}

table#maintable tbody tr {
	background: rgb(230,230,230);
}

table#maintable tbody tr:hover, table#maintable tbody tr.sffocus {
	background: rgb(220,220,220);
}



/* sidebar
--------------------------------------------------- */

div#sidebar {
	float: left;
	position: relative;
	top: 15px;
	left: 15px;
	width: 173px;
	
}



/* promo
--------------------------------------------------- */

div#sidebar div.promo {
	width: 100%;
	margin-bottom: 20px;
}

div#sidebar div.promo h2 {
	font-weight: bold;
	font-size: 85%;
	padding: 15px 15px 15px 15px;
	color: #fff;
}

div#sidebar div.black h2 {
	background: rgb(0,0,0) url(../images/sidebar_heading_black.jpg) no-repeat left top;
}

div#sidebar div.promo a:link, div#sidebar div.promo a:visited {
	color: #fff;
	border: 0; 
	text-decoration: underline;
}

div#sidebar div.promo a:hover, div#sidebar div.promo a:active {
	color: #fff;
	border: 0;
	text-decoration: none;
}

div#sidebar div.promo p {
	font-size: 75%;
	padding: 5px 10px;
	line-height: 1.5;
	background: url(../images/sidebar_gradient.jpg) no-repeat;
}



/* links
--------------------------------------------------- */

div#sidebar div.links {
	width: 100%;
	margin-bottom: 15px;
}

div#sidebar div.links h2 {
	font: bold 110% Arial, Helvetica, sans-serif;	
	color: rgb(94,94,94);
	margin-bottom: 10px;
}

div#sidebar div.links ul {
	list-style: none;
	line-height: 1.5;
}

div#sidebar div.links li {
	margin-bottom: 1em;
	font-size: 75%;
}





/* footer
--------------------------------------------------- */

div#footer {
	width: 764px;
	position: relative;
	clear: both;
	font-size: 75%;
	color: rgb(140,140,140);  
	padding-top:20px;
}

div#footer a {
	color: rgb(140,140,140);
}

div#footer a:link, div#footer a:visited, div#footer a:active{
	/*border-bottom: 1px rgb(48,149,155) dotted;  */  
	color:rgb(48,149,155);
	text-decoration:underline;
}

div#footer a:hover {
	/*border-bottom: 1px rgb(220,220,220) solid; */	
	color:rgb(48,149,155);
	text-decoration:none;	 
}	 

div#footer img { 
display: inline; 
}



/* footermenu
--------------------------------------------------- */

ul#footermenu {
	text-align: right;
	line-height: 60px;
	background: url(../images/footer_logo.gif) no-repeat left center;
	width: 100%;
}

ul#footermenu li {
	display: inline;
	margin-left: 15px; 
	margin-right:20px;
	list-style: none;
}





/* footerlinks
--------------------------------------------------- */

div#footerlinks {
	width: 764px;
	position: relative;
	padding-bottom: 20px;
	top: -5px;
}

img#touristboard {
	float: right;
	width: 63px;
	height: 82px;
}

div#footerlinks p {
	margin: 0 90px 0 0;
	line-height: 1.6;
	padding-top: 1em;
}




/* bug fixes for IE 5/6 Win 
------------------------------------------------------ */

body {
	text-align: center; /* workaround for IE5 centering bug */
	font-size: x-small; /* for IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* actual value */
}



div#pagewrapper {
	text-align: left; /* compensate for IE5 centering bug */
}



/* fix IE5 anchor bug */
ul#citynav li a {
	width: 0.1em;
	float: left;
	white-space: nowrap;
}

ul#citynav > li a {
	width: auto;
}

ul#citynav li a {
	float: none;
}

/* citynav - attach :hover styles for IE */
ul#citynav li#collinsbartholomew.sfhover, ul#citynav li#glasgow.sfhover {
	background-position: 0 -150px;
}

ul#citynav li#collinsbartholomew.sfhover a, ul#citynav li#glasgow.sfhover a {
	background-position: 100% -150px;
}



/* primarynav - attach :hover styles for IE */
body#collinsbartholomew ul#primarynav li.sfhover a {
	background: #99b0af;
}

body#glasgow ul#primarynav li.sfhover a {
	background: rgb(134,109,64);
}

ul#primarynav li.sfhover ul {
	text-indent: 0;
	display: block;
	z-index: 1;
}



/* realign splash div */
* html div#splash {
	margin-top: 26px;
}



/* fix 3px jog */
* html dl.listitem dd {
  height: 1%;
	position: relative;
	right: 3px;
}

* html dl.listitem dd.link {
	position: relative;
	left: 1px;
}



/* IE5 Win box model hack */
div#content form {
	width: 468px; /* for IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 438px; /* actual value */
}



div#tourinfo div.info {
	width: 235px; /* for IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 215px; /* actual value */
}