/***************************************************
 * i-TRAK Classes
 * 
 */


/* GLOBAL */

body {
	font-size: 12px;
	color: #000000;
}
* {
	font-family: Arial;
	/*font-size: 12px;*/
	font-size: inherit;
	/*color: inherit;*/
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;	
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #65A5BC;
	text-decoration: none;	
}


img {
	border: 0px;
}

p {
	margin: 1em 0px 1em 0px;
	padding: 0px;
}


/* BORDERED AREAS
/* black
.bordered_b {
	overflow: hidden;
	background: url("../../images/itrak/cornerBLb.gif") no-repeat left bottom;
}
.bordered-outer_b {
	background: url("../../images/itrak/cornerBRb.gif") no-repeat right bottom;
}
.bordered-inner_b {
	background: url("../../images/itrak/cornerTLb.gif") no-repeat left top;
}
.bordered-inner_b .bordered-content_b {
	overflow: hidden;
	background: url("../../images/itrak/cornerTRb.gif") no-repeat right top;
	/*padding: 10px 10px 10px 10px;
	text-align: Left;
}
.border-content_b a {
	color: #D1E931;
}

/* white 
.bordered_w {
	overflow: hidden;
	background: url("../../images/itrak/cornerBLw.gif") no-repeat left bottom;
}
.bordered-outer_w {
	background: url("../../images/itrak/cornerBRw.gif") no-repeat right bottom;
}
.bordered-inner_w {
	background: url("../../images/itrak/cornerTLw.gif") no-repeat left top;
}
.bordered-inner_w .bordered-content_w {
	overflow: hidden;
	background: url("../../images/itrak/cornerTRw.gif") no-repeat right top;
	/*padding: 10px 10px 10px 10px;
	text-align: Left;
	/*font-size: 14px;
}
.border-content_w a {
	color: #d1242a;
}
*/

.bookEdge {
	background-repeat:repeat-y;
	background-image: url(../images/general/spiralbind.jpg);
	width: 40px;
}

/* 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/pixOrange.gif");*/
	background-repeat: repeat-x;
	background-position: bottom;
}


/* HEADINGS */


smartH1 {
	font-size: 20px;
	color: #FFFFFF;
	background-color: #d1242a;
}

.longHeader {
	width: 100%;
	/*background-color: #eef2b7;*/
	background-color: #e1e7d9;
	background: #e1e7d9;
	color: #698f0d;
	height:24px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}
.longSubHeader {
	width: 100%;
	border-bottom-style: solid;
	border-bottom-color: #698f0d;
	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 */

.hr {
	width: 100%;
	height: 2px;
	border: 0;
	background-color: #858585;
	margin: 15px 0px 15px 0px;
}

.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/brands/samtrak/pixGreen.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/brands/samtrak/pixGreen_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/brands/samtrak/pixGreen_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;
}

.textbox {
	width: 150px;
	font-size: 11px;
}
.dropdown {
	font-size: 11px;
}

.loginTextbox {
	font-size: 11px;
}

/*********************************
  Style Sheet by Blueygreen 
 *********************************/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	border: 0;
	padding: 0;
	margin: 0;
	color: #333;
	text-align: center; /*ie5 for PC hack - ie5 'incorrectly' centers the block level element - which is what we want to take advantage of here*/
	background: #e7e7e7 url(../../images/brands/samtrak/bg-tilex.jpg) top repeat-x;
	}
	
.hide {
	display: none;
	}
	
.clearer {
   clear:both;
   height:0;
   overflow:hidden;
   margin-top:-1px; 
   }	
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}
 /* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
 
 
.floatleft { float: left; }
.floatright { float: right; }



div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
p, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	}

p {
	margin-top: 0;
	margin-bottom: 1.4em;
	}

h1 {
	font: 2.5em Arial, Verdana, sans-serif;
	margin-bottom: 20px;
	padding-bottom: 5px;
	margin-top: 0;
	padding-top: 0;
	color: #666;
	letter-spacing: -1px;
	}
	

h2 {
	font: 2.5em Arial, Verdana, sans-serif;
	margin-bottom: 20px;
	padding-bottom: 5px;
	margin-top: 0;
	padding-top: 0;
	color: #666;
	letter-spacing: -1px;
	}

h3 {
	font: 1.6em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
	padding-bottom: 0;
	margin-top: 0;
	}

h4 {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	}

a:link {
   font-weight:bold;
   color:#698f0d;
   text-decoration:none;
   }
   
a:visited {
   font-weight:bold;
   color:#698f0d;
   text-decoration:none;
   }
    
a:hover {
   /*text-decoration:underline;*/
   font-weight:bold;
   color: #000000;
   }
   
