﻿/* GLOBAL */

body {
	font-family: Myriad, 'Lucida Grande', LucidaGrande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	color: #000000;
}

img {
	border: 0px;
}


/* MODAL POPUP */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/* BUTTONS */
/* largish black button background */
.btnImgB {
	/*background-image:url('../../images/itrak/btnb.gif');
	background-position: left center; 
	background-repeat: no-repeat;
	padding: 0px 0px 0px 35px;
	height: 30px; */
}
/* smallish black button background */
.btnImgBs {
	/*background-image:url('../../images/itrak/btnbs.gif');
	background-position: left center; 
	background-repeat: no-repeat; 
	padding: 0px 0px 0px 20px;*/
}
/* largish black button background */
.btnImgW {
	/*background-image:url('../../images/itrak/btnw.gif');
	background-position: left center; 
	background-repeat: no-repeat;
	padding: 0px 0px 0px 35px;
	height: 45px;
	vertical-align: middle; */
}
/* smallish white button background */
.btnImgWS {
	/*background-image:url('../../images/itrak/btnws.gif');
	background-position: left center; 
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	height: 25px;
	vertical-align: middle; */
}

.btn .btnText {
	font-size: 16px;
}
.btn .btnSubText {
	font-size: 10px;
}

.btnS .btnText {
	font-size: 12px;
	vertical-align: middle;
}
.btnSubText {
	font-size: 9px;
}

