/* General styles */
        body {
                margin-top: 8px;
                margin-bottom: 0;
                margin-left: 0;
                margin-right: 0;
                /* margin:0;*/
                padding:0;
                border:0;                       /* This removes the border around the viewport in old versions of IE */
                width:1008px;
                background:#fff;
                min-width:600px;        /* Minimum width of layout - remove line if not required */
                                                /* The min-width property does not work in old versions of Internet Explorer */
                font-size:90%;
                margin-right: auto;
                margin-left: auto;
                background-image: url(/Resources/c2c-guide/images/c2c_background_repeat.gif);
                background-repeat: repeat-x;
        }    
        #header {
          padding: 0px;
          margin: 0px; 
          border: 0px transparent;
          }
        .main_header  { 
          margin-left: 0px;
          margin-bottom: 0px;
          padding-left: 4px;
          padding-top: 0px; 
          padding-bottom: 0px;
          border: 0px transparent; 
          position: relative;
          top: 3px;
          }
        #c2clink {
          margin-top: 0px;
          padding-left: 4px;
          padding-top: 0px;
          border: 0px transparent;
          }

        /* 'widths' sub menu */
        #layoutdims {
                clear:both;
                background:#eee;
                border-top:4px solid #000;
                margin:0;
                padding:6px 15px !important;
                text-align:right;
        }
        /* column container */
        .colmask {
                position:relative;      /* This fixes the IE7 overflow hidden bug */
                clear:both;
                float:left;
                width:100%;                     /* width of whole page */
                overflow:hidden;                /* This chops off any overhanging divs */
                margin-left: 0px;
                padding-left: 0px;
        }
        /* common column settings */
        .colright,
        .colmid,
        .colleft {
                float:left;
                width:100%;
                position:relative;
        }
        .col1,
        .col2,
        .col3 {
                float:left;
                position:relative;
                padding:0 0 1em 0;
                overflow:hidden;
        }
        /* 2 Column (left menu) settings */
        .leftmenu {
                                /* right column background colour */
        margin-top: 0px;
        margin-left: 4px;
        margin-right: 0px;
        margin-bottom: 4px;
        /* margin-left: 2px; */
        padding-top: 0px;
        /* padding-left: 4px; */
        padding-right: 0px;
        padding-bottom: 0px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: small;
        width: 992px;
        }
        .leftmenu .colleft {
                right:78%;                      /* right column width */
                        /* left column background colour */
        margin-top: 0px;
        margin-right: 2px;
        margin-bottom: 0px;
        margin-left: 4px;
        padding-top: 0px;
        padding-right: 4px;
        padding-bottom: 0px;
        padding-left: 4px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: small;
        }
        .leftmenu .col1 {
                width:75%;                      /* right column content width */
                left:102%;                      /* 100% plus left column left padding */
        }
        .leftmenu .col2 {
                width:20%;                      /* left column content width (column width minus left and right padding) */
                left:2%;                        /* (right column left and right padding) plus (left column left padding) */
        }


        /* 3 column settings */
        .threecol {
                width: 992px;
                margin-left: 4px;
                font-family: Geneva, Arial, Helvetica, sans-serif;
                font-size: small;
        }
	.threecol .colmid {
		/* right:25%;	*/		/* width of the right column */
		right:20%;			/* width of the right column */
	}
	.threecol .colleft {
		/* right:50%;	*/		/* width of the middle column */
		right:60%;			/* width of the middle column */
	}
	.threecol .col1 {
		/* width:46%;	*/		/* width of center column content (column width minus padding on either side) */
		width:56%;			/* width of center column content (column width minus padding on either side = 4% ) */
		left:102%;			/* 100% plus left padding of center column = 2% */
	}
	.threecol .col2 {
		/* width:21%;	*/		/* Width of left column content (column width minus padding on either side)   */
		width:16%;			/* Width of left column content (column width minus padding on either side) = 4%  */
		/* left:31%;	*/		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		/* width:21%;	*/		/* Width of right column content (column width minus padding on either side) */
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		/* left:85%;	*/		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */  /* (100 - 20) + (4) + (4) + (2)  */
	}


        /* Footer styles */
        #footer {
                clear:both;
                float:left;
                /* width:100%; */
                height: 17px;
                width: 984px; 
                margin-top: 4px;
                margin-bottom: 4px;
                margin-left: 4px;
                margin-right: 4px;
                font-family: Geneva, Arial, Helvetica, sans-serif;
                font-size: x-small;
                padding-top: 2px;
                padding-bottom: 2px;
                padding-right: 4px;
                padding-left: 4px;


        }
        #footer p {
                padding:0px;
                margin:0;
        }
        .colleft { background-color: green; } 

