html {
	height: 100%;
}

body {
	background-color: #dedea8;
	color: #383838;
	text-align: center;
	margin: 0;
	font-family: Tahoma, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #383838;
}

a:hover {
	color: #CC0000;
}

h3 {
	padding: 0;
	margin: 0 0 5px;
}

h4 {
	margin: 0px;
}

.homemp3 {
	position: relative;
	float: right;
	font-size: 9px;
	color: #383838;
	z-index: 500;
}

.mp3text {
	margin-top: -15px;
	padding-left: 22px;
}

.topitineraryimages {
	position: relative;
	clear: both;
		background-color: #a6a77f;

}

.imagetopborder {
	background-color: #a6a77f;
	padding-top: 0px;
	line-height: 8px;
	z-index: 12;
	position: relative;
}

.smallheight {
	height: 1px;
	position: relative;
	clear: both;
}

.whiteItinerary {
	padding: 5px;
	margin-top: 5px;
	background-color: #dedea8;

}

.itineraryimagefooter {
	background-color: #a6a77f;
	text-align: right;
	font-size: 12px;
	padding: 3px;
	width: 941px;
}

.itineraryimagefooterAgent {
	background-color: #a6a77f;
	text-align: right;
	font-size: 12px;
	padding: 3px;
	width: 940px;
}

.homeicon {
	margin-left: 10px;
	margin-right: 1px;
}

.homeiconfooter {
	margin-left: 1px;
	margin-right: 20px;
}

.left {
	margin-top: 5px;
	text-align: left;
	display: inline;
	float: left;
	position: relative;
}

.right {
	margin-top: 5px;
	text-align: right;
	display: inline;
	float: right;
	position: relative;
}

.includexclude {
	font-weight: normal;
	font-size: 11px;
	margin-top: 10px;
}

.includeExcludeTitle {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	color: #CC0000;
}

.bld {
	font-size: 10px;
}

.shareIt
{
	margin-top: 5px;
}

.includexclude ul {
	margin-top: 0px;
}

.includexclude li {
	margin-left: -25px; 
	margin-top: 3px;
	margin-bottom: 3px;
}

.downloadhome {
	padding-left: 50px;
	font-size: 12px;
}

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

.photohomecontainer {
	text-align: right;
	margin-top: -22px;
	margin-right: -8px;
}

.photohome img {
	vertical-align: -3px;
}

.priceGrid {
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	width: 100%;
}

.priceGrid td {
	padding: 4px;
}

.priceHeader {
	background-color: #d2d2a0;
}

.graybox {
	padding: 5px;
	background-color: #d2d2a0;
}

.graybox img {
	vertical-align: -8px;
}

.rightmargin {
	margin-right: 20px;
}

.separator {
	height: 100%;
	position: absolute;
	float: left;
	
	padding: 0;
	display: inline;
	width: 3px;
	left: 715px;

}

.separatorcontactus {
	height: 100%;
	position: absolute;
	float: left;
	background: url(/WebObjects/LionWorldTours.woa/Contents/Resources/images/dotted-line-vert2.gif) repeat-y;
	padding: 0;
	display: inline-block;
	width: 3px;
	left: 225px;
}

.separatorhome {
	height:100%;
	background: url(/WebObjects/LionWorldTours.woa/Contents/Resources/images/dotted-line-vert2.gif);
	margin: 0px 0px 0px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	width: 3px;
	left: 650px;
	position: absolute;
}

.footer {
	clear: both;
	width: 100%;
	padding-top: 10px;
	z-index: 2;
	background-color: #dedea8;
}

.footerwrapper {
	margin: 15px auto 0px;
}
.footer1 {
	display: inline;
	width: 188px;
	height: 80px;
	float: left;
	text-align: center;
	margin-top: -10px;
}
.footer2 {
	display: inline;
	width: 188px;
	height: 80px;
	float: left;
	text-align: center;
}
.footer3 {
	display: inline;
	width: 188px;
	height: 80px;
	float: left;
	text-align: center;
}
.footer4 {
	display: inline;
	width: 188px;
	height: 80px;
	float: left;
	text-align: center;
}


.mainbodyhome {
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #dedea8;

}

