/* --------------------------------------------------------------------------------------------------
File:		Screen Styles
Barista:   	Adriana Watanabe @ C4
Born:     	September 2009
-------------------------------------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,hr,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html, body {height:100%; margin:0; padding:0}
@-moz-document url-prefix() {
  #aspnetForm { font-size:50%; }
}
#aspnetForm { *font-size:50%; }
.span12 ul {margin-right:20px; list-style-type:none}
.span12 ul li { padding: 0 0 0 20px; margin: 0 0 5px 0; background: url(/resources/images/arrowBlue.png) no-repeat; background-position: 0 3px  }
#nav, #header ul, #topHeader ul, #footerTop ul, .GlobalSites ul, ul.thirdnav, .popAirportStores ul, #breadcrumb ul, .subnav ul {display:none; list-style-type: none; margin:0; padding:0; list-style-image:none}
table {border-collapse:separate;border-spacing:0/* tables still need 'cellspacing="0" */}
caption,th,td {text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
blockquote p { margin: 0 2em 1em}
option,select {min-width:1.5em}
ins {text-decoration:none}
del {text-decoration:line-through}
img,a img {border:0}

/* -------------------------------------------------------------------------------------------------
LAYOUT: Respect: http://code.google.com/p/blueprintcss/
----------------------------------------------------------------------------------------------------
Page is 980px wide - 2x20px gutters = 940px content area
Content Grid is 15 columns @ 44px with 20px gutters
-------------------------------------------------------------------------------------------------- */
#wrapper {position: relative; min-height:100%; z-index:1}
#wrapper2 {position: relative; min-height:100%; width:100%}
#wrap,#contentwrap,#content,#sidebar {position:relative}
#sidebar {display:inline}
#wrap {margin:0 auto;text-align:left;  }
#contentwrap {margin:0;}
#contentwrap2 {margin:0 auto; width:650px; position:relative; overflow:hidden}
#headerwrap, #headerwrap2 { width:90%; }
#headerChart {position: relative; overflow:hidden}
#headercontainer, #footer {  margin: 0 auto; overflow:hidden}
#headercontainer {position:relative}
#footerwrap { }
#content {margin:0 0 20px 0;padding:25px 0px 0 0px;z-index: 200}
#content2 {width:960px;margin:0 0 20px 0;padding:10px 20px 0 0;z-index: 200}
.page, .page2, .page3 { position:relative; margin:0; padding:0; border:0; float:left; display:inline; width:100% }


/* Columns (span+# (space) right/left */
.columns {margin:0 0 25px;clear:both; display:inline}
.span0,.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15, .span16, .span17, .span18, .span19, .span20, .span21, .span22, .span23, .span24, .span25, .span26, .span27, .span28, .span29, .span30, .span31, .span100 {float:left; position:relative; display:inline}
.span0 {width:20px} .span1 {width:40px}.span2 {width:100px}.span3 {width:160px}.span4 {width:220px}.span5 {width:280px}
.span6 {width:340px}.span7 {width:400px}.span8 {width:460px}.span9 {width:520px}.span10 {width:580px}
.span11 {width:640px}.span12 {}.span13 {width:760px}.span14 {width:820px}.span15 {width:880px} .span16 {width:940px}
.span17 {width:84px} .span18 {width:68px} .span19 {width: 209px} .span20{} .span21 {width:670px} .span22 {width:178px} .span23 {width: 680px} .span24 {width: 200px} .span25 {width:358px} .span26 {width:308px} .span27 {width:130px} .span28 {width:302px} .span29 {width:110px} .span30 { width:58px} .span31 { width: 120px} .span100{ width:100%}
.space {margin:20px}
.spaceR {margin-right:20px}
.spaceL {margin-left:20px}
.spaceR1 {margin-right:10px}
.spaceL1 {margin-left:10px}
.spaceLR {margin:0 20px}
.spaceT {margin-top:20px}
.spaceB {margin-bottom:20px}
.spaceTB {margin:20px 0} 

/* Clearing */
.clear,#content,.columns,.abstract {display:inline-block}
.clear:after,#content:after,.columns:after,.abstract:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
* html .clear,* html #content,* html .columns,* html .abstract {height:1%}
.clear,#content,.columns,.abstract {display:block}
.clearL {clear:left}
.clearR {clear:right}
.clearB {clear:both}

/* -------------------------------------------------------------------------------------------------
ACCESSIBILITY
-------------------------------------------------------------------------------------------------- */
#travelex-accesslinks { display:none}


/* -------------------------------------------------------------------------------------------------
TYPOGRAPHY: Browser default: 12px = 1.2em
-------------------------------------------------------------------------------------------------- */
body {font:62.5%/1.4 Arial,Helvetica,sans-serif}
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight:bold}
h1 {font-size:2.2em;line-height:1.2; color: #009; margin-bottom:20px; margin-top:10px;font-weight:normal}
h2 {font-size:1.4em;line-height:1.2; color: #009; margin-bottom:15px}
h3 {font-size:1.2em;line-height:1.2; color:#009; font-weight:normal; margin-top:20px}
h4 {font-size:1em;line-height:1.2; color: #333}
h5 {font-size:1em; color: #009}
h6 {font-size:1.5em;color: #FFF}

/* Basic text elements */
input,select,th,td {font-size:1em}
p {margin:0 0 1em}
p.last {margin-bottom:0}
ol {list-style-type:decimal;margin-left:2em}
dl {margin:0 0 1em}
dl dt {font-weight:bold}
dd {margin-left:1.5em}
cite {font-style:italic}
abbr,acronym {border-bottom:1px dotted #666}
address {margin-top:1.5em; font-style:italic}
del {color:#666}
a {color:#06c;text-decoration:none}
strong {font-weight:bold}
em,dfn {font-style:italic}
dfn {font-weight:bold}
hr {background:#ccc;border:0;color:#ccc;height:1px;margin:0 0 15px;line-height:0;float:none}

/* 
-------------------------------------------------------------------------------------------------
DESIGN
-------------------------------------------------------------------------------------------------- */
#wrap {font-size:1.2em}
#wrapper2 {background:url(/resources/images/BgChart.jpg) repeat-x}
#content, #content2 {background:#f4f4f4; border:1px solid #ccc; padding-bottom:20px; overflow:hidden}
.page, .smallpage { border: 1px solid #CCC; padding: 15px}
.page2, .page3 {border: 1px solid #CCC; background:#FFF }
.page2 {padding: 20px 0;width: 940px}
.page3 {padding: 20px;width: 900px}
.page { }
.smallpage {width:188px; background:#fff; margin-top:20px}

/* Generic elements
-------------------------------------------------------------- */
.aR {text-align:right}
.aL {text-align:left}
.aC {text-align:center}
.aM {vertical-align:middle}
.aT { vertical-align:top}
.titleBlue { background:#fff url(/resources/images/TitleBlueBg.gif) repeat-x top; padding: 5px 15px 15px; overflow:hidden; margin:0}
.titleBlue2 {background: url(/resources/images/TitleBlueBg02.gif) repeat-x; padding:3px 10px; overflow:hidden; color:#FFF; font-weight:bold; margin-bottom:5px}
.titlePurple { background: #fff url(/resources/images/TitlePurpleBg.gif) repeat-x top; padding: 5px 0 15px; margin:0}
.titleSmall { font-weight:bold; margin:0; padding:0; color: #999; font-size:0.8em}
.floatL { float:left}
.floatR { float:right}
.marginT10 { margin-top:10px}
.marginT20 { margin-top:20px}
.marginB10 { margin-bottom:10px}
.marginB20 { margin-bottom: 20px}
.PL15 {padding-left:15px}
.PT10 {padding-top:10px}
.fontS9 { font-size:0.9em}
.width50 {width:50px}
.width60 {width:60px}
.width100 { width:100px}
.width125 { width:125px}
.width180 {width:180px}
.width200 { width:200px}
.width220 {width:220px}
.width240{width:240px}
.width280 {width:280px}
.border { border: 1px solid #CCC; padding: 10px 10px 0}
.borderT { border-top: 1px dotted #CCC; padding-top: 10px}
.borderB { border-bottom: 1px dotted #CCC; padding-bottom: 10px}
.borderTB  { border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; padding: 10px 0}
.borderRow1 {padding: 5px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; position:relative; overflow:hidden}
.borderRow2 { padding: 5px; position:relative; overflow:hidden}
.paymentNotes ul.bulletList { list-style-type: square; margin-left:2em; padding-top:0}
a.link { font-size:0.9em; text-decoration: underline; color: #009}
.white { color:#FFF}
.red { color: #F00}
.blue {color:#009}
.btn {display:none; background: url(/resources/images/Btn_BgNext.png) no-repeat; width:48px} 
.btnMedium {display:none; background: url(/resources/images/Btn_BgMedium.png) no-repeat; width:94px} 
.btnGray {display:none; background: url(/resources/images/Btn_BgGray.png) no-repeat; width:58px}  
.btnLarge {display:none;border:0; color:#FFF; background: url(/resources/images/btn_BgLarge.png) no-repeat; font-size:1.2em; font-weight:bold; width:112px; height:29px; text-align:center}
.btnXLarge {display:none;border:0; color:#FFF; background: url(/resources/images/btn_BgXL.png) no-repeat; font-size:1.2em; font-weight:bold; width:153px; height:29px; text-align:center}
.btnMedium, .btn, .btnGray {display:none;border:0; color: #FFF; font-weight:bold; text-align:center; vertical-align:middle; height:27px; font-size:0.9em}
.tickbox { width:20px; vertical-align:middle}
.imgL { float:left; margin:0 15px 10px 0}


/* Header
-------------------------------------------------------------- */

#topHeader {clear:both;position:absolute; background: url(/resources/images/TopNavBg.gif) no-repeat; font-size:10px; color: #eee; right:0; top:0; z-index:2}
#topHeader ul li, #header ul li {position:relative;float:left;display:block;margin:0;padding:0;list-style-type:none;border:0; line-height:.94; }
#topHeader ul li img { vertical-align:middle}
#topHeader ul li a {color:#fff}
#topHR { margin-right:10px}
#topHL { margin: 2px 0 0 10px}
#topHeader #topHL a { color: #CCC}
#topHeader #topHL a.selected { font-weight: bold; color:#FFF;background: #5d6781; padding:5px}

#header {clear:both;position:relative;  font-size:11px; padding-top:21px; overflow:hidden; }
#header ul li { margin-right: 10px; font-weight: bold}
	#header h1 {position:relative;height:65px;z-index:2}
	#header h1 a {display:block; width:200px;height:65px;text-indent:-9000px;background:transparent url(/resources/images/TravelexLogo.gif) no-repeat left top}

#header ul li a { color: #333;display:block; width:auto; height:20px; text-align:center; line-height:20px; white-space:nowrap }
#header ul li.current a , #header ul li.current a:hover  { color: #FFF; background: url(/resources/images/individualsRight.gif) no-repeat right;width: auto; padding: 0 10px 0 0}

#header ul li.current { background: #7d8295 url(/resources/images/individualsLeft.gif) no-repeat left; height:20px; padding: 0 0 0 10px; vertical-align:middle; line-height:20px;margin:0; margin-right:10px } 
#header ul li a:hover { color:#009}
#headerL  { height: 65px; }
#headerR	{ height: 37px;  padding-top:28px}

#headerwrap { background:url(/resources/images/bodybg.jpg) repeat-x}
#headerwrap2 { background:url(/resources/images/bodybg02.jpg) repeat-x}
#headerChart {height:80px; width:650px}
#headerChart img { margin:15px}
#headerL2 {float: left}
#headerR2{float:right}


/* Navigation
-------------------------------------------------------------- */
#navwrap {position:relative; z-index:100; }
	#navwrap ul {border:0;margin:0}
	#nav {  }
	#nav li {position:relative;float:left;display:block;margin:0;padding:0;list-style-type:none;color:#fff;border:0}
	#nav li a {color:#333;font-weight:bold;font-size:11px;padding:10px 5px;line-height:.94;display:block}
	#nav li a:hover {color:#009;text-decoration:none}
	#nav li a.current {color:#009}
	#nav ul {display:none}
	
.subnav {width: 220px; float:left; position:relative; display:inline}
#subnavHeader {background: url(/resources/images/subnavheader.gif); height:23px; color:#FFF; font-size:16px; padding:7px 10px}
#subnavHeader a {color: #FFF}
#navigation {padding: 0; list-style:none; margin: 0 5px 0 10px}
li a.subnavlink { padding: 5px 0 5px 15px; border-bottom:1px dotted #999; display:block; color:#333; background:#060; background:url(/resources/images/subnavArrow2.gif) no-repeat left}
.thirdnav {border-bottom:1px dotted #999}
.thirdnav li { padding:5px 5px 5px 15px; font-size:0.9em}
.thirdnav li a { display:block}
.thirdnav li a:hover, a.selected01 { background:#f4f2f2; display:block} 
a.selected {font-weight:bold; color: #009}

/* Breadcrumb */
#breadcrumb { display:none;position:relative;clear:both;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:0;padding: 4px 0px;font-size:.9em;list-style:none;overflow:hidden;background: #fbfbfb url(/resources/images/breadcrumbBg.gif) repeat-x bottom}
#breadcrumb ul li {width:auto;float:left;padding:0 30px 0 0;margin:0 20px 0 0; background:url(/resources/images/breacrumbArrow.gif) right no-repeat}
#breadcrumb ul li a { color: #333}
#breadcrumb li.selected a[disabled=disabled] { font-weight:bold; color: #000}
#breadcrumb li.last	{ background:none}
#breadcrumb ul li a[disabled=disabled] {color: #CCC}

/* Tables
-------------------------------------------------------------- */
.tableContent { border: 1px solid #CCC;background:#f4f4f4; overflow:hidden;  padding: 5px 15px 15px}
.tableContent1 {border: 1px solid #CCC;background:#f4f4f4; overflow:hidden;width:426px;padding: 0.5em}
.tableProduct { border-bottom: 1px dotted #999; overflow:hidden; padding: 10px 0; width: 98%;}
.tableRow { width: 638px; margin-bottom:5px; position:relative; overflow:hidden}
.tableLabel { width:165px; margin-right:5px; float:left;position: relative; overflow:hidden}
.tableField {width:190px; margin-right:15px;float:left;position: relative; overflow:hidden}
.tableNotes{ width:250px;float:left;position: relative; font-size:0.9em}
.tableNotesBorder { width: 245px; float:left; position:relative; font-size:0.9em;border:1px dotted #CCC; padding:2px}

.OrderReceipt {width:95%;}
.OrderReceiptHeader {width: 98% !important;}
.print {display:none;}
					   

/* Table Currency General */
.headerLeft {position:absolute;left:0;top:0;height:28px;width:10px;background:none;/*for IE6*/overflow:hidden}
.headerRight {position:absolute;right:0;top:0;height:28px;width:10px;background:none;/*for IE6*/overflow:hidden}
.tableLargeHeader, .tableSmallHeader {background:none;}
.tableLargeHeader {position: relative; padding: 0; width: 98%;  height:28px}
.tableSmallHeader {position: relative; padding: 0; width: 440px;  height:28px}
.tableSmallHeader .content, .tableLargeHeader .content{padding: 0.5em 1em; position:relative;  color:#006; font-weight:bold; border:none; background:none; width:auto }	
.tableSmallHeader .content p, .tableLargeHeader .content p {font-size: 0.9em; font-style: italic; margin:0}


/* Table Order */
.ratesTable, .ratesTable01{padding:0 10px;font-size:0.9em}
.ratesTable {width:220px}
.ratesTable01 {width:500px}
.ratesTableHeader, .ratesTableHeader01 {height:17px; color:#006;font-weight:bold; padding: 2px 0 }
.ratesTableHeader { background:url(/resources/images/smallTableHeader.gif) no-repeat; width:220px} 
.ratesTableHeader01{width:500px}
.ratesTableCell {width:80px; float:left;position:relative}
.ratesTableCell01 {width:70px; float:left;position:relative}
.ratesTableContent {background:#FFF; border:1px solid #ccc; position:relative; overflow:hidden}
.ratesTableRow {border-bottom: 1px solid #ccc; overflow:hidden;position:relative}
.ratesTableFooter {background:#000; color:#699; font-weight:bold; overflow:hidden;position:relative}

.ratesTable2 {width:200px; padding:0 10px;font-size:0.9em}
.ratesTableHeader2 { background:url(/resources/images/smallTableHeader2.gif) no-repeat; width:220px; height:17px; color:#006;font-weight:bold; padding: 2px 0 } 

.selectTableRow1 {padding: 10px 5px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; position:relative; overflow:hidden}
.selectTableRow2 { margin: 5px 0; padding: 10px 5px; background: #f5f5f6; position:relative; overflow:hidden}
.selectTableContent {width: 314px; position:relative; overflow:hidden}

/* Table CMS */
.tableSmall, .tableLarge {border-collapse:collapse }

.tableSmall thead, .tableLarge thead { height:18px; color:#006; font-weight:bold; text-align:left }
.tableSmall tbody tr td, .tableLarge tbody tr td {border-bottom: 1px dotted #ccc; height:18px;background: #f4f4f4 }
.tableSmall thead tr th, .tableSmall tbody tr td, .tableLarge thead tr th, .tableLarge tbody tr td { padding: 4px 8px;  vertical-align:top }

.tableSmall tbody {border: 1px solid #CCC; width:438px }
.tableLarge tbody {border: 1px solid #CCC; width:668px}

/* Tabs
-------------------------------------------------------------- */
.tabs {list-style-type:none;margin:0;overflow:hidden;border-bottom:3px solid #ccc}
	.tab-nav li {float:left;margin:0 2px 0 0;padding:2px 8px;cursor:pointer}
	.tabs li.active {background:#ccc;color:#000;font-weight:bold}
	.tabContent {overflow:hidden;padding:5px 0}
	.tab-selected {display: block; background: #009}
	.tab-panel { background:#fff; width:680px; padding-top:20px}
	
	.tab-nav { border-bottom: 2px solid #009}
	.tab-nav li {list-style-type:none;display:block;width:115px;text-align:center;overflow:hidden;float:left;margin:0;font-size:.9em;font-weight:bold;line-height:2.1}
	.tab-nav a {text-decoration:none} 
	.tab-nav li.tab-selected {background: url(/resources/images/TitleBlueBg.gif) repeat-x} 
	.tab-nav li.tab-selected a {color:#fff}


/* Content
-------------------------------------------------------------- */
.contentPage { float: left; position:relative; overflow:hidden; width:440px} 
.contentPage2C { float:left; position:relative; overflow:hidden; width:210px}

/* Slide Large Bar */
#featured{ width:680px; position:relative; height:325px; background: #FFF; margin-bottom: 20px;border:1px solid #ccc; padding:10px}
#featured ul.ui-tabs-nav{ position:absolute; bottom:16px; right:16px; list-style:none; padding:0; z-index:300; width:63px; height:21px }
#featured ul.ui-tabs-nav li{ padding:1px 0; color:#fff; font-weight:bold; position: relative; float:left; display:block; width:21px; text-align:center;background:url(/resources/images/tabsNav.png) -21px 0 no-repeat}
#featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; padding:2px}
#featured li.ui-tabs-nav-item a{ display:block; width:21px;height:21px; color:#fff;font-size:0.9em}
#featured li.ui-tabs-nav-item a span{position: absolute; left:0.1em; width:21px; height:21px; text-align:center}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ color: #df0428; font-size:1em }
#featured .ui-tabs-panel{ width:680px; height:325px; position:relative;z-index:250 }
#featured .ui-tabs-panel .info .panel-info { width:193px; position:relative; float:left;overflow:hidden; padding: 0 10px; font-size:0.9em}
#featured .ui-tabs-panel .info{ position:absolute; top:148px; left:0; padding: 10px}
#featured .info a{ text-decoration:none; color:#fff}
#featured .ui-tabs-hide{ display:none}
ul.listRed, ul.listBlue, ul.listGreen { margin-left:15px; padding-left:10px}
ul.listRed { list-style-image:url(/resources/images/arrowRed.png)} 
ul.listBlue { list-style-image:url(/resources/images/arrowBlue.png)} 
ul.listGreen { list-style-image:url(/resources/images/arrowGreen.png)} 

/* Banner */
.banner {margin-bottom:20px}

/* Small Promos */
.promoCollection1 {float:left; position:relative; display:inline; width:700px; overflow:hidden}
.promoCollection2 {float:left; position:relative; display:inline; width:220px; overflow:hidden}
.promoCollection1 p { display:inline;}

/* Small Promos - CMS Bug */
.promoCollection1 input, .promoCollection2 input { display:none}
.promoCollection1 p, .promoCollection2 p { margin:0; padding:0; display: inline; border:0; line-height:0.1em; width:220px }

/* Tool Tip */
#JT_arrow_left{background-image: url(/resources/images/left.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:1000;left:-11px;height:23px;width:10px;top:-2px}
#JT_arrow_right{background-image: url(/resources/images/right.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:1000;height:23px;width:11px;top:-1px}
#JT {position: absolute;z-index:1000;border: 1px solid #ccc;background-color: #fff}
#JT_copy{padding:10px;color:#333}
.JT_loader{background-image: url(/resources/images/loader.gif);background-repeat: no-repeat;background-position: center center;width:100%;height:12px}
#JT_close_left{background-color: #ccc;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;color:#000}
#JT_close_right{background-color: #ccc;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;color:#000}
#JT_copy p{margin:3px 0}
#JT_copy img{padding: 1px;border: 1px solid #CCC}
.jTip{cursor:help; width:250px}

/*  popup box  */
.title { padding:0.4em 0.8em; margin-bottom: 1em; border-spacing: 10px; background: #3c425a; color:#FFF; height:25px; font-size:1.3em}
.popupBox .popupTop {overflow:hidden}
.box {height:50px;width:50px;float:left;margin:20px;border:1px solid green;cursor:pointer}
.GlobalSites, .LoginTravelex, .popAirportStores, .popMap {display:none; }

.popup, .popupLogin, .popupAirportStores, .popupMap {cursor:pointer}
.popupBox {background:#eee;display:none;border:1px solid #CCC}
.popupContent {overflow:hidden;background:#fff;float:left}
.popupContent .popClose {float:right;display:block;height:16px;width:16px;background:url(img/closeBut.jpg) no-repeat;text-indent:-9000px}
.popupClose {display:block;position:absolute;top:5px;right:5px;height:16px;width:16px;text-indent:-9000px;background:url(/resources/images/closeBut.gif) no-repeat}
.galleryTitle {display:block;position:absolute;top:5px;right:5px;height:16px;width:21px; float:right; z-index:1001 }
.popupContent .pop {padding: 0 0 15px 0;}
.popupContent {position:relative}
.GlobalSites ul { margin:10px 0 20px}
.GlobalSites img { vertical-align:middle;margin: 0 2px 2px 0}
.GlobalSites p { font-size: 1.2em; border-bottom:1px dotted #ddd; display:block; margin-bottom:5px}
.GlobalSites ul li, .LoginTravelex ul li {font-size: 1em; margin: 3px 0}

.GlobalSites ul li { background: url(/resources/images/countries.jpg) no-repeat top left; padding: 5px 0 0 28px}

.GlobalSites ul li.sprite-flagAUS { background-position: 0 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagBEL { background-position: -222px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagCAN { background-position: -444px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagCHN { background-position: -666px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagCZR { background-position: -888px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagFIN { background-position: -1110px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagFRA { background-position: -1332px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagGER { background-position: -1554px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagHK { background-position: -1776px 0; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagIND { background-position: 0 -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagITA { background-position: -222px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagJP { background-position: -444px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagMAL { background-position: -666px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagNET { background-position: -888px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagNZ { background-position: -1110px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagSIN { background-position: -1332px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagUAE { background-position: -1554px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagUK { background-position: -1776px -72px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagUSA { background-position: 0 -144px; width: 160px; height: 22px} 
.GlobalSites ul li.sprite-flagSA { background-position: -222px -144px; width: 160px; height: 22px} 


/* Currency Widget */
#sidebar { height: 600px}
#sidebar select { width: 190px}

.currencyWidget1 {width: 237px; height:488px; float:left; overflow:hidden; position:relative; display:inline; padding:0; margin-right:20px }
.currencyWidget1 .widgetHeaderWrap {background: #0d1671 url(/resources/images/widgetHeader.gif) no-repeat top; position:relative; overflow:hidden}
.currencyWidget1 .widgetHeader { color: #FFF; padding: 6px 10px; width:217px}
.currencyWidget1 .widgetContentWrap { border-right: 1px solid #aaa; background: #dadada url(/resources/images/widgetBg.gif) no-repeat top; position:relative;}
.currencyWidget1 .widgetContent1, .currencyWidget1 .widgetContent2 { border-bottom: 1px solid #999; padding: 8px 0; width:217px; margin: 0 8px}
.currencyWidget1 .widgetContent3 { border: none; padding: 8px 0; width:217px; margin: 0 8px 5px}
.currencyWidget1 .widgetBottom {background: url(/resources/images/widgetRound.gif) no-repeat top; height:7px; position:relative;overflow:hidden }
.convertTitle { font-weight:bold; margin-bottom: 5px; overflow:hidden }
.chooseAmount input { width: 50px; margin-right: 3px}
.convertAmount1 { margin: 0 0 8px; font-size: 0.9em}
.currencyWidget1 .betterRate { background:url(/resources/images/Rate01.png) no-repeat top; font-size:0.8em; font-weight:bold; color: #006; width: 220px; padding-top:10px} 
.currencyWidget1 .betterRateInner { background:url(/resources/images/Rate03.png) bottom no-repeat; position:relative; text-align:center; width:220px; overflow:hidden; padding-bottom:8px} 
.currencyWidget1 .betterRateInner p {background:url(/resources/images/Rate02.png) repeat-y center; margin:0}
.currencyWidget1 .betterRateInner img { vertical-align:middle} 
.buyCurrency ul {list-style-type: none}
h4.title1, h4.title2, h4.title3 {padding-left: 15px; background:url(/resources/images/Steps.png) no-repeat top left}
h4.title1 { background-position: 0 0 }
h4.title2 { background-position: 0 -114px }
h4.title3 { background-position: 0 -228px }
.currencyWidget1 .smallHeading {font-size:0.9em; margin:0}
.currencyWidget1 .convertAmount1 {position: relative; overflow:hidden}
.currencyWidget1 .localCurrency {width:112px; float:left; margin-right:5px}
.currencyWidget1 .foreignCurrency {width:95px;float:left}
.currencyWidget1 .localCurrency input, .currencyWidget1 .foreignCurrency input {width:50px; float:left; margin-right:3px}
.currencyWidget1 .localCurrency label { float:left; width:50px; padding-top:3px}
.currencyWidget1 .foreignCurrency label {float: left; width:35px;  padding-top:3px}
.currencyWidget1 .convertRates { font-size:0.9em; text-align:center}
.currencyWidget1 span#ctl00_MainContent_uxBaseCurrencyWidget_rblProductTypes label {float:none; width:auto}

/* Currency Widget 2 */
.currencyWidget2 {width: 217px; height:488px; float:left; overflow:hidden; position:relative; display:inline; padding:0; margin-right:20px }
.currencyWidget2 .widgetHeaderWrap {background: #0d1671 url(/resources/images/widgetHeader2.gif) no-repeat top; position:relative; overflow:hidden}
.currencyWidget2 .widgetHeader {color: #FFF; padding: 15px 10px; width:197px;height:18px}
.currencyWidget2 .widgetContentWrap { border-right: 1px solid #aaa; background: #dadada url(/resources/images/widgetBg.gif) no-repeat top; position:relative;overflow:hidden}
.currencyWidget2 .widgetContent1, .currencyWidget2 .widgetContent2 {border-bottom: 1px solid #999; padding: 8px 0; width:197px; margin: 0 8px}
.currencyWidget2 .widgetContent3 { border: none; padding: 8px 0; width:197px; margin: 0 8px 5px}
.currencyWidget2 .widgetBottom{background: url(/resources/images/widgetRound2.gif) no-repeat top; height:7px; position:relative; overflow:hidden}
.currencyWidget2 .betterRate { background:url(/resources/images/Rate01-2.png) no-repeat top; font-size:0.8em; font-weight:bold; color: #006; width: 200px; padding-top:10px} 
.currencyWidget2 .betterRateInner { background:url(/resources/images/Rate03-2.png) bottom no-repeat; position:relative; text-align:center; width:200px; overflow:hidden; padding-bottom:8px} 
.currencyWidget2 .betterRateInner p {background:url(/resources/images/Rate02-2.png) repeat-y center; margin:0}
.currencyWidget2 .betterRateInner img { vertical-align:middle} 
.currencyWidget2 .smallHeading {display:none}
.currencyWidget2 .convertAmount1 {position: relative; overflow:hidden}
.currencyWidget2 .localCurrency {width:105px; float:left; margin-right:5px}
.currencyWidget2 .foreignCurrency {width:85px;float:left}
.currencyWidget2 .localCurrency input, .currencyWidget2 .foreignCurrency input {width:45px; float:left; margin-right:3px}
.currencyWidget2 .localCurrency label { float:left; width:50px; padding-top:3px}
.currencyWidget2 .foreignCurrency label {float: left; width:30px;  padding-top:3px}
.currencyWidget2 .convertRates { font-size:0.9em; text-align:center}
.currencyWidget2 span#ctl00_MainContent_uxBaseCurrencyWidget_rblProductTypes label {float:none; width:auto}

/* Currency Widget 3 */
.currencyWidget3 {width: 200px; float:right; overflow:hidden; position:relative; display:inline; padding:0; margin: 0 20px 20px 0}
.currencyWidget3 .widgetHeaderWrap {background: #0d1671 url(/resources/images/widgetHeader3.gif) no-repeat top; position:relative; overflow:hidden}
.currencyWidget3 .widgetHeader {color: #FFF; padding: 15px 10px; width:180px;height:18px}
.currencyWidget3 .widgetContentWrap { border-right: 1px solid #aaa; border-left: 1px solid #aaa; background: #dadada url(/resources/images/widgetBg.gif) no-repeat top; position:relative;overflow:hidden}
.currencyWidget3 .widgetContent1 { display:none} 
.currencyWidget3 .widgetContent2 {border-bottom: 1px solid #999; padding: 8px 0; width:180px; margin: 0 8px}
.currencyWidget3 .widgetContent3 { border: none; padding: 8px 0; width:180px; margin: 0 8px 5px}
.currencyWidget3 .widgetBottom{background: url(/resources/images/widgetRound3.gif) no-repeat top; height:7px; position:relative; overflow:hidden}
.currencyWidget3 .betterRate {display: none} 
.currencyWidget3 .betterRate a {color:#006}
.currencyWidget3 h4.title2 { background:url(/resources/images/step1.gif) no-repeat}
.currencyWidget3 h4.title3 { background:url(/resources/images/step2.gif) no-repeat}
.currencyWidget3 .smallHeading {display:none}
.currencyWidget3 .convertAmount1 {position: relative; overflow:hidden}
.currencyWidget3 .localCurrency {width:100px; float:left; background: url(/resources/images/equal2.png) no-repeat right center}
.currencyWidget3 .localCurrency label, .currencyWidget3 .foreignCurrency label { width:60px; float:left}
.currencyWidget3 .foreignCurrency {width:75px;float:right}
.currencyWidget3 .localCurrency input, .currencyWidget3 .foreignCurrency input {width:68px}
.currencyWidget3 .convertRates { font-size:0.9em; text-align:center}
.currencyWidget3 select {width:180px}
.currencyWidget3 span#ctl00_MainContent_uxBaseCurrencyWidget_rblProductTypes label {float:none; width:auto}

.currencyWidgetPlaceHolder { width:220px; float:left; height:480px; position:relative; margin-right:20px; overflow:hidden; padding-left:20px}
span.widgetNoJavascript { margin: 8px; height: 150px; position:relative; width:190px; overflow:hidden; display:block; font-size:0.9em; font-weight:bold; background:url(/resources/images/alert.png) top left no-repeat ; padding-left:28px}

/* Sliding Panel */
.sliderHeader { position:relative; overflow:hidden}
.sliderContent {position: relative; display: none; overflow:hidden; padding:5px 0; margin-bottom:5px  }

/* Order Page */
#orderSummary {font-size: 0.9em; border: 1px solid #CCC; width:188px }
#orderSummary .border2 { width:188px}
.border2 { padding: 5px 0; margin: 5px 0; border-top: 1px dotted #999; border-bottom: 1px dotted #999; overflow: hidden; position: relative; float: left}
.savings { background:#eef; padding:5px 15px; border:1px solid #CCC; overflow:hidden;font-size: 0.9em; width:188px}
.yourSavings {border-top:1px solid #669; border-bottom:1px solid #669; position:relative; float: left;overflow:hidden; margin: 3px 0}
.orderPrice { font-size: 1.5em; font-weight:bold; margin:0; padding:0; color:#009}

/* Note */
.note .content {background:#a5d5d6 url(/resources/images/tc.gif) top center no-repeat;padding-top:3px;width:100%}
.note .contentPane {background:#a5d5d6 url(/resources/images/bc.gif) bottom center no-repeat;padding-bottom:3px}
.note .content p {margin:0; width:620px; padding: 0  5px 0  10px}
.noteImage {background: url(/resources/images/hand.png) no-repeat left; position:absolute; top:3px; left:0; width:25px }
.note {position: relative; margin: 0 0 0.6em; padding: 0 0 0 1.3em; width: 650px; overflow:hidden;font-size: 0.9em; font-style: italic; line-height:normal  }


/* Note Error */
.noteError .content {background:#DD193E  url(/resources/images/tc2.gif) top center no-repeat;padding-top:3px;width:100%}
.noteError .contentPane {background:#DD193E  url(/resources/images/bc2.gif) bottom center no-repeat;padding-bottom:3px}
.noteError .content p {margin:0; width:620px; padding: 0  5px 0  10px; color:#FFF}
.noteError .noteImage {background: url(/resources/images/alert.png) no-repeat left; position:absolute; top:0 ; left:0; width:20px; height:20px }
.noteError {position: relative; margin: 0 0 0.6em; padding: 0 0 0 1.3em; width: 650px; overflow:hidden;font-size: 0.9em; font-style: italic; line-height:normal  }



.removeBtn { background: url(/resources/images/Btn_Remove.jpg) no-repeat; border:none; width: 17px; height: 18px}
.CurrentOrderTotal { margin-top:10px; font-size:1em; font-weight:bold; overflow:hidden}
.CurrentOrderTotal img { vertical-align:middle; margin-right:3px}
.CurrentOrderTotal a { color:#09f}

.AddOns { overflow:hidden; border-bottom:1px dotted #999; padding: 15px 0}
.AddOns a.linkBlue { font-size:1.2em; color:#09f; font-weight:bold}

.DeliveryPanel {width:510px; overflow:hidden; float:right; border-bottom: 1px solid #999; margin-bottom: 10px}

/* General */
.contentMap01 { margin-top: 20px}
.contentMap02 { border: 1px solid #d0d0d0; padding: 10px; position:relative; overflow:hidden}
.contentMap02 select { font-size:0.9em}
.contentMap02 {background:#f1efef} 
.contentMap02 img {vertical-align:middle}
.contentMap02 a { color:#1a2c7f}
.pinHeader { overflow:hidden; position:relative; height:50px}
.pin { width:29px; height:50px; margin-right:10px; float:left; padding:0} 

.hoursOperation { font-size:0.9em;color: #06C; position:relative; overflow:hidden}
.hoursOperation strong {color: #000}

.currencyConverter {width: 248px; position:relative;overflow:hidden; padding:10px;border: 1px solid #d0d0d0;background:#f1efef; float:left}

/* 404 Error */
.list404 { margin-left:15px; padding-left:10px; font-size:1.2em; line-height:1.0em; }
ul.list404 { list-style-image:url(/resources/images/arrowBlue.png)}
ul.list404 li { background:none; padding:none; margin-top:15px;}

/* Footer
-------------------------------------------------------------- */
#footerwrap {background: #fefefe url(/resources/images/FooterBg.gif) repeat-x }
#footer { font-size:1.1em}
ul.footerLinksList {margin:0; padding:0; list-style-type: none; list-style: none}
.linkCategory { margin-top: 20px; font-weight:bold; font-size:1.5em; color: #333}
#footerTop ul li, #footerTop ul li a { list-style-type:none; margin-left:0; padding:2px 0  }
#footerTop, #footerBottom { position: relative;overflow: hidden}
#footerBottom { margin-top: 20px}
#footerBottom ul li {position:relative;float:left;display:block;margin:0;padding:8px;line-height:.94;list-style-type:none;border:0}
#footerBottom ul li a {color:#666;font-weight:bold;display:block}
#footerBottom ul li a:hover { color: #009}

.crossSellAddToOrder {background:url(/resources/images/addOrder.gif) left center no-repeat; padding-left:15px}

#orderSummary h2 {width:100%;}


/* Loading Panel */

div.contentMap02 label { width: 210px}

.min160 { min-height: 160px; height: 160px; overflow: visible;}

/* Current Order - Payment Page */
.currentOrder_NewCustomers ul {list-style: none;}
.currentOrder_NewCustomers ul li { height: 21px;}
.paymentNotes { float:left; position:relative; width:245px; font-size: 0.9em; padding: 0 10px; border: 1px dotted #CCC }
.currentOrder_NewCustomers input { width:190px}

/* Login */
.loginBox {border: 1px solid #ccc; background:#eee; width:400px; position:relative; overflow:hidden}
.loginContent {background:#FFF; margin:5px;position:relative; overflow:hidden; padding-bottom:15px}
.loginContent li {margin: 2px 0}

/* Email Rate */
ul.emailRate li label {width: 130px}
ul.emailRate li {margin: 5px 0}
ul.emailRate li input {width: 170px}
ul.emailRate li input.btnGray {width:58px}
#EmailRateCheck {width:18px; vertical-align:middle}

/* Calendar */
#datepick-div, .datepick-inline {font-family: Arial,Helvetica,sans-serif; font-size: 13px;padding: 0;margin: 0;background: #ddd;color: #000;width: 270px;}
#datepick-div {display: none;z-index: 100; /*must have*/}
.datepick-inline { float: left; display: block;border: 0;padding: 3px; background:#fff;}

.datepick-rtl {direction: rtl;}
.datepick-dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
.datepick-disabled {position: absolute;z-index: 100;background-color: white;}
button.datepick-trigger {width: 25px;padding: 0px;}
img.datepick-trigger {margin: 2px;vertical-align: middle;}
.datepick-prompt { float: left;padding: 2px;}
* html .datepick-prompt { /* IE6 */width: 270px;}

.datepick-control, .datepick-links, .datepick-header, .datepick {clear: both;float: left;width: 100%;color: #fff;}
.datepick-control {background: #400;padding: 2px 0px;}
.datepick-links {background: #000;height:29px;padding: 2px 0px;font-size: 1.2em; font-weight:bold; color:#FFF; position:relative; margin:1px}

.datepick-prev { position:absolute; left:10px; top:35px;}
.datepick-next { position:absolute; right:10px; top:35px}
.datepick-control {font-weight: bold;}
.datepick-links label {width: 75px}
.datepick-clear, .datepick-prev {float: left;width: 75px;}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {float: right;text-align: right;}
.datepick-current { text-align: center;padding-top:3px }
.datepick-close, .datepick-next {float: right;width: 75px;text-align: right;}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {float: left;text-align: left;}

.datepick-header {background: #333;text-align: center;font-weight: bold;min-height: 1.5em; margin-left:8px; padding-bottom:3px; width: 256px; display:inline}
.datepick-header select {color: #006;border: 0px;font-size:0.9em;font-weight: bold;}

.datepick-new-month {background: #fff url(/resources/images/boxMonth.gif) no-repeat;height: 22px;width: 150px;margin-bottom:3px}
.datepick-new-year {background: #FFF url(/resources/images/boxYear.gif) no-repeat;height: 22px;width: 106px; margin-bottom:3px;}
	
.datepick-header span {position: relative;top: 3px;}
.datepick {text-align: center;font-size: 100%;margin: 0 0 0; width: 256px; margin-left:8px; _margin-left: 4px; }
.datepick a {display: block;width: 100%;}

.datepick-title-row {background: #777; font-size:0.8em;}
.datepick-title-row th {text-align: center;font-weight: normal; margin-top:5px}
.datepick-days-row {background: #ddd;color: #666;}
.datepick-week-col {background: #777;color: #fff;}
.datepick-days-cell {color: #000;border: 1px solid #eee; padding: 3px 3px 3px 5px; background: #FFF}
.datepick-other-month {background: #ccc;}
.datepick-week-end-cell {}
.datepick-title-row .datepick-week-end-cell {background: #777;}
.datepick-week-over {background: #ddd;}
.datepick-unselectable {color: #888; background:#ddd }
table .datepick-today {background: #b1aeae; color: #FFF; border:1px solid #900}
.datepick-today a { background: #b1aeae; color: #FFF; border:1px solid #900}
.datepick-current-day {background: #fff;color: #333;}
.datepick-days-cell-over {background: #999;color: #fff;border: 1px solid #777;}
.datepick-days-cell-over a { color: #FFF}
.datepick-status {background: #ddd;width: 100%;font-size: 80%;text-align: center;}

#datepick-div a, .datepick-inline a {cursor: pointer;margin: 0;padding: 0;text-decoration: none;}
/*.datepick-inline .datepick-links a {padding: 0 5px !important;}
.datepick-control a, .datepick-links a {padding: 2px 5px !important;color: #fff;}*/
.datepick-control a, .datepick-links a {color: #fff;}
.datepick-title-row a {	color: #eee;}
.datepick-control a:hover {background: #fdd;color: #333;}

.datepick-multi .datepick {border: 1px solid #777;}
.datepick-one-month {float: left; width: 270px; display:inline}
.datepick-new-row {clear: left;}

.Express { background: #ff9900; }
.Priority, .Priority a { background: #1a2c7f; color:#fff}

button {display:none;}

div#summary_section{
  *margin-top:3em;
}

div#summary_section{
  *margin-top:3em;
}