@import "/CSSFiles/general.css";
	
/********* this is da code for tha div layout  *********/

#HomeWrapper {
    Background-color:White;
    background-image:url(Images/GradBack.jpg);
    background-repeat: repeat-x;
}

#wrapper {
    background-color:white;
    }

/* for IE6 and below */
* html #wrapper {
	height:350px;
	}

#header_wrap {
    height: 105px;
    background-color:White;
    clear: both;
}

#header {
	width: 960px;
	height: 105px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(Images/PaxiGo_Logo.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#head_text {
    float:right;
    width:500px;
    text-align:right;
    margin-top:50px;
    overflow:hidden;
}

#nav_wrap {
	height:30px;
	background-image:url(Images/menu.gif);
	clear:both;
	}


#navigation {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height: 30px;
	background-image: url(Images/menu.gif);
}

#graphic {
}

#bannerButtons {	
}
    
#teaser1 {
    background-image:url(Images/TeaserBackLeft.jpg);
    background-repeat:no-repeat;
}

#teaser2 {
    background-image:url(Images/TeaserBackMiddle.jpg);
    background-repeat:no-repeat;
}	

#teaser3 {
    background-image:url(Images/TeaserBackRight.jpg);
    background-repeat:no-repeat;
}

#foot_wrap {
	width: 100%;
	background-color:#FFFEF2;
	border-top: medium solid #FFF100;
	clear:both;
	height: 500px;
	}

#footer {
	width: 960px;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
}	

#footerLinks {
    width:200px;
    float:left;
}

#clearer {
	clear:both;
	}
div.infocontainer
{
	height:500px;
}

/******** 'ere is tha general code ********/

body { background-image:url(Images/Bck_Pattern.gif); }
	
h1, h2, h3, h4, h5, h6 { color:#009345; font-weight: normal; text-align:left; padding: 0.25em 0 0.25em 0; line-height:1.2em; }

#head_text h1 {
    font-size: 12px;
    text-align: right;
    color: #666666;
    margin: 0px;
    }	
    
  

.divTopLeft ul { color:#333333; font-size:1.2em; line-height:1.2em; margin-left:0px; padding-left: 15px; padding-top: 0px; margin-top:0px; letter-spacing:0px;}   


a:link {
	color:#009345;
	}
	
a:hover {
	color:#7AB800;
	}	


table.layout 
{
	border: 1px solid #FFFFFF;
	padding: 0 0 0 0;
}

div.container
{
	text-align:center;
}
.Hyper {
	text-decoration:none;
	color:#E82416;
	}
	
.Hyper:hover {
	color:#7AB800;
	}


/*----------------- styles for Drill Down Page ---------------- */	
	
.DrillDownHeadingText {color:#333;font-size:17px;font-weight:normal; line-height:21px;}
#DrillDownHeading {padding:10px;}
.DrillHeadingTableCell {vertical-align:bottom;width: 200px;height:60px; background-color:#FFF100;}
#divDrillDownMenu {float: left;width: 200px;padding:0px;}
div.drillText {float: right;width: 730px; padding: 30px 15px 15px 15px;}	

div.heading
{
	text-align:left;
	color:#8CC63E;
	font-family:Tahoma;
	font-size:14pt;
	font-weight:bolder;
}
.PageTitle
{
	text-align:left;
	color:#8CC63E;
	font-family:Tahoma;
	font-size:11pt;
	font-weight:bold;
	padding: 0 15px 10px 15px;
}
div.introTitle
{
	font-size:10pt;
	font-family:Tahoma;
	font-weight:bold;
	text-align:center;
}
	
div.introText
{
	font-size:9pt;
	font-family:Tahoma;
	text-align:left;
}
div.coltitle
{
	color:#8CC63E;
	font-size:10pt;
	font-family:Tahoma;
	font-weight:bold;
	text-align:left;
	padding: 0 15px 10px 15px;
}
	
div.personname
{
	color:#8CC63E;
	font-size:11pt;
	font-family:Tahoma;
	font-weight:bold;
	text-align:left;
	padding: 0 15px 0 15px;
}
	
div.persontitle
{
	color:#8CC63E;
	font-size:10pt;
	font-family:Tahoma;
	font-weight:bold;
	text-align:left;
	padding: 0 15px 0 15px;
}
	
div.insidetitle
{
	color:#8CC63E;
	font-size:10pt;
	font-family:Tahoma;
	font-weight:bold;
	text-align:left;
}
	
div.coltext
{
	font-size:9pt;
	font-family:Tahoma;
	text-align:justify;
	padding: 0 15px 0 15px;
}
	
div.runtext
{
	font-size:9pt;
	font-family:Tahoma;
	text-align:left;
}
	
div.padtext
{
	font-size:9pt;
	font-family:Tahoma;
	text-align:left;
	padding: 10px 0 10px 0;
}



.buttonLabel 
{
    margin-top:3px;
}
 
div.vert_20
{
	height:20px;
}
div.vert_10
{
	height:10px;
}
div.hor_10
{
	width:10px;
}

div.hor_15
{
	width:15px;
}

div.hor_20
{
	width:20px;
}

.BanButton {
    margin-left:15px;
    }
    
#ContentContainer {
    margin: 0px 15px 0px 15px;
    }    

.LoginButton {
    margin-right:5px;
    }

/******** 'ere is tha footer code - yay! ********/

#footer p {
	margin-top: 15px;
	font-size: 12px;
	}

#footer img {
	float:right;
	vertical-align:top;
	}

