/* Datepicker
----------------------------------*/
.ui-datepicker { width: 278px; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: 1.0em; border-collapse: collapse; margin:0.1em 0 0; }
.ui-datepicker-calendar thead {background: #666; color:#FFF}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; width:40px  }
.ui-datepicker td { border: 0; padding: 1px; height:18px }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(/Resources/Images/ui-icons_0078ae_256x240.png); }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-state-disabled { cursor: default !important; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.fulfilment_date .ui-widget-header { border: 1px solid #0C1772; background: #0C1772 url(/Resources/Images/TitleBlueBg02.gif) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; }
.fulfilment_date .ui-state-default, .fulfilment_date .ui-widget-content .ui-state-default, .fulfilment_date .ui-widget-header .ui-state-default { background: #ddd; font-weight: normal; color: #888; height:18px; border:1px solid #ddd }



/* Interaction states
----------------------------------*/
.fulfilment_date .ui-state-default, 
.fulfilment_date .ui-widget-content .ui-state-default, 
.fulfilment_date .ui-widget-header .ui-state-default { background: #ddd; font-weight: normal; color: #888; height:18px; border:1px solid #ddd }

.fulfilment_date .ui-state-default a, 
.fulfilment_date .ui-state-default a:link, 
.fulfilment_date .ui-state-default a:visited { color: #ffffff; text-decoration: none; }

.fulfilment_date .ui-state-hover, 
.fulfilment_date .ui-widget-content .ui-state-hover, 
.fulfilment_date .ui-widget-header .ui-state-hover, 
.fulfilment_date .ui-state-focus, 
.fulfilment_date .ui-widget-content .ui-state-focus,
.fulfilment_date .ui-widget-header .ui-state-focus { border: 1px solid #333; background: #666 url(/Resources/Images/ui-bg_glass_85__1x400.png) 50% 50% repeat-x; font-weight: normal; color: #fff; }

.fulfilment_date .ui-state-hover a, 
.fulfilment_date .ui-state-hover a:hover { color: #026890; text-decoration: none; }

.fulfilment_date .ui-state-active, 
.fulfilment_date .ui-widget-content .ui-state-active, 
.fulfilment_date .ui-widget-header .ui-state-active { border: 1px solid #333; background: #666 url(/Resources/Images/ui-bg_glass_85__1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

.fulfilment_date .ui-state-active a, 
.fulfilment_date .ui-state-active a:link, 
.fulfilment_date .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.fulfilment_date .ui-widget :active { outline: none; }

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


/* Form */
label { float:left; width: 140px;}
label.labelNoStyle { float:none; width:100%}
.NoLabelStyle label { float:none; }
select	{ width:185px;}
.SelectDateDay, input.SelectDateDay { width: 45px}
.SelectDateMonth, input.SelectDateMonth { width: 85px}
.SelectDateYear, input.SelectDateYear { width: 60px}
input#bntForm1 { width: 50px; }
fieldset ul li {margin: 5px 0}

/* Current Order - Order Page */
#currentOrder_Delivery {border-bottom: 2px solid #CCC; padding-bottom: 20px;margin-bottom:20px}
#currentOrder_Delivery {border-bottom: 2px solid #CCC; padding-bottom: 20px}
#currentOrder_DeliveryCode input { margin-bottom:0.5em}

/* Current Order - Delivery Page */
.ShippingOptions {min-height: 400px; float:left !important;}
.ShippingOptions .contentMap02 { overflow:visible; padding: 10px 0px; }
.locinputWrap { position:relative; float: left}

/* .clearblock { display:block; clear: both; } */

/* Please note the * before the top attribute is required. *top:-3px targets IE7 and IE6 */
.locinput { width:300px; position:absolute; top:-3px }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Webkit-specific CSS here */
    .locinput {top:-3px}
}

#searchpopup #searchheader { font-family: Arial; font-weight: bold; font-size: 0.9em; background:#e7e7ff; padding: 2px 2px 1px 5px; margin: 0; color: #009; height: 17px; overflow: visible}
#searchlist { width: 100%; min-height: 20px; height:auto; overflow: auto }
#searchlist a { color: #000; display:block; }
#searchlist a.hover { color: #fff; background-color: #5e81bc; cursor:pointer}
#searchworking { font-family: Arial; font-size: 10px; top:0px; left:0px }

/* Please note the * before the second position attribute is required. *position:relative overrides the previous attribute for IE7 and IE6 */
#searchpopup, #searchworking{position: absolute; *position:relative; width: 302px; max-height: 260px; background-color: white; border: solid 1px #666; display: none;  z-index: 99; color: #000; overflow-x: hidden; overflow-y: scroll}
#searchpopup {top:19px;left:0;}

div.contentMap02 label { width: auto; display:inline-block; vertical-align:middle; margin-right:5px; }
.fulfilmentChoice input { vertical-align: top; }
.fulfilmentChoice label { width: 300px !important; }

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

/* Error Messages */
.error {color:#dd193e; font-style:italic; font-size:0.9em }
.error select, .error input, .error#termsAndConditionsError { background: #fed; border: 1px solid red; overflow: visible}
.error#termsAndConditionsError {float: left;}
div.errorMessages {margin-left:150px;}

/* 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:180px}
.currentOrder_NewCustomers input.SField { width: 30px}
.currentOrder_NewCustomers input.MField {width: 60px}
.lockedField { background: #CCC}
.currentOrder_AdditionalInfo input {width:20px}
.currentOrder_NewCustomers_CardSelect input {width:10px;}
.currentOrder_NewCustomers_CardSelect label {float:right; text-align:left; width:170px}
/* 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}

.RateHistoryChartWrapper {
  float:left; 
  width:650px; 
  clear:both;
  position:relative;
}

.RateHistoryChartWrapper #yaxisLabel
{
  float :left;
   width:50px;
   height:150px; 
   margin-top:145px;
}

.RateHistoryContainer
{
 width :600px;height:300px; float:left;clear:right;
}

.RateHistoryChartWrapper #xaxislabel
{
    clear:left; 
    float:left; 
    width:100%; 
    text-align:center;
}


.RateHistoryChartWrapper #NoDataMessage {
   position:absolute;
   top:40%;
   left:0;
   width:100%;
   text-align: center;
   font-weight:bold;
}

.RateHistoryChartWrapper #NoDataMessage span {
	display:none;
}

#NoDataMessage {
	padding-left: 50px;
}

.BillingCheckBox input{width:20px;}@charset "utf-8";
/* CSS Document */
 
div#slide-holder{
  z-index:40;
  width:993px;
  height:299px;
  position:absolute;
 }
div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:973px;
   height:278px;
   overflow:hidden;
   position:absolute;
  }
div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
div#slide-holder div#slide-controls{
   left:0;
   bottom:228px;
   width:973px;
   height:46px;
   display:none;
   position:absolute;
   background:url(Resources/Images/slide-bg.png) 0 0;
  }
div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#slide-holder div#slide-controls p#slide-nav a{background-image:url(Resources/Images/silde-nav.png);}/* global */
#cluetip-close img {
  border: 0;
} 
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #f2f2ff;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f2f2ff;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #1a2c7f;
  color: #fff;
  font-weight:bold;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/Resources/Images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/Resources/Images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/Resources/Images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/Resources/Images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/Resources/Images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/Resources/Images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/Resources/Images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/Resources/Images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/Resources/Images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/Resources/Images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/Resources/Images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/Resources/Images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/Resources/Images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/Resources/Images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/Resources/Images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/Resources/Images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}/* Bullets */
.mainContent ul li { list-style-image:url(/Resources/Images/arrowBlue.png); margin-left:25px; *line-height:1em; *margin-top:1em; padding-bottom: 0px; vertical-align: top;}
.mainContent ol li { padding-bottom: 10px; vertical-align: top; }

/* Page Titles */
h1 {font-size:2.2em;line-height:1.2; color: #009; margin-bottom:20px; margin-top:10px;font-weight:normal}

/* Large Headlines */
h2 {font-size:1.4em;line-height:1.4; color: #009; margin-bottom:25px; font-weight:bold;}

/* Subtitles */
.titleSmall { font-weight:bold; margin:0; padding:0; color: #999; font-size:12px}

/* General content */
p {margin:0 0 1em;}
h5 {font-size:1em; color: #009}
a.link { font-size:1.0em; text-decoration: underline; color: #009}

/* SubNav List */

h3 {font-size:1.2em;line-height:1.2; color:#009; font-weight:normal; margin-top:20px}

/* Tables */
.tableSmall {width:440px;background: #f4f4f4 url(/Resources/Images/tableSmallBg.gif) no-repeat top left;}
.tableLarge {width: 670px;background:url(/Resources/Images/tableLargeBg.gif) no-repeat top left} 

.smallFont { font-size:0.9em}

/* --------------------------------------------------------------------------------------------------
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,sub,sup,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}
#aspnetForm {height:100%}
ol,ul {list-style: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:"" ""}
option,select {min-width:1.5em}
ins {text-decoration:none}
del {text-decoration:line-through}
img,a img {border:0}

/* -------------------------------------------------------------------------------------------------
LAYOUT: Respect: http://www.blueprintcss.org/
----------------------------------------------------------------------------------------------------
Page is 980px wide - 2x20px gutters = 940px content area
Content Grid is 15 columns @ 44px with 20px gutters
-------------------------------------------------------------------------------------------------- */
#wrapper {position:relative; min-height:60%; z-index:1}
#wrapper2 {position:relative; min-height:100%; width:100%}
#wrap,#contentwrap,#content,#sidebar {position:relative}
#sidebar {position:relative; overflow:hidden; width:220px}
#wrap {width:982px; margin:0 auto; text-align:left; overflow:hidden; position:relative}
#wrapFramed {margin:0 auto; text-align:left; position:relative;}
#contentwrap {width:982px; margin:0;}
#contentwrapFramed {margin:0;}
#contentwrap2 {margin:0 auto; width:650px; position:relative; overflow:hidden}
#headercontainer, #footer {width:982px; margin:0 auto; overflow:hidden}
#headercontainer {position:relative}
#clear-footer {width:100%; height:303px; clear:both}
#footerwrap {width:100%; height:303px; margin-top:0px; position:relative; z-index:2;}
#content {width:940px; margin:0 0 20px 0; padding:25px 20px 0 20px; z-index:200}
#content2 {width:960px; margin:0 0 20px 0; padding:10px 20px 0 0; z-index:200}
.page, .smallpage, .page2, .page3 {position:relative; margin:0; padding:0; border:0; float:left; display:inline}

/* 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, .spanPer{float:left; position:relative; display:inline}
.span0 {width:20px} .span1 {width:40px}.span2 {width:100px}.span2long {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 {width:700px}.span13 {width:760px}.span14 {width:820px}.span15 {width:880px} .span16 {width:940px}
.span17 {width:84px} .span18 {width:68px} .span19 {width:209px} .span20 {width:324px} .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}
.spaceRsmall {margin-right:20px}
.spaceL {margin-left:20px}
.negativeSpaceL {margin-left:-43px; text-align:right; width:55px;}
.spaceR1 {margin-right:10px}
.spaceR2 {margin-right:20px}
.spaceL1 {margin-left:10px}
.spaceLR {margin:0 20px}
.spaceT {margin-top:20px}
.spaceB {margin-bottom:20px}
.spaceTB {margin:20px 0} 
.deliveryTimeRblWidth tbody tr {width:340px}
.deliveryTimeRblWidth tbody tr td { width: 33%; }
.spanPer{width:50px;margin-right:20px}
/* 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,"MS PGothic",Helvetica,sans-serif; overflow:visible;}
/* Headings */
h1,h2,h3,h4,h5,h6, h7 {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:25px}
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.4em; color:#666666;}

/* Basic text elements */
input,select,th,td {font-size:1em}
p {margin:0 0 1em}
p.last {margin-bottom:0}
div.Last {border-bottom:0}
ol {list-style-type:decimal; margin-left:2em; padding:0 0 0 5px}
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}

.addOnSection {background:#fff; width:698px; position:relative; margin:0; padding:0; border:0; float:left; display:inline; border:1px solid #CCC;}
.contentPanel {background:#fff; width:698px; position:relative; margin:0; padding:0; border:0; float:left; display:inline; border:1px solid #CCC;}

/* 
-------------------------------------------------------------------------------------------------
DESIGN
-------------------------------------------------------------------------------------------------- */
#wrap {font-size:1.2em}
#wrapFramed {font-size:1.2em}
#wrapper2 {background:url(/Resources/Images/BgChart.jpg) repeat-x}
#content, #content2 {padding-bottom:20px; overflow:hidden}
.page, .smallpage {border:1px solid #CCC; padding:15px}
.pageNoPadding {background:#fff; position:relative; margin:0; padding:0; border:0; float:left; display:inline; border:1px solid #CCC; width:698px;}
.page2, .page3 {border:1px solid #CCC; background:#FFF}
.page2 {padding:20px 0; width:940px}
.page3 {padding:20px; width:900px}
.page4 {border:1px solid #CCC; padding:15px; background:#FFF}
.page {width:668px}
.smallpage {width:188px; background:#fff; margin-top:20px}
.standardBorder {border:1px solid #CCC; padding:15px}

/* Generic elements
-------------------------------------------------------------- */
.aR {text-align:right}
.aL {text-align:left}
.aC {text-align:center}
.aM {vertical-align:middle}
.aT {vertical-align:top}
.aT2 {vertical-align:top !important}
.titleBlue {padding:0; overflow:hidden; margin:0; border: 1px solid #CCC; background: #FFF;}
.titleBlue2 {background:url(/Resources/Images/TitleBlueBg02.gif) repeat-x; padding:3px 10px; overflow:hidden; color:#FFF; font-weight:bold; margin-bottom:5px}
.titlePurple {padding:0px 15px 15px; overflow:hidden; margin:0; background:#fff}
.sectionContentSmall {padding:0 0 2px 15px; overflow:hidden; margin:0; background:#fff}
.sectionContentProcess {padding:0px 15px 15px 15px; margin:0; background:transparent;}
.sectionContent {padding:15px; margin:0; background:transparent;}
.sectionContentLP {padding:15px 0 15px 15px; margin:0; background:transparent;}
.sectionContentRP {padding:15px 15px 15px 0; margin:0; background:transparent;}
.titlePurpleHeader {height: auto; padding:5px 15px 0px; overflow:auto;}
.titlePurpleHeader H2 {margin-bottom:10px}
.titleBlueHeader {height:13px; padding:5px 15px 15px;}
.titleSmall {font-weight:bold; margin:0; padding:0; color:#999; font-size:12px}
.floatL {float:left}
.floatR {float:right}
.marginT0 {margin-top:0px}
.marginT10 {margin-top:10px}
.marginT20 {margin-top:20px}
.marginB10 {margin-bottom:10px}
.marginB20 {margin-bottom:20px}
.PR15 {padding-right:15px}
.PL15 {padding-left:15px}
.PT10 {padding-top:10px}
.PT5 {padding-top:5px}
.PB5 {padding-bottom:5px}
.PB15 {padding-bottom:15px;}
.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}
.widthOrderPage {width:700px}
.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}
.link {font-size:0.9em; text-decoration:underline; color:#009}
.white {color:#FFF}
.red {color:#F00}
.blue {color:#009}
.btn {width:48px; cursor:pointer;} 
.btnShort {width:60px; cursor:pointer;}
.btnMedium {width:94px; cursor:pointer;} 
.btnMediumLong {width:140px !important; cursor:pointer;} 
.btnGray {width:72px; cursor:pointer;} 
.btnLarge {border:0; font-size:1.2em; font-weight:bold; width:112px; height:29px; text-align:center; cursor:pointer;}
.btnXLarge {border:0; font-size:1.2em; font-weight:bold; width:153px; height:29px; line-height:29px; text-align:center; cursor:pointer; margin: 0 auto;}
.btnMedium, .btnAirportStoreSelect, .btnCityStoreSelect, .btnLocatorPrint, .btn, .btnGray, .btnMediumLong {border:0; font-weight:bold; text-align:center; vertical-align:middle; height:27px; font-size:0.9em}
.btnLocatorPrint2 {background: url(/Resources/Images/Btn_BgMedium.png) no-repeat;color: #FFF;border:0; font-weight:bold; text-align:center; vertical-align:middle; height:27px; font-size:0.9em; width:94px;}
.tickbox {width:20px; vertical-align:middle}
.imgL {float:left; margin:0 15px 10px 0}
.lnkMore {border:0; font-size:0.9em; font-weight:bold; padding:0px 5px; text-align:center; cursor:pointer; color:#FFF; background:url(/Resources/Images/btn_DarkGray.png) no-repeat; display:inline-block;}
.columnEnd {text-align:right;}
.displayNone {display:none;}
.visibilityHidden {visibility:hidden;}

/* Header
-------------------------------------------------------------- */
#topHeader {clear:both; position:absolute; width:570px; height:21px; background:url(/Resources/Images/TopNavBg.gif) no-repeat; font-size:10px; color:#eee; right:0; top:0; z-index:2}
#topHeader 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; height:80px; width:982px; font-size:11px; padding-top:15px; overflow:hidden;}
#header ul li {margin-right:10px; font-weight:bold; position:relative; float:left; list-style-type:none; border:0; line-height:20px; height:20px}
#header h1 {position:relative; height:65px; z-index:2}
#header h1 a {display:block; width:200px; height:65px; text-indent:-9000px;}
#header ul li a {color:#333; display:inline-block; 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:#7D8295; padding:0 10px 0 4px; margin-left:4px}
#header ul li a:hover {color:#009}
#headerL {height:65px; width:230px}
#headerR {height:37px; width:752px; padding-top:15px}
#headerL2 {float:left}
#headerR2 {float:right}

/* Navigation
-------------------------------------------------------------- */
#navwrap {position:relative; width:982px; z-index:100; height:44px}
#navwrap ul {border:0; margin:0}
#nav {height:31px; width:982px}
#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 22px; line-height:.94; display:block} /* menu spacing */
#nav li a:hover {color:#009; text-decoration:none}
#nav li a.current {color:#009}
#nav ul {display:none}
	
.subnav {width:220px; *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 {position:relative; clear:both; margin:0; padding:4px 20px; width:940px; font-size:.9em; list-style:none; overflow:hidden;}
#breadcrumb ul li {width:auto; float:left; padding:0 30px 0 0; margin:0 20px 0 0; background:url(/Resources/Images/breadcrumbArrow.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 {overflow:hidden; width:638px; padding:5px 15px 15px}
.tableContent1 {border:1px solid #CCC; background:#f4f4f4; overflow:hidden; width:auto; padding:0.5em}
.tableProduct {border-bottom:1px dotted #999; overflow:hidden; padding:10px 0}
.tableProductItem {overflow:hidden; padding:10px 0}
.tableProductLast {overflow:hidden; padding:10px 0}
.tableRow {width:638px; margin-bottom:5px; position:relative; overflow:hidden}
.tableLabel {width:165px; margin-right:5px; float:left; position:relative; overflow:hidden}
.tableField {width:200px; 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}

.airportStorePopupTable {width:auto;}

/* Table Currency General */
.headerLeft {position:absolute; left:0; top:0; height:28px; width:10px; /*for IE6*/overflow:hidden}
.headerRight {position:absolute; right:0; top:0; height:28px; width:10px; /*for IE6*/overflow:hidden}
.tableLargeHeader {position:relative; padding:0; width:668px; overflow:hidden; height:28px}
.tableSmallHeader {position:relative; padding:0; width:auto; overflow:hidden; height:28px; height:auto;}
.tableSmallHeader .content {padding:0.5em 1em; position:relative; overflow:hidden; color:#006; font-weight:bold; border:none; background:none; width:auto}	
.tableLargeHeader .content {padding:5px 15px 15px; position:relative; overflow:hidden; 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}
.selectTableRow1 .span22 p {margin:0}
.selectTableRow2 {margin:5px 0; padding:10px 5px; position:relative; overflow:hidden}
.selectTableRow2 .span22 p {margin:0}
.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 0px 0 0; padding:2px 0px; 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:19.97%; 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; display: block; vertical-align: middle;} 
	.tab-nav li.tab-selected {background:url(/Resources/Images/TitleBlueBg.gif) repeat-x} 
	.tab-nav li.tab-selected a {color:#fff}
	
    .tab-online-rates li.tab-selected {background:url(/Resources/Images/TitleBlueBg03.gif) repeat-x} 
	.tab-online-rates li.tab-selected a {color:#fff}
	.tab-online-rates li {padding:0px 15px; width:80px; max-width:80px; line-height:1.5; height:56px;}

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

/* Slide Large Bar */
#featured {width:678px; position:relative; height:325px; background:#FFF; margin-bottom:20px; border:1px solid #ccc; padding:10px}
#featured ul.ui-tabs-nav {position:absolute; bottom:76px; right:24px; 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; overflow:hidden; position:relative; font-size:1.1em}
.popup, .popupLogin, .popupAirportStores, .popupMap {cursor:pointer}
.popupBox {background:#eee; display:none; border:1px solid #CCC}
.popupContent .popClose {float:right; display:block; height:23px; width:23px; background:url(img/closeBut.gif) no-repeat; text-indent:-9000px}
.popupClose {display:block; position:absolute; top:3px; right:5px; height:23px; width:23px; text-indent:-9000px; background:url(/Resources/Images/close.gif) no-repeat}
.galleryTitle {display:block; position:absolute; top:3px; right:5px; height:16px; width:27px; float:right; z-index:1001}
.popupContent .pop {padding:0 0 15px}
.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}

.AirportStores p, .CityStores p {font-size:1.2em; display:block; margin-bottom:15px}
.AirportStores li, .CityStores li {font-size:1.2em; margin:3px 0}

.AirportImageOverflow {overflow:scroll;} 

.wrapword {
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
/*white-space: -pre-wrap;*/      /* Opera 4-6 */
/*white-space: -o-pre-wrap;*/    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.availabilityMessage {
 width:235px;
 /*height:70px;*/
 overflow:hidden;
 float:left; 
 position:relative; 
 display:inline; 
 padding:0; 
 margin: 0; 
 padding-left:5px;
 word-wrap: break-word;
 }

.wrapperMessage {overflow:hidden; padding-bottom:30px;}

.contentwrapFramedBuyWidget {height:480px; overflow:hidden;}

/* Currency Widget */
.convertAmount1 {text-align:center}

.currencyWidget1 {
 width :240px; 
 float:left; 
 overflow:hidden; 
 position:relative; 
 display:inline; 
 padding:0; 
 margin: 0; /* We're using 20 to keep the margins on the home screen equal */
/* bottom margin is to ensure the widget on the CA home page extends below the promo block beside it, 
forcing the small promo tiles to sit underneat the large promo block. Applying float:right to the small promos 
ultimately leads to them breaking onto a newline in the US version, so this is the fix */
} 

.currencyWidget1 .widgetHeaderWrap {position:relative; overflow:hidden; height:48px}
.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; overflow:hidden}
.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:8px} 
.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; line-height:15px;}
.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.89em; margin:0}
.currencyWidget1 .convertAmount1 {position:relative; overflow:hidden}
.currencyWidget1 .localCurrency {width:109px; float:left;}
.currencyWidget1 .foreignCurrency {width:100px; float:left;}
.currencyWidget1 .localCurrency input, .currencyWidget1 .foreignCurrency input {width:50px; float:left; margin-right:3px}
.currencyWidget1 .localCurrency label {float:left; width:50px; padding-top:1px; line-height:20px; /* padding-left:2px; */}
.currencyWidget1 .foreignCurrency label {float:left; width:35px; padding-top:1px; line-height:20px; margin-left:0px; text-align:left}
.currencyWidget1 .convertRates {font-size:0.9em; text-align:center}
.currencyWidget1 span#ctl00_MainContent_uxBaseCurrencyWidget_rblProductTypes label {float:none; width:auto}
.currencyWidget1 .foreignCurrency {width: 130px;}
.currencyWidget1 .widgetContentWrap {padding: 0;}
.currencyWidget1 .localCurrency input {width: 50px;}
.currencyWidget1 .foreignCurrency input {width: 68px;}
.convertAmount1 {width: 260px;}

/* Currency Widget 2 */
.currencyWidget2 {width:217px; float:left; overflow:hidden; position:relative; display:inline; padding:0; margin: 0;}
.currencyWidget2 .widgetHeaderWrap {position:relative; overflow:hidden; height:48px}
.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; line-height:15px;}
.currencyWidget2 .betterRateInner img {vertical-align:middle} 
.currencyWidget2 .smallHeading {display:none}
.currencyWidget2 .convertAmount1 {position:relative; overflow:hidden; text-align:center}
.currencyWidget2 .localCurrency {width:109px; float:left; margin-right:0px}
.currencyWidget2 .foreignCurrency {width:85px; float:left}
.currencyWidget2 .localCurrency input, .currencyWidget2 .foreignCurrency input {width:45px; float:left; margin-right:3px; text-align:left}
.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}
.currencyWidget2 .foreignCurrency {width: 130px; text-align: left;}
.currencyWidget2 .widgetContentWrap {padding: 0;}
.currencyWidget2 .localCurrency input {width: 50px;}
.currencyWidget2 .foreignCurrency input {width: 68px;}

/* Currency Widget 3 */
.currencyWidget3 {width:220px; float:left; overflow:hidden; position:relative; display:inline; padding:0; margin: 0;}
.currencyWidget3 .widgetHeaderWrap {background:url(/Resources/Images/widgetHeader3.gif) no-repeat top; position:relative; overflow:hidden; height:48px}
.currencyWidget3 .widgetHeader {color:#FFF; padding:15px 10px; width:200px; 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, .currencyWidget3 .widgetContent2 {border-bottom:1px solid #999; padding:8px 0; width:200px; margin:0 8px}
.currencyWidget3 .widgetContent3 {border:none; padding:8px 0; width:200px; margin:0 8px 5px}
.currencyWidget3 .widgetBottom {background:url(/Resources/Images/widgetRound3.gif) no-repeat top; height:7px; position:relative; overflow:hidden}
.currencyWidget3 .betterRate {background:url(/Resources/Images/Rate01-2.png) no-repeat top; font-size:0.8em; font-weight:bold; color:#006; width:200px; padding-top:8px} 
.currencyWidget3 .betterRateInner {background:url(/Resources/Images/Rate03-2.png) bottom no-repeat; position:relative; text-align:center; width:200px; overflow:hidden; padding-bottom:8px} 
.currencyWidget3 .betterRateInner p {background:url(/Resources/Images/Rate02-2.png) repeat-y center; margin:0; line-height:15px;}
.currencyWidget3 .betterRateInner img {vertical-align:middle} 
.currencyWidget3 .betterRate a {color:#fff}
.currencyWidget3 h4.title2, .currencyWidget3 h4.title3 {padding-left:15px; background:url(/Resources/Images/Steps.png) no-repeat top left}
.currencyWidget3 h4.title2 {background-position:0 -114px}
.currencyWidget3 h4.title3 {background-position:0 -228px}
.currencyWidget3 .smallHeading {display:none}
.currencyWidget3 .convertAmount1 {position:relative; overflow:hidden}
.currencyWidget3 .localCurrency {width:108px; float:left;}
.currencyWidget3 .localCurrency label {width:50px; padding:0; padding-top:3px; float:left; text-align:center}
.currencyWidget3 .foreignCurrency label {width:46px; padding:3px 0 0 3px; padding-top:3px; float:left; text-align:left}
.currencyWidget3 .foreignCurrency {width:95px; float:left}
.currencyWidget3 .localCurrency input, .currencyWidget3 .foreignCurrency input {width:40px; float:left}
.currencyWidget3 .convertRates {font-size:0.9em; text-align:center}
.currencyWidget3 select {width:200px}
.currencyWidget3 span#ctl00_MainContent_uxBaseCurrencyWidget_rblProductTypes label {float:none; width:auto}
.currencyWidget3 .foreignCurrency {width: 130px;}
.currencyWidget3 .widgetContentWrap {padding: 0;}
.currencyWidget3 .localCurrency input {width: 50px;}
.currencyWidget3 .foreignCurrency input {width: 68px;}
.convertAmount3 {width: 230px;}

.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:218px; background:#fff; padding:0 0 15px 0; overflow:hidden; margin:0;}
#orderSummary .border2 {width:188px}
.border2 {padding:5px 0; margin:2px 0; 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-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}
.border3 {width:188px; padding:10px 0 0 0; margin:5px 0; border-bottom:1px dotted #999; overflow:hidden; position:relative; float:left}

/* 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}
.noteErrorImage {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}
.noteError ul {margin-top:5px}
.noteError li {color:#fff; font-weight:bold}
.noteError a {color:#fff; text-decoration:underline}

.noteError2 {margin:0 0 15px 0}

.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}

.AddOns {overflow:hidden; border-bottom:1px dotted #999; margin:0 15px; padding:15px 0; display:inline-block; background: #fff;}
.AddOns a.linkBlue {font-size:1.2em; font-weight:bold}
.AddOns .span3 {display:inline-block; vertical-align:bottom; float:none}
.AddOns .span6 {display:inline-block; float:none}
#ctl00_MainContent_PurchaseFunnelWizard1_wzdPurchaseFunnelDataCollector_ctrlShoppingBasket_ctrlCrossSell_divAddMore h2 {padding-bottom:5px}

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

/* General */
.contentMap01 {margin-top:20px}
.contentMap02 {padding:10px; position:relative; overflow:hidden}
.contentMap02 select {font-size:0.9em}
.contentMap02 img {vertical-align:middle}
.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.9em}
ul.list404 {list-style-image:url(/Resources/Images/arrowBlue.png)}
ul.list404 li {background:none; padding:0px;}

/* Footer
-------------------------------------------------------------- */
#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 {padding-left:15px}

#orderSummary h2 {width:100%; margin-bottom:10px}

/* Loading Panel */
.updatePanelLoading {width:250px; height:35px; position:absolute; background:no-repeat center; text-align:center; padding:10px; border:1px solid #666; margin-left:-125px; margin-top:-10px; background:#FFFFFF; z-index:1303;}
.updatePanelOverlay {width:100%; overflow:auto; background-color:Black; filter:alpha(opacity=20); -moz-opacity:0.20; opacity:0.20; z-index:1302;}
.updatePanelWrapper img {position:absolute; z-index:1304; margin-left:-100px; margin-top:2px;}
.updatePanelWrapper p {position:absolute; z-index:1305; text-align:center; margin-top:25px; margin-left:-115px; width:250px;}
.updatePanelWrapper {position:absolute; top:0px; left:0px; z-index:1303;}

div#HomeDelivery, div#divAlternateDelivery, div#CityStores, div#AirportStores {float:left; width:48%;}
div#CityStores, div#HomeDelivery {margin-right:2%;}
div#divAlternateDelivery {top:1px;}

.AlternateDeliveryPanel {position:absolute; left:50%; top: 10px;}

/* Purchase funnel Store Search results */
.ShippingOptionsStoreListDetails {display:none; width:280px;}
.StoreSearchMapNumber {float:left;}
.StoreSearchResultsMainInfo {float:left; padding-left:10px;}
.StoreSearchButtons {padding-top:5px; padding-bottom:3px;}
.StoreSearchButtons a {cursor:pointer;}
.StoreSearchDetailsItem {padding:5px 0px;}
.StoreSearchDetailStoreHoursItem {padding-right:6px; padding-top:4px;}
.StoreSearchDetailStoreHoursItemTitle {white-space: nowrap;}
.StoreSearchDetailStoreHoursItemText {max-width: 220px;}
.StoreSearchDetailsAvailableCurrency {padding-top:4px; font-size:11px;}
.StoreSearchDetailsSpecialHoursItem {padding-top:6px;}

#googlemapPopupContent {display:none;}
.PurchaseFunnelStoreLocationGoogleMap {width:500px; height:500px;}

input.selectStore {position:absolute; right:-13px; top:5px}
div.airport input.selectStore {display:none;}

/* Purchase Funnel Delivery Summary */
.PurchaseFunnelDeliverySummaryWrapper {float:right; margin:10px 15px 0px 0px; width:307px;}
.PurchaseFunnelDeliverySummaryList {list-style-type:circle; padding:10px 13px 0px 13px; font-size:1em;}
.PurchaseFunnelDeliverySummaryListItem1 {padding-bottom:3px;}

/* Value Pack Order Section and Saving Section */
.valuePack {border:1px solid #CCC; float:left; width:185px; padding:1px; background-color:#F4F4F4;}

.pinDelivery, .pinPickup, .pinAirport, .pinATM, .pinAlternateDelivery {width:29px; height:33px;}
.iconDelivery, .iconAlternateDelivery, .iconPickup, .iconAirport, .iconHoursOfOperation {width:324px; height:33px;}

li.PBItem {list-style-image:inherit !Important; margin-left:inherit !Important;}

div#CurrencyDropZone
{
 position:relative; 
 width:265px; 
 display:inline; 
 float:left; 
 overflow:hidden; 
 margin-right:10px; 
}
div#PromoSliderDropZone {
 width:710px; 
 float:left; 
}
div#PromosDropZone {
 display:inline; 
 float:left; 
 overflow:hidden; 
 position:relative; 
 width:710px; 
}

.RateHistoryLink { cursor:pointer; }

.ShippingOptions h2 {margin-bottom:15px;}
.ShippingOptions {min-height: 480px;}

.airportStoreSelect {width:220px;}

#PickupDetails p {clear:both;}

table.border1,table.border1 caption,table.border1 tbody,table.border1 tfoot,table.border1 thead,table.border1 tr,table.border1 th,table.border1 td {border:1px solid #000}
.CalendarKeys{width:100%; padding:5px; clear:both;}.smallpage {border:1px solid #CCC; padding:15px}
#orderSummary {font-size:0.9em; border:1px solid #CCC; width:218px; background:#fff; padding:0 0 15px 0; overflow:hidden; margin:0;}

#breadcrumb {border-top:1px solid #ccc;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background: #fbfbfb url(/Resources/Images/breadcrumbBg.gif) repeat-x bottom;}
#content, #content2 {background:#f4f4f4; border:1px solid #CCCCCC;}
.tableContent {border: 1px solid #CCCCCC;background:#f4f4f4;}
.pageNoPadding {border:1px solid #CCCCCC;}

.currencyWidget1 .widgetHeaderWrap {background: url(/Resources/Images/widgetHeader.gif) no-repeat top;}
.currencyWidget2 .widgetHeaderWrap {background: url(/Resources/Images/widgetHeader2.gif) no-repeat top;}
.currencyWidget3 .widgetHeaderWrap {background: url(/Resources/Images/widgetHeader3.gif) no-repeat top;}

.titleBlue {border: 1px solid #CCCCCC;}
.titleBlueHeader {background:#000099; margin: 0 0 8px 0;}
.titleBlueText {color:#fff;}
.titlePurpleHeader {background: #bbb; margin: 0 0 8px 0;}
.titlePurpleText {color:#000099;}
.addOnSection {border:1px solid #CCCCCC;}

.page {border:1px solid #CCC;}
.smallpage {border:1px solid #CCC;}
.pageNoPadding {border:1px solid #CCC;}
.addOnSection {border:1px solid #CCC;}
.contentPanel {border:1px solid #CCC;}
#orderSummary {border:1px solid #CCC;}

.tableLargeHeader, .tableSmallHeader {background: #EDEDED; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
.tableLargeHeader .content{color:#006;}	

/*side payment summary*/
.CurrentOrderTotal a {color:#09f}
/*Add more to your order links*/
.AddOns a.linkBlue {color:#09f;}

/*buttons*/
.btn {background: url(/Resources/Images/Btn_BgNext.png) no-repeat;} 
.btnMedium, .btnAirportStoreSelect, .btnCityStoreSelect, .btnLocatorPrint {background: url(/Resources/Images/Btn_BgMedium.png) no-repeat;} 
.btnMediumLong {background: url(/Resources/Images/Btn_BgMediumLong.png) no-repeat;} 
.btnGray {background: url(/Resources/Images/Btn_BgGray.png) no-repeat;}  
.btnLarge {background: url(/Resources/Images/btn_BgLarge.png) no-repeat;}
.btnXLarge {background: url(/Resources/Images/btn_BgXL.png) no-repeat;}
.btnMedium, .btnAirportStoreSelect, .btnCityStoreSelect, .btnLocatorPrint, .btn, .btnGray, .btnMediumLong, .btnLarge, .btnXLarge {color: #FFF;}


/*location search*/
.contentMap02 {border: 1px solid #d0d0d0;background:#f1efef;}
.contentMap02 a { color:#1a2c7f}

/*location result*/
.selectTableRow2 {background: #f5f5f6;}

#footerwrap {background: #fefefe url(/Resources/Images/FooterBg.gif) #fefefe repeat-x }

.crossSellAddToOrder {background:url(/Resources/Images/addOrder.gif) left center no-repeat;}


.pinDelivery {background-image: url(/Resources/Images/pin01.png);background-repeat:no-repeat;}
.pinPickup {background-image: url(/Resources/Images/pin02.png);background-repeat:no-repeat;}
.pinAirport {background-image: url(/Resources/Images/pin03.png);background-repeat:no-repeat;}

.iconDelivery {background-image: url(/Resources/Images/iconDelivery.png);background-repeat:no-repeat;}
.iconAlternateDelivery {background-image: url(/Resources/Images/iconAlternateDelivery.png);background-repeat:no-repeat;}
.iconPickup {background-image: url(/Resources/Images/iconStore.png);background-repeat:no-repeat;}
.iconAirport {background-image: url(/Resources/Images/iconAirport.png);background-repeat:no-repeat;}

.iconHoursOfOperation {background-image: url(/Resources/Images/iconHoursOp.png);background-repeat:no-repeat;}

.spaceROnlineRates{margin-right:10px; width:12%; float:left; }