* { margin: 0; padding: 0; border: 0; }
body, html { font: 0.82em Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #000;}
body { position: relative; background: url('/images/layout/site_bg.jpg') no-repeat top center fixed #1b1a1f; }
a:link, a:visited { text-decoration: none; color: #000; }
a:active, a:hover { text-decoration: underline; color: #000; }
hr { background: #A0B2C0; height:1px;}

.clear { height: 1px; clear: both; display:block; margin: 0; padding: 0; }
.hilite { background-color: Yellow;}

#outer { position:relative; width: 969px; margin: 0 auto; padding: 0 12px 12px 12px; border-top: 0;}

/*******************
* AJAX working
*******************/
#overlayWorking { position: absolute; display: none; top: 0; left: 0; width: 100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index: 500; }
#working { position: absolute; display: none; border: solid 1px #005190; background: #fff url(/images/layout/grad.jpg) repeat-x top; z-index: 999; margin-left: -150px; width: 300px; margin-top: -50px; height: 100px; padding: 0; text-align: left; }
#working h2 { display: block; width: 280px; color: #fff; padding: 5px 2px 2px 2px; margin: 0 8px 10px 8px; font-size: 1.3em; font-family: Georgia, Times New Roman, Serif; border-bottom: solid 1px #fff; }
#working img { margin: 10px; vertical-align: middle; }
#working span { font-size: 1.3em; }

/***********************
Header
***********************/
#header { position: relative; color: #fff; width:100%; height: 175px;}
#header a.logo {margin-top: 35px; display: block; float: left; width: 450px; height: 111px; display: block;}
#header img.strapline {display: block; float: right; margin-top: 65px; }
#header #logo { position: absolute; top: 11px; left: 130px; z-index: 99; }
#header #products { position: absolute; right:0px;}
#header #basket { position: absolute; top: 91px; left: 145px; z-index: 99; width: 155px; }
#header #basket span { position: absolute; padding-top: 6px; color: #fff; }

/***********************
Navigation Bar
***********************/
.topBar {background: url('/images/layout/topBar_bg.jpg') repeat-x #700e0f; margin-bottom: 3px; float: left; width: 969px;}
.topBar a.basketLink {width: 165px; float: left; padding: 15px 15px 15px 35px; background: url('/images/layout/basketBG.jpg') no-repeat #550b0d; color: #fff; text-transform: uppercase;}
.topBar a.basketLink:hover {background-position: -215px 0px; background-color: #330304; }

/***********************
Content Container
***********************/
#container {background: #fff; padding-bottom: 15px; width: 969px; float: left;}
#container h1 { padding: 5px 5px 5px 0; font-size: 2em; width: 510px; clear: left; }
#container h4 { padding: 5px; font-size: 1.3em;}
#container p { padding: 5px 5px 5px 0; line-height: 1.25em; }
#container input { border: solid 1px #2a52aa; }
#container select { border: solid 1px #2a52aa; }
#container textarea { border: solid 1px #2a52aa; }
#container .warning { color: #f00; padding: 5px 0; display: inline-block; }
#container .warning ul { margin: 5px 0 0 0; }
#container .warning li { color: #f00;}

/***********************
Left Column
***********************/
#leftColumn { width: 147px; color: #000; float: left; padding: 3px 0 5px 8px;  position: relative; z-index: 12;}
#leftColumn a {cursor:pointer;}
#leftColumn a:hover span {text-decoration:none;}

#leftColumn .searchContainer { width: 139px; background: #d5d4d8; padding: 3px; margin: 0 0 5px -4px;}
#leftColumn .search { width: 137px; height: 40px; padding: 0 0 10px 0; position: relative; }
#leftColumn .search input { float: right; display: block; border: none; margin: 6px 0; }
#leftColumn .search input.gray { color: gray; margin: 0; border: solid 1px #2a52aa; width:131px; vertical-align:top; padding: 2px; font-size: 1.1em; display: block; }
#leftColumn .search .searchBtn { width: 35px; height: 20px; margin: 4px 0 0 0; display: block; float: right; }
#leftColumn .search label { display:block; width: 73px; float: left; margin: 9px 0 0 0; padding: 0 2px 0 5px;}
#leftColumn .searchContainer .menutitle { margin: 3px 0 5px 0; }

#leftColumn .googleTranslateContainer{width: 133px; border:1px solid #355bae;background:#fff;padding:5px;margin: 0 0 5px -4px;}
#leftColumn .googleTranslate{background: #fff; text-align:center;}
#leftColumn .googleTranslate strong{padding: 5px;display:block;}
#leftColumn .googleTranslate select.goog-te-combo{width:108px !important; font-size:0.9em !important;}

#leftColumn .XEConverterContainer {background: #fff url('/images/layout/assistant_bg.jpg') no-repeat top left;display:block;width: 143px; padding: 0; margin: 0 0 5px -4px; border: 1px solid #355bae; }
#leftColumn .XEConverterContainer a { font-size: 0.9em; font-weight: bold; text-decoration:none; color:#206eb6; display: block; padding: 10px 0 10px 39px; }
#leftColumn .XEConverterContainer a:hover{text-decoration:none;}

#leftColumn .noticeBoardContainer {background: url('/images/layout/catalogue_bg.jpg') no-repeat top right;display:block;width: 133px; padding: 5px; margin: 0 0 5px -4px; border: 1px solid #355bae; }
#leftColumn .noticeBoardContainer span.header { font-size: 1.4em; font-weight: bold; text-transform:uppercase; color:#206eb6; display: block; padding-bottom: 1px;}
#leftColumn .noticeBoardContainer span.subheader { font-size: 1.2em; font-weight: bold; color:#cf3b43; display: block; }


#leftColumn .latestNewsContainer {display:block;width: 133px; padding: 5px; margin: 0 0 5px -4px; border: 1px solid #355bae; }
#leftColumn .latestNewsContainer span.header { font-size: 1.4em; font-weight: bold; text-transform:uppercase; color:#206eb6; display: block; padding-bottom: 1px;}
#leftColumn .latestNewsContainer span.subheader { font-size: 1.2em; font-weight: bold; color:#cf3b43; display: block; }

/* Browser Notice */
.browserNotice {font-size: 11px; width: 123px; padding: 10px; margin: 0 0 5px -4px; border: 1px solid #355bae; }
.browserNotice h2{font-size: 13px; color: #cf3b43;}
.browserNotice p{}
.browserNotice ul{ list-style-type: none; padding: 0; margin: 0;}
.browserNotice ul li{font-weight: bold; margin-bottom: 2px;}
.browserNotice ul li.ie a{background: url('/images/layout/internetexplorer.jpg') no-repeat;}
.browserNotice ul li.firefox a{background: url('/images/layout/firefox.jpg') no-repeat;}
.browserNotice ul li.chrome a{background: url('/images/layout/chrome.jpg') no-repeat;}
.browserNotice ul li.safari a{background: url('/images/layout/safari.jpg') no-repeat;}
.browserNotice ul li span.format{font-weight: normal; padding-left: 24px;}
.browserNotice ul li a {font-weight: bold; text-decoration: underline; display: block; padding: 3px 0 3px 24px; color: #000;}
.browserNotice ul li a:hover {color: #cf3b43;}

/***********************
Right Column
***********************/
#rightColumn { width: 791px; color: #000; float: left; padding-left: 10px;}

#rightColumn .stdButton {font-size:1em; padding: 1px 1px 2px 1px;}
#rightColumn .contentTable { margin-left: 0;}
#rightColumn .borderTable { margin-left: 5px; width: 72%; padding:5px; border: solid 2px #000;}

/* TOP SECTION */
.topSection {width: 782px; margin: 0 auto 10px auto; position: relative; z-index: 2;}

.featureBox {width: 273px; height: 128px; border: 1px solid #355bae; padding: 10px; margin-right: 8px; float: left;}
.featureBox h2 {margin: 0; padding: 0; font-size: 14px; color: #cf3b43;}
.featureBox p {font-size: 12px; float: left; margin-top: 23px;}
.featureBox a {color: #000; font-weight: bold; font-size: 12px; float: left; margin-top: 10px;}
.featureBox a:hover {color: #cf3b43;}

.catalogueFeature {background: url('/images/layout/catalogue.jpg') no-repeat bottom left;}
.catalogueFeature p {width: 200px; float: right;}
.catalogueFeature a {width: 200px; float: right;}

.newsFeature {width: 208px;}

.hotLinks {width:542px;float:left; overflow: hidden;}
.hotLinks .hotLinksContainer {width:550px;}
.hotLinks h2 {margin: 0; padding: 0; font-size: 16px; color: #cf3b43; text-transform:uppercase;}
.hotLinks ul {margin: 4px 0 0 0; padding: 0;}
.hotLinks ul li {display:inline;float:left; width:61px;height:61px;margin:0px 5px 5px 0px;}
.hotLinks ul li a {display:block;margin:0;padding:1px;width:61px;height:61px;background: #d5d4d8;text-decoration:none;}
.hotLinks ul li a:hover {background: #355bae;text-decoration:none;}
.hotLinks ul li img {display:block;margin:0;padding:0px;margin:0px;width:61px;height:61px;}

.AZresults h2 {margin: 15px 0 5px 0; padding: 0; font-size: 14px; color: #cf3b43; text-transform:uppercase;}
.AZresults a {font-size:1.1em; line-height:1.3em; text-decoration:underline;}
.AZresults a:hover {color: #355bae;}

#loginContainer {width: 240px; float: right; margin: 0px 0px 20px 20px;}
.topSection #loginContainer {margin: 0 auto 10px auto;}
.login {width: 238px; float: right; border: 1px solid #2a52aa;}
.login a {text-decoration: none;}
.login a:hover {text-decoration: underline;}
.login a.active:hover {text-decoration: none; cursor: default;}

.login .loginLinks {background: url('/images/layout/login_top.jpg') repeat-x #2a56af; padding: 5px; height: 14px; position: relative;}
.login .loginLinks a {color: #fff; border-right: 1px solid #fff; padding: 0px 5px; font-size: 11px; font-weight: bold; margin: 0; display: block; float: left;}
.login .loginLinks span {color: #fff; font-size: 11px; float: left; display: block;}
.login .loginLinks span.memberName {font-weight: bold; margin-left: 3px;}

.login .loginLinks a.first {padding-left: 0px;}
.login .loginLinks a.last {border: none;}
.login .loginLinks a.logOut {float: right; padding-right: 0px;}
.login .loginLinks label {color: #fff; font-size: 11px; font-weight: bold; float: right; display: block; margin-left: 2px; }
.login .loginLinks span {float: right; }
.login .loginLinks span.welcome {float: left;}
.login .loginLinks span.memberName {float: left;}
.login .loginLinks span input {width: 16px;height: 16px;padding: 0;margin:0;vertical-align: bottom;position: relative; top: -2px; *overflow: hidden; border: none;}
.login .loginDetails {padding: 0px;}
.login .loginDetails .detailsContainer {padding: 5px;}
.login .loginDetails input.textInput {margin-bottom: 2px; width: 158px; font-size: 11px; padding: 3px; float: left;}
.login .loginDetails input.Button {background: url('/images/layout/login_button.gif') no-repeat #2c51aa -1px -1px; padding: 0 !important; margin: 0 !important; width: 49px; height: 20px; border: none; display: block; float: right;}
.login .loginDetails input.Button:hover {cursor: pointer;}
.login .loginDetails a.forgotten {font-size: 11px; color: #000; float: left; clear: left; display: block; width: 163px; text-align: right;}
.login .loginDetails ul {padding: 0; margin: 0; list-style-type: none;}
.login .loginDetails ul li {padding: 0px 1px; background: #f9f9e3;}
.login .loginDetails ul li a{padding: 4px 4px 4px 25px; height: 15px; margin: 0; display: block; font-size: 12px; border-bottom: 1px solid #c7c7b6; color: #000; font-weight: bold; background-repeat: no-repeat; background-position: 3px 4px;}
.login .loginDetails ul li a:hover {background-color: #fff; background-position: 3px -31px; text-decoration: none;}
.login .loginDetails ul li a.last {border: none; padding-bottom: 3px; padding-top: 3px;}
.login .loginDetails ul li a.profile {background-image: url('/images/layout/profile.jpg');}
.login .loginDetails ul li a.favourites {background-image: url('/images/layout/favourites.jpg');}
.login .loginDetails ul li a.orderHistory {background-image: url('/images/layout/orderHistory.jpg');}

.login .warning {clear: left;}
.login .warning ul {background: none;}
.login .warning ul li {background: none;}

.selfServe {width: 238px; float: right; font-size: 12px; margin-top: 8px; position: relative; z-index: 10;}
.selfServe a {width: 224px; height: 33px; padding: 7px; margin: 0; display: block; background: url('/images/layout/selfServe_bg.jpg') no-repeat; text-decoration: none;}
.selfServe a span {text-align: center; display: block; color: #fff; }
.selfServe a span.ssTitle {font-weight: bold; text-decoration: underline;}
.selfServe a span.ssSubTitle {}
.selfServe .ssFeatures {padding: 10px 15px 15px 15px; width: 188px; height: 216px; background: url('/images/layout/ssFeatures_bg.png') no-repeat bottom center; color: #fff; font-size: 11px; position: absolute; top: 47px; left: 50%; margin-left: -108px; display: none;}
.selfServe .ssFeatures ul {padding: 0; margin: 0 0 0 20px;}
.selfServe .ssFeatures ul li{}

#content { padding-right: 0; margin-right: 0; padding-top: 14px; width: 781px;}
#rightColumn #pwdRecovery * { vertical-align: middle; }
#rightColumn #pwdRecovery .input { padding: 1px; }

#rightColumn .breadcrumb { padding: 3px 10px 4px 0; }
#rightColumn .breadcrumb li { display: inline; padding: 2px 2px 4px 12px; border-right: 1px solid #fff; background: url(/images/layout/separator.gif) left center no-repeat; float: left; white-space: nowrap; }
#rightColumn .breadcrumb .first { padding-left: 0px;  background-image: none; }
#rightColumn .breadcrumb li a { }
#rightColumn .breadcrumb .selected { font-weight: bold; }

#rightColumn .title { position: relative; }
#rightColumn .title .endLeft { position: absolute; top:0px; left:-1px; z-index: 9;}
#rightColumn .title .endRight { position: absolute; top:0px; right:0px; z-index: 9;}
#rightColumn .title .headertext { color: #fff; font-weight: bold; font-size: 1.2em;  z-index: 10; padding: 8px 5px; margin: 0px 12px; }

#rightColumn div.t_batteries { background-color: #ff800d !important; }
#rightColumn div.t_jewelleryfindings { background-color: #a119ab !important; }
#rightColumn div.t_earpiercing {background-color: #6e9808 !important; }
#rightColumn div.t_watchparts { background-color: #704f26 !important; }
#rightColumn div.t_equipment { background-color: #287482 !important; }
#rightColumn div.t_tools { background-color: #216609 !important; }
#rightColumn div.t_consumables { background-color: #ca176b !important; }
#rightColumn div.t_clockparts { background-color: #e0a30a !important; }
#rightColumn div.t_bookscatalogues { background-color: #6d6b76 !important; }
#rightColumn div.t_watchstrapsbraceletsfittings { background-color: #d1533d !important; }
#rightColumn div.t_watchstrapsbraceletsfittings .endLeft { left:0px; }
#rightColumn div.t_documentdownloads { background-color: #39308d !important; }
#rightColumn div.t_watchmovements { background-color: #940906 !important; }

fieldset { border: solid 2px #2a52aa; padding: 5px 10px; margin: 0 5px 10px 0; }
fieldset legend { padding: 0 5px; font-weight: bold; font-size: 1.3em; color: #f00; }


/* Category list */
#catListBG { padding: 0px; margin-right: 10px; overflow: hidden;width: 781px;}
#rightColumn .categoryCol {width: 257px; margin: 10px 5px 10px 0; float: left; }

#rightColumn .catList { display:block; background: #ffffff; }
#rightColumn .single { width:258px; }
#rightColumn .double { width:519px; }
#rightColumn .triple { width:781px; }

#rightColumn .single .columns { width:280px; }
#rightColumn .double .columns { width:540px; }
#rightColumn .triple .columns {width: 800px;}

#rightColumn .catList ul { list-style:disc; padding: 0 10px 0 20px;}

#rightColumn div.c_batteries ul { background: #f0dac7; border: 1px solid #ff800d; }
#rightColumn div.c_jewelleryfindings ul { background: #e5cde7; border: 1px solid #a119ab; }
#rightColumn div.c_earpiercing ul {background: #c6d2a7; border: 1px solid #6e9808; }
#rightColumn div.c_watchparts ul { background: #ddccb6; border: 1px solid #704f26; }
#rightColumn div.c_equipment ul { background: #b3cfd7; border: 1px solid #287482; }
#rightColumn div.c_tools ul { background: #b7d2ae; border: 1px solid #216609; }
#rightColumn div.c_consumables ul { background: #efd3e0; border: 1px solid #ca176b; }
#rightColumn div.c_clockparts ul { background: #f0e8d6; border: 1px solid #e0a30a; }
#rightColumn div.c_bookscatalogues ul { background: #e3e2e4; border: 1px solid #6d6b76; }
#rightColumn div.c_watchstrapsbraceletsfittings ul { background: #fdc6bd; border: 1px solid #e44f3c; }
#rightColumn div.c_documentdownloads ul { background: #cbc5fc; border: 1px solid #39308d; }
#rightColumn div.c_watchmovements { background: #fcbbba; border: 1px solid #940906; }

#rightColumn div.c_batteries ul li { color: #ff800d; border-top: solid 1px #ff800d; }
#rightColumn div.c_jewelleryfindings ul li { color: #a119ab; border-top: solid 1px #a119ab; }
#rightColumn div.c_earpiercing ul li {color: #6e9808; border-top: solid 1px #6e9808; }
#rightColumn div.c_watchparts ul li { color: #704f26; border-top: solid 1px #704f26; }
#rightColumn div.c_equipment ul li { color: #287482; border-top: solid 1px #287482; }
#rightColumn div.c_tools ul li { color: #216609; border-top: solid 1px #216609; }
#rightColumn div.c_consumables ul li { color: #ca176b; border-top: solid 1px #ca176b; }
#rightColumn div.c_clockparts ul li { color: #e0a30a; border-top: solid 1px #e0a30a; }
#rightColumn div.c_bookscatalogues ul li { color: #6d6b76; border-top: solid 1px #6d6b76; }
#rightColumn div.c_watchstrapsbraceletsfittings ul li { color: #e44f3c; border-top: solid 1px #e44f3c; }
#rightColumn div.c_documentdownloads ul li { color: #39308d; border-top: solid 1px #39308d; }
#rightColumn div.c_watchmovements ul li { color: #940906; border-top: solid 1px #940906; }

#rightColumn .catList li { margin:0px 3px; width: inherit;}
#rightColumn .catList li.first { border-top: 0; }
#rightColumn .catList li:hover {}
#rightColumn .catList a { text-decoration: none; padding: 6px; margin: 2px 0; width: inherit; display:block; font-weight: 700; }
#rightColumn .catList a:hover {color: #fff;}


#rightColumn .catList .c_batteries a:hover {background: #ff800d;}
#rightColumn .catList .c_jewelleryfindings a:hover {background: #a119ab;}
#rightColumn .catList .c_earpiercing a:hover {background: #6e9808;}
#rightColumn .catList .c_watchparts a:hover {background: #704f26;}
#rightColumn .catList .c_watchstrapsbraceletsfittings a:hover {background: #d1533d;}
#rightColumn .catList .c_equipment a:hover {background: #287482;}
#rightColumn .catList .c_tools a:hover {background: #216609;}
#rightColumn .catList .c_consumables a:hover {background: #ca176b;}
#rightColumn .catList .c_clockparts a:hover {background: #e0a30a;}
#rightColumn .catList .c_bookscatalogues a:hover {background: #6d6b76;}
#rightColumn .catList .downloadCategoryCol a:hover {background: #39308d;}

/* Document downloads */
#rightColumn .downloadColumns {background: #cbc5fc; border: 1px solid #39308d; margin: 10px 0; width: 780px;}
#rightColumn .downloadCategoryCol {width: 28%; float: left; }
#rightColumn .downloadCategoryCol ul li { color: #39308d; border-top: solid 1px #39308d; }
#rightColumn .downloadCategoryCol ul li.first { border-top: 0; }
#rightColumn .downloadItemCol {background: #fff; height: 100%; margin: 8px 0 7px 7px; border: 1px solid #39308d; width: 41%; float: left; padding:5px; min-height: 142px; }
#rightColumn .catList .downloadItemCol .pdf {width:24px; display: inline-block;padding: 0; margin: 0; width: 100%;}

#rightColumn .convList {width: 791px !important;}
#rightColumn .chartsItemCol {background: #fff; height: 100%; margin: 0 0 8px 8px; width: 55%; float: left; padding:5px; min-height: 142px; }
#rightColumn .catList .chartsItemCol .pdf {width:24px; display: inline-block;padding: 0; margin: 0; width: 100%;}
#rightColumn .chartsInfoCol {width: 36%; float: left; }

#rightColumn .catList .pdf * { vertical-align: middle; }
#rightColumn .catList .pdf a { padding: 0; border: solid 1px #fff; }
#rightColumn .catList .pdf a:hover { color: #000; border: solid 1px #2a52aa; }
#rightColumn .catList .pdf a img{ margin: 0; padding: 0; display: inline;}

#rightColumn #content ul.userText { background: #fff; margin: 10px 0 0 0; padding-left: 20px; list-style-type:disc; }
#rightColumn #content ul.userText li { float: none; font-size: 1.2em; }



#rightColumn #productList { width: 780px;  display: block; background: #e5e5e5;}
#rightColumn #content #productList .description { color: #000; padding: 4px; font-weight: normal; margin-top: 5px; width: auto; }
#rightColumn #productList .productPanel {background: #eee; width: inherit; display: block; margin-bottom: 2px; }

#rightColumn #productList .productPanel .productItem .spacer { padding: 2px; }
#rightColumn #productList .productPanel .productItem .productImg { float: left; }
#rightColumn #productList .productPanel .productItem .description { float: left;}
#rightColumn #productList .productPanel .productItem hr { background: #A0B2C0; height:1px;}

#rightColumn #productList .productTitleContainer { display:block; width: 778px; border: 1px solid #060606; background: #BFCCD5 url('/images/layout/arrowDown.jpg')  757px center no-repeat; color:#000; }
#rightColumn #productList .productTitleContainer:hover {background-color: #7D868D; background-image: url('/images/layout/arrowDownHover.jpg');color:#fff;}
#rightColumn #productList .productTitle { position:relative; display:block; font-size:1.15em; font-weight: bold; color: #000; padding: 6px 0 ;}
#rightColumn #productList .productTitle:hover { color: #fff; text-decoration: none; }
#rightColumn #productList .productTitle:active { text-decoration: none; }
#rightColumn #productList .productTitleContainer .skuCount {position:absolute; right:25px; top:5px;font-size:0.9em; cursor:pointer; }

#rightColumn #productList .skuList { background: #A0B2C0; width:100%; }
#rightColumn #productList .skuList th { text-align:left; }
#rightColumn #productList .skuList tr * { vertical-align:middle }
#rightColumn #productList .skuList td { padding: 2px; }
#rightColumn #productList .skuHeader { background-color: #A0B2C0; }
#rightColumn #productList .skuHeader th { font-weight: bold; color: #fff; padding: 4px; }
#rightColumn #productList .skuRow { font-weight: normal; background: #e5e5e5; }
#rightColumn #productList .skuAltRow { background: #fff; font-weight: normal;  }

#rightColumn #productList .skuRow td * { vertical-align: middle; }
#rightColumn #productList .skuPDF { width:24px; display: inline-block; border: solid 1px #2a52aa; margin-right: 3px; background: #FFF; float:left;}
#rightColumn #productList .pdf { width:24px; display: inline-block; border: solid 1px #2a52aa; margin-right: 3px; background: #FFF; float:left;}
#rightColumn #productList .productItem .pdf { width: 300px; border: none; margin: none; background: none; }
#rightColumn #productList .productItem .pdf img { width:24px; display: inline-block; margin-right: 3px; background: #FFF; float:left;}

#rightColumn #productList .productItem table tr.skuRow td .pdf{ width:24px; display: inline-block; border: solid 1px #2a52aa; margin-right: 3px; background: #FFF; float:left; }
#rightColumn #productList .productItem table tr.skuAltRow td .pdf{ width:24px; display: inline-block; border: solid 1px #2a52aa; margin-right: 3px; background: #FFF; float:left; }

#rightColumn #productList .outerBookmarkContainer {position: relative; }
#rightColumn #productList .bookmarkContainer {position: absolute; top:-150px; }
#rightColumn #productList .bookmark {display: block; width: 10px; height: 10px; }

#rightColumn #attProductList .skuList { background: #A0B2C0; }
#rightColumn #attProductList .skuListTable { background: #A0B2C0; width: 780px; }
#rightColumn #attProductList .skuListTable th { text-align:left; }
#rightColumn #attProductList .skuListTable td { padding: 2px; }
#rightColumn #attProductList .skuHeader { background-color: #A0B2C0; }
#rightColumn #attProductList .skuHeader th { font-weight: bold; color: #fff; padding: 4px; }
#rightColumn #attProductList .skuRow { font-weight: normal; background: #e5e5e5; }
#rightColumn #attProductList .skuAltRow { background: #fff; font-weight: normal;  }

#rightColumn .headerPanel { width: 787px !important;}
#rightColumn .headerPanel .header { font-weight: bold; padding: 3px 0 3px 0;}
#rightColumn .itemList { background: #A0B2C0; }
#rightColumn .itemList th { text-align:left; }
#rightColumn .itemList td { padding: 2px; }
#rightColumn .itemListHeader { background-color: #A0B2C0; }
#rightColumn .itemListHeader th { font-weight: bold; color: #fff; padding: 4px; }
#rightColumn .itemListRow { font-weight: normal; background: #e5e5e5; }
#rightColumn .itemAltListRow { background: #fff; font-weight: normal;  }
#rightColumn .itemListRowDisc { background: #e57171; font-weight: normal;  }

#rightColumn .grey { background: #e5e5e5; }
#rightColumn .grey p { padding: 5px; }
#rightColumn .grey table { margin: 5px; }
#rightColumn .grey .button { margin: 0 0 5px 5px; }

#rightColumn .multipleAdd { width: 780px;  display: block; background: #e5e5e5; border-top: solid 1px #fff;}
#rightColumn #content .multipleAdd .description {margin: 8px 5px 0px 5px; width: auto; float: left;}
#rightColumn .multipleAdd input {float:right; margin: 5px;}

#rightColumn .multipleRemove { width: 780px;  display: block; background: #e5e5e5; border-bottom: solid 1px #fff;}
#rightColumn .multipleRemove input {float:left; margin: 5px 10px 5px 5px;}
#rightColumn #content .multipleRemove .description {margin: 8px 5px 0px 5px; width: auto; float: left;}

#rightColumn .associatedItemsContainer { width: 756px; margin: 1px 0; background: #fffbbf; border: solid 1px #cbcbcb; padding:10px 11px; font-weight:bold;}
#rightColumn .associatedItemsContainer span.title {font-size:1.3em; display: block; float: left;}
#rightColumn .associatedItemsContainer span.titleEx {font-size:1.1em; display: block; float: left; padding: 2px 0; margin: 0 5px 10px 5px;}
#rightColumn .associatedItemsContainer .associatedItem { width: 117px; float: left; background:url(/images/layout/associateditem_bg.jpg) top left no-repeat; padding: 1px; margin:0 3px 5px 4px;}
#rightColumn .associatedItemsContainer .associatedItem a { padding: 0; margin: 0; border: 0; }
#rightColumn .associatedItemsContainer .associatedItem img { padding: 0; margin: 0; border: 0; }
#rightColumn .associatedItemsContainer .associatedItem a span { display:block; width: 109px; margin:4px 0; text-align:center;}

#rightColumn .topSpacer { margin: 50px 0;}

/* SPECIAL OFFER CONTAINER */
.specialOffers {padding: 12px 12px 0 12px; background: #d6e7f7; width: 758px; margin: 0 auto; z-index: 1; overflow: hidden; }
.specialOffers h2 {margin: 0 0 10px 0; padding: 0;}
.specialOffers span.dontMiss {color: #436580; margin-right: 5px; }

/* SECTIONS */
.specialOffers .soSection {float: left;  width: 780px;}
.specialOffers .soSection .offer { float: left; padding: 5px; position: relative; background: url('/images/layout/offer_bg.jpg') no-repeat; overflow: hidden;margin-bottom: 19px;}
.specialOffers .soSection .offer:hover {cursor: pointer;}
.specialOffers .soSection .offer span.offerDate { text-align: right; display: block; font-size: 11px;}
.specialOffers .soSection .offer h3 { text-align: center; margin: 7px 0 0 0; padding: 0; clear: left; font-size: 12px;}
.specialOffers .soSection .offer span.offerDescription {text-align: center; display: block; font-size: 11px; line-height: 12px;}
.specialOffers .soSection .offer img.offerImage {float: left; padding: 0; margin: 0;}
.specialOffers .soSection .offer .priceInfo {float: right; width: 70px; font-size: 11px; margin: 10px 2px 0px 0px; text-align: right;}
.specialOffers .soSection .offer .priceInfo span {font-weight: bold;float: right; clear: right;}
.specialOffers .soSection .offer .priceInfo a.moreInfo {position: absolute; bottom: 0; right: 0; padding: 5px; color: #000; text-decoration: none;}
.specialOffers .soSection .offer .priceInfo a.moreInfo:hover {text-decoration: underline;}
.specialOffers .soSection .offer .offerBottom {position: absolute; bottom: 0; left: 0; height: 3px; background-position: bottom center; background-repeat: no-repeat;}
.specialOffers .soSection .edgeOffer {margin-right: 0 !important;}

/* SECTION 1 */
.specialOffers .soSection1 .offer {width: 165px; height: 165px; margin-right: 19px;}
.specialOffers .soSection1 .offer h3 {min-height: 35px;}
.specialOffers .soSection1 .offer .offerBottom {background-image: url(/images/layout/offerBottom.jpg); width: 175px;}

/* SECTION 2 */
.specialOffers .soSection2 .offer {width: 165px; height: 145px; margin-right: 19px;}
.specialOffers .soSection2 .offer h3 {font-size: 12px; min-height: 25px;}
.specialOffers .soSection2 .offer .offerBottom {background-image: url(/images/layout/offerBottom.jpg); width: 175px;}

/* SECTION 3 */
.specialOffers .soSection3 .offer {width: 135px; height: 113px; margin-right: 8px;}
.specialOffers .soSection3 .offer h3 {font-size: 11px; min-height: 25px;}
.specialOffers .soSection3 .offer span.offerDate {font-size: 11px;}
.specialOffers .soSection3 .offer .offerBottom {background-image: url(/images/layout/offerBottom2.jpg); width: 145px;}

/* SECTION 4 */
.specialOffers .soSection4 .offer {width: 135px; height: 98px; margin-right: 8px;}
.specialOffers .soSection4 .offer h3 {font-size: 11px; min-height: 25px;}
.specialOffers .soSection4 .offer span.offerDate {font-size: 10px;}
.specialOffers .soSection4 .offer .offerBottom {background-image: url(/images/layout/offerBottom2.jpg); width: 145px;}    
    
/* SECTION 5 */
.specialOffers .soSection5 { margin-bottom: 0px;}
.specialOffers .soSection5 .offer {width: 360px; height: 35px; margin: 0 17px 12px 0;}
.specialOffers .soSection5 .offer .offerDate {position: absolute; left: 5px; bottom: 5px;}
.specialOffers .soSection5 .offer h3 {position: absolute; left: 170px; top: 4px; margin: 0; padding: 0; font-size: 10px; font-weight: bold; width: 130px; text-align: left;}
.specialOffers .soSection5 .priceInfo {position: absolute; right: 5px; top: 5px; margin: 0 !important; padding: 0 !important; height: 35px; width: 70px !important; line-height: 11px;}
.specialOffers .soSection5 .moreInfo {display: block; position: absolute; bottom: 0; right: 0; padding: 0 !important;}
.specialOffers .soSection5 .offer img.offerImage {position: absolute; left: 120px; top: 5px;}
.specialOffers .soSection5 .edgeOffer {margin-bottom: 0;}

/* SPECIAL OFFER TYPES */
.specialOffers .soSection1 .reduced {background-position: 0px 0px;}
.specialOffers .soSection2 .reduced {background-position: 0px 0px;}
.specialOffers .soSection3 .reduced {background-position: -872px 0px;}
.specialOffers .soSection4 .reduced {background-position: -872px 0px;}
.specialOffers .soSection5 .reduced {background-position: -1597px 0px;}
.specialOffers .soSection .reduced .priceInfo {}
.specialOffers .soSection .reduced .priceInfo span {color: #d4cb42;}

.specialOffers .soSection1 .new {background-position: -174px 0px;}
.specialOffers .soSection2 .new {background-position: -174px 0px;}
.specialOffers .soSection3 .new {background-position: -1017px 0px;}
.specialOffers .soSection4 .new {background-position: -1017px 0px;}
.specialOffers .soSection5 .new {background-position: -1967px 0px;}
.specialOffers .soSection .new .priceInfo {}
.specialOffers .soSection .new .priceInfo span {color: #f11a22;}

.specialOffers .soSection1 .special {background-position: -348px 0px;}
.specialOffers .soSection2 .special {background-position: -348px 0px;}
.specialOffers .soSection3 .special {background-position: -1162px 0px;}
.specialOffers .soSection4 .special {background-position: -1162px 0px;}
.specialOffers .soSection5 .special {background-position: -2338px 0px;}
.specialOffers .soSection .special .priceInfo {}
.specialOffers .soSection .special .priceInfo span {color: #24329d;}

.specialOffers .soSection1 .webdisc {background-position: -523px 0px;}
.specialOffers .soSection2 .webdisc {background-position: -523px 0px;}
.specialOffers .soSection3 .webdisc {background-position: -1307px 0px;}
.specialOffers .soSection4 .webdisc {background-position: -1307px 0px;}
.specialOffers .soSection5 .webdisc {background-position: -2709px 0px;}
.specialOffers .soSection .webdisc .priceInfo {}
.specialOffers .soSection .webdisc .priceInfo span {color: #5fb75f;}

.specialOffers .soSection1 .favourites {background-position: -697px 0px;}
.specialOffers .soSection2 .favourites {background-position: -697px 0px;}
.specialOffers .soSection3 .favourites {background-position: -1452px 0px;}
.specialOffers .soSection4 .favourites {background-position: -1452px 0px;}
.specialOffers .soSection5 .favourites {background-position: -3080px 0px;}
.specialOffers .soSection .favourites .priceInfo {}
.specialOffers .soSection .favourites .priceInfo span {color: #aa2ab3;}

.specialOffers .soSection1 .newweb {background-position: -3821px 0px;}
.specialOffers .soSection2 .newweb {background-position: -3821px 0px;}
.specialOffers .soSection3 .newweb {background-position: -3995px 0px;}
.specialOffers .soSection4 .newweb {background-position: -3995px 0px;}
.specialOffers .soSection5 .newweb {background-position: -3451px 0px;}
.specialOffers .soSection .newweb .priceInfo {}
.specialOffers .soSection .newweb .priceInfo span {color: #95db43;}

.left {float: left;}
.right {float: right !important;}

/* Expanded image view */
.specialOffers .soSection .offer .offerImageHover { top:-90px; left:50px; width:254px; height:212px; padding:4px; background:url(/images/layout/imageHoverBackground.png) no-repeat; border:none; display:none;}
.specialOffers .soSection .offer .offerImageHoverArrow {bottom:-10px; left:-15px; width:30px; height:30px; background:url(/images/layout/imageHoverBackgroundArrow.png); display:none;}
.specialOffers .soSection .offer .offerImageLink img {border:none;}
.specialOffers .soSection .offer a:hover .offerImageHover {position:absolute; display:block; border:none; z-index:1;}
.specialOffers .soSection .offer a:hover .offerImageHoverArrow {position:absolute; display:block; border:none;}

/* Expanded image view - edge offer items */
.specialOffers .soSection .edgeOffer .offerImageHover {position:absolute; top:-90px; left:-220px; width:254px; height:212px; padding:4px; background:url(/images/layout/imageHoverBackground.png) no-repeat; border:none; display:none;}
.specialOffers .soSection .edgeOffer .offerImageHoverArrow {position:absolute; bottom:-10px; left:240px; width:30px; height:30px; background:url(/images/layout/imageHoverBackgroundArrowRight.png); display:none;}
.specialOffers .soSection .edgeOffer a:hover .offerImageHover {display:block;}
.specialOffers .soSection .edgeOffer a:hover .offerImageHoverArrow {display:block;}

#rightColumn #content { float: left; }
#rightColumn #content .description { padding: 0px 5px 10px 0; float: left; clear: left; width: 515px; }
#rightColumn #content .description ul { margin-left: 15px; padding-left: 20px; list-style-type:disc; }
#rightColumn #content .description ol { margin-left: 15px; padding-left: 20px; list-style-type:decimal; }
#rightColumn #content .description li { float: none; }
#rightColumn #content p a { text-decoration: underline; }
#rightColumn #content .homeLoginSpace { float: right; clear: right; width: 175px; }
#rightColumn #content .imgBorder {float: left; clear: left; padding: 5px 7px 5px 7px; background:url(/images/layout/welcome_photobox.jpg); margin: 0 10px 10px 0px; }
#rightColumn #content .imgCategory { border: 3px solid #fff; }
#rightColumn #content .imgCategoryEx {float: left; margin: 0 0px 10px 0px; }

#rightColumn #content .imgBorder2 {float: left; clear: left; padding: 1px; background:#d5d4d8; margin: 0 10px 10px 0px; }
#rightColumn #content .imgCategory2 {padding:0;margin:0; border: 0;display:block; }

#rightColumn #content .inputform { padding: 5px; }
#rightColumn #content .inputform h4 { padding: 5px; font-size: 1.2em; }
#rightColumn #content .inputform label { display:inline-block; text-align:right; padding-left: 10px; width: 100px; margin-bottom: 5px; }
#rightColumn #content .inputform input { margin-bottom: 5px; border: solid 1px #2a52aa; }
#rightColumn #content .inputform select { margin-bottom: 5px; border: solid 1px #2a52aa; }
#rightColumn #content .inputform .button { margin-left: 113px; width:70px; }
#rightColumn #content .inputform .reqd { padding-left: 5px; vertical-align: middle; }
#rightColumn #content .inputform .message ul { list-style: bullet; padding-left: 10px; }
#rightColumn #content .inputform .message li { color: #f00; }
#rightColumn #content .description ul { list-style: bullet; padding-left: 10px; }
#rightColumn #content .description ol { list-style: number; padding-left: 10px; }
#rightColumn #content .description li { padding-bottom: 5px; }

 ul.column { list-style: none; width: 165px; margin: 8px 8px 8px 0; padding: 0; list-style-position: outside; float: left; }
 ul.column li{ background: #e5e5e5; padding: 5px; position: relative; }
 ul.column li.subHead { background: #A0B2C0; padding: 5px; color: #fff; font-weight: bold; font-size: 1.1em; margin-top: 4px; }
 ul.column li.alt { background: #ECEDEF; }
 ul.column li ul { list-style: none; margin: 6px 8px 6px 10px; padding: 0; list-style-position: outside;}

#rightColumn #content td {}
#rightColumn #content td .skuRow td{}
#rightColumn #content td div.priceCont {height: 14px; position: relative; padding: 3px;}
#rightColumn #content div.pleaseSignIn { position: absolute; top: 0; left: 0; margin: 0; width: 145px; border: solid 1px #f00; text-align: center; background: #fff; padding: 3px; color: #f00;}
#rightColumn #content #attProductList div.pleaseSignIn { width: 115px;}

/***********************
Home Special Offer links
***********************/
#specialoffers { float: left; padding: 0px 5px 5px 0px; width: 475px; z-index: 9;position: relative;}
#specialoffers .title { position: relative; background: #be2a2a url(/images/layout/red_titlebar.jpg) repeat-x; height:35px; width: 475px; }
#specialoffers .title .headertext { position: absolute; color: #fff; font-weight: bold; font-size: 1.2em;  top:10px; left:10px; z-index: 10; }
#specialoffers .title .endLeft { position: absolute; top:0px; left:0px; z-index: 10;}
#specialoffers .title .endRight { position: absolute; top:0px; right:0px; z-index: 10;}
#specialoffers .layout { background: #e5e5e5; border: 1px solid #878787; width: 475px; border-top: none; }
#specialoffers .layout td { background: #fff; }
#specialoffers .layout .image { width: 49px; padding: 3px; vertical-align:top; }
#specialoffers .layout .body { position: relative; width: 100%; }
#specialoffers .layout .body .description { display:block; float:left; margin: 0; padding: 5px; width: 285px;}
#specialoffers .layout .body .description .header { font-weight: bold; width: 285px;  font-size: 1.1em; padding: 5px; margin: 0; display: block; float: left;}
#specialoffers .layout .body .description .detail {display: block; padding: 5px; margin: 0; float: left; width:285px;}
#specialoffers .layout .body .more { display:block; width: 108px; float:right; }
#specialoffers .layout .body .more .price { display:block; width: 103px; color: #fff; font-weight: bold; font-size: 1.3em; text-align: right; padding: 25px 5px 5px 0; }
#specialoffers .layout .body .more .link { display:block; width: 103px; color: #fff; text-align: right; padding: 3px 5px 3px 0px; }
#specialoffers .layout .body .more .link a {color: #fff;}

#specialoffers .layout .body .normal { display:block; width: 108px; float:right; }
#specialoffers .layout .body .normal .price { display:block; width: 103px; color: #c63535; font-weight: bold; font-size: 1.3em; text-align: right; padding: 5px 5px 5px 0; }
#specialoffers .layout .body .normal .link { display:block; width: 103px; color: #000; text-align: right; padding: 3px 5px 3px 0px; }

/***********************
Home News links
***********************/
#news { float: left; padding: 0px 5px 5px 5px; width: 300px; z-index: 9;position: relative;}
#news .title { position: relative; background: #be2a2a url(/images/layout/red_titlebar.jpg) repeat-x; height:35px; }
#news .title .headertext { position: absolute; color: #fff; font-weight: bold; font-size: 1.2em;  top:10px; left:10px; z-index: 10; }
#news .title .endLeft { position: absolute; top:0px; left:0px; z-index: 10;}
#news .title .endRight { position: absolute; top:0px; right:0px; z-index: 10;}
#news .layout { background: #e5e5e5; border: 1px solid #878787; border-top: none; width: 300px; }
#news .layout td { background: #fff; }
#news .layout .body { position: relative; width: 100%; }
#news .layout .body .header { display:block; width: 274px; font-weight: bold; font-size: 1.1em; padding: 3px 5px 2px 5px; }
#news .layout .body .detail { display:block; width: 274px; float:left; padding: 3px 5px 3px 5px;}

/***********************
Department associated items
***********************/
#deptassociated { float: right; padding: 5px 0 5px 10px; width: 250px; }
#deptassociated .title { position: relative; background: #be2a2a url(/images/layout/red_titlebar.jpg) repeat-x; height:35px; }
#deptassociated .title .headertext { position: absolute; color: #fff; font-weight: bold; font-size: 1.2em;  top:10px; left:10px; z-index: 10; }
#deptassociated .title .endLeft { position: absolute; top:0px; left:0px; z-index: 10;}
#deptassociated .title .endRight { position: absolute; top:0px; right:0px; z-index: 10;}
#deptassociated .layout { background: #e5e5e5; border: 3px solid #e5e5e5; width: 250px; }
#deptassociated .layout td { background: #fff; }
#deptassociated .layout .image { width: 49px; padding: 0; vertical-align:top; background: #e5e5e5; }
#deptassociated .layout .image img { border: 3px solid #fff; }
#deptassociated .layout .body { position: relative; width: 100%; }
#deptassociated .layout .body .header { display:block; width: 170px; font-weight: bold; font-size: 1.1em; padding: 3px 5px 2px 5px; }
#deptassociated .layout .body .detail { width: 170px; float:left; padding: 3px 5px 3px 5px;}
#deptassociated .layout .body .price { float:left; color: #be2a2a; font-weight: bold; font-size: 1.3em; padding: 3px 5px 3px 5px;}
#deptassociated .layout .body .link { width: 60px; float:right; padding: 3px 5px 3px 8px; }

/***********************
News Page articles
***********************/
#fullnews .title {  font-weight: bold; padding: 5px 5px 5px 0; font-size: 1.5em; float: left; margin: 0;}
#fullnews .date { display:block; padding: 5px 5px 15px 0; }
#fullnews .body { display: block; border-bottom: dashed 1px #000; padding-bottom: 30px;  margin-bottom: 10px; clear: left; }
#fullnews .body ul { list-style: bullet; padding-left: 10px; margin-left: 10px; }
#fullnews .body ol { list-style: number; padding-left: 10px; margin-left: 10px; }
#fullnews .body li { padding-bottom: 5px; }

/***********************
Search results
***********************/
#searchResults { margin: -4px 0 -4px 0;}
#searchResults li { width: 772px; list-style: none; background: #fff; margin: 4px; display: block; padding: 4px; }
#searchResults li li { margin: 0; padding: 0; }
#searchResults li li a { text-decoration: underline; margin-right: 3px; }
#searchResults li li a:hover { text-decoration: none; }

/***********************
Shopping basket 
***********************/
.basketcrumb { margin-bottom: 20px;}
.basketcrumb li { display: inline; padding: 6px; border-bottom: 4px solid #A0B2C0; color: #A0B2C0; font-size: 1.2em;}
.basketcrumb .selected {border-bottom: 4px solid #c92d2e; color: #000000; font-weight: 600; }

#basket table {background: #A0B2C0;width:776px;}
#basket .shoppingBasketHeaderRow { background-color: #A0B2C0; }
#basket .shoppingBasketHeaderRow td { font-weight: bold; color: #fff; padding: 4px; }
#basket td {padding: 3px; }

.aboveShoppingBasketRow { display: block; margin: 0; text-align: left;width:776px;}
.aboveShoppingBasketRow input {float:right; }

.shoppingBasketButtonRow { display: block; margin: 15px 0; text-align: left;width:776px;}
.shoppingBasketButtonRow .tandc {float:right; width:500px;}
.shoppingBasketButtonRow input {float:right; }
.shoppingBasketButtonRow input#agree {display:block;margin:0 30px 0 10px; }

.bskRowBackgroundColour { background: #e5e5e5; }
.bskRowAlternatingBackgroundColour { background: #fff; }
.bskRowDiscountColour td { background: #e57171; }

.address { background: #e5e5e5;  width: 189px; margin: 5px 5px 5px 0; float: left;}
.address h2 { font-size: 1em; font-weight:600;  padding: 5px; }
.address span { margin: 0 5px 3px 12px; display:block; }
.address input { margin: 0 5px 3px 12px; display:block; }
.address div { background: #A0B2C0; padding: 3px; }

.savedCards .card { background: #e5e5e5;  width: 189px; margin: 5px 5px 5px 0; float: left;}
.savedCards .card strong { font-size: 1em; font-weight:600;  padding: 5px; display:block; }
.savedCards .card span { margin: 0 5px 10px 12px; display:block; }
.savedCards .card a { background: #A0B2C0; padding: 3px; display:block; }

#rightColumn #deliveryList .deliveryList { background: #A0B2C0; }
#rightColumn #deliveryList .deliveryList th { text-align:left; width:100%; }
#rightColumn #deliveryList .deliveryList td { padding: 2px; }
#rightColumn #deliveryList .delHeader { background-color: #A0B2C0; }
#rightColumn #deliveryList .delHeader th { font-weight: bold; color: #fff; padding: 4px; }
#rightColumn #deliveryList .delRow { font-weight: normal; background: #e5e5e5; }
#rightColumn #deliveryList .delAltRow { background: #fff; font-weight: normal;  }

#rightColumn .addressCol {width:189px;float:left;}
#rightColumn .cardsCol {width:582px;float:left;margin-left:5px;}
#rightColumn .cardsCol strong {}
#rightColumn .cardsCol .paymentMethods {background: #e5e5e5; padding:5px; margin-top:5px;}
#rightColumn .cardsCol .paymentMethods .method {background: #fff; float: none; display:block; width:562px; padding:5px; margin-bottom: 5px;}
#rightColumn .cardsCol .paymentMethods .last {margin-bottom: 0px;} 
#rightColumn .cardsCol .paymentMethods .method h3 {width:335px; float:left; font-size: 1.3em;}
#rightColumn .cardsCol .paymentMethods .method span {width:335px; float:left;}
#rightColumn .cardsCol .paymentMethods .method input {float:right;}

#rightColumn .cardsCol .paymentError {margin:18px auto 10px auto; padding:6px; border:solid 3px #fee275; background:#fee275 url(/images/layout/warningbackground.jpg) no-repeat top right; }
#rightColumn .cardsCol .paymentError h2 {font-size:2em;}
#rightColumn .cardsCol .paymentError p {}

.realExContainer {float: left;}

/***********************
Footer
***********************/
#footer { padding: 10px; background:url(/images/layout/footer_background.jpg) repeat-x #2a52aa; text-align:right; width: 949px; margin: 0 auto; }
#footer ul { list-style: none; padding: 0px; }
#footer li { display: inline; color: #fff; border-left: 1px solid #fff; padding: 0 4px 0 4px;}
#footer a { color: #fff; }
#footer .first { border: 0; }

span.nasaCredit {display: block; color: #fff; padding: 10px 0px;}

#ie6minwidth { width:775px; height:1px; }

#overlay { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index: 998; }
#PopupMasterContainer { position:absolute; display: none; background:#fff; font-size:11px; z-index: 999; }
#PopupMasterContainer table { border:1px solid #2a52aa; }
#PopupTopHandle { background: url(/images/layout/footer_background.jpg); border-bottom: 1px solid #2a52aa; padding: 0px; font-weight: bold; color: #000; }
#PopupTopButtons { position: relative; width: inherit; height:20px; }
#PopupTopTitle { height:18px; margin-top:2px; margin-left:12px; color: #fff; font-size: 1.2em;   }
#PopupTopButtons #IcnClose { position: absolute; top: 2px; right: 2px;}
#PopupContent { background-color:#fff; padding:10px; text-align:left; }
#PopupContent h5 { font-size: 1.1em; margin: 5px 0 5px 0; }
#PopupContent #priceBreaks { background: #A0B2C0; border-width: 0px; }
#PopupContent #priceBreaks th { background-color: #A0B2C0; padding: 2px; }
#PopupContent #priceBreaks td { font-weight: normal; background: #e5e5e5;  padding: 2px;}


.clearAll { clear:both; }

#PopupContent table { border: solid 1px #fff; }
#PopupContent input { border: solid 1px #2a52aa; }
.popupConsole h4 { margin: 0 0 10px 0; }
.popupConsole p { margin: 0 0 10px 0; }
.popupConsole div.pleaseSignIn { margin-top: 10px; width: 145px; border: solid 1px #f00; text-align: center; background: #fff; padding: 3px; color: #f00;}

.popupFooter td { background:#fff; display: block; padding: 0 10px 10px 0; }
.popupFooter input { float: right; }


/***********************
Modal Popup
***********************/
/*
.modalBackground { background:#bbb; filter:alpha(opacity=50); opacity:0.5; z-index: 998; }
.modalPopup { background-color:#fff; border: solid 1px #2a52aa; padding:3px; width:250px; z-index: 999; }
*/

/*************************
Attribute Search July 2009
*************************/
#rightColumn #attrSearch p {margin: 0 0 10px 0; padding: 0;}
#rightColumn #attrSearch { position:relative; background: #e5e5e5; padding-bottom: 5px; width: 780px; float: left;}
#rightColumn #attrSearch .title { position: relative; }
#rightColumn #attrSearch .title .endLeft { position: absolute; top:0px; left:-1px; z-index: 9;}
#rightColumn #attrSearch .title .endRight { position: absolute; top:0px; right:0px; z-index: 9;}
#rightColumn #attrSearch .title .headertext { color: #fff; font-weight: bold; font-size: 1.2em;  z-index: 10; padding: 8px 5px; margin: 0px 12px; }

#rightColumn #attrSearch th {background: #A0B2C0; text-align: left; padding:2px; }

#rightColumn #attrSearch .attributeSearch p{padding: 0; margin: 0 0 10px 0}
#rightColumn #attrSearch .attributeSearchContainer { width: 770px; background-position: right;}
#rightColumn #attrSearch .tellUsTitle{position: absolute; top: 110px; left: 20px;}
#rightColumn #attrSearch .topBubble {background: url('/images/layout/bubbleWideTop.jpg') no-repeat; width: 506px; padding: 20px 20px 20px 20px; position: relative; text-align: center; font-weight: bold; float: right;}
#rightColumn #attrSearch .topBubbleBottom {position: absolute; bottom: 0; left: 0;}

#rightColumn #attrSearch .smallBubbleContainer {background: url('/images/layout/bubbleSmallTop.jpg') no-repeat; width: 190px; margin: 20px 10px 0 9px; padding: 15px 25px 15px 15px; position: relative; float: left;}
#rightColumn #attrSearch .smallBubbleContainer .customSearchBox {margin-bottom: 3px;}
#rightColumn #attrSearch .smallBubbleContainer .customSearchBox .attributeCaption {font-weight: bold; display: block; margin-bottom: 4px; }
#rightColumn #attrSearch .smallBubbleContainer .customSearchBox .txtLookup { width: 120px; padding: 4px; margin: 0px; float: left;}
#rightColumn #attrSearch .smallBubbleContainer .customSearchBox .butLookup {float: right; margin: -1px 0 0 0;}
#rightColumn #attrSearch .smallBubbleContainer .customSearchBox p {float: left;}
#rightColumn #attrSearch .smallBubbleContainer .smallBubbleBottom {position: absolute; bottom: 0; left: 0;}

#rightColumn #attrSearch .listContainer {width: 510px; position: relative; float: left; margin: 10px 0;}
#rightColumn #attrSearch .listContainer .attributeTitle {color: #fff; font-weight:bold;}
#rightColumn #attrSearch .listContainer .butRefresh {position: absolute; top: 0; right: 0;}
#rightColumn #attrSearch .listContainer .list {width:510px; padding:3px 2px; height: 112px; margin-top: 2px; border: solid 1px #2a52aa; font-size: 1em;}
#rightColumn #attrSearch .listContainer .list option {padding: 2px;}

#rightColumn #attrSearch .buttonBar {width: 510px; position: relative; float: right; margin: 0 10px 10px 0;}
#rightColumn #attrSearch .linkAttribHelp { float:left;font-weight: bold; display: block;color:#FFF;}
#rightColumn #attrSearch .butSearch { float:right;}

#rightColumn #tblSearchAttrib th {color:#FFF; padding: 6px; margin: 0;}
/*
#rightColumn #attrSearch .txtLookup {width:220px; padding: 1px;}
#rightColumn #attrSearch .list {width:350px; padding:2px; border: solid 1px #2a52aa;}
*/
#rightColumn #attrSearch .txtManRef {width:132px; padding: 1px;}
#rightColumn #attrSearch .minimumNotice {display: block; padding: 5px 0;}
#rightColumn #attrSearch .butLookup {font-size:1em; padding: 1px 1px 2px 1px; width:55px;}
#rightColumn #attrSearch .butHelp {font-size:1em; padding: 1px 1px 2px 1px; width:90px;}
#rightColumn #attrSearch .tooltip { padding-left:2px; font-size:1em; }

.formField {margin-bottom: 2px; float: left; clear: left; position: relative; width: 781px;}
.narrowFields .formField {width: 520px;}

.formField h3 {float: left; width: 210px; font-size: 12px; margin-right: 10px; padding: 4px 0px;}
.formField h3.full {float: left; margin-bottom: 5px;}
.formField input {float: left;}
.formField input.textInput{width: 205px; padding: 4px;}
.formField span.radioInput input {margin-top: 5px;}
.formField span.notice {margin-left: 5px; padding: 6px 0; display: block; float: left; width: 336px;}
.formField span.validationMsg { position: absolute; left: 0; top: 17px;}
.formField select {width: 215px; padding: 2px;}
.formField select option {padding: 0px 4px;}
.formField ul {margin: 5px 0px 0px 10px; float: left; width: 210px; list-style-type: none;}

#rightColumn .registerForm {}
#rightColumn .registerForm p {float: none; display: block;}
#rightColumn .registerForm p.requiredFields {float: left; display: block; clear: left; margin: 5px 0; width: 700px;}
#rightColumn .registerForm .borderTable {float: left; margin: 20px 0px; width: 98%; padding: 10px;}
#rightColumn .registerForm .borderTable h3 {width: 200px;}
#rightColumn .registerForm .borderTable p {float: none; clear: left;}
#rightColumn .registerForm .borderTable p.headerNotice {border-bottom: 1px solid #b5b5b5; display: block;}
#rightColumn .registerForm .borderTable strong {margin-top: 10px; display: block; color: #f00;}
#rightColumn .registerForm .borderTable span.notice {width: 325px; padding: 0;}
#rightColumn .registerForm .borderTable ul {margin: 15px;}
#rightColumn .registerForm .borderTable ul li {margin-bottom: 10px;}
#rightColumn .registerForm .borderTable input.button {clear: left;}


.popupConsole .help ul { background: #fff; margin: 10px 0 0 0; padding-left: 20px; list-style-type:disc; }
.popupConsole .help ul li { float: none; }

.popupConsole .help { font-size: 1.2em; }
.popupConsole .help h4 {font-size: 1.5em;}

.popupConsole .help .pdf * { vertical-align: middle; }
.popupConsole .help .pdf a { display:block; width:200px; padding: 5px; border: solid 1px #fff; font-weight:bold; }
.popupConsole .help .pdf a:hover { color: #000; border: solid 1px #2a52aa; text-decoration:none; }
.popupConsole .help .pdf a img{ margin: 0; padding: 0; display: inline;}