/******** general ********/

#navigation p {
	margin: 0px;
	padding: 5px;
}	


.FormEntry {
    background-color:red;
    border: 1px solid #B3B3B3;
    }
    
    
.FormTextSmall {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    }    
        
 
.prompt
{
    text-align:right;
    height: 35px;
    margin-right:5px;
    padding-right:5px;
}

.data
{
    text-align:left;
    height: 35px;
}    
   
td.data input 
{
    border: 1px solid #b3b3b3;
    height: 24px;
}       

.page_image
{
    height:300px;
}

div.PreviewMenuAlert
{
	background-image:url(Images/PreviewMenuAlert.png);
	background-repeat:no-repeat;
	width:600px;
	height:40px;
	text-align:right;
}
    
/*----------------- styles for the editing pages ---------------- */
#TableHead {background-image:url(Images/TableHead.gif);height: 38px;padding-left: 10px;vertical-align: middle;}
.TableHead {background-image:url(Images/TableHead.gif);height: 38px;padding-left: 10px;vertical-align: middle;}
#TableHead h2 {margin: 0; padding: 0;}

    
/*----------------- styles for the info page ----------------- */    

#PageTitle { margin:30px 20px 0 20px; float:left; clear:right;}   
#PageInfo { margin:10px 20px 0 20px; float:left;}   
#InfoWrapper {background-color:#F2F2F2; border: 1px solid #B3B3B3; padding: 10px; margin:40px 20px 0 20px; float:left;}
#TableInfoPic { width: 250px; vertical-align: top; }
#TableInfoText { padding-left: 15px; vertical-align: top;}
#InfoPic {width: 280px; height: 185px; border: 1px solid #B3B3B3; overflow:hidden; }
#InfoHeader h2 {margin:0px 0px 3px 0px;}
#InfoText {font-style:italic;}

/*----------------- styles for the contact page ----------------- */    
#ContactTableHeading {width:650px; margin: 0 auto 0 auto;}
#ContactHeading { }
#ContactTableDetails {width:650px; margin: 0 auto 0 auto; }
#ContactDetailsHeading {height: 30px; vertical-align: middle; border-bottom: 4px solid #e6e6e6;}
#ContactHoursHeading {height: 30px; vertical-align: middle; border-bottom: 4px solid #e6e6e6;}
#ContactAddress {padding-top: 5px;}
#ContactHours {}
#ContactTeleFax {padding-top:10px;}
#ContactTableEmail {width:650px; margin: 0 auto 0 auto; margin-top:25px; border: 1px solid #B3B3B3; vertical-align:middle;}
#ContactEmailHead {background-image:url(Images/TableHead.gif);height: 38px;padding-left: 10px;vertical-align: middle;}
#ContactEmailHead h2 {margin:0; padding:0;}
.FormText { }
.FormTextRequired {width:200px;height:30px; padding-top:15px;}
.FormTextCell {width:200px;height:40px;text-align:right; vertical-align:top; padding-right:10px;}
.FormInputCell {vertical-align:top;}
#FormSubmitCell {padding:10px 0 10px 0;}
.TableMapWrapper {width:650px; height:400px;margin: 30px auto 35px auto;}
#map_canvas {width:650px;height:400px; border: 1px solid #B3B3B3; margin-top: 10px;}