.mainbody {
	float: left;
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #a6a77f;

}

.moreinfotext {
	font-size: 14px;
}

.moreinfotext td {
	font-size: 11px;
}

.smaller {
	font-size: smaller;
}

.smallerText {
	font-size: 12px;
}

.footerText {
	font-size: 10px;
}

.errorMessage {
	color: #CC0000;
}

.priceGridAdmin {
	overflow: auto;
	width: 900px;
	height: 400px;
	background: #EEEEEE;
	background-position: -5px;
	position: fixed;
	left: 50px;
	top: 50px;
	-webkit-box-shadow: 15px 15px 60px #888;
	padding: 15px;
	-webkit-border-radius: 5px;
}

.imageViewer {
	overflow: auto;
	width: 820px;
	height: 600px;
	background: #EEEEEE;
	background-position: -5px;
	position: fixed;
	left: 50px;
	top: 50px;
	-webkit-box-shadow: 15px 15px 60px #888;
	padding: 15px;
	-webkit-border-radius: 5px;
}

.imageUploader {
	overflow: auto;
	width: 300px;
	height: 200px;
	background: #BBBBBB;
	background-position: -5px;
	position: fixed;
	left: 250px;
	top: 250px;
	-webkit-box-shadow: 15px 15px 60px #888;
	padding: 15px;
	-webkit-border-radius: 5px;
}

.outer {
	width:  950px;
	margin-left: auto;
    margin-right: auto;
	clear:both;
	text-align: left;
	padding: 0px;
	//height: 100%;
}

.header {
	padding-bottom: 2px;
	position: relative;
}

.headerspace {
	height: 10px;
}

.topbar {
	width: 100%;
	height: 30px;
	background: url(/WebObjects/LionWorldTours.woa/Contents/Resources/images/topBorderImage.gif) no-repeat 2px -26px;
}

.bottombar {
	top: 14px;
	width: 950px;
	height: 2px;
	background-color: #383838;
	position: absolute;
}

.headerbreakbar {
	width: 950px;
	height: 2px;
	background-color: #383838;
	position: relative;
	margin-top: 5px;
	margin-bottom: 2px;
	overflow:hidden;
}

.logoimage {
	margin-top: 4px;
}

#headernav {
	left: 210px;
	top: 48px;
	position: absolute;
	margin-left: 0;
	padding-left: 0;
	width: 780px;
}

ul#headernavlist {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: default;
	display: inline;
}

ul#headernavlist li {
	font-size: 17px;
	display:  inline;
	padding: 15px;
}

ul#headernavlist li a.current {
	color: #CC0000;
}

.headersubtext {
	font-size: 14px;
	float: left;
	display: inline;
	padding-bottom: 2px;
}

.headersubtextright {
	font-size: 14px;
	text-align: right;
	position: relative;
	display: inline;
	float: right;
}

.current {
	color: #CC0000;
}

.righthomeframe {
	float: right;
	width: 270px;
	display: inline;
	position: absolute;
	top: 0px;
	left: 680px;
}

.lefthomeframe {
	float: left;
	width: 620px;
	display: inline;
	position: relative;
}

.hometext {
	position: relative;
	width: 240px;
	font: 14px/20px Tahoma, Helvetica, sans-serif;
}

.red {
	color: #CC0000;
}

.red a {
	color: #CC0000;
}

.redtext {
	margin-top: 8px;
	width: 200px;
	color: #CC0000;
	position: relative;
	font-size: 24px;
}

.redtextHoneymoonSection
{
	margin-top: 8px;
	width: 700px;
	color: #CC0000;
	position: relative;
	font-size: 24px;
}

.redtext a:hover {
	color: #CC0000;
}

.redtext a {
	color: #CC0000;
}

.horizline {
	width: 100%;
	height: 3px;
	position: relative;
	clear: both;
	display: block;
	background: url(/WebObjects/LionWorldTours.woa/Contents/Resources/images/dotted-line-horiz2.gif) repeat-x;
	margin-bottom: 2px;
}

.labelpadding {
	padding-right: 25px;
	padding-left: 15px;
	float: left;
	padding-top: 14px;
}

