/************* begin basics *************/

/* 12 point arial, dark grey*/
body,p,div,th,td,input,select,textarea {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #666666;
}
/* dark blue normal size links, underline on hover*/
a:link {
	font-size: 12px;
	color: #6666cc;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #6666cc;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color: #6666cc;
	text-decoration: underline;
}
a:active {
	font-size: 12px;
	color: #6666cc;
	text-decoration: none;
}
/************* end basics *************/

/*************  begin links  *************/
/* dark grey large size links, no action on hover, used for company logo/name*/
a.logo:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
a.logo:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
a.logo:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.logo:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
a.toplinksnorm:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.toplinksnorm:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.toplinksnorm:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.toplinksnorm:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.toplinksactive:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.toplinksactive:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.toplinksactive:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.toplinksactive:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.bottomlinks:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.bottomlinks:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.bottomlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.bottomlinks:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.attributelinks:link {
	font-weight: bold;
	text-decoration: underline;
}
a.attributelinks:visited {
	font-weight: bold;
	text-decoration: underline;
}
a.attributelinks:hover {
	font-weight: bold;
	text-decoration: underline;
}
a.attributelinks:active {
	font-weight: bold;
	text-decoration: underline;
}
a.bodylinksblue:link {
	text-decoration: underline;
}
a.bodylinksblue:visited {
	text-decoration: underline;
}
a.bodylinksblue:hover {
	text-decoration: underline;
}
a.bodylinksblue:active {
	text-decoration: underline;
}
a.bodylinksgrey:link {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
a.bodylinksgrey:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
a.bodylinksgrey:hover {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
a.bodylinksgrey:active {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
/* black normal size links, underline and dark blue on hover, used on side menus*/
.VertMenuItems:link {
	color: #000000;
}
.VertMenuItems:visited {
	color: #000000;
}
.VertMenuItems:hover {
	color: #6666cc;
}
.VertMenuItems:active  {
	color: #000000;
}
/* darkish grey small size links, underline on hover, used on side menus (eg disabled javascript)*/
.SmallNote:link {
	color: #888888;
	font-size: 9px;
}
.SmallNote:visited {
	color: #888888;
	font-size: 9px;
}
.SmallNote:hover {
	color: #888888;
	text-decoration: underline;
	font-size: 9px;
}
.SmallNote:active {
	color: #888888;
	font-size: 9px;
}
/* black normal size links, white underlined on hover, used on side menus*/
.CatMenuItem:link{
    color: #000000;                         /* like "VertMenuItems" */
}
.CatMenuItem:visited{
    color: #000000;                         /* like "VertMenuItems" */
}
.CatMenuItem:hover{
    color: #FFFFFF;                         /* like "VertMenuTitle" */
}
.CatMenuItem:active{
    color: #000000;                         /* like "VertMenuItems" */
}

/* white bold links, underline on hover, used on tab menu and progress bars */
a.TabLinks:link {
	color: #ffffff;
	font-weight: bold;
}
a.TabLinks:visited {
	color: #ffffff;
	font-weight: bold;
}
a.TabLinks:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
a.TabLinks:active  {
	color: #ffffff;
	font-weight: bold;
}
/* white normal size links, underline on hover*/
a.WhiteLinks:link {
	color: #ffffff;
}
a.WhiteLinks:visited {
	color: #ffffff;
}
a.WhiteLinks:hover {
	color: #ffffff;
	text-decoration: underline;
}
a.WhiteLinks:active  {
	color: #ffffff;
}
/* dark blue smaller links, underline on hover, for use within shopping cart*/
a.CartLinks:link {
	color: #6666cc;
	font-size: 10px;
}
a.CartLinks:visited {
	color: #6666cc;
	font-size: 10px;
}
a.CartLinks:hover {
	color: #6666cc;
	text-decoration: underline;
	font-size: 10px;
}
a.CartLinks:active  {
	color: #6666cc;
	font-size: 10px;
}
/* dark red smaller links, underline on hover, for use within shopping cart (delete item)*/
a.CartLinksRed:link {
	color: #bd0000;
	font-size: 10px;
}
a.CartLinksRed:visited {
	color: #bd0000;
	font-size: 10px;
}
a.CartLinksRed:hover {
	color: #bd0000;
	text-decoration: underline;
	font-size: 10px;
}
a.CartLinksRed:active  {
	color: #bd0000;
	font-size: 10px;
}
/* dark blue bold links, underline on hover, used for product links*/
a.BoldLinks:link {
	font-weight: bold;
}
a.BoldLinks:visited {
	font-size: 12;
	font-weight: bold;
	
}a.BoldLinks:hover {
	font-size: 12;
	font-weight: bold;
	text-decoration: underline;
}
a.BoldLinks:active {
	font-size: 12;
	font-weight: bold;
}
/************* end links *************/

/*************  begin text styles  *************/
.byline {
	font-family: BankGothic Md BT, Arial Black, Arial;
	font-size: 16px;
	color: #9999CC;
}
.feelgood {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #6666CC;
}
.largebluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #6666CC;
	font-weight:bold;
}
.boldwhite {
	color: #FFFFFF;
	font-weight:bold;
}
.bodyblue {
	color: #6666CC;
}
.bodypink {
	color: #FF0099;
}
.bodywhite {
	color: #FFFFFF;
}
.bodyred {
	color: #FF0000;
}
.bottomwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.bottomgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.textbox {
	font-size: 11px;
	background-color: #7CA3DC;
	color: #FFFFFF;
}
.textboxblack {
	font-size: 11px;
	background-color: #7CA3DC;
	color: #000000;
}
.textboxwhite {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
}
.textbox1 {
	font-size: 11px;
	background-color: #CC0000;
	color: #FFFFFF;
}
.textbox2 {
	font-size: 11px;
	background-color: #999999;
	color: #FFFFFF;
}
.textbox3 {
	font-size: 11px;
	background-color: #669966;
	color: #FFFFFF;
}
.details {
	font-size: 11.5px;
	font-weight: bold;
	color: #666666;
}
.titles {
	font-weight: bold;
}
.GBP {
	font-weight: bold;
	color: #669966;
}
.EUR {
	font-weight: bold;
	color: #FF6666;
}
.attributes {
	font-weight: bold;
	color: #6666CC;
}
.attributes2 {
	font-weight: bold;
	color: #999999;
}
.attributes3 {
	font-weight: bold;
	color: #FFFFFF;
}
.attributes4 {
	font-weight: bold;
	color: #CC0000;
}
h1 {
	color: #6666cc; font-size: 16px;
}
h2 {
	color: #6666cc; font-size: 15px;
}
h3 {
	font-size: 14px; color: #6666cc;
}

.HeadText {
	font-size: 12px;
	font-weight: bold;
}
.VertMenuItems {
	color: #000000;
	text-decoration: none;
}
.CategoriesList {
	font-size: 12px;
}
.Text {
	color: #000000;
}
.Yellowtext{
	color:#FFFF00;
}
.Greytext{
	color:#999999;
}
.Bluetext{
	color:#56aeeb;
}
.Darkbluetext{
	color:#6666cc;
}
/*check this one's use*/
.White {
	/*background-*/color: #ffffff;
	font-weight: bold;
}
.Red {
	color: #ff0000;
	font-weight: bold;
}
.BoldBody {
	color: #000000; font-weight: bold; font-size: 12px;
}
.Large {
	font-size: 18px;
	color: #6666cc;
}
.Larger {
	font-size: 24px;
	color: #6666cc;
}
.TableTitles {
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.TableFeatures {
	color: #666666; font-style: italic; font-size: 12px;
}
.TableBold {
	color: #666666; font-weight: bold; font-size: 12px;
}
.DialogTitle {
	color: #ffffff; font-weight: bold; font-size: 12px;
}
.NumberOfArticles {
	color: #000000; font-weight: bold; font-size: 10px;
}
.TopLabel {
	color: #ffffff; font-weight: bold; font-size: 12px;
}

.AdminSmallMessage {
	color: #FF3300;
}
.AdminTitle {
	color: #FF3300; font-weight: bold; font-size: 12px;
}

.ProductTitle {
	color: #6666cc; font-weight: bold; font-size: 12px;
}
.ProductDetailsTitle {
	color: #6666cc; font-weight: bold; font-size: 12px;
}
.ProductDetails {
	color: #000000;
}
.ProductPriceTitle {
	color: #6666cc; font-weight: bold; font-size: 12px;
}
.ProductPriceConverting {
	color: #6666cc; font-weight: bold; font-size: 12px;
}
.ProductPrice {
	color: #000000; font-weight: bold; font-size: 12px;
}
.ProductPriceSmall {
	color: #000000; font-weight: bold; font-size: 10px;
}
.MarketPrice {
	font-size: 11px;
}
.ItemsList {
	color: #000000; font-weight: bold; font-size: 10px;
}
.NavigationPath {
	color: #6666cc; font-weight: bold; font-size: 10px;
}
.FormButton {
	color: #6666cc; font-weight: bold; font-size: 10px;
}

.CustomerMessage {
	color: #FF3300; font-weight: bold; font-size: 10px;
}
.ErrorMessage {
	color: #FF3300; font-weight: bold; font-size: 10px;
}
.Star {
	color: #FF0000;
}
.SaveMoneyLabel {
	color: #FFFFFF;
}
.CatMenuItem
{
	font-size: 12px;
	font-family: Arial; 
	CURSOR: pointer;
}
.NavDialogTitle {
	font-size: 11px;
	font-weight: bold;
	color: #330000;
}
.SubHeader2 {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}
.PopupHelpLink {
	font-size: 9px;
	color: #330000;
	text-decoration: none;
}
/*************  end text styles  *************/


/*************  begin areas and lines  *************/
/* will need to change image directory */
.lightblueback{
	background-color: #C9D9F1;
	text-align: center;
}
.lilacback{
	background-color: #9999CC;
	text-align: center;
}
.whiteback{
	background-color: #FFFFFF;
}
.blueback{
	background-color: #7CA3DC;
}
.skyblue{
	background-image:url(custom_modules/Booking_System/images/sky%20blue.gif);
}
.skybluelarge{
	background-image:url(custom_modules/Booking_System/images/sky_blue_large.gif);
}
.arrblue{
	background-image:url(custom_modules/Booking_System/images/arr_blue.gif);
}
.basicblue{
	background-image:url(custom_modules/Booking_System/images/basic_blue.gif);
}
.depblue{
	background-image:url(custom_modules/Booking_System/images/dep_blue.gif);
}
.tajmahal{
	background-image:url(custom_modules/Booking_System/images/Taj%20Mahal.jpg);
}

hr {
	color: #666666;
	height: 1px;
}
body { 
	margin-top: 0 px;
	margin-bottom: 0 px;
	margin-left: 0 px;
	margin-right: 0 px; 
	background-color: #ffffff;
}
.Line {
	background-color: #6666cc;
}
.VertMenuHr {
	color: #999999;
}
.HeadBox {
	background-color: #ffffff;
}
.VertMenuBox {
	background-color: #ffffff;
}
.VertMenuBorder {
	background-color: #ffffff;
}
.VertMenuTitle {
	background-color: #999999;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
}
.DialogBox {
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
}
.DialogBoxNew {
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}
.DialogBorder {
	background-color: #999999;
}
.HighLight {
	background-color: #FFFFCC;
}
.TableHead {
	background-color: #DDDDDD;
}
.HeadLine {
	background-color: #56aeeb;
}
.Bottom {
	background-color: #56aeeb;
	color: #FFFFFF;
}
.Tab {
	background-color: #56aeeb;
	font-weight: bold;    
}
.CatMenuItemOff 
{
	background-color: transparent;	/* like "VertMenuBox" */
	border-right: none;				/* like "VertMenuBox" */
	border-top: none;				/* like "VertMenuBox" */
	border-left: none;				/* like "VertMenuBox" */
	border-bottom: none;			/* like "VertMenuBox" */
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 1px; 
	margin-right: 2px;
	cursor: pointer;
}
.CatMenuItemOffExp
{
	background-color: transparent;	/* like "VertMenuBox" */
	border-right: none;				/* like "VertMenuBorder" */
	border-top: none;				/* like "VertMenuBorder" */
	border-left: none;				/* like "VertMenuBorder" */
	border-bottom: none;			/* like "VertMenuBorder" */
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 2px;  
	cursor: pointer;
}
.CatMenuItemOn 
{
	background-color: #081589;              /* like "VertMenuTitle" */
	border-right: #081589 1px solid;        /* like "VertMenuTitle" */
	border-top: #081589 1px solid;          /* like "VertMenuTitle" */
	border-left: #081589 1px solid;         /* like "VertMenuTitle" */
	border-bottom: #081589 1px solid;       /* like "VertMenuTitle" */
	margin-left: 1px; 
	margin-right: 2px; 
	cursor: pointer;
}
.CatSubMenu
{
	background-color: #D6D7D9;              /* like "VertMenuBox" */
	border-right: #68C1FF 1px solid;        /* like "VertMenuBorder" */
	border-top: #68C1FF 1px solid;          /* like "VertMenuBorder" */
	border-left: #68C1FF 1px solid;         /* like "VertMenuBorder" */
	border-bottom: #68C1FF 1px solid;       /* like "VertMenuBorder" */
	margin-left: 1px; 
	margin-right: 2px; 
}
.HightLightRow {
	background-color: #B0B0B0;
	font-weight: bold;
}
.HightLightEqualRow {
	background-color: #ffe8af;
}
.VertMenuSubTitle {
	background-color: #081589;
}
.NavDialogBorder {
	background-color: #D6D7D9;
}
.NavDialogBox {
	background-color: #ffffff;
}
.SubHeader2Line {
	background-color: #CCCCCC;
}
/*************  end areas and lines  *************/

/*************  begin dialogs, buttons and tab bars *************/

.blue_button{
	background-image: url(custom_modules/Booking_System/images/button_blue.gif);
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
}
.yellow_button{
	background-image: url(custom_modules/Booking_System/images/button_yellow.gif);
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #999999;
}


.DialogTopLeft {
	background: URL(images/bormencurtlg.gif);
}
.DialogSquare {
	background: URL(images/bormeng.gif);
}
.DialogTopRight {
	background: URL(images/bormencurtrg.gif);
}
.DialogAltTopLeft {
	background: URL(images/borcurtlg.gif);
}
.DialogAltTop {
	background: URL(images/bortopg.gif);
}
.DialogAltTopRight {
	background: URL(images/borcurtrg.gif);
}
.DialogLeft {
	background: URL(images/borleftg.gif);
}
.DialogMiddle {
	background: URL(images/dialog_bg_ng.gif);
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}
.DialogRight {
	background: URL(images/borrightg.gif);
}
.DialogBottomLeft {
	background: URL(images/borcurblg.gif);
}
.DialogBottom {
	background: URL(images/borbotg.gif);
}
.DialogBottomRight {
	background: URL(images/borcurbrg.gif);
}
.DialogBlueTopLeft {
	background: URL(images/borcurtlb.gif);
}
.DialogBlueTop {
	background: URL(images/bortopb.gif);
}
.DialogBlueTopRight {
	background: URL(images/borcurtrb.gif);
}
.DialogBlueLeft {
	background: URL(images/borleftb.gif);
}
.DialogBlueRight {
	background: URL(images/borrightb.gif);
}
.DialogBlueBottomLeft {
	background: URL(images/borcurblb.gif);
}
.DialogBlueBottom {
	background: URL(images/borbotb.gif);
}
.DialogBlueBottomRight {
	background: URL(images/borcurbrb.gif);
}
.TabBarTopLeft {
	background: URL(images/bormencurtlb.gif);
}
.TabBarSquare {
	background: URL(images/bormenb.gif);
}
.TabBarTopRight {
	background: URL(images/bormencurtrb.gif);
}
.TabBarBottomLeft {
	background: URL(images/bormencurblb.gif);
}
.TabBarBottomRight {
	background: URL(images/bormencurbrb.gif);
}
.TabSpacer {
	background: URL(images/spacer_white.gif);
}
.Greenprogress {
	font-family: Arial;
	background: URL(images/greenprogbg.gif);
	color: #ffffff; font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.Blueprogress {
	font-family: Arial;
	background: URL(images/blueprogbg.gif);
	color: #ffffff; font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.Greyprogress {
	font-family: Arial;
	background: URL(images/greyprogbg.gif);
	color: #ffffff; font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.Redprogress {
	font-family: Arial;
	background: URL(images/redprogbg.gif);
	color: #ffffff; font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.Yellowprogress {
	font-family: Arial;
	background: URL(images/yellowprogbg.gif);
	color: #56aeeb; font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
.Greenarrow {
	font-family: Arial;
	background: URL(images/greenarrowbaselarge.gif);
	color: #ffffff; font-weight: bold; 
	font-size: 14px;
	text-decoration: none;
	text-align: right;
}
.Bluearrow {
	font-family: Arial;
	background: URL(images/bluearrowbaselarge.gif);
	color: #ffffff; font-weight: bold; 
	font-size: 14px;
	text-decoration: none;
	text-align: left;
}
.Button {
	font-family: Arial;
	background: URL(images/bluebutbg.gif);
	color: #ffffff;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
}
.Buttongreen {
	font-family: Arial;
	background: URL(images/greenbutbg.gif);
	color: #ffffff;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
}
.Buttonred {
	font-family: Arial;
	background: URL(images/redbutbg.gif);
	color: #ffffff;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
}
.Buttongrey {
	font-family: Arial;
	background: URL(images/greybutbg.gif);
	color: #ffffff;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
}
.Buttonyellow {
	font-family: Arial;
	background: URL(images/yellowbutbg.gif);
	color: #999999;
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
}
.popup_info{
	position: absolute; left: 5px; top: 5px;
	height: 180px;
	width: 290px;
}
/*************  end dialogs, buttons and tab bars   *************/