@charset "UTF-8";
/* CSS Document */

/*
      For the travelite website by Scott Sykora
	  
*/


/************  page structure ************/
html, body { margin: 0; padding: 0; }

a img
{
	border: none;
}

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

a:hover
{
	text-decoration: underline;
}

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(/images/bg.jpg);
 color: #333;
 text-align: center;
 width: 100%;
}

#clouds {
	overflow: visible;
	height: 880px;
	background-image: url(/images/background_wrap.jpg);
	background-repeat: repeat-x;
	background-position: 0px 400px;
/*	position: absolute;
	bottom: 0px;*/
	width: 100%;

}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

#wrapper { 
 text-align: left;
 margin: 10px auto 20px auto;
 width: 990px;
 border: 1px solid #005886;
 background-color: white;
 overflow: hidden;
 

}

#wrapperbluebg {
 background: url('/images/bluesidebarbg.gif') right repeat-y;
}

#header {
 position: relative;
 color: #333;
 width: 970px;
 float: left;
 padding: 0px;
 border: 0px;
 height: 114px;
 margin: 0px;
 background: white;
}

#emailfriend
{
	position: absolute;
	top: 10px;
	right: -10px;
}

#headfill {
 height: 114px;
 background: white;
}



#leftcolumn { 
 border: none;
 width: 780px;
 /*height: 450px;*/
 padding: 0px;
 float: left;
 display: inline;
 text-align: left;
 color: #231f20;
 background-position: 10px 0px; 
 background-repeat: no-repeat;
}	

#leftcolumn a { color: #ec6f23; text-decoration: underline; }

#rightcolumn {
	/*height: 450px;*/
	margin-top: 0px;
	margin-left: 785px;
	margin-right: 0px;
	padding: 0px;
}



#footer {
 color: #666;
 width: 970px;
 padding: 2px;
 border: 0px;
 height: 18px;
 margin: 0px 0px 0px 0px;
 background: white;
 text-align: left;
 clear: both;
 padding-top: 15px;
 position: relative;
}

#footer a {
	margin-left: 10px;
	color:#005886;
	text-decoration: none;
}

#emailfooter {
	position: absolute;
	bottom: 0px;
	right: -10px;
}

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

#footer-spaced {
 text-align: left;
 margin: 10px auto;
 width: 990px;
 height: 183px;
 border: 1px solid #005886;
 background-color: white;
}

/************  header elements ************/



#menu {
	position: absolute;
	right: 30px;
}

#header a img
{
	border: none;
}

/************  Instructions page ************/

.instructionleft
{
	background: url(/images/instruction-bg.jpg);
	font-size: .85em;
}

.instructionleft h1
{
	font-size: 1.2em;
}

.instructionleft h2
{
	font-size: 1.1em;
	margin-bottom: -2px;
}

#insttopcontent
{
	margin-top: 90px;
	margin-left: 40px;
	margin-right: 260px;

}

#instcolwrap
{
	position: relative;
	width: 100%;
	margin-top: 18px;
}

#instleftcontent {
position: absolute;
left: 40px;
top: -8px;
width: 220px;
}
	
#instcentercontent {
margin-top: 0px;
margin-left: 169px;
margin-right:169px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 271px;
margin-right:271px;
	}
html>body #instcentercontent {
margin-left: 271px;
margin-right:271px;
	}

#instrightcontent {
position: absolute;
right:30px;
top:30px;
width:220px;
	}
	
ul {

	margin-left: 0px;
	padding-left: 10px;
}

li {
	margin-bottom: 5px;
}

/************  contact page ************/

.contactleft
{
	background: url(/images/contact-bg.jpg); 
	height: 480px;
}

.contacttext
{
	margin-top: 100px;
	margin-right: 430px;
	margin-left: 45px;
}

/************* wholesale page **********/

.wholesaleleft
{
}

.wholesaleleft h1, h1
{
	font-size: 1.4em;
	color: #0f638d;
	margin-bottom: 5px;
}

.wholesaleleft h2, h2
{
	font-size: 1.1em;
	margin-bottom: 3px;
}

.wholesaleleft h3, h3
{
	font-size: 1.0em;
	margin: 2px;
}

.wholesaletext
{
	font-size: .85em;
	margin-top: 90px;
	margin-right: 450px;
	margin-left: 45px;
}


.ws_sidebox{border: 1px solid #4e788c; background: url('images/ws_sidebar_bg.jpg') repeat-x; padding: 10px; padding-top: 180px; margin: 3px 10px 3px 0px; font-size: .9em;}
.ws_sidebox h2 {color: #0f638d; font-size .9em;}
.ws_sidebox h3 {color: black; font-size .8em; margin-bottom: 1px;}
.ws_sidebox ul {margin: 0px 0px 0px 15px;}


/************** press page ************/

#inthenews { float: right; margin: 0px; padding: 10px; width: 200px;}
#inthenews h3 {margin-bottom: 0px; font-size: 1.1em;}

#mainpress { margin-right: 230px; padding-right: 10px; border-right: 1px solid #d7d7d7;}
#mainpress h2 {color: #0f638d; font-size: 1.1em; }

.thumbbox {float: left; margin: 10px;}
.thumbbox img {border: 1px solid #0f638d; margin-bottom: 8px;}
#mainpress a {color: #0f638d; font-size: .9em; text-decoration: none; padding-left: 10px;}
#mainpress a:hover {text-decoration: underline;}
#mainpress a img {border: none; margin: 0px;}


/************** tell a friend box ************/

.tellbox
{
	text-align: center;
	margin: auto;
	margin-top: 20px;
	width: 450px;
	border: 1px solid #005886;
 	background-color: white;
 	padding: 10px;
}

.inputfield
{
	margin: auto;
	text-align: right;
	width: 320px;
	padding-bottom: 3px;
}


/************* wholesale login box **********/

.wholeloginbox
{
	margin-bottom: 0px;
	width: 195px;
	background-color: #eff5fa;
	border-bottom: #0d628c solid 7px;
	border-top: #0d628c solid 7px;
	
} 

.wholeloginbox div
{
	margin: 8px;
	font-size: .9em;
}

.wholeloginbox h1
{
	font-size: 1.4em;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	color: #0d628c;
}

.wholeloginbox input
{
	border: 1px solid #0d628c;
	background-color: white;
	padding: 2px;

}

.wholeloginbox a
{
	
	color: #ec6f23;
	
}

/************* tabs on sales page **********/

#tabster .tab a{
color: #fff;
text-decoration: none;
}
#tabster .tab a:hover{
color: #98b8d8;
}

#tabster h3
{
	margin:0 2px 0 0;
}

#tabster .innerbox{
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: left;
border: 1px solid #1c4570;
background: white;

}
#tabster{
width: 460px;
margin: 0 auto;
float: left;
margin-top: 5px;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 3px;
background: #2b67a5;
overflow: hidden;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 2px 0 0;
text-align: center;
background: #2c528e url(images/bluetab.jpg) no-repeat;
}

.tab:hover { cursor: pointer;}
.tabtxt{
margin: 0 2px 0 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}