@import url('reset.css');

/* 


Default CSS for Luxury backpackers

media: screen, projection

created: Aug 2007
creator: Komodo media Ltd
last edited: 24/08/2007
changed: build

	
*/

html { height:100%; }

body {
	background:url(../images/bg[new].jpg);
	height:100%;
	margin:0;
}

#outer_doc { background:url(../images/bg3[new].png) no-repeat center top; }
* html #outer_doc { background:none; }

#inner_doc { background:url(../images/bg2[new].png) repeat-y center top; height:100%; }
* html #inner_doc { background:url(../images/bg2[new].jpg) repeat-y center top; }

#doc {
	width:724px;
	margin:auto;
	background:url(../images/main/bg[new].jpg) repeat-y top center;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	line-height:100%;
}

.clear {
	clear:both;
	height:1px;
}

.hidden {
	display:none;
}


/* clearing */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
.clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* Image Replacement */
.ir span { position:relative; left:-9999px; }



/* ############################
########### HEADER ############
########################## */

#header {
	height:126px;
	padding:7px 22px 0 0;
	background: url(../images/header/header[new].jpg) no-repeat top center;
}

#header ul {
	float:right;
	padding:0 0 6px 0;
	font-size:70%;
	font-weight:bold;
	text-transform:uppercase;
	background: url(../images/header/nav[new]/border.gif) no-repeat 3px bottom;
}

#header ul li {
	float:left;
	padding:0 1px 0 1px;
}

#header ul li a {
	display:block;
	height:27px;
	color:#000000;
	text-decoration:none;
}

#header ul li#topnav_home a {
	width:49px;
	background:url(../images/header/nav[new]/home.jpg) no-repeat top left;
}

#header ul li#topnav_contact a {
	width:73px;
	background:url(../images/header/nav[new]/contact.jpg) no-repeat top left;
}

#header ul li#topnav_main a {
	width:81px;
	background:url(../images/header/nav[new]/main.jpg) no-repeat top left;
}



/* ############################
########### TOP MENU ############
########################## */

#topMenu {
	padding:6px 14px 6px 14px;
	background:#b67d43 url(../images/main/topmenu_bg[new].jpg);
	font-size:70%;
}

#topMenu p {
	float:left;
	display:inline;
	margin:0 0 0 0;
	
	color:#1e1107;
	font-weight:bold;
}

#topMenu ul {	
	color:#1e1107;
}

#topMenu ul li {
	display:inline;
}

#topMenu ul li a {	
	margin:0 0 0 0;
	color:#1e1107;
	text-decoration:none;
}

#topMenu ul li a:hover {	
	text-decoration:underline;
}



/* ############################
########## LEFT MENU ##########
########################## */

#main {
}

#main #leftMenu {
	float:left;
	width:168px;
	padding:10px 0 0 0;
}

#main #leftMenu ul {

}

#main #leftMenu ul li {
	margin:0 0 3px 0;
}

#main #leftMenu ul li#pack {
	margin:25px 0 3px 0;
}

#main #leftMenu ul li a {
	display:block;
	padding:7px 14px 7px 14px;
	width:140px;
	background:#7e5b2e url(../images/main/texture[new].jpg);
	border:1px solid #7e5b2e;
	border-width:1px 0 1px 0;
	
	font-size:80%;
	color:#1e1107;
	text-decoration:none;
}

#main #leftMenu ul li a:hover {
	text-decoration:underline;
}

#main #leftMenu ul li ul {
	display:;
}

#main #leftMenu ul li dl dd.sub {
	padding:0 0 0 15px;
}

#main #leftMenu ul li ul li a,
#main #leftMenu ul li dl dd a{
	padding:0;
	background: none;
	border-width:0 0 0 0;
	
	margin:2px 0 2px 15px;
	font-size:70%;
	color:#1e1107;
}

#main #leftMenu ul li dl dt a{
	
	padding:0;
	background: none;
	border-width:0 0 0 0;
	
	margin:2px 0 2px 15px;
	font-size:70%;
	font-weight:bold;
	color:#1e1107;
}