#navigation {
/*      height: 21px; */
        width: 991px; 
        margin-right: 4px;
        margin-left: 4px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding-top: 1px;
        padding-right: 1px;
        padding-left: 0px;
        float: none; 
}
#navigation a, a:visited, a:active {
  text-decoration: none;
  color: white;
  }
#navigation a:hover {
  text-decoration: none;
  color: #1e3f58;
  }




#lefthandnavigation a {
 text-decoration: none;
 color: white;
}
#lefthandnavigation a:visited {
 text-decoration: none;
 color: white;
}
#lefthandnavigation a:hover {
 text-decoration: none;
 color: #1e3f58;
}
#lefthandnavigation a:active {
 text-decoration: none;
 color: white;
}

#lefthandnavigation h3 {
  color: #1e3f58;
  }

#maininfo h3 {
  font-size: 48px;
  text-align: left;
  padding-right: 16px;
}

#maininfo h4, .trip_title a {
  font-size: 24px;
  text-align: left;
  text-decoration: none;
  margin-bottom: 4px;
  margin-top: 32px;
}

#maininfo p {
  /* text-align: justify; */
}

.col1 img { margin: 8px; }

/* advertisers */

.accommodation {
  padding: 8px;
}

.accommodation h5 {
  font-size: 24px;
  text-align: left;
  background-color: #346a97;
  color: white;
  padding-left:4px
  }

.accommodation table,tr,td {
  nomargin: 0px;
  font-size: 12px;
  text-align: top;
  }

.accommodation .atitle {
  background-color: #346a97;
  color: white;
  height: 50px;
  font-size: larger;
  }

.accommodation .describe { border-left: 1px solid white;
  border-bottom: 1px dotted #AAAAAA;
  }
.accommodation .describe p {
  margin: 8px;
  }

.accommodation .picture {border-right: 1px solid white;
  border-bottom: 1px dotted #AAAAAA;
  }
.accommodation .contact {
  border-left: 1px solid white;
  border-bottom: 1px dotted #AAAAAA;
  border-right: 1px dashed white;
  }
.accommodation .contact p a {
  overflow: hidden;
  width: 200px;
}
.accommodation .facts {border-right: 1px solid white;
  border-bottom: 1px dotted #AAAAAA;
  }

.accommodation .haveyoustayed { 
  color: #346a97;
  background-color: white;
  height: 40px;
  }

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

.title { 
  font-size: larger;
}  

.navigate {
 text-align: right;
 padding-top: 32px;
 padding-right: 16px;
}

.navigate a {
 text-decoration: none;
 font-size: larger;
 font-weight: bold;
 color: black;
}

.navigate a:hover {
  color: black;
  }
.rightimage {
  border: 6px solid white;
  margin-left: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  }

.leftimageborder {
  border: 6px solid white;
  margin-right: 6px;
  margin-bottom: 6px;
  }

hr { color: black; }

/* from old C2C Guide */
.mainTEXTwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.price {
  font-weight: bold;
  color: red;
  }

.image img, .areapicture { padding: 8px ! important; } 

#maininfo img { padding: 0px; }

