/* Origional TS Styles */

td
{
	font-family: Arial, Helvetica, sans-serif;
}

th
{
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 20px;
	color: #FF6600;
}

h2
{
	font-size: 16px;
	color: #FF6600;
}

h1, h2, h3, h4, h5, h6
{
	margin: 2px;
}

hr
{
	border: 1px solid #005A6B;
	background-color: #FFCC00;
}

#header
{
	width: 100%;
}

.topmenu
{
	/*padding-top:4px;*/
	height:27px;
	vertical-align:middle;
	color: #000000;
}

.topmenu a
{
	text-decoration: none;
	color: #000000;
}

.topmenu a:hover
{
	color: #FF0000;
}

.menubg
{
	text-align: right;
	height: 27px;
	width: 100%;
	background-image: url(stylesheet/travel-menu1.gif);
	background-repeat: no-repeat;
	
}


.topmenu
{
	height:27px;
	vertical-align:middle;
}

.topmenu a
{
	text-decoration: none;
	color: #000000;
}

.topmenu a:hover
{
	color: #FF0000;
}

.menu2
{
	text-align: right;
	text-decoration: none;
	height: 26px;
	width: 775px;
	background-image: url(stylesheet/travel-menu2.gif);
	background-repeat: no-repeat;
	color: #FF3300;
	font-weight: bold;
}

.TopCMSMenu
{
	margin-right: 6px;
	margin-left: auto;
	
	text-align:right;
	cursor:pointer;
}



.MainCMSMenu
{
	margin-left: auto;
	margin-right: -4px;
	cursor:pointer;
}
.MainCMSMenuItem
{
padding-right:10px;
}
.MainCMSMenuItemMouseUp
{
padding-right:10px;
}
.MainCMSMenuItemMouseOver
{
padding-right:10px;
}
.MainCMSMenuItemMouseDown
{
padding-right:10px;
}
.MainCMSMenuHighlightedMenuItem
{
padding-right:10px;
}
.MainCMSMenuHighlightedMenuItemMouseOver
{
	padding-right:10px;
}
.MainCMSMenuHighlightedMenuItemMouseUp
{
	padding-right:10px;
}
.MainCMSMenuHighlightedMenuItemMouseDown
{
	padding-right:10px;
}

.BottomCMSMenu
{
	margin-right: auto;
	margin-left: 0px;
	text-align:left;
	cursor:pointer;
}
.BottomCMSMenuItem
{
padding-right:10px;
}
.BottomCMSMenuItemMouseUp
{
padding-right:10px;
}
.BottomCMSMenuItemMouseOver
{
padding-right:10px;
}
.BottomCMSMenuItemMouseDown
{
padding-right:10px;
}
.BottomCMSMenuHighlightedMenuItem
{
padding-right:10px;
}
.BottomCMSMenuHighlightedMenuItemMouseOver
{
	padding-right:10px;
}
.BottomCMSMenuHighlightedMenuItemMouseUp
{
	padding-right:10px;
}
.BottomCMSMenuHighlightedMenuItemMouseDown
{
	padding-right:10px;
}




.menu2 a
{
	text-decoration: none;
	color: #FF3300;
}

.menu2 a:hover
{
	color: #FF9900;
}

.menubase
{
	background: url(stylesheet/travel-menu-base.gif) no-repeat;
	height: 18px;
	width: 775px;
}

/*styling*/

.clearBoth
{
	clear: both;

}

.pagelinks
{

	text-align: right;
	color: #666666;
	font-size: 11px;
	float: right;
}
.pagelinks a
{
	color: #FF0000;
	font-weight: bold;

}