#main #leftMenu ul li#pack div#packInfo {
	padding:50px 10px 10px 10px;
	margin:0 0 40px 0;
	background:#7e5b2e url(../images/main/texture2[new].jpg);
}

#main #leftMenu ul li#pack div#packInfo img {
	margin:0 0 0 0;
}

#main #leftMenu ul li#pack div#packInfo a {
	display:inline;
	padding:0;
	background:none;
	border-width:0 0 0 0;
}

#main #leftMenu ul li#pack div#packInfo p {
	margin:0 0 8px 0;
	font-size:80%;
	color:#1e1107;
}

#main #leftMenu ul li#pack div#packInfo p.last {
	margin:0 0 0 0;
}

#main #leftMenu ul li#pack div#packInfo p span {
	color:#ffffff;
}

#main #leftMenu ul li#pack #packImg {
	position:absolute;
}

#main #leftMenu ul li#pack #packImg div {
	position:relative;
	top:-70px;
}



/* ############################
########### CONTENT ###########
########################## */

#main #content {
	float:right;
	width:556px;
	padding:20px 0 20px 0;
}

#main #content h1 {
	margin:0 0 25px 0;
	font-size:100%;
}

#main #content h1 span {
	color:#a5a7a9;
}

#main #content p {
	margin:0 0 25px 0;
	color:#a5a7a9;
	font-size:70%;
}

#main #content p a {
	color:#ffffff;
}

#main #content p span {
	font-weight:bold;
}

#main #content .textPage {
	padding:0 48px 90px 58px;
}

#main #content .textPage_NoPadding {
	padding:0 0 90px 0;
}

#main #content .textPage p.white,
#main #content .textPage_NoPadding p.white {
	color:#ffffff;
}


/* HOMEPAGE */

#main #content #homePage {
	background:url(../images/main/content/home/border[new].jpg) no-repeat bottom left;
}

#main #content #homePage p.link a {
	padding:0 12px 0 0;
	background:url(../images/main/content/arrow.gif) no-repeat center right;
	font-size:120%;
	text-decoration:none;
}

#main #content #homePage p.link a:hover {
	text-decoration:underline;
}


/* CATALOGUE */

#main #content #canvas {
	background:url(../images/main/content/contact/border[new].jpg) no-repeat bottom left;
}

#main #content #travel_essentials {
	background:url(../images/main/content/travel_essentials/border[new].jpg) no-repeat bottom left;
}

#main #content #travel_guides {
	background:url(../images/main/content/travel_guides/border[new].jpg) no-repeat bottom left;
}

#main #content #music {
	background:url(../images/main/content/music/border[new].jpg) no-repeat bottom left;
}


#main #content #travelitineries {
	background:url(../images/main/content/travelitineries/border[new].jpg) no-repeat bottom left;
}

#main #content #catalogue {
	padding:0 48px 0 58px;
}

#main #content .textPage .thumbRow {
	width:440px;
}

#main #content .textPage .thumbRow .thumb {
	float:left;
	width:170px;
	margin:0 18px 20px 18px;
	text-align:center;
}

#main #content .textPage .thumbRow .thumb div.img {
	height:160px;
}

#main #content .textPage .thumbRow .thumb h2 {
	font-size:80%;
	margin:0 0 4px 0;
}

#main #content .textPage .thumbRow .thumb p {
	font-size:70%;
	margin:0 0 8px 0;
}

#main #content .textPage .thumbRow .thumb p.price {
	float:left;
	width:70px;
	margin:0 0 0 5px;
	
	font-size:80%;
	text-align:left;
}

#main #content .textPage .thumbRow .thumb select {
	width:160px;
	margin:0 0 8px 0;
}

#main #content .textPage .thumbRow .thumb input {
	float:right;
	margin:0 5px 0 0;
}

#main #content .textPage .thumbRow .thumb a {
	color:#a5a7a9;
	padding:0 20px 0 0;
	background: url(../images/main/content/magnify.gif) no-repeat center right;
}



/* TRAVEL GUIDES */

#main #content #travelguides {
	padding:0 48px 0 58px;
}