a:active {
	color: #000000;
	}

a img {
   border:0;
   } 
   
strong {
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
	}

em {
	font-style: italic;
	}

table {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	/* this sets font size to 1em for each table, for the purpose of IE5 which botches inheritance */
	}
	
address {
	font-style: normal;
	font: 1.2em/1.7em Arial, Helvetica, sans-serif;
	}

ul.nobulletlist { padding-left: 0; margin-left: 0; list-style: none; }
ul.nobulletlist li { padding-bottom: 2em; }





/* ----------- Overall Layout ------------- */


#outercontainer {
	margin: 0 auto; /*centres the site*/
	width: 100%;
	text-align: center;
	background: url(../../images/brands/samtrak/bgsh.gif) 50% 0 repeat-y;
	} 
	
	
/* ----------- Masthead  ------------- */



#mastheadcontainer {
	margin: 0 auto;
	width: 100%;
	height: 153px;
	text-align: center;
	padding: 0;
	background: transparent url(../../images/brands/samtrak/bg-tiletop.jpg) 50% 0 no-repeat;
	}




#mastheadcontainer h1 {
	width: 230px;
	height: 80px;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	font: 0.4em/0.6em Arial, Helvetica, sans-serif;
	color: #333;
	float: left;
	display: inline;
	background-color: #000;
	}

#mastheadcontainer h1 span {
	background: #000 url(../../images/brands/samtrak/mast1.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#mastheadcontainer p#irb {
	width: 530px;
	height: 80px;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	font: 0.4em/0.6em Arial, Helvetica, sans-serif;
	color: #333;
	float: left;
	display: inline;
	background-color: #000;
	}

#mastheadcontainer p#irb span {
	background: #000 url(../../images/brands/samtrak/mast2.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#masthead {
	margin: 0 auto;
	width: 760px;
	height: 153px;
	text-align: center;
	padding: 0;
	}
	
#masthead p {
	margin: 0;
	padding: 0;
	float: left;
	}

#logolink {
	margin-right: 530px;
	}

#printedlogo {
	display: none;
	}




/* ----------- Content area  ------------- */

	
#contentcontainer {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding-top: 0;
	margin-top: -2px;
	font-size: 1em;
	background: transparent url(../../images/brands/samtrak/bg-tile-edges.jpg) 50% 0 repeat-y;
	}


#contentarea {
	margin: 0 auto;
	width: 760px;
	font-size: 1em;
	text-align: center;
	padding-top: 30px;
	}



#sidecol {
	float: left;
	font-size: 1em;
	padding: 0;
	text-align: left;
	width: 160px;
	}



#textcontent {
	padding: 0;
	margin: 0;
	text-align: left;
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	width: 550px;
	margin-right: 25px;
	margin-left: 25px;
	float: right;
	}

* html #textcontent {
	display: inline; /* fixes IE double float bug - using Tan hack */
	}



/* -----------Side links  ------------- */

#sidecol ul { text-align: left; margin: 0; padding: 0; }
#sidecol ul, #sidecol ul li { font-size: 1em; }

#sidecol ul li { 
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 160px;
	display: inline; /* removes gaps in IE */
	}


#sidecol ul li a { 
	display: block;
	background: transparent url(../../images/brands/samtrak/sep1.gif) bottom left repeat-x;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	font: bold 1.2em/2.4em Myriad, 'Lucida Grande', LucidaGrande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #698f0d;
	width: 160px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 140px; /* actual value */	
	}
/* Be nice to Opera */
html>body #sidecol ul li a {
	width: 140px;
	}

#sidecol ul li a:visited { color: #698f0d; }
#sidecol ul li a:hover { background-color: #fff; text-decoration: none; color: #000; }
#sidecol ul li a:active { background-color: #D9E151; text-decoration: none; color: #000; }



.sideCtrls table, .sideCtrls div {
	margin: 0px auto 0px auto;	
}


/* ---------- Content twocolumn ------- */


body#twocolumn #textside {
	width: 330px;
	float: left;
	}

body#twocolumn #imageside {
	width: 200px;
	float: right;
	}




