﻿
/* Template Styles */

body {font-size:62.5%; font-family:Arial, Tahoma, Verdana, Sans-Serif; background: #1e1430 url(../i/background.jpg) no-repeat 50% 0; text-align: center; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

A { color: #471185; text-decoration: none; }
A:hover { text-decoration: underline; }

#master { width: 940px; padding: 0 10px; margin: 0 auto; text-align: left; background: url(../i/master_bg.png) repeat-y; }
.browserIE6 #master { background: url(../i/master_bg.gif) repeat-y; }

#header { display: inline-block; }
#header #headerLeft { float: left; width: 400px; padding: 12px 0 0 22px; }
#header #headerRight { float: left; width: 518px;}

#header #login_register { float: right; width: 191px; height: 27px; margin: 0 0 0 250px; background: url(../i/login_bg.gif); }
#header #login_register A { position: relative; top: 6px; left: 50px; display: block; width: 111px; height: 14px; background: url(../i/buttons/login_register.gif); }
#header #login_register A:hover { background-position: 0 -14px; }

#header #login_loggedin { width: 511px; height: 27px; margin: 0 0 0 7px; background: url(../i/login_bg2.gif); position: relative;}
#header #login_loggedin .gumdropsText {color: #471185; font-family: Arial; font-weight: bold; font-size: 1.5em; position: absolute; left: 205px; top: 3px;}
#header #login_loggedin .welcomeText {float: right; margin: 5px 104px 0 0;}

#header #shoppingBasket { display: inline-block; width: 210px; padding: 0 50px 0 0; margin: 18px 0 0 55px; background: url(../i/shoppingTrolley.gif) no-repeat 100% 4px; float: right; margin-right: 30px; }

#header .viewEdit { float: left; }
.viewEdit { position: relative; height: 19px; overflow: hidden; margin: 0 4px 0 0; }
.viewEdit A:hover { position: relative; top: -19px; }

#header .goCheckout { float: left; }
.goCheckout { position: relative; height: 19px; overflow: hidden; }
.goCheckout A:hover { position: relative; top: -19px; }

#header #shoppingBasket .quantity { margin: 0 0 5px 0; font-size: 1.1em; color: #898481; }
#header #shoppingBasket .quantity STRONG { color: #471185; }

#mainNav { margin: 3px 0 12px 26px; }
#mainNav UL { display: inline-block; }
#mainNav LI { float: left; position: relative; height: 43px; overflow: hidden; }
#mainNav LI A:hover, #mainNav LI.selected A { position: relative; top: -43px; }
#mainNav LI.search { width: 121px; background: url(../i/buttons/search.gif); }
#mainNav LI.search INPUT { margin: 8px 0 0 8px; width: 103px; height: 22px; line-height: 22px; padding: 0 0 0 10px; font-size: 1.2em; color: #ffffff; border: none; background: transparent; }

#footer { height: 45px; margin: 20px 0 0 0; background: #f3f3f3 url(../i/footer.gif) repeat-x; }
#footer UL { display: inline-block; margin: 11px 0 0 30px; }
#footer LI { float: left; margin: 0 15px 0 0; font-size: 1.1em; color: #ababab; }
#footer LI A { font-weight: bold; color: #686868; text-decoration: none; }
#footer LI A:hover { text-decoration: underline; }

/* Common Styles */

#main { display: inline-block; width: 880px; margin: 0 30px; }
#main .leftCol { float: left; width: 180px; margin: 0 10px 0 0; }
#main .rightCol { float: left; width: 690px; }

#main .leftCol .top { height: 9px; overflow: hidden; line-height: 0; background: url(../i/leftCol_top.gif); }
#main .leftCol.large .top { height: 28px; padding: 8px 0 0 10px; overflow: hidden; line-height: 2.2em; background: url(../i/leftCol_top_large.gif); }
#main .leftCol .middle { padding: 5px 10px 50px 10px; background: url(../i/leftCol_middle.gif); }
#main .leftCol .bottom { height: 9px; background: url(../i/leftCol_bottom.gif) no-repeat 0 0; }

#main .leftCol .featuredPhone { margin-bottom: 5px; }
#main .leftCol .featuredPhone .featuredPhoneTop { height: 30px; background: url(../i/leftCol_featuredPhone_top.gif) no-repeat 0 100%; }
#main .leftCol .featuredPhone .featuredPhoneMiddle { padding: 10px 10px 6px 10px; text-align: center; background: url(../i/leftCol_featuredPhone_middle.gif); }
#main .leftCol .featuredPhone .featuredPhoneMiddle .btnBuyItNow { margin-top: 5px; }
#main .leftCol .featuredPhone .featuredPhoneBottom { height: 7px; background: url(../i/leftCol_featuredPhone_bottom.gif) no-repeat 0 0; }
#main .leftCol .featuredPhone .title { margin: 10px 0 0 0; font-size: 1.2em; font-weight: bold; color: #471185; }
#main .leftCol .featuredPhone .title A { color: #471185; text-decoration: none; }

#main .leftCol .featuredPhone2 { margin-bottom: 5px; }
#main .leftCol .featuredPhone2 .featuredPhoneTop { height: 30px; background: url(../i/leftCol_featuredPhone_top.gif) no-repeat 0 100%; }
#main .leftCol .featuredPhone2 .featuredPhoneMiddle { padding: 10px 10px 6px 10px; text-align: center; background: url(../i/leftCol_featuredPhone_middle.gif); }
#main .leftCol .featuredPhone2 .featuredPhoneBottom { height: 7px; background: url(../i/leftCol_featuredPhone_bottom.gif) no-repeat 0 0; }
#main .leftCol .featuredPhone2 .title { margin: 10px 0 0 0; font-size: 1.2em; font-weight: bold; color: #471185; }
#main .leftCol .featuredPhone2 .title A { color: #471185; text-decoration: none; }

#main .leftCol .featuredPhone .price { margin: 6px 0 0 0; font-size: 1.2em; color: #ef6c03; }
#main .leftCol .featuredPhone .price STRONG { font-weight: bold; }

#main .leftCol .featuredPhone2 .price { margin: 6px 0 0 0; font-size: 1.2em; color: #ef6c03; }
#main .leftCol .featuredPhone2 .price STRONG { font-weight: bold; }

.leftNav LI { margin: 0 0 1px 0; }
.leftNav LI A { display: block; width: 150px; height: 20px; padding: 4px 0 0 10px; color: #773ba5; font-size: 1.2em; font-weight: bold; text-decoration: none; background: url(../i/leftNav_bg.gif); }
.leftNav LI A:hover, .leftNav LI.selected A { background-position: 0 -24px; color: #ffffff; }

.leftNav .sub LI { margin: 0 0 1px 0; }
.leftNav .sub LI A {font-style: italic; display: block; width: 150px; height: 20px; padding: 4px 0 0 10px; color: orange; font-size: 1.2em; font-weight: bold; text-decoration: none; background: url(../i/leftNav_bg.gif); }
.leftNav .sub LI A:hover, .leftNav .sub LI.selected A { background-position: 0 -24px; color: white; }

#main .rightCol .top { height: 28px; padding: 8px 0 0 10px; background: url(../i/rightCol_top.gif) no-repeat 0 100%; }
#main .rightCol .middle { padding: 8px 10px 50px 10px; background: url(../i/rightCol_middle.gif); }
#main .rightCol .bottom { height: 9px; background: url(../i/rightCol_bottom.gif) no-repeat 0 0; }

#main .contentBox .contentBoxTop { height: 6px; line-height: 0; overflow: hidden; background: url(../i/contentBox_top.gif); }
#main .contentBox .contentBoxMiddle { display: inline-block; padding: 20px 30px; background: url(../i/contentBox_middle.gif);}
#main .contentBox .contentBoxBottom { height: 6px; line-height: 0; overflow: hidden; background: url(../i/contentBox_bottom.gif); }
#main .basket .contentBox .contentBoxBottom { height: 6px; line-height: 0; overflow: hidden; background: url(../i/contentBox_bottom.gif); }
#main .contentBox .contentBoxMiddle .contentBoxLeftCol { float: left; width: 340px; margin: 0 20px 0 0; }
#main .contentBox .contentBoxMiddle .contentBoxRightCol { float: left; width: 250px; }
#main .contentBox .contentBoxMiddle .contentBoxRightCol UL LI  { color: #939393; list-style-type: disc; }
#main .contentBox IMG { border: 2px solid #ffaa39; }
#main .contentBox .noBorder {border: none;}

#main .middle.phoneList { padding: 8px 10px 8px 10px !important; background: url(../i/rightCol_middle.gif); }
#main .phoneList IMG { border: none; }
#main .phoneList .contentBox { margin: 0 0 3px 0; }
#main .phoneList .contentBoxMiddle { padding: 10px 0; }
#main .phoneList .contentBoxMiddle .contentBoxCol1 { float: left; width: 178px; text-align: center; }
#main .phoneList .contentBoxMiddle .contentBoxCol2 { float: left; width: 395px; }
#main .phoneList .contentBoxMiddle .contentBoxCol3 { position: relative; float: left; width: 97px; }
#main .phoneList .title { margin: 0 0 4px 0; font-size: 1.8em; font-weight: bold; color: #471185; }
#main .phoneList .title A { color: #471185; text-decoration: none; }
#main .phoneList .description { margin: 4px 0 6px 0; font-size: 1.1em; color: #939393; }
#main .phoneList .price { margin: 6px 0 0 0; font-size: 1.6em; color: #ef6c03; display:inline; }
#main .phoneList .price STRONG { font-weight: bold; }
#main .phoneList .moreInfo { position: absolute; top: 34px; right: 1px; width: 64px; height: 28px; overflow: hidden; }
#main .phoneList .moreInfo A:hover { position: relative; top: -28px; }
#main .phoneList .btnBuyItNow { right: 5px; }


#main .basket .contentBoxMiddle .contentBoxCol1 { float: left; width: 178px; text-align: center; }
#main .basket .contentBoxMiddle .contentBoxCol2 { float: left; width: 364px; }
#main .basket .contentBoxMiddle .contentBoxCol3 { position: relative; float: left; width: 128px; }


#main .middle.noPadding { padding: 8px 10px 8px 10px !important; }

#main .selectedPhone { margin: 0 0 3px 0; }
#main .selectedPhone .contentBoxMiddle { display: inline-block; padding: 20px 30px; background: url(../i/contentBox_middle.gif); }
#main .selectedPhone .contentBoxMiddle .contentBoxLeftCol { float: left; width: 258px; text-align: center; }
#main .selectedPhone .contentBoxMiddle .contentBoxRightCol { float: left; width: 332px; }
#main .selectedPhone IMG { border: none; }
#main .selectedPhone .title { margin: 0 0 4px 0; font-size: 1.8em; font-weight: bold; color: #471185; }
#main .selectedPhone .title A { color: #471185; text-decoration: none; }
#main .selectedPhone .description { margin: 4px 0 6px 0; font-size: 1.1em; color: #939393; }
#main .selectedPhone .price { margin: 6px 0 0 0; font-size: 1.6em; color: #ef6c03; }
#main .selectedPhone .price STRONG { font-weight: bold; }
#main .selectedPhone .quantity { float: left; width: 91px; height: 22px; margin: 10px 0 0 0; background: url(../i/quantity.gif) no-repeat; }
#main .selectedPhone .field { margin: 0; }
#main .selectedPhone .quantity .TVI-form { margin: 0 0 0 0; }
#main .selectedPhone .quantity INPUT { width: 25px; margin: 3px 0 0 57px; padding: 0; font-size: 1.1em; font-weight: bold; color: #6c087c; border: none; background: transparent; }
.browserFirefox #main .selectedPhone .quantity INPUT { margin-top: 4px; }
.browserSafari #main .selectedPhone .quantity INPUT { margin-top: 5px; }
#main .selectedPhone .addToBasket { float: left; position: relative; height: 24px; overflow: hidden; margin: 10px 0 0 0; }
#main .selectedPhone .addToBasket A:hover { position: relative; top: -24px; }
#main .selectedPhone .btnBuyItNow { float: left; margin: 10px 0 0 10px; }

#main .specifications { float: left; width: 437px;}
#main .specifications .contentBoxTop { height: 29px; background: url(../i/specifications_top.gif); }
#main .specifications .contentBoxMiddle { padding: 15px 30px;  background: url(../i/specifications_middle.gif); width: 377px; }
#main .specifications .contentBoxBottom { background: url(../i/specifications_bottom.gif); }
#main .specifications .specification { display: inline-block; margin: 0 0 6px 0; }
#main .specifications .specification .title { float: left; width: 170px; margin: 0 10px 0 0; font-size: 1.1em; font-weight: bold; color: #471185; }
#main .specifications .specification .value { float: left; width: 197px; font-size: 1.1em; color: #939393; }

#main .boxContents { float: left; width: 230px; margin: 0 0 0 3px; }
#main .boxContents .contentBoxTop { height: 29px; background: url(../i/boxContents_top.gif); }
#main .boxContents .contentBoxMiddle { padding: 14px 30px;  background: url(../i/boxContents_middle.gif); width: 170px;}
#main .boxContents .contentBoxBottom { background: url(../i/boxContents_bottom.gif); }
#main .boxContents UL { width: 170px; }
#main .boxContents LI { margin: 3px 0; font-size: 1.1em; color: #939393; }

#main .relatedProducts { margin: 4px 0 0 0; }
#main .relatedProducts .contentBoxTop { height: 29px; line-height: 0; overflow: hidden; background: url(../i/relatedProducts_top.gif); }
#main .relatedProducts .contentBoxMiddle { padding: 10px 30px; width: 610px; }
#main .relatedProducts IMG { border: none; }
#main .relatedProducts .relatedProduct { float: left; display: inline; width: 92px; margin: 0 15px; text-align: center; }
#main .relatedProducts .relatedProduct .title { font-size: 1.1em; font-weight: bold; color: #471185; }
#main .relatedProducts .relatedProduct .title A { color: #471185; text-decoration: none; }
#main .relatedProducts .relatedProduct .relatedImage {height: 88px;}
#main .relatedProducts .relatedProduct .btnBuyItNow { margin-top: 5px; }

#main .TVI-form { margin: 15px 0 0 0; }
#main .field { margin: 8px 0; }
#main .textBox LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #471185; }
#main .textBox INPUT { width: 310px; padding: 3px 10px; font-size: 1.2em; color: #7a6052; background: #fdfaf2; border: 1px solid #d9ccb4; }
#main .select LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #471185; }
#main .select SELECT { width: 330px; padding: 0 0 0 8px; font-size: 1.2em; font-weight: bold; color: #5e392d; background: #fdfaf2; border: 1px solid #d9ccb4; }
.browserFirefox #main .select SELECT { padding: 3px 0 0 8px; }
#main .textArea LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #471185; }
#main .textArea TEXTAREA { width: 320px; padding: 10px 0 10px 10px; overflow: auto; font-size: 1.2em; color: #7a6052; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #fdfaf2; border: 1px solid #d9ccb4; }
#main .submitButton { position: relative; height: 24px; overflow: hidden; margin: 15px 0 0 0; }
#main .submitButton A:hover { position: relative; top: -24px; }
#main .submitButton IMG { border: none; }

#main .pagination { float: right; margin: 12px 0 0 0; }
#main .pagination LI { float: left; position: relative; height: 18px; overflow: hidden; margin: 0 2px; }
#main .pagination LI.previous { margin: 0 7px 0 2px; }
#main .pagination LI.next { margin: 0 2px 0 7px; }
#main .pagination LI.page { margin: 2px 2px 0 2px; }
#main .pagination LI.button A:hover { position: relative; top: -18px; }
#main .pagination LI A { font-size: 1.1em; font-weight: bold; color: #471185; text-decoration: none; }
#main .pagination LI A.Selected { color: #EF6C03;  }

.stock { font-size: 0.7em; font-weight: bold; color: #2aa2d4; }
.stock.inStock { color: #34ad0e; }
.stock.outStock { color: #d41558; }
.stock.comingSoon { color: #2aa2d4; }

H1 { font-size: 1.8em; font-weight: bold; color: #4b128d; }
H2 { margin: 0 0 5px 0; font-size: 1.4em; font-weight: bold; color: #471185; }
P, .Subtitle { margin: 5px 0; font-size: 1.1em; line-height: 1.3em; color: #939393; }

/* Home Page Styles */
#main.home { width: 880px; margin: 0 30px; }
#main.home .top { height: 28px; padding: 8px 0 0 20px; background: url(../i/home_heading_bg.gif); }
#main.home .middle { padding: 8px 10px 4px 10px; background: url(../i/home_middle_bg.gif); }
#main.home .bottom { height: 7px; background: url(../i/home_bottom_bg.gif) no-repeat; }

#main.home  #featuredPhones { margin: 0 0 7px 0; }
#main.home  #featuredPhones .contentBoxTop { height: 29px; background: url(../i/home_featuredPhones_top.gif); }
#main.home  #featuredPhones .contentBoxMiddle { padding: 15px 20px; display: inline-block; min-width: 820px; }
#main.home  #featuredPhones .featuredPhone { float: left; width: 195px; margin: 0 5px; text-align: center; }
.browserIE6 #main.home  #featuredPhones .featuredPhone { margin: 0 4px; }
#main.home  #featuredPhones .featuredPhone .image { margin: 0 0 15px 0; height: 128px;}
#main.home  #featuredPhones .featuredPhone .image IMG { border: none; }
#main.home  #featuredPhones .featuredPhone .title { margin: 0 0 4px 0; font-size: 1.4em; font-weight: bold; color: #471185; }
#main.home  #featuredPhones .featuredPhone .title A { color: #471185; text-decoration: none; }
#main.home  #featuredPhones .featuredPhone .description { margin: 4px 0 6px 0; font-size: 1.1em; font-weight: bold; color: #939393; }
#main.home  #featuredPhones .featuredPhone .price { margin: 6px 0 0 0; font-size: 1.6em; color: #ef6c03; }
#main.home  #featuredPhones .featuredPhone .price STRONG { font-weight: bold; }
#main.home  #featuredPhones .featuredPhone .btnBuyItNow { margin-top: 5px; }
#main.home  #featuredPhones .featuredPhone .stock { display: block; margin-top: 3px; }

.relatedProduct .price  { margin: 6px 0 0 0; font-size: 1.2em; color: #ef6c03; }
.relatedProduct .price STRONG { font-weight: bold; }

#main.home .contentBox .contentBoxTop {width: 860px; height: 6px; line-height: 0; overflow: hidden; background: url(../i/home_contentBox_top.gif) no-repeat 100%; }
#main.home .contentBox .contentBoxMiddle { display: inline-block; padding: 15px 30px; background: url(../i/home_contentBox_middle.gif); }
#main.home .contentBox .contentBoxBottom { height: 6px; background: url(../i/home_contentBox_bottom.gif) no-repeat; }
#main.home .contentBox .contentBoxMiddle .leftCol { float: left; width: 385px; margin: 0 25px 0 0; }
#main.home .contentBox .contentBoxMiddle .rightCol { float: left; width: 390px; }
#main.home .contentBox IMG { border: 2px solid #ffaa39; }

.recycling_price {font-size: 2em;}
#main.noFloat .rightCol {float: none; margin:auto;}
#main.noFloat .contentBoxMiddle {width: 610px;}
.error {color: Red;}
.formError {color: Red; display: none;}

/* Advanced search box */

.EcomSB .Pnl{padding:5px; margin:5px; text-align:left; width: 650px;}
.EcomSB .Subtitle{ margin:0;}
.EcomSB table{}
.EcomSB table td{padding:2px;}
.EcomSB table .L{width:75px; font-weight:bold; color: #471185;}
.EcomSB table .R input, .EcomSB table .R label {padding: 5px;}
.EcomSB table .R .Txt{background-color:White; border:solid 1px #CCCCCC; width:200px; padding-left:2px; font-size:10px;}
.EcomSB table .F{ padding-top:6px;}

.EcomCheckoutTrail{margin:10px;padding-bottom:10px;border-bottom:0px solid #A8C486; text-align:center; font-size: 1.1em;}
.EcomCheckoutTrail span{margin:5px;}
.EcomCheckoutTrail span b{}
.EcomAddressBar{padding:5px;margin-bottom:5px;}
.EcomAddressBar a{color:Black;}
.EcomAddressBar input{vertical-align:middle;}
.EcomConfirmAddress{text-align:left;margin:10px}
.EcomConfirmAddress td{vertical-align:top;padding:10px;padding-right:50px;}
.EcomConfirmAddress a{color:black; text-decoration: underline;}

.EcomBasketItems{width:100%;border-collapse:collapse;text-align:left;margin:5px;}
.EcomBasketItems td{font-weight:bold;padding:5px;}
.EcomBasketItem table td{padding:0px; border:none;}
.EcomBasketItemAlt td{border-top:1px dotted #003366;}
.EcomBasketItemImg{ vertical-align:top; width:70px;}
.EcomBasketItemRemove{ border-left:1px dotted #003366;text-align:center; width:100px;}

.EcomBasketSummary{width:100%;text-align:left; background-color:#D6E3C6;}
.EcomBasketSummary table{border-collapse:collapse;width:100%;}
.EcomBasketSummary table td{border:solid 1px #A8C486;padding:5px;}
.EcomOrderTracker{width:100%; border-collapse:collapse;}
.EcomOrderTracker td{ padding:5px;}
.EcomOrderTrackerHeader td{ border-bottom:1px solid #CCCCCC; font-weight:bold;}
.question {color: #471185; font-weight: bold; margin-bottom: 3px;}
.question input {margin-right: 5px;}
.question span input {margin-left: 5px;}

.btnSave { position: relative; height: 24px; overflow: hidden;}
#main .contentBox .btnSave img {border: 0}
.btnSave A:hover { position: relative; top: -24px; }

.btnUpdate { position: relative; height: 24px; overflow: hidden;}
#main .contentBox .btnUpdate img {border: 0}
.btnUpdate A:hover { position: relative; top: -24px; }

.btnRecycling { position: relative; height: 24px; overflow: hidden;}
#main .contentBox .btnRecycling img {border: 0}
.btnRecycling A:hover { position: relative; top: -24px; }

.btnContinue { position: relative; height: 24px; overflow: hidden;}
#main .contentBox .btnContinue img {border: 0}
.btnContinue A:hover { position: relative; top: -24px; }

.btnRegister { position: relative; height: 24px; overflow: hidden;}
#main .contentBox .btnRegister img {border: 0}
.btnRegister A:hover { position: relative; top: -24px; }

.btnMakePayment { position: relative; height: 24px; overflow: hidden; }
#main .contentBox .btnMakePayment img {border: 0}
.btnMakePayment A:hover { position: relative; top: -24px; }

.btnLogout { position: relative; height: 14px; overflow: hidden; display: inline; float: right; top: 5px; margin-right: 3px;}
#main .contentBox .btnLogout img {border: 0}
.btnLogout A:hover { position: relative; top: -14px; }

.btnViewOrders { position: relative; height: 14px; overflow: hidden; display: inline; float: right; top: 5px; margin-right: 3px;}
#main .contentBox .btnViewOrders img {border: 0}
.btnViewOrders A:hover { position: relative; top: -14px; }

.btnLogin { position: relative; height: 24px; overflow: hidden; float: left; display: inline; top: 5px; margin-right: 3px;}
#main .contentBox .btnLogin img {border: 0}
.btnLogin A:hover { position: relative; top: -24px; }

.btnRegister { position: relative; height: 24px; overflow: hidden; float: left; display: inline; top: 5px; margin-right: 3px;}
#main .contentBox .btnRegister img {border: 0}
.btnRegister A:hover { position: relative; top: -24px; }

.btnForgot { position: relative; height: 24px; overflow: hidden; float: left; display: inline; top: 5px; margin-right: 3px;}
#main .contentBox .btnForgot img {border: 0}
.btnForgot A:hover { position: relative; top: -24px; }

.btnViewAccount { position: relative; height: 14px; overflow: hidden; display: inline; float: right; margin-right: 32px; top: 5px;}
#main .contentBox .btnViewAccount img {border: 0}
.btnViewAccount A:hover { position: relative; top: -14px; }

.btnCheckout {margin-left: 17px; position: relative; height: 24px; overflow: hidden;}
#main .contentBox .btnCheckout img {border: 0}
.btnCheckout A:hover { position: relative; top: -24px; }
#main .phoneList #basketsummary .price {display: inline; margin-left: 5px;}
#basketsummary p {display: inline; margin-left: 10px;}

.btnBuyItNow { position: relative; height: 23px; overflow: hidden; }
#main .contentBox .btnBuyItNow img {border: 0}
.btnBuyItNow A:hover { position: relative; top: -23px; }

#main .contentBox #checkout IMG { border: none; }
#checkout .contentBoxCol1 { float: left; width: 178px; text-align: center; }
#checkout .contentBoxCol2 { float: left; width: 330px; }
#checkout .contentBoxCol3 { position: relative; float: left; width: 97px; }
#checkout .title { margin: 0 0 4px 0; font-size: 1.8em; font-weight: bold; color: #471185; }
#checkout .title A { color: #471185; text-decoration: none; }
#checkout .description { margin: 4px 0 6px 0; font-size: 1.1em; color: #939393; }
#checkout .price { margin: 6px 0 0 0; font-size: 1.6em; color: #ef6c03; display:inline; }
#checkout .price STRONG { font-weight: bold; }
#checkout .moreInfo { position: absolute; top: 37px; right: 1px; width: 64px; height: 28px; overflow: hidden; }
#checkout .moreInfo A:hover { position: relative; top: -28px; }

#checkout .moreInfo {top: 0px;}
#checkout .quantity {margin-left: 34px;}

.checkoutConfirm {margin-top: 10px;}
.pageOrderHistory .pageIntro { font-size:1.2em; padding-top:10px; margin-bottom: 20px; }
.pageOrderHistory .Order {margin-bottom: 20px; font-size:1.2em; border: 1px solid #E3DBC7; padding: 10px; }
.pageOrderHistory .OrderTable {width:100%; border-collapse:collapse;}
.pageOrderHistory .OrderTable td{ padding:5px;}
.pageOrderHistory .OrderDetail td{ border-bottom:1px solid #B7DDF7;}

#page.pageAccount {width: 400px; float: left;}
#accountGumdropImage { float: left; width: 210px;}
#page.pageAccount .form {margin-top:20px;}

.gumDropsMediLarge {background-image: url(../i/gumdropsMediLarge.gif); background-repeat: no-repeat; height: 30px; display: inline-block; width: 105px; padding: 16px 0 0 35px; font-weight: bold; color: #4B128D; margin-top: 10px; position: relative; font-size: 1.2em; }
.gumDropsMedium {background-image: url(../i/gumdropsMedium.gif); background-repeat: no-repeat; height: 26px; display: inline-block; width: 88px; padding: 13px 0 0 35px; font-weight: bold; color: #4B128D; margin-top: 10px; position: relative; font-size: 0.9em; }
.gumDropsSmall {background-image: url(../i/gumdropsSmall.gif); background-repeat: no-repeat; height: 19px; display: block; padding: 7px 0 0 27px; font-weight: bold; color: #4B128D; margin-top: 2px; position: relative;}
.gumDropsSmall .findOutMore {left: 113px; position: absolute;}
.gumDropsMedium .findOutMore {left: 130px; position: absolute; white-space: nowrap;}
.findOutMore a{color: #d3cec5; text-decoration: underline; }
.findOutMore a:hover{color: #EF6C03;}
.gumDropsSalesText {color: #471185; font-size: 1.4em; font-weight: bold; margin: 4px;}
.gumDropsEarnedText {color: #471185; font-size: 1.5em; font-weight: bold; margin: 4px;}

.checkoutDetails td {padding: 5px; padding-left: 30px;}
.checkoutDetails tr {border-bottom: 1px solid #D9CCB4; padding: 0 30px 0 30px; height: 32px;}
.checkoutDetails {margin-bottom: 5px; font-size: 1.1em; }
.checkoutDetails input {border: 1px solid #D9CCB4; margin-top: 5px; color: #7A6052;}
.checkoutDetails select {border: 1px solid #D9CCB4; margin-left: 5px; color: #471185; font-weight: bold;}
#main.noFloat .checkoutBasket .contentBoxMiddle {width: auto;}
#main .noFloat .contentBox {margin-bottom: 3px;}
.checkoutDetails table {width: 100%;}
.checkoutMargin {margin-bottom: 3px;}
.gumDropsTextbox {border: 1px solid #D9CCB4; margin-top: 5px; color: #7A6052; width: 40px;}
.EcomErrors {color: #ee3333;}
#main .basket .contentBoxMiddle {display: inline-block;}
#main .checkoutMargin .contentBoxMiddle {display: block;}

.basketConfirm .addToBasket { float: left; position: relative; height: 24px; overflow: hidden; margin: 10px 0 0 0; }
.basketConfirm .addToBasket A:hover { position: relative; top: -24px; }
.banners {margin: 0 30px 10px 30px;}

#main.checkoutConfirm { width: 880px; margin: 0 30px; }
#main.checkoutConfirm .top { height: 28px; padding: 8px 0 0 20px; background: url(../i/home_heading_bg.gif); }
#main.checkoutConfirm .middle { padding: 8px 10px 4px 10px; background: url(../i/home_middle_bg.gif); }
#main.checkoutConfirm .bottom { height: 7px; background: url(../i/home_bottom_bg.gif) no-repeat; }

#main.checkoutConfirm .contentBox .contentBoxTop {width: 860px; height: 6px; line-height: 0; overflow: hidden; background: url(../i/home_contentBox_top.gif) no-repeat 100%; }
#main.checkoutConfirm .contentBox .contentBoxMiddle { display: inline-block; padding: 15px 30px; background: url(../i/home_contentBox_middle.gif); width: 800px; }
#main.checkoutConfirm .contentBox .contentBoxBottom { height: 6px; background: url(../i/home_contentBox_bottom.gif) no-repeat; }
#main.checkoutConfirm .contentBox .contentBoxMiddle .leftCol { float: left; width: 500px; margin: 0 25px 0 0; }
#main.checkoutConfirm .contentBox .contentBoxMiddle .rightCol { float: left; width: 270px; }

#main.checkoutConfirm .quantity {background: url(../i/buttons/quantity.gif) no-repeat; width: 91px; height: 22px; float: left; }
#main.checkoutConfirm .quantity input {margin-left: 51px; height: 14px; width:24px; border: none; margin-top: 4px; color: #471185; font-weight: bold; font-size: 1.1em;  }
#main.checkoutConfirm .update {background: url(../i/buttons/update2.gif) no-repeat; width: 54px; height: 22px; display: block; float: left;}
#main.checkoutConfirm .update:hover {background-position: left -24px; }
#main.checkoutConfirm .remove {background: url(../i/buttons/remove2.gif) no-repeat; width: 70px; height: 22px; display: block; float: left;}
#main.checkoutConfirm .remove:hover {background-position: left -24px; }
#main.checkoutConfirm .add {background: url(../i/buttons/addBasket.gif) no-repeat; width: 60px; height: 24px; display: block; margin: auto; margin-top: 10px;}
#main.checkoutConfirm .add:hover {background-position: left -24px; }

#main.checkoutConfirm .redeem {background: url(../i/buttons/redeem.gif) no-repeat; width: 57px; height: 24px; display: inline-block; margin: 6px 0 -8px 10px; }
#main.checkoutConfirm .redeem:hover {background-position: left -24px; }

#main.checkoutConfirm .go {background: url(../i/buttons/go.gif) no-repeat; width: 31px; height: 24px; display: inline-block; margin: 6px 0 -8px 10px; }
#main.checkoutConfirm .go:hover {background-position: left -24px; }

#main.checkoutConfirm .contentBox .contentBoxMiddle.nopadding {padding: 0px; width: 860px;}

#main.checkoutConfirm .phoneList .contentBoxMiddle .contentBoxCol3 {width: 215px;}

#main.checkoutConfirm .alsoInterestedItem {width: 110px; text-align: center; float: left;}
#main.checkoutConfirm .alsoInterestedItem img {border: none; }
#main.checkoutConfirm .alsoInterestedItem .title {text-align: center; color: #471185; font-weight: bold; font-size: 1.1em;}
#main.checkoutConfirm .alsoInterestedItem .price { margin: 6px 0 0 0; font-size: 1.3em; color: #ef6c03; display:inline; margin-bottom: 10px; }

#main.checkoutConfirm h3 {color: #471185; font-weight: bold; font-size: 2em;}

.basketHeader {margin-top: -20px; margin-bottom: 20px;}
.basketHeader span {background: url(../i/buttons/paymentSteps.gif) no-repeat;  height: 30px; display: inline-block;}
.basketHeader .login {background-position: left top; width: 140px;}
.basketHeader .addresses {background-position: -140px top; width: 146px;}
.basketHeader .confirm {background-position: -288px top; width: 164px;}
.basketHeader .payment {background-position: -452px top; width: 100px;}
.basketHeader .alsoInterested {background: url(../i/buttons/alsoInterested.gif) no-repeat left top; width: 184px;}

.basketHeader .loginSelected {background-position: left -33px; width: 140px;}
.basketHeader .addressesSelected {background-position: -140px -33px; width: 146px;}
.basketHeader .confirmSelected {background-position: -288px -33px; width: 164px;}
.basketHeader .paymentSelected {background-position: -452px -33px; width: 100px;}


.left {float: left;}
.inline {display: inline;}
.smallMarginRight {margin-right: 10px;}
.strong {font-weight: bold;}
.purple {color: #471185;}
.checkoutMargin .large {font-size: 1.8em;}
.noBorder {border: none;}