#main #content #travelguides h1 {
	float:left;
	margin:0 0 0 0;
}

#main #content #travelguides .add_to_pack_now {
	text-align:right;
	position:relative;
	top:-20px;
	left:20px;
}

#main #content #travelguides .book {
	float:left;
	padding:40px 20px 0 0;
}

#main #content #travelguides .book img {
}



/* DOWNLOADS */

#main #content #downloads {
	padding:0 0 20px 0;

}

#main #content #downloads h1 {
	padding:0 48px 0 58px;
	margin:0 0 0 0;
}

#main #content #downloads h1 img {
	vertical-align:text-top;
	margin:0 0 0 10px;
	position:relative;
	top:-15px;
}

#main #content #downloads img {
	position:relative;
	top:-16px;
}

#main #content #downloads p.left {
	float:left;
	width:240px;
}

#main #content #downloads p.right {
	float:right;
	width:140px;
	padding:0 48px 0 0;
}

#main #content #downloads p.right img {
	position:static;
	float:left;
	margin:0 4px 0 0;
}

#main #content #downloads p {
	padding:0 48px 0 58px;
}

#main #content .details {
	width:546px;
	padding:0 10px 0 0;
	background:url(../images/main/content/travel_guides/bg.gif) repeat-x center left;
}

#main #content .details h3 {
	margin:27px 0 4px 0;
	font-size:70%;
}

#main #content .details p {
	font-size:70%;
	color:#a5a7a9;
	padding:0 0 0 0;
}

#main #content .details .icon {
	float:left;
	width:35px;
	padding:16px 10px 0 15px;
}

#main #content .details .left {
	float:left;
	width:310px;
	padding:0 36px 0 0;
	background: url(../images/main/content/travel_guides/divider.gif) no-repeat center right;
}

#main #content .details .right {
	float:right;
}

#main #content .details .right p {
	float:left;
	margin:70px 0 0 0;
	color:#ffffff;
}

#main #content .details .right p img {
	margin:0 0 0 12px;
	vertical-align:bottom;
}



/* TRAVEL ITINERIES */


#main #content #travelitineries {
	padding:0 48px 90px 58px;
}

#main #content #travelitineries_text {

	padding:20px 48px 0 58px;
}

#main #content #travelitineries .floatRight {
	float:right;
	margin:0 0 0 0;
	position:relative;
	top:-10px;
	left:30px;
}

#main #content #itineriesBgImg {
	background:url(../images/main/content/travelitineries/bg_main.gif) repeat-y top left;
}

#main #content .backpack {
	margin:0 0 20px 0;
	width:556px;
}

#main #content .backpack .pack_title {
	padding:23px 200px 17px 150px;
}

#main #content .backpack .pack_title h2 {
	float:left;
	font-size:80%;
	margin:0 0 12px 0;
}

#main #content .backpack .pack_title h2 a {
	color:#ffffff;
	text-decoration:none;
}

#main #content .backpack .pack_title h2 a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#main #content .backpack .price {
	float:right;
	margin:0 0 0 0;
	color:#ffffff;
}

#main #content .backpack .budget {
	clear:both;
	margin:0 0 0 0;
	color:#ffffff;
}

#main #content .backpack .pack_text {
	padding:10px 0 0 0;
	width:556px;
}

#main #content .backpack .pack_text .bullets {
	padding:0 0 0 58px;
}

#main #content .backpack .pack_text .bullets ul {
	float:left;
	width:300px;
	margin:0 0 10px 0;
	font-size:70%;
	color:#a5a7a9;
}

#main #content .backpack .pack_text ul li {
	padding:0 0 0 20px;
	margin:0 0 4px 0;
}

#main #content .backpack .pack_text .pack_footer {
	float:right;
	width:152px;
}

#main #content .backpack .pack_text .pack_footer p {
	clear:both;
	margin:0 0 10px 0;
	color:#ffffff;
}

#main #content .backpack .pack_text .pack_footer p img {
	float:right;
}

#main #content .backpack .pack_text .pack_footer div.pdf {
	padding:150px 10px 0 10px;
	margin:0 0 4px 0;
}