/* ---------- Miscellaneous ------- */

p.firstimg { margin: 0 0 40px 0; padding: 0;}

h2.entryh2 { margin-bottom: 20px; padding-bottom: 0; }


#entrysteps h3 { 
	color: #000000;
	font: bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
	padding-bottom: 0;
	padding-left: 99px;
	}

#entrysteps p {
	font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	color: #666;
	padding-left: 99px;
	}


#register { margin-bottom: 15px; margin-left: 0; padding-left: 5px; height: 115px; background: transparent url(../../images/brands/samtrak/123-register.jpg) 0 0 no-repeat; }
#attach { margin-bottom: 15px; margin-left: 40px; padding-left: 5px; height: 115px; background: transparent url(../../images/brands/samtrak/123-attach.jpg) 0 0 no-repeat; }
#travel { margin-bottom: 15px; margin-left: 80px; padding-left: 5px; height: 115px; background: transparent url(../../images/brands/samtrak/123-travel.jpg) 0 0 no-repeat; }
.introtext { font-weight: bold; font-size: 1.2em;}

#entrysteps p a, #entrysteps p a:link, #entrysteps p a:visited { text-decoration: underline; }

ul.list1 { list-style: none; margin-left: 0; margin-bottom: 20px; }
ul.list1 li { background: url(../../images/brands/samtrak/bullet1.gif) 0 0.6em no-repeat; padding-left: 13px; padding-right: 8px; color: #666; }



/* ----------- Quick Registration panel  ------------- */
			
.panel { margin: 0 auto; width: 200px; text-align: left; }
.panel h4 { padding: 10px 0 0 15px; background: #e7e7e7 url(../../images/brands/samtrak/panel-top.gif) no-repeat; margin: 0; margin-bottom: -2px; font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #000; }
.panelmid { width: 200px; margin: 0; padding: 0; padding-bottom: 4px; background: #e7e7e7 url(../../images/brands/samtrak/panel-blue-mid.jpg) top left no-repeat; }
.panel p { width: 170px; margin: 0 15px 0 15px; padding: 0; text-align: left; font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif; }
.panel div.panelbtm { width: 200px; height: 11px; background: #e7e7e7 url(../../images/brands/samtrak/panel-btm.gif) top left no-repeat; }
.panel label { font: 0.9em/1.3em Verdana, Arial, Helvetica, sans-serif; }
.panel form { margin: 0; padding: 0; }




/* ----------- Footer area  ------------- */

#footercontainer {
	margin: 0 auto;
	width: 100%;
	height: 13px;
	text-align: center;
	padding: 0;
	background: transparent url(../../images/brands/samtrak/bg-tile-btm.jpg) 50% 0 no-repeat;
	}
	
#footer {
	margin: 0 auto;
	width: 760px;
	font-size: 1em;
	text-align: center;
	}


p.footerline { font-size: 0.9em; text-align: right; padding-bottom: 5px; margin-bottom: 0; }		

/* ----------- Buy Labels  ------------- */

#buylabels h3 { background-color: #99b25e; color: #fff; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 0 0 10px; margin: 0; }
#buylabels h3.greyh3 { background-color: #666; color: #fff; }
#buylabels h3.grey2h3 { background-color: #999; color: #fff; }
#buylabels ul.thumb1,
#buylabels ul.thumb2,
#buylabels ul.thumb3 { margin-left: 0; padding-left: 85px; list-style: none; margin-bottom: 40px; }

#buylabels ul.thumb1 { background: #fff url(../../images/brands/samtrak/thumb-classicluggage.gif) top left no-repeat; }
#buylabels ul.thumb2 { background: #fff url(../../images/brands/samtrak/thumb-classictravel.gif) top left no-repeat; }
#buylabels ul.thumb3 { background: #fff url(../../images/brands/samtrak/thumb-deluxe.gif) top left no-repeat; }


/* -- Hover button -- */

#hoverbtnxouter {width: 195px; margin: 40px auto;}
#hoverbtnxouter a {border:none;}
#hoverbtnxouter a:hover img {visibility:hidden;}/* both IE/win and mac */
#hoverbtnxouter a {display:inline-block;}/* \*/
html #hoverbtnxouter a {display:block;}/* end hiding from IE/mac */


ul#hoverbtnx {margin:0; padding:0; list-style:none;}
ul#hoverbtnx li {margin:0;padding:0;}

.btn1 { background:url(../../images/brands/samtrak/btn-buysamtrak-r.jpg) bottom left no-repeat; }

ul#hoverbtnx {w\idth:195px; /* must hide from IE5.5/win, instead use container to limit width */}
* html #hoverbtnxouter {
    width:195px; /* for IE5.5/win */
    w\idth:auto;
    }
    
ul#hoverbtnx li a {
    display:block;
    height:31px;
    border:none;
    text-decoration:none;
    }