#maininfo a,a:visited,a:hover { color: black; } 

.headerMINI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #092265;
}
.pagecontent {
  padding-right: 8px; 
  }

.sidebar { padding-left: 4px;
           padding-right: 8px; 
           background-color: #818d9d;
  }

.mainBOLDblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #092265;

}

.trip_link, .pagecontent a {
  text-decoration: none;
  color: #346a97;
  }

body {
      background-image: url(/Resources/c2c-guide/c2c_background_repeat.gif);
      background-repeat: repeat-x;
      }

/* accommodation */

.accom_container {
	height: 100%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #366b97;
}
.accom_container .maincontainer {
	height: auto;
	width: 326px;
	margin-right: auto;
	margin-left: auto;
}
.accom_container .detailinfo {
	width: 100%;
	nofloat: left;
	height: auto;
}
.accom_container .address {
	height: 30px;
	width: 100%;
	padding-top: 8px;
	background-color: #366b97;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: medium;
	font-weight: bold;
	padding-left: 6px;
}
.accom_container .info {
	height: auto;
	width: 40%;
	nofloat: left;
        display: inline-block;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: small;
	color: #333333;
}
.accom_container .image {
	height: auto;
	width: 40%;
	margin-right: 3px;
	margin-left: 3px;
	nofloat: right;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #366b97;
}
.accom_container .details {
	height: 100%;
	width: 610px;
	nofloat: left;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	padding-right: 8px;
	padding-left: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #366b97;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #366b97;
}
.accom_container .getintouch {
	nofloat: right;
	width: 226px;
	background-color: #366b97;
	height: 24px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}
.accom_container .contact {
	nofloat: right;
	width: 278px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #366b97;
}
.accom_container .detailsandcontact {
	font-weight: bold;
	color: #333333;
}
.accom_container .stayedhere {
	height: 40px;
	width: 620px;
}

/* colours */
.leftmenu {
  color: #000000;
  background-color: #a1adbd;
  border-left: 4px solid #1e3f58;
  border-right: 4px solid #1e3f58;
  border-bottom: 4px solid #1e3f58;
}
.leftmenu .colleft {
  color: #FFFFFF;
  background-color: #346a97;
  border-left: 4px solid #1e3f58;
  border-right: 4px solid #1e3f58;

}
.threecol {
  color: #000000;
  background-color: #5397b7;   /* right column background colour */
  border-left: 4px solid #1e3f58;
  border-right: 4px solid #1e3f58;
  border-bottom: 4px solid #1e3f58;
}
.threecol .colleft {
  color: black;
  background-color: #5e97b7;  /* left column colour */
  border-left: 4px solid #1e3f58;
  border-right: 4px solid #1e3f58;
}
.threecol .colmid ) { 
  background-color: white;   /* central column colour */

}

.colmid {background-color: white; 
  border-right: 4px solid #1e3f58;
}

.threecol .colright ) { 
  background-color: #5e97b7;   /* central column colour */

}
#footer {
  background-color: #346a97;
  color: #333333;
  border: 4px solid #1e3f58;
}
#navigation {
 color: #FFFFFF;
 background-color: #7ba7c0;
 border: 4px solid #1e3f58;
}
#maininfo h3 {
  color: #346a97;
}
#maininfo h4, .trip_title a {
  color: #346a97;
}

/* products as a table... */
.product {
  width: 540px;
  }
.product .title {
  height: 35px;
  width: 350px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  color: #FFFFFF;
  background-image: url(/Resources/c2c-guide/item_name_background.jpg);
  }
.product .price {
  height: 35px;
  width: 75px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  color: #FFFFFF;
  background-image: url(/Resources/c2c-guide/item_name_background.jpg);
  }

.product .description {
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color: #333333;
        padding-right: 4px;
        padding-left: 4px;
        padding-top: 25px;
}

.areahead {
  font-size: larger;
  font-weight: bold;
  }