/*
*     iTraveluk.co.uk  CSS
*/
body {
margin: 0px;																	
padding: 0px;
color: #000000;
background: #F9F8F2;
font: normal 12px tahoma, geneva, verdana, sans-serif;
}

/* new */

table.logo {
width: 780px;	
background: transparent url(/images/headersmall.jpg) no-repeat;
background-color: #000000;
color: white;
height: 140px;
font-size: 12px;
}

a.logo{
color: white;
}

a.logo:visited {
color: blue;
}

a.logo:active {
color: blue;
}
input.logo {
padding: 1px 0px 1px 2px;
border: 1px solid #57594b;
background:#F9F8F2;
}

.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* end new */

/* images */
.thumb {
border: 1px solid #BBBFA1;
padding: 2px;
margin-right:5px;
}

.thumbdetailed {
border: 1px solid #BBBFA1;
padding: 2px;
}

td.photo {
border: 1px solid #BBBFA1;
padding: 3px;
background-color: #F9F8F2;
}

table.content {
font-size: 12px;
text-align:left;
background-color: #ffffff;
border: 1px solid #BBBFA1;
width: 780px;
}

table.logo {
width: 780px;
}

table.quote {
font-size: 12px;
text-align:left;
background-color: #FFFDCF;
border: 1px solid #BBBFA1;
}

.main {  
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
}

.righttdhome {
width:160px;
}

.righttd {
padding-top: 100px;
width:160px;
}

.righttdgap {
width:15px;
border-left: 1px solid #BBBFA1;
border-right: 1px solid #BBBFA1;
background: #F9F8F2;
}

.articlelink {
border-bottom: 1px solid #BBBFA1;
}
/* names is index of travel guide, blue fonts as is homenavtop  */
.names {
color: #006699;
}
td.homenavtop {
border-bottom: 1px solid #5C5B66;
color: #ffffff;
background-color: #5C5B66;
}
td.homenav {
border-bottom: 10px solid #5C5B66;
color: #ffffff;
background-color: #5C5B66;
}

td.homenavtop2 {
border-bottom: 1px solid #5C5B66;
}

td.articlelinks {
border-bottom: 1px dotted #BBBFA1;
padding: 3px;
}

table.related {
background: #F0F0FF;
border-top: 1px solid #BBBFA1;
 border-bottom: 1px solid #BBBFA1;
 font-size : 12px;
}
td.statshead {
background: #F0F0FF;
border: 1px solid #BBBFA1;
}
td.stats {
border: 1px solid #BBBFA1;
}

.travphoto {
width: 126px;
padding-top: 5px;
}
.homepics {
border-bottom: 1px solid #BBBFA1;

}

.relatedtext{
font-size : 11px;
}

table.description {
border: 1px solid #bbbfa1;
background: #f8faed;
padding-bottom: 2px;
font-size : 12px;
}

td.prices {
background: #FBFCF6;
border: 1px solid #bbbfa1;
width: 135px;
padding:2px;
}

.sideright {
padding-top: 45px;
width: 130px;
padding-left: 2px;
}

.sideleft{
padding-top: 45px;
width: 200px;
border-right: 1px dotted #BBBFA1;
text-align: center;
}

a.url {
color: blue;
}

a.url:visited {
color: blue;
}

a.url:hover {
color: blue;
}

A.boxes, A.boxes:Visited {
font-size : 10px;
border: 1px solid #bbbfa1;  
background: #ffffff;
text-align:center;
text-decoration: none;
padding:1px 4px;
color: #000000;
}

A.boxes:Hover {
font-size:10px;
border: 1px solid #bbbfa1;
background: #D2D2D2;
text-align:center; 
text-decoration: none;
padding:1px 4px;
}

/* forms */
form {
margin: 0px;
}
input, textarea {
font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
padding: 1px 0px 1px 2px;
border: 1px solid #57594b;
}

input.postcode {
padding: 1px 0px 1px 2px;
border: 1px solid #57594b;
width: 33px;
}
input.postcode2 {
padding: 1px 0px 1px 2px;
border: 1px solid #57594b;
width: 27px;
}

input.prices {
padding: 1px 0px 1px 2px;
border: 1px solid #57594b;
width: 50px;
}

.linklisting2, h4.linktitle2 {
margin: 0px 0px;
}

h1 {
font-size: 20px;
font-weight: lighter;
}

h2 {
font-size: 15px;
margin-bottom:0em;
}

h3 {
font-size: 13px;
}

h4 {
font-size: 12px;
margin-bottom:0em;
}

h5 {
font-weight: normal;
font-size: 11px;
}

/* use this with text in headings you wish to make small */
.hsmall {
font-weight: normal;
font-size: 9px;
}

#accessibility {
position: absolute;
left: -9000px;
width: 9000px;
}
#wrapper {
margin: 0px auto;
width: 780px;
text-align: left;
}



