/* Colours for use in this site

Dark Beige - #EAE7B6
Light Beige - #F5F3DA
Dark Blue - #062A5E
Light Blue - #CDD4DF
Dark Red - #BF0626
Light Red - #F2CDD4

*/


/* Hector Russell - CSS */
/* Master CSS file - should be used in conjunction with an experience specific CSS file */

/* -- MASTER SETUP -- */

html, body {margin: 0; background: #fff; color: #000; font: 100% Arial, Verdana, Helvetica, sans-serif; height: 100%; padding: 0; text-align: center}
form, input {margin: 0; padding:0;}
input {font-size: 11px !important; font-family:Arial, Helvetica, sans-serif; border: 1px solid #062A5E;}
select {font-size: 11px !important; font-family:Arial, Helvetica, sans-serif;}
address {font-style: normal;}
ul {margin: 0; padding: 0;}
a {text-decoration: none; font-weight: bold;}
label {font-weight: bold;}
fieldset {border: 0; margin: 0; padding: 0;}
/*input.button {border: 1px solid black; background: #838383; color: #fff; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; cursor: pointer; font-size: 12px !important;}*/
.asterisk {font-family: verdana; font-size: 12px !important; /*color: #ff0000;*/}
.noAsterisk {padding-left:12px;}
.formFootnote {padding-top:10px; color:#062A5E}
.formFootnote .errorText {color:#ff0000}
hr {visibility: hidden; display: none;}

/* -- ACCESSIBILITY SPECIFIC -- */
#skiplinks{position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}
#skiplinks a {speak: normal;}

/* -- WRAPPER -- */
#wrapper {width:770px; margin: 0 auto; font-size: .70em; text-align: left; position: relative;}
#wrapper img.topbanner {margin: 0; padding: 0; height: 150px; float: left;}

/* top nav */
ul#topnav {overflow: hidden; list-style-type: none; background: #EAE7B6; border-bottom: 1px solid #fff; width: 740px; padding: 0 0 0 30px; height: 24px;}
ul#topnav li {display: inline; float: left;}
ul#topnav li a {color: #062A5E; padding: 5px 29px 6px 28px; margin:0;}
ul#topnav li a {float: left;}
ul#topnav li a:hover {background: #F5F3DA;}
img.printbanner {visibility:hidden; width:0; height:0;}

/* breadcrumb */
#breadcrumb {float: left; background: #F5F3DA; padding: 8px; overflow: hidden; width: 754px; border-top: 1px solid #fff; margin-bottom: 16px;}
#breadcrumb p {float: left; font-weight: bold; color: #062A5E; margin: 0 10px 0 0; padding: 0;}
#breadcrumb ul {list-style-type: none;}
#breadcrumb ul li {display: inline; color: #062A5E; float: left; background: url(../../images/global/breadcrumb_bullet.gif) left center no-repeat scroll; padding: 0 8px 0 15px;}
#breadcrumb ul li a {float: left; color: #062A5E; font-weight: normal;}
#breadcrumb ul li a:hover {text-decoration: underline;}

/* ----- left column ----- */
#leftcol {float: left; width: 178px; margin-right: 18px;}

#leftcol fieldset {float: left; width: 170px; padding: 0 0 10px 8px;}
#leftcol fieldset label {float: left; margin-right: 3px; padding-top: 2px; color: #062A5E;}
#leftcol fieldset input.searchfield {float: left; width: 83px; margin-right: 3px; vertical-align: middle; padding: 2px;}
#leftcol fieldset input.button {float: left; padding: 2px 3px 2px 13px; margin: 0; border: 0; color: #fff; background: #062A5E url(../../images/global/button_bullet.gif) 0.3em 0.5em no-repeat scroll; font-weight: bold; cursor: pointer;}

#leftcol #basket {float: left; clear: both; overflow: hidden; background: #062A5E url(../../images/global/shopping_bag.gif) 0.7em 0.8em no-repeat scroll; color: #fff; width: 162px; padding: 8px 8px 2px; margin: 0 0 10px;}
#leftcol #basket .basket_container {border-bottom: 1px dotted #fff; overflow: hidden; height: 35px;}
#leftcol #basket .basket_container p {margin: 0 0 4px 33px; padding: 0; width: 129px; text-align: left;}
#leftcol #basket .basket_container p strong {float: left;}
#leftcol #basket .basket_container p span.values {float: right;}
#leftcol #basket .basket_links p {margin: 5px 0; padding: 0;}
#leftcol #basket .basket_links p a {display: block; float: left; width: 80px; color: #062A5E; background: #fff; font-weight: bold; text-decoration: none; text-align: center; padding: 2px 0;}
#leftcol #basket .basket_links p a.first_button {margin-right: 2px; width: 79px;}
#leftcol #basket .basket_links p.tiny_text {width: 163px; height: 9px; float: left; clear: left; text-indent: -5555px; background: url(../../images/global/tiny_text.gif) left top no-repeat scroll;}

#leftcol ul#sidenav {float: left; width: 178px; margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; list-style-type: none; font-size: 1.1em;}
#leftcol ul#sidenav li {border-bottom: 1px solid #fff; background: #CDD3DF url(../../images/global/store_bullet.gif) 0.6em 0.5em no-repeat scroll;}
#leftcol ul#sidenav li a {padding: 3px 10px 3px 22px; color: #062A5E; display: block; width: 146px;}
#leftcol ul#sidenav li a:hover {background: #fff url(../../images/global/store_bullet_hover.gif) 0.6em 0.5em no-repeat scroll;}

#leftcol ul#sidenav li.nav_hilite {background: #CDD3DF url(../../images/global/store_bullet_nav_hilite.gif) 0.6em 0.5em no-repeat scroll;}
#leftcol ul#sidenav li.nav_hilite a {color: #BF0626;}
#leftcol ul#sidenav li.nav_hilite a:hover {background: #fff url(../../images/global/store_bullet_so_hover.gif) 0.6em 0.5em no-repeat scroll;}

#leftcol ul#sidenav li.specialoffers {background: #F2CDD4 url(../../images/global/store_bullet_so.gif) 0.6em 0.5em no-repeat scroll;}
#leftcol ul#sidenav li.specialoffers a {color: #BF0626;}
#leftcol ul#sidenav li.specialoffers a:hover {background: #fff url(../../images/global/store_bullet_so_hover.gif) 0.6em 0.5em no-repeat scroll;}

#leftcol img {margin: 10px 0 10px 10px; float: left;}
#leftcol a.banner img {border: none; margin: 0 0 5px; float: left;}

/* ----- main column ----- */
#maincol {float: left; width: 572px;}
#maincol .intro h1 {text-transform: uppercase; font-size: 1.8em; font-weight: bold; color: #062A5E; margin: 0; padding: 0;}
#maincol .intro p {line-height: 15px; padding-left: 1px; color: #062A5E; margin-top: 13px;}
#maincol .topSEO {width: 572px; display:block; color:#062A5E;}

/* product panels */
.dl_container dl,
.eight_panel dl {float: left; overflow: hidden; display: block; border: 1px solid #CDD4DF; width: 178px; height: 237px; margin: 5px 16px 20px 0; padding: 0; position: relative;}
.dl_container dl:hover,
.eight_panel dl:hover {border: 1px solid #062A5E;}
.dl_container dl.last,
.eight_panel dl.last {margin: 5px 0 20px;}
.dl_container dl dt,
.eight_panel dl dt {border: 2px solid #fff;color: #fff; background: #062A5E; text-align: center; width: 174px; margin: 0; position: absolute; top: 178px; left: 0;}
.dl_container dl dt a,
.eight_panel dl dt a {color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.1em; display: block; width: 170px; padding: 4px 2px; height:30px;}
.dl_container dl dd a img,
.eight_panel dl dd a img {border: 2px solid #fff; margin: 0; padding: 0; position: absolute; top: 0; left: 0;}
.dl_container dl dd.description,
.eight_panel dl dd.description {text-align: center; width: 174px; position: absolute; top: 219px; left: 0; margin: 0;}
.dl_container dl dd.description a,
.eight_panel dl dd.description a {font-weight: normal; color: #062A5E; padding: 2px 2px 0; display: block; width: 174px; height:33px;}

/* pagination */
#pagination {float: left; width: 552px; margin: 10px 0 5px; background: #EAE7B6; padding: 10px;}
#pagination p {margin: 0; padding: 0; clear: none;}
#pagination p a:hover {text-decoration: underline;}
#pagination p .left_arrow {background: url(../../images/global/pagination_arrow_left.gif) left center no-repeat scroll;}
#pagination p .right_arrow {background: url(../../images/global/pagination_arrow_right.gif) right center no-repeat scroll;}
#pagination p .left_arrow a {font-weight: bold; padding-left: 8px; color: #062A5E;}
#pagination p .right_arrow a {font-weight: bold; padding-right: 8px; color: #062A5E;}

#pagination p .numbers {font-weight: bold; padding: 0 8px; color: #062A5E;}
#pagination p .numbers strong {padding: 0 3px;color: #062A5E;}
#pagination p .numbers a {font-weight: normal; padding: 0 3px; color: #062A5E;}


/* ----- footer ----- */
#footer {float: left; clear: both; width: 730px; background: #EAE7B6; padding: 18px 20px 15px; margin: 15px 0 15px;}
#footer img {float: left;}
#footer p {float: right; color: #062A5E; margin: 0; padding: 0;}
#footer p a {font-weight: normal; color: #062A5E;}
#footer p a:hover {text-decoration: underline;}


/* security */
#security {clear: both; width: 770px; padding-bottom:15px;}
#security a img {border: none; float:right;}
#security .footerLogos {float:left; width:550px; margin:0; padding:0;}
#security .footerLogos img {margin:0 20px 0 0;}
#security .footerSEO {float:left; width:770px; margin:10px 0 0 0; padding:0; clear:both; color:#062A5E;}

/* ----- detail window ----- */
#imageHolder {text-align:left;}
#imageHolder p {background:url(../../images/global/close-window.gif) left center no-repeat scroll; margin: 10px 0 0 5px; padding:0;}
#imageHolder p a {font-size:0.7em; font-weight:normal; color:#06295f; display:block; width:100%; padding: 0 0 0 20px;}
#imageHolder p a:hover {text-decoration:underline;}
#imageHolder img.swatch {width:250px; height:250px;}
#imageHolder img.square {width:300px; height:305px;}
#imageHolder img.portrait {width:245px; height:422px;}

/* ----- Holding Page ------------- */
#holdingpage {float: left; width: 770px;}
#holdingpage .intro {width: 654px; margin-left:90px;}
#holdingpage .intro p.holding {line-height: 15px;  color: #062A5E; margin-top:13px; width:601px;}
#holdingpage .intro a {font-weight: bold; padding:0; margin:0; color: #062A5E; text-decoration:underline;}
#holdingpage #logo {padding:0; margin-top:25px;}

/* -- USEFUL CLASSES -- */
.clr {clear: both; overflow: hidden;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /* FF clearfix */
.la {text-align: left;}
.ra {text-align: right;}
.ca {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.vm {vertical-align:middle;}
.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.nw {white-space: nowrap;}