.btn_underline .btnText {
	/* Using background image as IE doesn't like */
	background-image:  url("../../images/global/pixRed.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}


/* HEADINGS */

H1 {
	/*padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/
	/*margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;*/
	font-size: 20px;
	font-weight: normal;
	/* color: #444444; */
}

H2 {
	font-size: 18px;
	font-weight: normal;	
	/* color: #473d31; */
}


smartH1 {
	font-size: 20px;
	color: #FFFFFF;
	background-color: #d1242a;
}

.longHeader {
	width: 100%;
	background: url('../../images/itrak/interface/tile-footer1.gif') repeat-x;
	height:24px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}
.longSubHeader {
	width: 100%;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: thin;
	font-weight: bold;
}

.lostItem {
	margin: 5px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #606060;
	background-color: #f6f6f6;
}

.lostItemHeader {
	background-color: #bbbbbb;
}

/* FORMATTING */

.noWrap {
	white-space:nowrap;
}

.errorText {
	color: #ff0000;
	font-weight: bold;
}

.link {
	cursor: pointer;
}
.link:hover {
	cursor: pointer;
}

.noUnderline {
	text-decoration: none;
}


.hidden {
	display: none;
}

.smallText {
	font-size:10px;
}
.smallPrint {
	font-size: 9px;
}

.tPad5 {
	padding: 5px 0px 0px 0px;
}

/* TABLES */

.gridTable .gridHeader td {
	padding: 5px;
	background-image:  url("../../images/global/pixRed.gif");/* url("images/Wizard/wizBckgrnd.gif"); url("images/global/pixRed.gif");*/
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	/*border-bottom: 2px solid #ff0000;*/
}

.gridTable .gridItem td {
	padding: 5px;
	background-color: #f0f0f0;
	background-image:  url("../../images/global/pixRed_dotted.gif");/* url("images/Wizard/wizBckgrnd.gif"); url("images/global/pixRed.gif");*/
	background-repeat: repeat-x;
	background-position: bottom;
}
.gridTable .gridAltItem td {
	padding: 5px;
	background-image:  url("../../images/global/pixRed_dotted.gif");/* url("images/Wizard/wizBckgrnd.gif"); url("images/global/pixRed.gif");*/
	background-repeat: repeat-x;
	background-position: bottom;
}

/* FORMS */

.requiredText {
	color: #ff0000;
}

.blank tr td {
	color: Green;
	background-image: none;
	background-color: Transparent;
}

/* SHOP 
================================================ */

/* Product Grid */
.prodGridTable { vertical-align: top; }
.prodGridItem { padding: 0px 0px 20px 8px; text-align:left;}
.prodGridItem .prodImg { border: 1px solid #DDDDDD; }
.prodGridItem a:hover img.prodImg { border: 1px solid #222222; }
.prodGridItem .prodName { padding: 2px 0px 0px 0px; }
.prodGridItem .prodName a, .prodName a * { font-weight: normal; font-family:Arial; font-size:12px;}
.prodGridItem .prodName a:hover, .prodName a:hover * { text-decoration: underline;}
.prodGridItem .prodPrice {padding: 6px 0px 0px 0px; font-weight: normal; font-family:Arial; font-size:13px;}
.prodGridItem .prodQtyAdd {padding: 4px 0px 0px 0px;}
.prodGridItem .prodQty {font-weight: normal; font-family:Arial; font-size:10px;}

/* Product Details */
.prodDetailItem * { vertical-align: top;}
.prodDetailItem .prodImg { border: 1px solid #DDDDDD; }
.prodDetailItem .prodDetailGap { width: 16px; height:1px; }
.prodDetailItem .prodName, .prodDetailItem .prodName * { font-weight: bold; font-family:Arial; font-size:14px; color: #222222;}
.prodDetailItem .prodDesc { padding: 14px 0px 0px 0px; }
.prodDetailItem .prodPrice { padding: 6px 0px 0px 0px; }
.prodDetailItem .prodDelivery { padding: 6px 0px 0px 0px; }
.prodDetailItem .prodQty { padding: 16px 0px 0px 0px; }
.prodDetailItem .prodQtyTB { font-weight: normal; font-family:Arial; font-size:10px;}
.prodDetailItem .prodAdd { margin: 3px 0px 0px 0px; }
.prodDetailItem .prodDeliveryFree { color: #ff0000; }

.prodImgThumbsContainer {width: 250px; margin: 6px 0px 0px 0px;}
.prodImgThumbsTable { border: 0; padding: 0px; border-spacing:0px; margin:0px;}
.prodImgThumbsTd {padding: 5px;}
.prodImgThumbs {border: 1px solid #DDDDDD; }

.prodDetailGridSeparator {color: #AAAAAA; background-color: #AAAAAA; height: 1px; border: 1px; margin: 20px 0px 20px 0px;}

/* Product Grid Small */
.prodGridTableSmall { vertical-align: top; width: 140px;}
.prodGridItemSmall { padding: 0px 0px 20px 8px; text-align:left;}
.prodGridItemSmall .prodImg { border: 1px solid #DDDDDD; }
.prodGridItemSmall a:hover img.prodImg { border: 1px solid #222222; }
.prodGridItemSmall .prodName { padding: 2px 0px 0px 0px; }
.prodGridItemSmall .prodName b, .prodGridItemSmall .prodName a, .prodName a * { font-weight: normal; font-family:Arial; font-size:11px;}
.prodGridItemSmall .prodName a:hover, .prodName a:hover * { text-decoration: underline;}
.prodGridItemSmall .prodPrice {padding: 3px 0px 0px 0px; font-weight: normal; font-family:Arial; font-size:11px; color: #666666;}
.prodGridItemSmall .prodDiscountedPrice {padding: 3px 0px 0px 0px; font-weight: normal; font-family:Arial; font-size:11px; color: #ff2222;}
.prodGridItemSmall .prodNormalPrice {padding: 3px 0px 0px 0px; font-weight: normal; font-family:Arial; font-size:11px; color: #666666; text-decoration: line-through;}
.prodGridItemSmall .prodQtyAdd {padding: 4px 0px 0px 0px;}
.prodGridItemSmall .prodQty {font-weight: normal; font-family:Arial; font-size:10px;}

/* Reg Offers */
.regRenewOfferTable { border: 0; padding: 0px; border-spacing:0px; margin:0px; 
	background-image: url("../../images/promotions/regOffer/grey_tile.jpg"); 
	background-repeat: repeat-x; vertical-align: top; text-align: left;}

.regRenewOfferLeftTD   {padding: 0px; margin: 0px; vertical-align: top;}
.regRenewOfferMiddleTD {padding: 0px; margin: 0px; vertical-align: middle;}
.regRenewOfferRightTD  {width:154px; vertical-align: top; padding: 12px 10px 10px 10px;} /* 154px;}*/
.regRenewOfferExtendFor {font-size: 14px; font-weight: bold; margin: 0px 0px 2px 0px;}
a.regOfferBox {width: 135px; color: #000000; background-image: url("../../images/promotions/regOffer/150_150_steel_grad_background.jpg"); background-position: center center; border: 2px dashed #111111; display: block; margin: 6px 0px 8px 5px; padding: 5px 4px 5px 4px; text-decoration: none;}
a.regOfferBox_hover {width: 135px; color: #ffffff; background-color: #666666; border: 2px dashed #111111; display: block; margin: 6px 0px 5px 5px; padding: 5px 4px 5px 4px; text-decoration: none;}
a.regOfferBox:hover {border: 2px dashed #111111; color: #000000;  background-image: url("../../images/promotions/regOffer/150_150_green_grad_background.jpg"); background-position: center center; }

.regOfferLine {text-align: center; /*color: #ffffff;*/ padding: 0px 5px 5px 0px; font-weight: bold; font-size: 12px;}
.regOfferSaving {color: #D82425; text-align: center; font-weight: bold;}

.regOfferTitleArea { margin: 0px 0px 10px 0px}

.regOfferPrice{
}
.regOfferNormalPrice {
	color: #666666;
	text-decoration: line-through;
}
.regOfferDiscountedPrice {
	color: #ff0000;
}

/* Renewal Offers */
.renewalOfferYearsOptions * {text-align: left; vertical-align: top;}
.renewalOfferYearsOptions .RenewYearsOptionAdd {padding: 0px 0px 0px 25px;}

/* Renewal Page Offers */
.renewCodesOffers a {
	margin: 11px 5px 13px 10px;
	float: left;
}



/* ITINERARY
================================================ */

.itinDate {
	width: 100%;
	background: url('../../images/itrak/interface/tile-footer1.gif') repeat-x;
	height:22px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}

.itinEventType {
	text-align: center;
}
.itinDateTable {
	margin: 15px 0px 0px 0px;
	width: 100%;	
}

.itinEventTable {
	width: 100%;
}

.itinEventDetails {
	padding: 2px 2px 2px 15px;	
}

.itinEventTable .itinEvent {
	padding: 5px;
	background-color: #ffffff;
	background-image:  url("../../images/global/pixRed_dotted.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.itinEventTable .itinEventAlt {
	padding: 5px;
	background-color: #f0f0f0;
	background-image:  url("../../images/global/pixRed_dotted.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

.itinEventViewToDepartGap {
	height: 10px;
}


.itinEventInnerTable {
	width: 100%;
}

.itinEventViewNotes {
	margin: 0px 10px 0px 0px;
	width: 400px;
	border: 1px solid #888888;
	padding: 5px;
}
.itinEventViewNotesTitle {
	margin: 20px 10px 0px 0px;
	position: relative;
	font-size: 12px;
}

.itinEventDetailsEditDeleteBtns {
	text-align: right;
	padding: 5px 5px 0px 0px;
}

.itineraryEventAccommodation .AccomName, .itineraryEventAccommodation .AccomTel {
	padding: 0px 0px 10px 0px;
}

.itineraryEventOther .OtherType {
	font-weight: bold;
}
.itineraryEventOther .OtherType,
.itineraryEventOther .OtherRef,
.itineraryEventOther .OtherTel,
.itineraryEventOther .OtherTo {
	padding: 0px 0px 10px 0px;
}

.ItineraryPrintViewOption {
	text-align: right;	
	padding: 10px 10px 0px 10px;
}

.itineraryViewTagsTitle {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.itineraryViewItineraryTitle {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
.itineraryTags {
	width: 760px;
	margin: 10px 0px 5px 0px;
	border: 1px solid #888888;
	padding: 5px;
}