ul#hoverbtnx li a.btn1 {height:44px;}    

ul#hoverbtnx li a img {
    border:none;
    vertical-align:bottom; /* for IE6 */
    }
    
ul#hoverbtnx li a:hover img {visibility:visible;}
ul#hoverbtnx li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
    }
    
/* fixes for IE/win \*/
* html ul#hoverbtnx li a {cursor:hand;}
* html ul#hoverbtnx li a:hover {height:1%;}
/* */

ul#hoverbtnx { margin: 0; padding: 0; }



/* -- Hover button BUY IT -- */

#hoverbtnyouter {width: 138px; margin: 40px 0;}
#hoverbtnyouter a {border:none;}
#hoverbtnyouter a:hover img {visibility:hidden;}/* both IE/win and mac */
#hoverbtnyouter a {display:inline-block;}/* \*/
html #hoverbtnyouter a {display:block;}/* end hiding from IE/mac */


ul#hoverbtny {margin:0; padding:0; list-style:none;}
ul#hoverbtny li {margin:0;padding:0;}

.btn2 { background:url(../../images/brands/samtrak/btn-buyit-r.jpg) bottom left no-repeat; }

ul#hoverbtny {w\idth:138px; /* must hide from IE5.5/win, instead use container to limit width */}
* html #hoverbtnyouter {
    width:138px; /* for IE5.5/win */
    w\idth:auto;
    }
    
ul#hoverbtny li a {
    display:block;
    height:31px;
    border:none;
    text-decoration:none;
    }
ul#hoverbtny li a.btn2 {height:44px;}    

ul#hoverbtny li a img {
    border:none;
    vertical-align:bottom; /* for IE6 */
    }
    
ul#hoverbtny li a:hover img {visibility:visible;}
ul#hoverbtny li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
    }
    
/* fixes for IE/win \*/
* html ul#hoverbtny li a {cursor:hand;}
* html ul#hoverbtny li a:hover {height:1%;}
/* */

ul#hoverbtny { margin: 0; padding: 0; }




/* ----------- Side login box  ------------- */

