/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Crest Stylesheet
Author : Wes Smith / Red Bullet Web Design

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 "Lucida Sans", "Lucida Grande", arial; margin:0; padding:0; background:#ffffff;  color:#666666;}
td, textarea, input, select { font:100% verdana, sans-serif; }

/* ----- IDS ----- */
/* ----- IDS ----- */
#container { width:980px; padding: 0; margin:0 auto; text-align:left; font-size:120%; background:#ffffff;border:1px solid #CCC; border-top: 0;} 

#topBar {width:980px; margin:0 auto; border:1px solid #CCC; border-bottom: 0; position: relative; }
#topBar #iframeAreaEn {width: 768px; height:200px; float: left; display:block; border:none;}
#topBar #otherBitEn { width: 212px; float: right; position:relative; min-height: 200px; display:block; border:none;}
#topBar #otherBitEn #imageAreaEn {height: 82px; width:212px; position: absolute; bottom: 81px; left: 0;}
#topBar #otherBitEn #redBarEn {height: 33px; background-color: #cf142b; width: 212px; position: absolute; bottom: 0; left: 0;}
#topBar #otherBitEn #greyBarEn {height: 48px; background-color: #333333; width: 212px; position: absolute; bottom: 33px; left: 0;}

#topBar #iframeAreaRest {width: 768px; float: left; }
#topBar #otherBitRest { width: 212px; float: right; position:relative; min-height: 273px; }
#topBar #otherBitRest #imageAreaRest {height: 155px; width:212px; position: absolute; bottom: 81px; left: 0;}
#topBar #otherBitRest #redBarRest {height: 33px; background-color: #cf142b; width: 212px; position: absolute; bottom: 0; left: 0;}
#topBar #otherBitRest #greyBarRest {height: 48px; background-color: #333333; width: 212px; position: absolute; bottom: 33px; left: 0;}

#topBarEE {width:980px; margin:0 auto; border:1px solid #CCC; border-bottom: 0; border-top: 0; position: relative;}
#topBarEE #iframeAreaEE {width: 960px; float: left; }
#topBarEE #otherBitEE { width: 20px; float: right; position:relative; min-height: 130px; background: url(../images/vb/ee_bg_repeat.gif) repeat-x; }

#container #header { position:relative; width:980px; height:190px; text-align: left; background:url(/images/vbheaderBg.jpg) no-repeat} 
#container #header #logo {padding:10px; text-align: left; margin:0;} 
#topBar #link { float:left;font-size:120%;}
#topBar #linkHome { float:left;font-size:120%;}
#topBar #linkHome a { color:#be272d; padding:2px 0 2px 10px;}
#topBar #link a { color:#be272d; padding:2px 0 2px 20px; background:url(../images/redArrow.gif) 0 2px no-repeat;}
#container #header #linkBlue { position:absolute; top:15px; left:10px;}
#container #header #linkBlue a { color:#0071b9; padding:2px 0 2px 20px; background:url(../images/blueArrow.gif) 0 2px no-repeat;}
#topBar #country {float:right;color:#666666;font-size:120%;}
#topBar #country span { color:#CC0033;}
#topBar #country a {color:#CC0033; font-weight: normal; }

/* ----- TOP NAVIGATION ----- */
#topNavBar {margin:0; list-style:none;height:46px;background:#333;float:left;padding:5px 0;width:980px;position:absolute; bottom:0;}
#topNavBar li{width:139px;float:left;border-right:1px solid #CCC;height:46px;}
#topNavBar a{display:block;font-size:12px; color:#CCCCCC;padding:5px;text-align:center; text-decoration:none;font-weight:normal;width:129px; padding:0 5px;height:46px;}
#topNavBar a:hover{background:#444;color:#FFFFFF;text-decoration:none;}
#topNavBar .noBorder {border:none; width:130px;}
#navBar { width:960px; height:28px; padding:6px 10px; background:#666666; margin-bottom:10px; }
#navBar #login { float:left; margin-right:25px;}
#navBar .arrow { display:inline; float:left; padding:0 8px 0 0;}
#navBar #checkout { float:left; padding:4px 0 0 0; margin-right:50px; margin-left: 10px; font-size:110%;}
#navBar #checkout a{ color:#FFF; font-weight: normal;}
#navBar #basket { float:left; padding:4px 0 0 0; margin-right:50px; font-size:110%;}
#navBar #basket a{ color:#FFF; font-weight: normal;}
#navBar #search { float:right; padding:2px 0 0 0; width:315px;}
#navBar #search .input { float:left; width:200px; padding:3px; margin-right:5px;}
#navBar #search .btn { float:right; width:97px; height:22px;}
#navBar a.button, button{display:block;padding:3px 6px; text-align:center;font-weight:normal; background: transparent url(/images/buttonRedBg.gif) repeat-x; border:0; color:#fff; font-size:13px; cursor:pointer;float:left;}

#container #contentContainer { width:960px; padding-bottom:100px; min-height:400px;padding:8px; margin-bottom: 15px;}

div#leftCol h1.title, div#narrowRightCol h1.title { width:210px; height:21px; padding:3px 10px 0 10px; color:#FFFFFF; background:url(/images/leftColTitleBgFullRed.gif) no-repeat; margin-bottom:8px;}
div#leftCol h1.title a, div#narrowRightCol h1.title a{color:#FFF;}

table#basketTable th {background-color: #CF142B; color:#FFF;}
div#basketTotals{border-bottom:3px solid #CF142B;}
table#basketTable{border-bottom:3px solid #CF142B;}

/* ----- FOOTER ----- */
#footerContainer {background:#666666 none repeat scroll 0 0;margin:0 auto 20px;width:982px; padding-top:0;}
#footerContainer #footer { position:relative; width:980px; margin:0 auto; color:#FFF; padding:6px 0;height:28px;}
#footerContainer #footer #moreToSee { position:absolute; top:-180px; left:10px;}
#footerContainer #footer #columns { width:980px; padding-bottom:100px;}
#footerContainer #footer #columns #left { float:left; width:285px; margin-right:35px; padding:10px; color:#79a0c7; font-size:130%; border-bottom:1px solid #80a8cf; margin-bottom:20px;}
#footerContainer #footer #columns #middle { float:left; width:285px; margin-right:35px; padding:10px; color:#79a0c7; font-size:130%; border-bottom:1px solid #80a8cf; margin-bottom:20px;}
#footerContainer #footer #columns #right { float:left; width:280px; padding:10px; color:#79a0c7; font-size:130%; border-bottom:1px solid #80a8cf; margin-bottom:20px;}
#footerContainer #footer p { padding:6px;}
#footerContainer #footer a { font-weight:normal; text-decoration:none; outline:none; color:#FFFFFF;}
#footerContainer #footer a:hover { text-decoration:underline;}
#footerContainer #footer .link { float:right; color:#FFFFFF;}
#footerContainer #footer #visitLondon { position:absolute; bottom:40px; left:10px;}
#footerContainer #footer #backToTop { position:absolute; bottom:40px; left:430px;}
#footerContainer #footer img {float:left;}