/*------------*\
|* navigation *|
\*------------*/
.navbar {
margin-bottom: 0px;
}
ul.primarynav, ul.secondarynav {
margin-top: -1px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0px;
border-bottom: 1px solid #ffffff;
float: left;
list-style: none;
}
ul.primarynav {
width: 100%;
background: #5c5b66;
}
ul.secondarynav {
width: 100%;
background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
float: left;
list-style: none;
}
ul.primarynav li {
background: transparent url(/luna/images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
margin-right: 1px;
padding: 7px 9px 7px 10px;
float: left;
color: #ffffff;
font-size: 11px;
text-decoration: none;
}
ul.primarynav a:visited {
color: #ffffff;
}
ul.primarynav a:hover {
color: #ffffff;
background: #737180;
}
ul.primarynav li.home {
border-right: 1px solid #ffffff;
background: #383741;
}
ul.primarynav li.register {
background: transparent url(/luna/images/betweennav.gif) bottom right no-repeat;
background-color: #5C7099;
}
ul.primarynav li.home a {
margin-right: 0px;
}
ul.secondarynav li.first {
padding-left: 5px;
}
ul.secondarynav a {
margin-right: 1px;
padding: 4px 5px;
float: left;
color: #ffffff;
font-size: 10px;
text-decoration: none;
}
ul.secondarynav a:visited {
color: #ffffff;
}
ul.secondarynav a:hover {
color: #212126;
}
/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
margin-bottom: 5px;
padding: 5px 10px;
border-bottom: 1px solid #BBBFA1;
border-right: 1px solid #BBBFA1;
border-left: 1px solid #BBBFA1;
background: #F0F3D3;
}
.searchbar input.text, .searchbar input.submit {
margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
color: #212126;
font-size: 11px;
}
.searchbar a:hover {
color: #212126;
}

.searchbar a:visited {
color: #212126;
}
/*--------*\
|* footer *|
\*--------*/
#footer {
margin-top: 10px;
padding: 5px;
width: 750px;
border-top: 1px solid #57594b;
background: #DAC291;
}

#footer img {
float: right;
}

#footer p {
margin: 0px;
padding: 10px 0px;
color: #8a8d77;
font-size: 9px;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
padding: 10px 10px 0px 10px;

}
#contentheader .error, #contentheader .message {
margin: 0px 200px 0px 0px;
padding: 2px;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 12px;
text-align: center;
}
#contentheader .error {
background: #8c3030;
}
#contentheader .message {
background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
margin: 0px;
padding: 0px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {

}

/*---------*\
|* content *|
\*---------*/


#contentwrapper {
width: 100%;
float: left;
position: relative;
}

#content {
margin: 0px 0px;
padding: 0px;
background: #ffffff;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
height: 1%;
}
/* end non ie/mac css */

/*-----------------*\
|* global elements *|
\*-----------------*/


/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
width: 96%;
}
.linklisting p.linkactions {
margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
padding: 1px 4px;
border: 1px solid #bbbfa1;
font-size: 9px;
text-decoration: none;
color: #000000;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
background: #D2D2D2;
}

/* reviews */
.review h4.reviewsubject {
margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
margin: 0px;
font-weight: normal;
}
.review p.reviewer {
margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
float: left;
font-size: 9px;
}
.review .reviewhelpful form span {
float: right;
}
.review .reviewhelpful input {
padding: 0px 3px;
border: 1px solid #bbbfa1;
background: #ffffff;
font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
background: transparent url(images/button-left.gif) top left no-repeat;
font-weight: normal;
font-size: 9px;
color: #ffffff;
vertical-align: text-top;
}
.new-item {
background-color: #8c3030;
}
.updated-item {
background-color: #c5a600;
}
.popular-item {
background-color: #314fb1;
}
.unpaid-item {
background-color: #555555;
}
.expired-item {
background-color: #92589c;
}
.free-item {
background-color: #a7a87c;
}
.bookmark-public {
background-color: #cc6613;
}
.bookmark-default {
background-color: #7fb131;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
padding: 0px 3px;
background: transparent url(images/button-right.gif) top right no-repeat;
}

/* paging */
.paging {
text-align: right;
}
.paging img, .paging select {
vertical-align: middle;
border: 0px;
}
.tabcontent {
font-size: 11px;
}
.crumb {
font-size: 11px;
}

/* tables */
.ftable {
margin-top: 5px;
border-bottom: 3px solid #bbbfa1;
border-collapse: collapse;
width: 100%;
/* ie5-5.5 don't inherit the font style properly */
font-size: 11px;
}
.ftable th {
background: #bbbfa1;
text-align: left;
}
.ftable th, .ftable td {
padding: 3px 5px;
}
.ftablecol {
border-right: 1px solid #bbbfa1;
}

/* sub headings */
#dotted {
margin: 25px 0px 0px 0px;
padding: 5px 0px 0px 0px;
border-bottom: 1px dotted #bbbfa1;
}

