@import "/CSSFiles/general.css";

/** table { border-collapse: collapse; }
th, td { padding: 0; } **/
	
/********* this is da code for tha div layout  *********/

#HomeWrapper {
    Background-color:White;
    background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/GradBack.jpg);
    background-repeat: repeat-x;
}

#wrapper {
    background-color:white;
    }

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

#header_wrap {
    height: 69px;
    background-image:url(http://dfom7iit7pmti.cloudfront.net/Images/Stock/BannerBack.png);
    clear: both;
}

.EditBannerHeader { height: 69px; background-image:url(http://dfom7iit7pmti.cloudfront.net/Images/Stock/BannerBack.png); padding-left:12px; }
.EditBannerNav { height: 35px; background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Menu/menu.gif); padding-left:5px; }
.EditNavButton { padding-left:5px; }
    

#header {
	width: 960px;
	height: 69px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/PaxiGo_Logo.png);
	background-repeat:no-repeat;
	background-position: left bottom;
}

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


#nav_wrap {
	height:35px;
	background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/menu.gif);
	clear:both;
	}


#navigation {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height: 35px;
	background-image: url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/menu.gif);
}

#graphic {
}

#bannerButtons {	
}
    
#teaser1 {
    background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/TeaserBackLeft.jpg);
    background-repeat:no-repeat;
}

#teaser2 {
    background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/TeaserBackMiddle.jpg);
    background-repeat:no-repeat;
}	

#teaser3 {
    background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/TeaserBackRight.jpg);
    background-repeat:no-repeat;
}

#foot_wrap {
	width: 100%;
	background-color:#6D6E70;
	border-top: medium solid #929497;
	clear:both;
	height: 500px;
	padding-top:20px;
	}
	

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

.FooterTable a:link {
    color: White;
}

.FooterTable a:hover {
    color:#8BC53F;
}

.FooterTable a:visited {
    color:#CCCCCC;
}



.FooterTable { width:100%; color:White; }

.FooterText { color:White; }


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

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

body { background-color:#E6E7E8; background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/HeadMenuBack.png); background-repeat:repeat-x; }
	
h1, h2, h3, h4, h5, h6 { color:#8BC53F; font-weight: bold; text-align:left; padding: 0.25em 0 0.5em 0; line-height:1.2em; letter-spacing:-0.04em; }

#head_text {
	color:#8BC53F;
	}

#head_text h1 {
    font-size: 12px;
    text-align: right;
    color: White;
    margin: 0px;
    }	
    
#head_text a:link {
	color:#8BC53F;
	}   

#head_text a:hover {
	color:#FFDD15;
	}   
    

.BanTopLeft ul { color:White; 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:#8BC53F;
	}
	
a:hover {
	color:#FFDD15;
	}	


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:White;font-size:17px;font-weight:normal; line-height:21px;}
#DrillDownHeading {padding:10px;}
.DrillHeadingTableCell {vertical-align:bottom;width: 200px;height:60px; background-color:#58595B;}
#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: 28px;
    margin-right:5px;
    padding-right:5px;
}

.data
{
    text-align:left;
    height: 28px;
}    
   
td.data input 
{
    border: 1px solid #b3b3b3;
    height: 20px;
    vertical-align: middle;
}       

*/
.page_image
{
    height:300px;
}

div.PreviewMenuAlert
{
	background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/PreviewMenuAlert.png);
	background-repeat:no-repeat;
	width:600px;
	height:40px;
	text-align:right;
}


/*--------------------- styles for new account page ------------------- */
.SiteContactLabel { width:150px; }

/*--------------------- styles for new account page ------------------- */

#newAccountTable { width:790px; border:1px solid #929497; margin: 20px auto 0px auto; background-color:#E6E7E8 }
#newAccountTable .header { height:40px; background-color:#58595B; padding-left:20px; text-align:left; color:#8BC53F; font-size:20px; font-weight:bold; }
#newAccountTable .intructText { padding: 10px 20px 10px 20px; text-align:left; }
#newAccountTable .prompt { width:125px; padding-left:20px; text-align:left; height:30px; }
#newAccountTable .input { width:255px; text-align:left; }
#newAccountTable .message { padding:0px 10px 0px 75px; text-align:left; width:330px;} /* add width here */
#newAccountTable .orgType { padding-left:20px; height:30px; text-align:left; }
#newAccountTable .orgTypePrompt { width:180px; text-align:left; height:30px; }
#newAccountTable .orgTypeInput {   }
#newAccountTable .busType { padding-left:20px; height:30px; text-align: left; }
#newAccountTable .busTypePrompt { width:330px; text-align:left; height:30px; }
#newAccountTable .busTypeInput { text-align:left; }
#newAccountTable .terms { padding-left:20px; text-align:left; height:30px; }
#newAccountTable .button { padding: 10px 0px 10px 20px; text-align:left; }
#newAccountTable .txtBox { border: 1px solid #A6A8AB; height:20px; }
#newAccountTable .intstructText3 { padding-left:20px; }
#newAccountTable .error { padding-left:20px; }
#newAccountTable .messageHeader { color:#8BC53F; font-size:16px; }
#newAccountTable .prevnext { text-align:left; }
#newAccountTable li { margin-left:-20px; } 
    