#main #content .backpack .pack_text .pack_footer div.pdf p {
	float:left;
	padding:8px 0 0 0;
}

#main #content .backpack .pack_text .pack_footer div.pdf p a {
	color:#a5a7a9;
}

#main #content .backpack .pack_text .pack_footer div.pdf img {
	float:right;
}

#main #content .backpack .pack_text .pack_footer div.add {
	padding:7px 10px 7px 10px;
}

#main #content .backpack .pack_text .pack_footer div.add p {
	float:left;
	margin:0 0 0 0;
}

#main #content .backpack .pack_text .pack_footer div.add img {
	float:right;
}

#main #content .backpack .pack_text .pack_footer div.add input {
	float:right;
}

#main #content #red {
	background:#160003;
}

#main #content #red .pack_title {
	background:url(../images/main/content/travelitineries/red/header.gif) no-repeat top left;
}

#main #content #red .pack_text {
	background:url(../images/main/content/travelitineries/red/bg_main.gif) repeat-y top left;
}

#main #content #red .pack_text ul li {
	background:url(../images/main/content/travelitineries/red/bullet.gif) no-repeat top left;
}

#main #content #red .pack_text .pack_footer div.pdf {
	background: url(../images/main/content/travelitineries/red/watermark.jpg) no-repeat top center;
}

#main #content #red .pack_text .pack_footer div.add {
	background: url(../images/main/content/travelitineries/red/bg.gif) no-repeat center left;
}

#main #content #gold {
	background:#140f00;
}

#main #content #gold .pack_title {
	background:url(../images/main/content/travelitineries/gold/header.gif) no-repeat top left;
}

#main #content #gold .pack_text {
	background:url(../images/main/content/travelitineries/gold/bg_main.gif) repeat-y top left;
}

#main #content #gold .pack_text ul li {
	background:url(../images/main/content/travelitineries/gold/bullet.gif) no-repeat top left;
}

#main #content #gold .pack_text .pack_footer div.pdf {
	background: url(../images/main/content/travelitineries/gold/watermark.jpg) no-repeat top center;
}

#main #content #gold .pack_text .pack_footer div.add {
	background: url(../images/main/content/travelitineries/gold/bg.gif) no-repeat center left;
}

#main #content #platinum {
	background:#100f0f;
}

#main #content #platinum .pack_title {
	background:url(../images/main/content/travelitineries/platinum/header.gif) no-repeat top left;
}

#main #content #platinum .pack_text {
	background:url(../images/main/content/travelitineries/platinum/bg_main.gif) repeat-y top left;
}

#main #content #platinum .pack_text ul li {
	background:url(../images/main/content/travelitineries/platinum/bullet.gif) no-repeat top left;
}

#main #content #platinum .pack_text .pack_footer div.pdf {
	background: url(../images/main/content/travelitineries/platinum/watermark.jpg) no-repeat top center;
}

#main #content #platinum .pack_text .pack_footer div.add {
	background: url(../images/main/content/travelitineries/platinum/bg.gif) no-repeat center left;
}



/* YOUR PACK */


#main #content #yourPack {
	padding:0 48px 20px 58px;
}

#main #content #yourPack .floatRight {
	float:right;
	margin:0 0 0 0;
	position:relative;
	top:-10px;
	left:30px;
}

#main #content #yourPack2 {
	padding:0 48px 0 58px;
}

#main #content #yourPack2 .floatRight {
	float:right;
	margin:0 0 0 0;
	position:relative;
	top:-10px;
	left:30px;
}

#main #content #packBgImg {
	background:url(../images/main/content/pack/black/bg.gif) repeat-y top left;
}

#main #content #packBgImg .colourRow {
	background:url(../images/main/content/pack/colour/bg.gif) repeat-y top left;
}
				
#main #content #packBgImg .delete {
	float:left;
	width:6px;
	padding:10px 11px 0 11px;
}
				
#main #content #packBgImg .img {
	float:left;
	width:106px;
	text-align:center;
	padding:10px 0 10px 0;
}

#main #content #packBgImg .info {
	float:left;
	width:174px;
	padding:18px 10px 0 20px;
}