.labelpaddingadmin {
	padding-right: 5px;
	padding-left: 10px;
	float: left;
	padding-top: 14px;
}

#viewbynavheadercontainer {
	position: relative;
	left: 250px;
	width: 700px;
}

#honeymooncontainer {
	position: relative;
	left: 225px;
	width: 700px;
	margin-top: -15px;
	margin-bottom: 10px;
}

.viewbyadmincontainer {
	width: 950px;
}

#viewbynav {
	position: relative;
	width: 100%;
	background-color: #eaeac6;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #383838;
	float: left;
}

#viewbynav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#viewbynav li {
	font-size: 10px;
	margin: 0;
	padding: 0;
	float: left;
}

#viewbynav a {
	display: block;
	padding: 14px 20px 11px;
	margin: 0;
}

#viewbynav li a:hover {
	background-color: white;
	color: #CC0000;
}

#viewbynav li a.current {
	color: white;
	background-color: #CC0000;
}

.adminleftcolumn {
	width: 0px;
	float: left;
	position: relative;
	display: inline;
}

.adminrightcolumn {
	width: 100%;
	height: 100%;
	float: right;
	position: relative;
	display: inline;
		background-color: #dedea8;

}

.topcolumn {
	background-color: #a6a77f;
	width: 920px;
	position: relative;
	display: inline;
}

.leftcolumn {
	width: 710px;
	float: left;
	position: relative;
	display: inline;
}

.rightcolumn {
	width: 225px;
	float: right;
	position: relative;
	display: inline;
}

.honeymoonleftInside {
	background-color: #a6a77f;
	line-height: 30px;
	width: 100%;
	height: 100%;
}

.honeymoonleftcolumn
{
	width: 225px;
	float: left;
	position: relative;
	display: inline;
	height: 100%;
}

.honeymoonrightcolumn
{
	background-color: #dedea8;
	width: 710px;
	float: right;
	position: relative;
	display: inline;
	padding-left: 10px;
}

.agentleftcolumn {
	width: 700px;
	float: left;
	position: relative;
	display: inline;
}

.agentrightcolumn {
	width: 210px;
	float: right;
	position: relative;
	display: inline;
	background-color: #dedea8;

}

.agentcontent {
	float:  left;
	position: relative;
	display: block;
}

.agentcontent a {
	color: #CC0000;
}

.agentcontent3rdVisible {
	float:  right;
	position: relative;
	display: block;
	width: 460px;
}

.section3rdColumn {
	width: 200px;
	float:  left;
	position: relative;
	display: block;
	height: 100px;
}

.agentColumn3Separator {
	height: 100%;
	position: absolute;
	float: left;
	background: url(/WebObjects/LionWorldTours.woa/Contents/Resources/images/dotted-line-vert2.gif) repeat-y;
	padding: 0;
	display: inline;
	width: 3px;
	left: 220px;
	z-index: 1;
}

.agentseparator {
	height: 100%;
	position: absolute;
	float: left;
	background: url(/WebObjects/LionWorldTours.woa/Contents/Resources/images/dotted-line-vert2.gif) repeat-y;
	padding: 0;
	display: inline-block;
	width: 3px;
	left: 710px;
}

.leftcolumncontactus {
	width: 225px;
	float: left;
	position: relative;
	display: inline;
}

.rightcolumncontactus {
	width: 710px;
	float: right;
	position: relative;
	display: inline;
}

.employeeitineraryphoto {
	float: left;
}

.leftmenu {
	font-size: 14px;
}

.leftmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.leftmenu li {
	margin: 0;
}

.adminEditArea {
	padding: 20px;
}

.itineraryTitle {
	font-size: 24px;
	font-weight: bold;
}

.itineraryTitleHoneymoon
{
	color: #CC0000;
	font-size: 24px;
	font-weight: bold;
}

.itineraryTagline {
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
	display: inline;
	float: none;
}

.itineraryTaglineHoneymoon
{
	font-size: 12px;
	color: #CC0000;
	font-weight: normal;
	display: inline;
	float: none;
}

.itineraryTagline a {
	color: #CC0000;
}

.itineraryTagline a:hover {
	text-decoration: underline;
}

.mappdfbar {
	float: right;
	font-size: 12px;
	width: 250px;
	text-align: right;
}