.dotted
{
margin-top: 0px;

  border-bottom: 1px dotted #bbbfa1;
  width:80%;
}
#content h3 {
margin: 25px 0px 0px 0px;
padding: 5px 0px 0px 0px;
border-bottom: 1px dotted #bbbfa1;
}
#content h3.noseparator {
border-bottom: none;
}

/* lists */
#content ul {
margin: 10px 0px 0px 20px;
padding: 0px;
}
#content li {
font-size: 12px;
list-style: none;
}

/* forms */
.row {
margin-bottom: 1px;
padding: 4px;
}
.row label.name {
padding-right: 5px;
width: 25%;
float: left;
}
.row label.name span {
color: #8c3030;
}
.row .value.wrappedtext {
margin-left: 25%;
padding-left: 5px;
}
/* css validate hack for ie 5.5 text/textarea resizing
.row .value input.text, .row .value input.password, .row .value textarea {
width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}				  */
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
w\idth: 72%;
}
.row .value input.text.shorttext {
width: 100px;
}
.row.required {
background: #e2e1eb;
}
.row.invalid {
color: #8c3030;
background: #eedddd;
font-weight: bold;
}
.formsubmit {
margin-top: 10px;
text-align: right;
}

/* generic messages */
.errormessage {
color: #8c3030;
font-weight: bold;
}
.infomessage {
color: #3a5841;
font-weight: bold;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
font-weight: bold;
}
.searchhl-1 {
background: #ffff80;
}
.searchhl-2 {
background: #aaaaff;
}
.searchhl-3 {
background: #aaffaa;
}
.searchhl-4 {
background: #ffaaaa;
}
.searchhl-5 {
background: #aaffff;
}

/* indent */
.indent1 {
margin-left: 20px;
}
.indent2 {
margin-left: 40px;
}
.indent3 {
margin-left: 60px;
}
.indent4 {
margin-left: 80px;
}
.indent5 {
margin-left: 100px;
}

.hide {
display: none;
}

.clear:after {
height: 0px;
clear: both;
display: block;
visibility: hidden;
content: ".";
}
.clear {
/* css validate display: inline-block;		  */
}
/* start non ie/mac css \*/
* html .clear {
height: 1%;
}
.clear {
display: block;
}
/* end non ie/mac css */

/*---------------*\
|* page specific *|
\*---------------*/
#bookmark_list input.checkbox {
float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
font-weight: bold;
}
.bookmark_link .comments label span {
font-weight: normal;
}

#category dl, #home dl {
margin: 10px 0px 0px 0px;
width: 49%;
float: left;
}

#largedescription {
font-size: 13px;
}

#category dt a {
font-weight: bold;
font-size: 11px;
}
#category dt, #category dd, #home dt, #home dd {
margin: 0px 0px 0px 20px;
font-size: 11px;
}
#category dd, #home dd {
padding-bottom: 10px;
}

#detailed p.description {
overflow: hidden;
}
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description {
width: 100%;
}

#detailed p.linknav {
margin: 0px;
text-align: right;
font-size: 11px;
}

#detailed p.linknav img {
vertical-align: middle;
}

#detailed p.linknav a {
text-decoration: none;
}

#detailed p.reviewsfooter {
margin: 20px 0px 0px 0px;
text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */

#home dt a {
font-weight: bold;
font-size: 13px;
}

#home #content h4 {
margin-top: 20px;
font-weight: normal;
font-size: 14px;
}
/* #home dl, #home dt, #home dd, #home dd => see #category dl */

#jump_frame .jumpwrapper {
height: 40px;
background: transparent url(images/swirls.gif) bottom right no-repeat;
}

#jump_frame img.jumplogo {
padding: 2px 0px 0px 2px;
float: left;
}

#jump_frame h4 {
margin: 0px;
padding: 3px 0px;
}

/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
float: left;
}

#search .searchoption {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dotted #bbbfa1;
}

/* change font size */

.textsize {
border: 1px solid #FF0033;
padding: 1px;
}

.largetextsize {
border: 1px solid #BBBFA1;
padding: 1px;
}

.largertextsize {
border: 1px solid #BBBFA1;
padding: 1px;
}

.largesttextsize {
border: 1px solid #BBBFA1;
padding: 1px;
}

#directory {
width: 100%;
border-bottom: 1px dotted #BBBFA1;

}
#directoryname{
background: #F9F8F2;
font-size: 14px;
width: 400px;
}

.login {
margin-top: 3px;
margin-left: 100px;
padding: 1px 0px 1px 0px;
border: 1px solid #57594b;
background: #F9F8F2;
width: 100px;
}

.password{
margin-top: 3px;

padding: 1px 0px 1px 0px;
border: 1px solid #57594b;
background: #F9F8F2;
width: 100px;
}

.loginsub {
border: 1px solid #57594b;
background: #F9F8F2;
height: 20px;
}