/*--------------------- styles for login page ------------------- */
.LoginTable {width:400px; margin: 0 auto 0 auto; margin-top:25px; margin-bottom:25px; border: 1px solid #B3B3B3; vertical-align:middle;}
.LoginTableHead {background-image:url(Images/TableHead.gif);height: 38px;padding-left: 10px;vertical-align: middle;}
.LoginTableHead h2 {margin:0; padding:0;}
.LoginRowSpacing {padding:3px 3px 3px 3px; margin:3px 3px 3px 3px;}


/*-------- Tab Classes ------------------*/
.ajax_tab_paxigo .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(images/tab-line.gif) repeat-x bottom;}
.ajax_tab_paxigo .ajax__tab_outer {padding-right:0px;background:url(images/tab-right.gif) no-repeat right; height:35px;}
.ajax_tab_paxigo .ajax__tab_inner {padding-left:3px;background:url(images/tab-left.gif) no-repeat;}
.ajax_tab_paxigo .ajax__tab_tab {height:27px;padding:4px;margin:0;background:url(images/tab.gif) repeat-x;}
.ajax_tab_paxigo .ajax__tab_hover .ajax__tab_outer {background:url(images/tab-hover-right.gif) no-repeat right;}
.ajax_tab_paxigo .ajax__tab_hover .ajax__tab_inner {background:url(images/tab-hover-left.gif) no-repeat;}
.ajax_tab_paxigo .ajax__tab_hover .ajax__tab_tab {background:url(images/tab-hover.gif) repeat-x;}
.ajax_tab_paxigo .ajax__tab_active .ajax__tab_outer {background:url(images/tab-active-right.gif) no-repeat right;}
.ajax_tab_paxigo .ajax__tab_active .ajax__tab_inner {background:url(images/tab-active-left.gif) no-repeat;}
.ajax_tab_paxigo .ajax__tab_active .ajax__tab_tab {background:url(images/tab-active.gif) repeat-x;}
.ajax_tab_paxigo .ajax__tab_body {font-family:arial, verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}


/*----------------- styles for the product page page ----------------- */  
#shippingTable{margin-top:0px;}
#shippingTable table {margin-top:0px;border-style:solid;border-color:gray;border-width:1px;}
#loginDiv #btnsTable {margin-top:0px;border-style:solid;border-color:gray;border-width:0px;}
.shippingTableCaption {margin-top:0px;color:red; font-weight:bold; text-align:left;}
.shippingTableLabel{margin-top:0px;color:white; font-weight:normal;}
.productPrice{margin-top:0px;color:white; font-weight:normal;}
.productTitle{margin-top:0px;color:white; font-weight:normal;}
.shippingAnswer{margin-top:0px; font-weight:bold;}





/*----------------- Custom styles for price list ----------------- */  