#main #content #packBgImg .info h2 {
	font-size:80%;
}

#main #content #packBgImg .info p {
	margin:0 0 15px 0;
}

#main #content #packBgImg .colourRow .info p a {
	color:#a5a7a9;
	padding:0 20px 0 0;
	background: url(../images/main/content/pack/colour/magnify.gif) no-repeat center right;
}

#main #content #packBgImg .blackRow .info p a {
	color:#a5a7a9;
	padding:0 20px 0 0;
	background: url(../images/main/content/pack/black/magnify.gif) no-repeat center right;
}
					
#main #content #packBgImg .order {
	float:left;
	width:160px;
	padding:18px 21px 14px 35px;
}
					
#main #content #packBgImg .order label {
	display:none;
}
					
#main #content #packBgImg .order select {
	float:left;
	/*width:160px;*/
	margin:0 4px 8px 0;
}
					
#main #content #packBgImg .order input {
	float:left;
}
					
#main #content #packBgImg .order p {
	float:right;
	color:#ffffff;
	font-weight:bold;
	margin:0;
}

#main #content #packBgImg table#basket {
	width:216px;
	padding:0;
	margin:20px 0 0 339px;
}

#main #content #packBgImg table#basket th,
#main #content #packBgImg table#basket td {
	padding:4px;
	text-align:center;
	
	font-size:70%;
}

#main #content #packBgImg table#basket th.bgColour {
	background:#19140D;
	
	font-size:80%;
	font-weight:bold;
}

#main #content #packBgImg table#basket td.bgColour {
	background:#19140D;
	
	font-size:80%;
	font-weight:bold;
}

#main #content #confirmation {
	margin:0 0 0 57px;
}

#main #content #confirmation table#basket {
	width:450px;
	padding:0;
	margin:20px 0 0 0;
}


#main #content #confirmation table#basket th,
#main #content #confirmation table#basket td {
	padding:4px;
	text-align:center;
	font-size:70%;
}
#main #content #confirmation table#basket td.left { text-align:left; }

#main #content #confirmation table#basket th.bgColour {
	background:#19140D;
	font-size:70%;
	font-weight:bold;
}

#main #content #confirmation table#basket td.bgColour {
	background:#19140D;
	font-size:70%;
	font-weight:bold;
}


#main #content #confirmation table#basket2 {
	width:200px;
	padding:0;
	margin:20px 0 0 0;
}

#main #content #confirmation table#basket2 th,
#main #content #confirmation table#basket2 td {
	padding:4px;
	text-align:left;
	font-size:70%;
}

#main #content #fields {
	float:left;
	width:200px;
	padding:0px 10px 14px 60px;
	font-size:70%;
}

#main #content #fields .formSpaced {
	margin: 0 0 10px 0;
}
					
#main #content #fields p {
	float:right;
	color:#ffffff;
	font-weight:bold;
	margin:0;
}
					
#main #content #proceed {
	margin:20px 0 0 382px;
}

/* CONTACT */

#main #content #contact {
	background:url(../images/main/content/contact/border.jpg) no-repeat bottom left;
}

/* privacy policy */

#main #content #privacy h2 {
	font-size:90%;
	margin: 0 0 8px 0;
}

#main #content #privacy ul {
	font-size:70%;
	list-style:disc;
	margin: 0 0 20px 20px;
}

#main #content #privacy ul li {
	padding:0 0 0 0;
	color:#a5a7a9;
}

#main #content #privacy ul li.last {
	padding:0 0 0 4px;
	background:none;
}

/* terms and conditions */

#main #content #terms h2 {
	font-size:90%;
	margin: 0 0 8px 0;
}


/* ############################
########### FOOTER ###########
########################## */

#footer {
	padding:6px;
	background:#7e5b2e url(../images/main/texture[new].jpg);
}
#footer p {
	font-size:70%;
	color:#1e1107;
}

#footer #terms {
	float:right;
	font-size:70%;
	color:#1e1107;
}
#footer a {
	color:#1e1107;
	text-decoration:none;
}

#footer a:hover { text-decoration:underline; }