.viewmap {
	position: relative;
	display: inline;
	margin-right: 20px;
}

.viewmap img {
	vertical-align: -4px;
}

.viewpdf {
	position: relative;
	display: inline;
}

.viewpdf img {
	vertical-align: -6px;
}

.itineraryImageColumn {
	float: left;
	display: inline;
	width: 200px;
	margin-top: 10px;
}

.itineraryItemColumn {
	width: 500px;
	float: right;
	display: inline;
	margin-top: 10px;
}

.itineraryItemTitle {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

.itineraryItemImage {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-left: -15px;
}

.itineraryItemDetails {
	font-size: 12px;
	line-height: 15px;
}

.itineraryItemFooter {
	font-size: 12px;
	line-height: 15px;
	margin-top: 10px;
}

.itineraryItemAccomodation {
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}

.leftList {
	background-color: #a6a77f;
	line-height: 30px;
	width: 100%;
	height: 100%;
}

.leftListAgent ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.leftListHoneymoon {
	background-color: #a6a77f;
	width: 100%;
	height: 100%;
	line-height: 25px;
	margin-top: 10px;
	font-size: 18px;
}

.leftListHoneymoon ul {
	list-style: none;
	padding: 0;
	width: 100%;
	margin: 0 0 0 10px;
}

.leftListHoneymoon li {
	margin: 0;
}

.leftListHoneymoon a {
	display: block;
	padding-left: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 24px;
}

.leftList ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.leftList li {
	margin: 0;
}

.leftList a {
	display: block;
	padding-left: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 6px;
}

.leftList li a.current {
	background-color: #CC0000;
	color: white;
}

.imagePlus {
	font-size: 10px;
	padding: 0 2px;
	top: -4px;
	position: relative;
	left: 31px;
}


/* CCB CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */

.smallImage {
	margin-left: -9px;
	margin-top: -9px;
}

#wrap {
	max-width:174px;
	margin:0 auto;
}

#wrapBig {
	max-width:640px;
	margin:0 auto;
}

.cbb {
	margin:1em 0;
	padding:0 10px;
}

.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {
	margin: 0.5em 0;
	width: 632px;
}
	/* Top corners and border */
#wrapBig .bt {
	width: 614px;
	height:14px;
	margin: 0 0 0 18px;
	

}

#wrap .bt {
	width: 156px;
	height:14px;
	margin:0 0 0 18px;

}

.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:14px;

	font-size:0;
	line-height:0;
	z-index: -1;
}

	/* Bottom corners and border */
#wrapBig .bb {
	width: 620px;
	height:17px;
	margin:0 0 0 12px;
}

#wrap .bb {
	width: 162px;
	height: 8px;
	margin: -9px 0px 0 12px;

	z-index: -1;
}

#wrap .bb div {
	position:relative;
	left:-12px;
	width:12px;
	height: 8px;
	margin-top: 9px;

	font-size:0;
	line-height:0;
	z-index: -1;
	overflow: hidden;
}

#wrapBig .bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:17px;
	font-size:0;
	line-height:0;
	z-index: -1;
	overflow: hidden;
}

	/* Left border */
.i1 {
	padding:0 0 0 16px;
	
}
	/* Right border */
.i2 {
	padding: 0 16px 0 0;
		z-index: -1;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:0px 0px;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */


/* Slideshow CSS */

.pics {
height: 340px;
width: 632px;
padding: 0;
margin: 0;
}

.pics img {
background-color: #eee;
width:600px;
height:360px;
top:0;
left:0;
}

#slideshow { 
width: 638px;
height: 400px;
} 

#slideshowSmall { 
margin-left: 20px;
width: 172px;
height: 150px;
} 

.picsSmall {
height: 150px;
width:142px;
padding: 0;
margin: 0;
}

.picsSmall img {
background-color: #eee;
width:142px;
top:0;
left:0;
}

.nav {
	float: right;
	display: inline;
	margin-right: -6px;
	position: relative;
	top: 5px;
}

.navSmall {
	float: right;
	display: inline;
	margin-right: 29px;
	margin-top: -5px;
}

#info {
	margin-left: 7px;
	height: 65px;
}