/*----------------- styles for the editing pages ---------------- */
#TableHead {background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/TableHead.gif);height: 38px;padding-left: 10px;vertical-align: middle;}
.TableHead {background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/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;}

#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; text-align:left; }
#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(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/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(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-line.gif) repeat-x bottom;}
.ajax_tab_paxigo .ajax__tab_outer {padding-right:0px;background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-right.gif) no-repeat right; height:35px;}
.ajax_tab_paxigo .ajax__tab_inner {padding-left:3px;background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-left.gif) no-repeat;}
.ajax_tab_paxigo .ajax__tab_tab {height:27px;padding:4px;margin:0;background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab.gif) repeat-x;}
.ajax_tab_paxigo .ajax__tab_hover .ajax__tab_outer {background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-hover-right.gif) no-repeat right;}
.ajax_tab_paxigo .ajax__tab_hover .ajax__tab_inner {background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-hover-left.gif) no-repeat;}
.ajax_tab_paxigo .ajax__tab_hover .ajax__tab_tab {background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-hover.gif) repeat-x;}
.ajax_tab_paxigo .ajax__tab_active .ajax__tab_outer {background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-active-right.gif) no-repeat right;}
.ajax_tab_paxigo .ajax__tab_active .ajax__tab_inner {background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/images/tab-active-left.gif) no-repeat;}
.ajax_tab_paxigo .ajax__tab_active .ajax__tab_tab {background:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/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:#1C75BC; 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:#CCCCCC; padding: 10px 10px 10px 0;}
.price_yellow_cell_ongoing {background-color:#CCCCCC; padding: 10px 10px 10px 10px;}
.price_green_cell_ongoing {background-color:#E6E6E6; padding: 10px 10px 10px 10px;}

/*---------- Home Banner ---------- */
.HomeBannerTop { height:300px; padding:0px; margin:0px; background-image:url(http://dfom7iit7pmti.cloudfront.net/Images/101/banner_back.png); }
.HomeBannerTopLeft { padding-left:20px; vertical-align:middle; }
.HomeBannerTopLeft h1{ color:#E8F1F8; font-size:32px; letter-spacing:-2px; line-height:32px; font-weight:bold; }
.BanTopLeft { overflow:hidden; }
.BanTopRight { overflow:hidden; height:280px; margin-top:20px; }
.BanTopLeft ul { color:White; font-size:1.2em; line-height:1.2em; margin-left:0px; padding-left: 15px; padding-top: 0px; margin-top:0px; letter-spacing:0px;}   
.BottomTextLeft { padding: 40px 15px 20px 30px; width:670px; vertical-align:top; background-image:url(http://dfom7iit7pmti.cloudfront.net/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(http://dfom7iit7pmti.cloudfront.net/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(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/button200_over.png); border: none; background-repeat: repeat-x; white-space: nowrap; display: block; width: 200px; height: 22px; margin: 0; padding: 0; }
.button_200 a { display: block; color: #808285; width: 200px; height: 22px; text-decoration: none; }
.button_200 img { width: 200px; height: 22px; 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(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/button120_over.png); border: none; background-repeat: repeat-x; white-space: nowrap; display: block; width: 120px; height: 22px; margin: 0; padding: 0; }
.button_120 a { display: block; color: #808285; width: 120px; height: 22px; text-decoration: none; }
.button_120 img  { width: 120px; height: 22px; 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(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/button80_over.png); border:none; white-space: nowrap; display: block; width: 80px; height: 22px; margin: 0;  padding: 0; }
.button_80 a { display: block; color: #808285; width: 80px; height: 22px; text-decoration: none; }
.button_80 img { width: 80px; height: 22px; 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:10pt; }

/* ------------ Help Button ------------------ */
.button_help { position: relative; background-image: url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/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; }

.ButtonText { margin-top: 1px; color:#1A1A1A; }

.button_paxhome
{
 position: relative;
 background-image: url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/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;
}
.button_AddCart { background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/add_to_cart.png); }
.button_MoreInfo { background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/more_info.png); }
.button_Checkout { background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/checkout.png); }
.button_Enquire { background-image:url(http://dfom7iit7pmti.cloudfront.net/App_Themes/PaxiGo/Images/enquire.png); }