.acctboxcontainer { width: 160px; margin-top: 25px; border-top: 1px solid #aebc9a; border-bottom: 1px solid #aebc9a; background-color: #d2dbc6;padding: 0 0 6px 0; }
.acctbox { width: 140px; margin: 0; }
.acctboxcontainer h4 { margin-top: 0px; padding-left: 15px; color: #fff; font: bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; background-color: #aebc9a; }
.acctbox p { margin: 0 0 8px 20px; padding: 0; }
.acctbox label { font-size: 1.2em; }
.acctboxsignin { width: 120px; margin-top: 11px; margin-bottom: 0; padding-bottom: 0; }
.acctboxsignin a, .acctboxsignin a:link { font-weight: normal; color: #666; text-decoration: underline; }



/* SHOP 
================================================ */

/* Product Grid */
.prodGridTable { vertical-align: top; width: 180px; }
.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 .prodAdd {padding: 0px 20px 0px 10px;}
.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 .normalPrice { padding: 6px 0px 0px 0px; text-decoration: line-through;}
.prodDetailItem .discountedPrice { padding: 6px 0px 0px 0px; color: #ff0000;}
.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 .prodInfoDeliveryCharges { padding: 5px 0px 5px 0px; }
.prodDetailItem .prodAdd { margin: 5px 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;}

.inlineSubProductTable {
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
}
.inlineSubProductTable .inlineSubProduct td {
	/*border-top: solid 1px #ff0000;
	border-bottom: solid 1px #ff0000;*/
	padding: 8px 5px;
	/*margin: -1px 0px 0px 0px;*/
	width: 100%;
}
.inlineSubProductTable .inlineSubProductAlt td{
	background-color: #f0f0f0;
	padding: 8px 5px;
	width: 100%;
}
.inlineSubProduct .inlineOption, .inlineSubProductAlt .inlineOption {
	padding: 0px 5px 0px 0px;
	/*display: inline;
	float: left;*/
}
.inlineSubProduct .inlineSelectOption, .inlineSubProductAlt .inlineSelectOption {
	padding: 0px 5px 0px 0px;
	padding: 5;
	white-space: nowrap;
}
.inlineSubProduct .inlineSelectOption select, .inlineSubProductAlt .inlineSelectOption select {
	font-size: 100%;
	/*float: left;*/
}
.inlineSubProduct .inlinePrice, .inlineSubProductAlt .inlinePrice {
	padding: 0px 5px 0px 0px;
	white-space: nowrap;
	font-weight: bold;
}

.inlineSubProduct .inlineAdd, .inlineSubProductAlt .inlineAdd {
	font-size: 100%;
	text-align: right;
	padding: 0px 5px 0px 0px;
	/*display: block;*/
	width: 100%;
	white-space: nowrap;
}

.inlineSubProduct .inlineAdd select, .inlineSubProductAlt .inlineAdd select {
	font-size: 100%;
}

.prodMoreOptions {
	/*text-align: center;*/
	/*padding: 5px;*/
	margin: 5px 0px 5px 0px;
	/*border: 2px #ff2222 solid;*/
}


/* 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;}


/* Breadcrumbs */
.productInfoCrumbs {
	font-size: 11px;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 14px 0px;
	border-color: #aaaaaa;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}
.shopProductSelectCrumbs {
	font-size: 11px;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 14px 0px;
	border-color: #aaaaaa;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}
.categoryHeader {
	margin: 0px 0px 10px 8px;
}

/* shopProductSelect */
.shopProductSelectContent {
	width: 560px;
	padding: 0px;
	margin: 0px;	
}

/* 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;
}


/* Delivery Charges Explained */
.deliveryChargesTable {
	border-collapse: collapse;
}
.deliveryChargesTable th {
	white-space: nowrap;
}
.deliveryChargesTable th, .deliveryChargesTable td {
	text-align: left;
	border: 1px solid #aaaaaa;
	padding: 5px;
}

/* Checkout Address */
.checkoutAddressTable {
	width: 550px;	
}
.checkoutAddressDetails, .checkoutAddressPDetails {
	vertical-align: top;
	padding: 0px 35px 0px 0px;
}
.checkoutAddressLogin {
	padding: 0px 0px 0px 35px;
	vertical-align: top;
	border-left: 1px solid #aaaaaa;
}
.checkoutCopyBilling {
	padding: 0px 0px 15px 0px;
}

/* Checkout */

.checkoutBasketItemsPanel table {
	width: 550px;
	margin: 0px 0px 10px 0px;
}

.checkoutDispatchBreakdownPanel table {
	width: 545px;
}
.checkoutTotals {
	margin: 5px 0px 15px 0px;
}

.dispatchGroupHeader {
	display: block;
	background: url('../../images/itrak/interface/tile-footer1.gif') repeat-x;
	height:24px;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 3px 3px 3px;
	margin: -1px 0px 0px 0px;
}
.dispatchGroup {
	border: 1px solid #c2cb2e;
	margin: 0px 0px 10px 0px;
	width: 545px;
	padding: 0px;
}
.dispatchGroup table {
	width: 535px;
}
.dispatchGroupContents {
	padding: 5px;
}
.dispatchGroupPandP {
	margin: 0px 0px 0px 0px;
}
.dispatchGroupPandP select {
	font-size: 100%;
}
.totalOrderValue {
	padding: 10px 0px 10px 0px;
}
.totalOrderValueCost {
	font-weight: bold;
}
.CheckoutAddressDetails {
	width: 100%;
}
.CheckoutAddressDetails tr td {
	padding: 0px 10px 10px 0px;
	width: 50%;
}

.checkoutNoDeliveryNotice {
	font-style: italic;
	margin: 5px 0px 10px 0px;
}


/* 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/brands/samtrak/pixGreen_dotted.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.itinEventTable .itinEventAlt {
	padding: 5px;
	background-color: #f0f0f0;
	background-image:  url("../../images/brands/samtrak/pixGreen_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;
}
.itineraryTagListID {
	/*color: #00C000;*/
	font-weight: bold;
}
.itineraryTagListDescription {
	/*color: #00C000;	*/
}
.itineraryTags {
	margin: 10px 0px 5px 0px;
	border: 1px solid #888888;
	padding: 5px;
}