#price_table { width: 550px;}
.price_head {height:40px; background-color:#8CC63F; color:#FFF;}
.price {background-color:#E8F4D9; color:#333333; width:75px;}
.price_head_text {font-family:Arial, Helvetica, sans-serif; font-size:16px; padding: 1px 0 0 10px;}
.price_price_text {font-family:Arial, Helvetica, sans-serif; font-size:14px; padding: 4px 0 0 10px;}
.price_yellow_cell {background-color:#FFF6CC; padding: 10px 10px 10px 0;}
.price_yellow_cell_ongoing {background-color:#FFF6CC; padding: 10px 10px 10px 10px;}
.price_green_cell_ongoing {background-color:#E8F4D9; padding: 10px 10px 10px 10px;}

/*---------- Home Banner ---------- */
.HomeBannerTop { height:300px; padding:0px; margin:0px; background-image:url(/Images/101/banner_back.png); }
.HomeBannerTopLeft { padding-left:20px; vertical-align:middle; }
.HomeBannerTopLeft h1{ color:#009345; font-size:37px; letter-spacing:-3px; font-weight:bold; }
.divTopLeft { overflow:hidden; }
.BottomTextLeft { padding: 40px 15px 20px 30px; width:670px; vertical-align:top; background-image:url(/Images/101/teaser1_back.png); background-repeat:no-repeat; }
.BottomTextRight { padding: 40px 30px 20px 15px; width:200px; vertical-align:top; text-align:right; background-image:url(/Images/101/teaser2_back.png); background-repeat:no-repeat; }

/*-------------------- styles for the modal popup extender --------------*/

.ModalPopup
{
    background:white;
    border:2px solid #000;
}

/*------------------ styles for the Rad Editor -----------------------*/
.reToolbar.Default .InsertSpecialLink
{
     background-image: url( http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/Custom.gif);
}

/* -------- Button 200 --------------- */
.button_200 { position: relative; background-image: url(Images/button_over.gif); border: 1px solid #B3B3B3; background-repeat: repeat-x; white-space: nowrap; display: block; width: 200px; height: 30px; margin: 0; padding: 0; }
.button_200 a { display: block; color: #808285; width: 200px; height: 30px; text-decoration: none; }
.button_200 img { width: 200px; height: 30px; border: 0; }
* html a:hover { visibility:visible }
.button_200 a:hover img { visibility:hidden }
.button_200 span { padding-right: 0px; padding-left: 0px; left: 0px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; position: absolute; top: 0px; width: 200px; text-align: center; font-size:11pt; }

/* -------- Button 120 -------------- */
.button_120 { position: relative; background-image: url(Images/button_over.gif); border: 1px solid #B3B3B3; background-repeat: repeat-x; white-space: nowrap; display: block; width: 120px; height: 30px; margin: 0; padding: 0; }
.button_120 a { display: block; color: #808285; width: 120px; height: 30px; text-decoration: none; }
.button_120 img  { width: 120px; height: 30px; border: 0; }
* html a:hover { visibility:visible }
.button_120 a:hover img { visibility:hidden }
.button_120 span { padding-right: 0px; padding-left: 0px; left: 0px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; position: absolute; top: 0px; width: 120px; text-align: center; font-size:11pt; }

/* ------------ Button 80 ------------------ */
.button_80 { position: relative; background-image: url(Images/button_over.gif); border: 1px solid #B3B3B3; background-repeat: repeat-x; white-space: nowrap; display: block; width: 80px; height: 30px; margin: 0;  padding: 0; }
.button_80 a { display: block; color: #808285; width: 80px; height: 30px; text-decoration: none; }
.button_80 img { width: 80px; height: 30px; border: 0; }
* html a:hover { visibility:visible }
.button_80 a:hover img { visibility:hidden }
.button_80 span { padding-right: 0px; padding-left: 0px; left: 0px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; position: absolute; top: 0px; width: 80px; text-align: center; font-size:11pt; }

/* ------------ Help Button ------------------ */
.button_help { position: relative; background-image: url(Images/button_help_over.gif); border: 1px solid #B3B3B3; background-repeat: repeat-x; white-space: nowrap; display: block; width: 80px; height: 30px; margin: 0;  padding: 0; }
.button_help a { display: block; color: #808285; width: 80px; height: 30px; text-decoration: none; }
.button_help img { width: 80px; height: 30px; border: 0; }
* html a:hover { visibility:visible }
.button_help a:hover img { visibility:hidden }
.button_help span { padding-right: 0px; padding-left: 0px; left: 0px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; position: absolute; top: 0px; width: 80px; text-align: center; font-size:11pt; }

.button_paxhome
{
 position: relative;
 background-image: url(Images/BanButton.png);
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 128px;
 height: 30px;
 margin: 0; 
 padding: 0;
 float: right; 
}

.button_paxhome a
{
 display: block;
 color: #808285;
 width: 128px;
 height: 30px;
 text-decoration: none;
}

.button_paxhome img 
{
 width: 128px;
 height: 30px;
 border: 0; 
}

.button_paxhome a:hover img
{
 visibility:hidden
}

.button_paxhome span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 0px;
 width: 128px;
 text-align: center;
 font-size:11pt;
}