#footer
{
	background: url(stylesheet/footer3.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 775px;
	clear: both;
	margin: 0;
	text-align:left;
	
	margin-right: auto;
	margin-left: auto;


}

.auctionStep
{
	background-color:#FF6600;
	text-align:right;
	color:white;
	font-weight:bold;
}

.informUser
{
	background-color:#FF6600;
	text-align:center;
	color:white;
	font-weight:bold;
}

.footertxt
{
	padding-top: 10px;
	padding-left: 5px;
}

#copyright
{
	font-size: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#copyright a
{
	color: Black;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* 
 *Left Box Styling
 */

.leftbox
{
	
	color: #000000;
	padding: 2px;
}

.leftbox a
{
	color: #FF0000;
	text-decoration: none;
}
.leftbox a:hover
{
	color: #333333;

}

#left h4
{
	background: #FF6600;
	color: #FFFFFF;
	padding-right: 2px;
	margin: 2px 0px 0px 0px;
	font-size:small;
	padding-left:5px;
}

#right h4
{
	background: #2ee79c;
	color: #FFFFFF;
	padding-right: 2px;
	margin: 2px 0px 0px 0px;
	font-size:small;
	padding-left:5px;	



}

.rightbox
{
	background: #d5faeb;
	color: #000000;
	padding: 2px;
}
.rightbox a
{
	color: #006666;
	text-decoration: none;
}

.rightbox a:hover
{
	color: #000000;
}

/*right column styling*/
/*auction listing/search results listing - presuming this will be held in a table format */

.rowheader
{
	height: 18px;
	padding: 3px;
	color: #ffffff;
	margin: 0em;
	background: #FF3300;
	font-size: 12px;
}
.rowheader a
{
	color: #ffffff;
}
.rowheader a:hover
{
	color: #FFFF99;
}

.dataodd a
{
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;
}

.dataodd

{
	padding: 10px;
	margin: 5px;
	font-size: 12px;
	background: #ffffff;
}

.dataeven a
{
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;



}

.dataeven
{
	padding: 10px;
	margin: 5px;
	font-size: 12px;
}

.productListing-data
{
	border-bottom: 1px solid #FF6600;
}


/*auction listing/search results listing - end */


/* Admin Area Styling */

.AdminGridView
{	
	margin-left:auto;
	margin-right:auto;
}

.AdminGridView td
{
	border-bottom:1px solid #FF0033;
}

.nobottomredborder td 
{ 
	border-bottom: 0px; 
}

.AdminAddTable
{
	margin-left:auto;
	margin-right:auto;
	border:1px solid #FF3300;
	margin-top:10px;
}

.AdminAddTable th
{
	background-color:#FF3300;
	color:#ffffff;
}



/* 
 * 3 Column Template Styles 
 */


body {

	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 12px;
	background-image: url(stylesheet/travel-bg.jpg);
	background-repeat: repeat-x;
}

body {
font-size: 100%;
}

a {color: #fff; padding: 0 2px;}
a:hover {background: #d6aeb5; color: #000;}

#center a {color: #946d84;}
#center a:hover {background: #d6aeb5; color: #000;}

h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 2em;}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
	border: 3px solid #ffffff;
	
	margin-top: 10px;

	
background: #FFFFFF url(stylesheet/sidebar-l.png) repeat-y 0 0;
text-align: left;
/* width: 90%; /* this can fixed or fluid */
width: 775px;
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;

}

#header, #subnav {
clear: both; 
width: 100%;

}

#header {
background: #ffffff; 
color: #fff; 
text-align: right;
padding: 1px 0;
}


#contentfloatholder {/* also makes the right "sliding" tab */
background: url(stylesheet/sidebar-r.png) repeat-y 100% 0;

width: 100%;
/*position: relative;*/
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#contentfloatholder_twocolumn {/* also makes the right "sliding" tab */
width: 100%;
/*position: relative;*/
}


#contentfloatholder_twocolumn:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}
/* Center Content */
#centerpad 
{
	margin: 0 205px;
	
}

#centerpad_twocol
{
	/*margin: 0 205px;*/
	width:557px;
	margin-left: 205px;
	
}


#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left 
{
	margin-left:-40px;
	width: 200px;
	padding: 0px;
	float: left;
}

#right {
  float:right;
  width: 200px;
  	background: #fff;
  		padding: 0px;

  
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */
#pagetop {
position: relative;
width: 100%;
padding-top: 1em;
height: 7em;
color: #000;
}

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}



#wrapper {
/*position: relative;*/
z-index: 500;
	margin-top: 10px;
}
.footertxt
{
	font-size: 12px;
	padding-top: 10px;
	padding-left: 5px;
}