/** fashionstage css **/
/* by deeptha d */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

html,body { background:#efefef; font-family: Trebuchet MS, Helvetica, sans-serif; }
 
/* This is lazy, and it breaks google maps - hence the bodge below.. */
div#wrapper div { position: relative; overflow:hidden; } 
div#wrapper	#gmap div { position: static; overflow:visible; }

div.hr { width: 100%; height: 1px; background: #000000; clear: both; margin-bottom: 15px;  }
div.hr hr { display: none; }
div.hr-light { background: #e0e0e0; }

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


a { color: #c4af44; }
a, button { outline: none; }
a:hover { text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }

.top-border { border-top: 1px solid #e0e0e0; padding-top: 8px; }
.bottom-border { border-bottom: 1px solid #e0e0e0; padding-bottom: 12px; }
.bottom-border-light { border-bottom: 1px solid #f0f0f0; padding-bottom: 12px; }

/* ---------------------------- */
/*** main divs ***/

/*div#wrapper { position: relative; width: 965px; margin: 0 auto; text-align: left; padding-top: 25px; }*/
div#wrapper { background:url(/images/bg/grad-bg.jpg) left top repeat-y; position: relative; width: 975px; margin: 0 auto; text-align: left; padding-top: 25px; padding-left:25px;padding-right:25px}
div#wrapper div#basket { }
div#wrapper div#basket .basket-inner { border-top: 1px solid #3f3b3b; border-bottom: 1px solid #2f2d2d; padding: 20px 0px 10px; margin-bottom: 15px; background: url(/images/bg/bg-basket.jpg) 0px 20px no-repeat; }
div#wrapper div#top { margin-bottom: 10px; width:965px; }
div#wrapper div#nav-holder { margin-bottom: 10px; background: url(/images/nav-bg.jpg) left top repeat-x ;width:965px}
div#wrapper div#content { background: #ffffff; padding: 10px; margin-bottom: 20px; }
div#wrapper div#content div#col-left { float: left; width: 185px; }
div#wrapper div#content div#col-right { float: right; width: 730px; margin-right:30px; }
div#wrapper div#cards { background: #ffffff; padding: 15px 15px 13px; margin-bottom: 0px; }
div#wrapper div#footer { padding-bottom: 30px;  width: 945px;}

/* homepage */

div#wrapper div#homepage { position: relative; background-position: left top; background: url(/images/quick-pick.gif) left top no-repeat; height: 550px; }
div#wrapper div#homepage div#homel {float:left; width:258px; height:550px;}
div#wrapper div#homepage div#homel div#quickpick {width:250px; height:190px;padding-left:90px;padding-right:10px;padding-top:110px;clear:both;float:left;}
.shopbag{margin-top:0em;}
.fslife{margin-top:0.25em;}
.fslife2{margin-top:0.3em;}

div#wrapper div#homepage div#homer {float:left; width:707px; height:550px;background: url(/images/blog-strip.gif) left bottom no-repeat;}


div#wrapper ul.homepage-cta { margin-bottom: 20px; overflow: hidden; }
div#wrapper ul.homepage-cta li { float: left; }
div#wrapper ul.homepage-cta li.first { margin-right: 5px; }
div#wrapper ul.homepage-cta li.last { margin-left: 6px; }
div#wrapper ul.homepage-cta li a { display: block; }
div#wrapper ul.homepage-cta li a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

div#wrapper ul.homepage-logos { overflow: hidden; padding-left: 3px; margin-bottom: 2px; }
div#wrapper ul.homepage-logos li { float: left; margin-right:10px;margin-left:10px }
div#wrapper ul.homepage-logos li a { display: block; }
div#wrapper ul.homepage-logos li a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
div#wrapper ul.homepage-logos li.last { margin-right: 0px; }

/* ---------------------------- */
/*** top ***/

div#top a.logo { display: block; width: 400px; height: 58px; background: url(/images/fashionstage-logo.jpg) left top no-repeat; margin-left: 3px; }
div#top a.logo:hover { background-position: left bottom; }
div#top a.logo span { display: block; text-indent: -9999px; }

/* sign up for discount code - bottom menu strip */

div#newsletter { float: left; width: 245px; margin: 0px 0px 0px 60px; padding-left: 10px; height: 55px; }
form#news { overflow: hidden;float:left;padding:20px 0px 0px 20px; }
form#news label { display: block; clear: both; color: #f15d24; font-weight: bold; padding: 4px 0px 10px; font-size: 0.85em; background: url(/images/icons/star.jpg) 4px 4px no-repeat; padding-left: 21px; }
form#news input { float: left; border: 1px solid #000000; background: url(/images/icons/email.gif) 3px center no-repeat #ffffff; color: #b4a59f; padding: 4px 1px 4px 25px; font-size: 0.85em; width: 155px; }
form#news input:hover { border: 1px solid #000000; }
form#news button { color: #c4af44; font-size: 0.85em; font-weight: bold; background: none; border: none; padding: 3px 0px 0px 1px; cursor: pointer; }
form#news button:hover { color: #7a7676; }
form#news p { color: #b4a59f; line-height: 1.4em; padding-top: 9px;  }

/* enter search here - top menu strip */

div.right form { overflow: hidden; width: 203px;padding:5px 0px 0px 160px; }
div.right form input { float: left; border:1px solid #000;background: white; color: #000000; padding: 5px 3px 3px 3px; font-size: 0.95em; width: 150px;margin-top:5px }
/*div.right form input:hover { border: 1px solid #000; }*/
div.right form button { color: #ffffff; background: none; border: none; padding: 3px 0px 0px 4px; cursor: pointer; }
div.right form button:hover { color: #ffffff; }

div#top p.basket { display: block; overflow: hidden; width: 158px; padding: 3px 4px 0px 22px; background: url(/images/icons/basket.jpg) 2px 0px no-repeat; color: #b4a59f; line-height: 1.3em; font-size: 0.85em; margin-bottom: 10px; }
div#top p.basket a { } 

/* ---------------------------- */
/*** basket ***/

div#basket div.left { width: 320px; }
div#basket div.right { width: 588px; background: url(/images/bg/bg-basket.gif) left top no-repeat; padding: 90px 10px 0px; }

div#basket div.left h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; color: #b7afb2; }
div#basket div.left p { color: #8e7f6f; margin-top: 150px; font-size: 0.95em; line-height: 1.4em; }

div#basket .top-border { border-top: 1px solid #3c3837; }
div#basket div.right table { width:600px; margin: 0px 0px 15px 1px; }
div#basket div.right table th { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.15em; color: #b3a59f; padding: 9px 5px; border-bottom: 1px dotted #312e2c; }
div#basket div.right table td { color: #8e7f6f; font-size: 1em; padding: 2px 5px; border-bottom: 1px dotted #242120; }
div#basket div.right table td a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.15em; color: #f15c22; }
div#basket div.right table td span.manufacturer-name { display: block; paddiing-top: 3px; line-height: 1.3em; }
div#basket div.right table td span.manufacturer-name a { font-family: Trebuchet MS, Helvetica, sans-serif; color: #8e7f6f; font-size: 0.8em; }
div#basket div.right table td span.desc { display: block; padding-bottom: 4px; font-size: 0.85em; color: #746b60; }
div#basket div.right table td input.text { padding: 3px; width: 50px; }

div#basket div.right div.buttons button { font-family: Georgia, "Times New Roman", Times, serif; border: none; background-color: #252322; color: #ffffff; padding: 5px 8px 5px 8px; margin-top: 3px; cursor: pointer; }
div#basket div.right div.buttons button:hover { background-color: #343434; }
div#basket div.right div.buttons button.left { margin-right: 5px; }

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

div#basket div#basket-inner div.right table { width:600px; margin: 0px 0px 15px 1px; }
div#basket div#basket-inner div.right table th { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.15em; color: #b3a59f; padding: 9px 5px; border-bottom: 1px dotted #312e2c; }
div#basket div#basket-inner div.right table td { color: #8e7f6f; font-size: 1em; padding: 2px 5px; border-bottom: 1px dotted #242120; }
div#basket div#basket-inner div.right table td a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.15em; color: #f15c22; }
div#basket div#basket-inner div.right table td span.manufacturer-name { display: block; paddiing-top: 3px; line-height: 1.3em; }
div#basket div#basket-inner div.right table td span.manufacturer-name a { font-family: Trebuchet MS, Helvetica, sans-serif; color: #8e7f6f; font-size: 0.8em; }
div#basket div#basket-inner div.right table td span.desc { display: block; padding-bottom: 4px; font-size: 0.85em; color: #746b60; }
div#basket div#basket-inner div.right table td input.text { padding: 3px; width: 50px; }

div#basket div#basket-inner div.right div.buttons button { font-family: Georgia, "Times New Roman", Times, serif; border: none; background-color: #252322; color: #ffffff; padding: 5px 8px 5px 8px; margin-top: 3px; cursor: pointer; }
div#basket div#basket-inner div.right div.buttons button:hover { background-color: #343434; }
div#basket div#basket-inner div.right div.buttons button.left { margin-right: 5px; }









/* ---------------------------- 
ol#nav { overflow: hidden; background: url(/images/nav-bg.jpg) repeat-x left bottom #ffffff; border: 1px solid #000000; }
ol#nav li a:hover { color: #000000; background: #c4af44; }
*/
/*** nav menu top***/

ol#nav { overflow: hidden; background: url(/images/nav-bg.jpg) repeat-x left top #000000; border: 1px solid #000000; } /* menu bg image and color */
ol#nav li { float: left; height:40px}
ol#nav li.right { float: right; margin-left: 5px; margin-right: 0px; }
ol#nav li a { display: block; color: #ffffff; text-align: center; text-decoration: none; font-weight: bold; height: 40px; padding-left: 20px;border-right:1px solid white }
ol#nav li a span { display: block; cursor: pointer; line-height: 40px; padding-right: 20px; }
ol#nav li a span em { display: block; font-style: normal; font-weight: bold; }
ol#nav li a.current,
ol#nav li a:hover { color: #c6ae46;  }

ol#nav li.right a { }
ol#nav li.right a span { font-size: 0.85em; padding-top: 2px; line-height: 50px; }
ol#nav li.right a span em { line-height: normal; padding-bottom: 14px; }
ol#nav li.right a span em strong { color: #ffffff; }
ol#nav li.right a span em strong.mystage { display: block; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0.85em; font-weight: normal; color: #ffffff; }
ol#nav li.right a:hover span em strong { color: #000000; }
ol#nav li.right a:hover span em strong.mystage { color: #000000; }

/* nav backgrounds */

div.nav-bg-1 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-2 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-3 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-4 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-5 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-6 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-7 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-8 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-9 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }
div.nav-bg-10 { background: url(/images/nav/nav-bg1.jpg) left top no-repeat; }

/* ---------------------------- */
/*** homepage stuff ***/

div#homepage a.homepage-hero { position: absolute; top: 70px; left: 0px; display: block; width: 965px; height: 594px; z-index: 5; overflow:hidden; text-indent:-10000px; }
div#homepage-cta p { color: #b7afb2; }

div#homepage-text { margin-bottom: 20px; }
div#homepage-text h1 { font-weight: bold; color: #ffffff; margin-bottom: 3px; }
div#homepage-text p { display: inline; color: #eeeeee; font-size: 0.85em; }

div.homepage-message { margin-bottom: 28px; }
div.homepage-message p { color: #ffffff; text-align: center; font-size: 3em; }
div.homepage-message p span { display: block; font-size: 0.8em; }

/* ---------------------------- */
/*** col-left ***/

div#col-left ol#subnav { width: 185px; margin-bottom: 15px; }
div#col-left ol#subnav li { margin-bottom: 3px; }
div#col-left ol#subnav li a { display: block; padding: 5px 15px 7px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; text-decoration: none; color: #ffffff; background: url(/images/icons/small-arrow-white-right.gif) right center no-repeat #867524;}
div#col-left ol#subnav li a.active { background: url(/images/icons/small-arrow-white-down.gif) right center no-repeat #ceb648; }
div#col-left ol#subnav li a.current { background-color: #545454; }
div#col-left ol#subnav li a:hover { background-color: #5c5118; }
div#col-left ol#subnav li ul { margin-top: 3px; }
div#col-left ol#subnav li ul li a { font-family: Trebuchet MS, Helvetica, sans-serif; padding: 4px 15px; font-size: 0.9em; color: #000000; background: #ffffff; }
div#col-left ol#subnav li ul li a:hover,
div#col-left ol#subnav li ul li a.active { background: url(/images/icons/small-arrow-white-right.gif) right center no-repeat #e8e8e8; }

div#col-left a.cta { display: block; }
div#col-left a.cta:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

/* ---------------------------- */
/*** col-right ***/

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 { font-family: Georgia, "Times New Roman", Times, serif; }

div#content h1 { display: block; font-size: 2.5em; letter-spacing: -0.05em; color: #ceb648; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #000000;background: url(/images/h1bg.gif) right top no-repeat; }
div#content h2 { font-size: 2em; margin-bottom: 5px; }
div#content h3 { font-size: 1.7em; margin-bottom: 8px; }

/* cms */

div#cms p { font-size: 1em; color: #000000; line-height: 1.5em; margin-bottom: 12px; }
div#cms p a { color: #454545; }
div#cms p.large { font-size: 1.2em; }
div#cms p.caps { text-transform: uppercase; font-size: 0.85em; }
div#cms p.date { text-transform: uppercase; font-size: 0.85em; }
div#cms p.news-overview { border-bottom: 1px solid #e0e0e0; padding-bottom: 9px; margin-bottom: 5px; }
div#cms p.back { text-transform: uppercase; font-size: 0.85em; }
div#cms p img { margin: 0px 10px 10px 0px; }

div#cms ul {  margin: 0px 0px 10px; }
div#cms ul li { list-style: disc; line-height: 1.4em; color: #000000; font-size: 1em; margin: 0px 0px 6px 20px; padding-left: 14px; }
div#cms ul li a { color: #454545; }
div#cms ul li ul { margin-top: 6px; }
div#cms ul li ul li { font-size: 0.9em; }

div#cms ol { margin: 0px 0px 10px; }
div#cms ol li { list-style: decimal; line-height: 1.4em; color: #000000; font-size: 1em; margin: 0px 0px 6px 20px; padding-left: 0px; }
div#cms ol li a { color: #454545; }

div#cms div.hr { margin-left: 0px; }

div#cms img.shop-left { float: left; margin: 55px 0px 0px 0px; }
div#cms img.shop-right { float: right; margin: 17px 0px 0px 0px; }

div#col-right p.breadcrumb { font-size: 0.85em; margin-bottom: 12px; }
div#col-right p.no-results { font-size: 1.05em; margin-bottom: 12px; }

div#col-right a.back-button { position: absolute; top: 20px; right: 0px; }

/* forms */

div#col-right form {}
div#col-right form ul { margin: 0px 0px 15px 0px; }
div#col-right form ul li { clear: both; display: block; width: 350px; overflow: hidden; }
div#col-right form ul li.full-width { width: 100%; }
div#col-right form ul li.checkbox { width: 100%; clear: both; overflow: hidden; }
div#col-right form ul li.right { clear: none; }
div#col-right form ul li.header { font-weight: bold; font-size: 1.2em; margin-bottom: 5px; }
div#col-right form ul li label { float: left; font-size: 0.85em; text-transform: uppercase; padding-top: 7px; }
div#col-right form ul li input,
div#col-right form ul li select,
div#col-right form ul li textarea { margin-bottom: 6px; }
div#col-right form ul li input.text, div#col-right form ul li .date-select input { float: right; width: 210px; padding: 3px; }
div#col-right form ul li input.small { width: 100px; }
div#col-right form ul li input.checkbox { float: left; margin-top: 8px; }
div#col-right form ul li.full-width input.full-width { width: 590px; }
div#col-right form ul li button { display: block; float: right; font-family: Georgia, "Times New Roman", Times, serif; background-color: #000000; border: none; color: #ffffff; padding: 5px 8px; margin-top: 3px; cursor: pointer; }
div#col-right form ul li button:hover { background-color: #343434; }
div#col-right form ul li span { clear: both; display: block; width: 344px; line-height: 1.3em; padding-bottom: 5px; margin: -2px 0px 5px 0px; font-size: 0.85em; line-height: 1.5em; color: #be1e2d; }
div#col-right form ul li span a { color: #be1e2d; }
div#col-right form ul li span a:hover {}
div#col-right form ul li label span { display: inline; }
div#col-right form ul li textarea { width: 336px; height: 130px; padding: 4px; margin-top: 4px; font-size: 1.1em; color: #454545; }
div#col-right form ul li textarea.full-width { width: 694px; }
div#col-right form ul li textarea.small { height: 60px; }
div#col-right form ul li select { float: right; font-family: Trebuchet MS, Helvetica, sans-serif; padding: 2px; width: 220px; color: #454545; }
div#col-right form ul li select.large { width: 540px; }
div#col-right form ul li select.day { width: 62px; margin-right: 20px; }
div#col-right form ul li select.month	{ width: 112px; margin-right: 20px; } 
div#col-right form ul li select.year { width: 69px; }
div#col-right form ul li.full-width select.full-width { width: 600px; }
div#col-right form ul li.checkbox label {float: left; padding: 5px 8px 0px 0px; }
div#col-right form ul li.checkbox input { margin-bottom: 0px; }
div#col-right form ul li .date-select input { width:230px; }
div#col-right form ul li .date-select button { float:left; margin-top:0px; }
div#col-right form ul li.date button { float: left; margin: 3px 0px 0px 1px; }
div#col-right form table { width: 728px; }
div#col-right form table td span.manufacturer-name { display: block; padding-top: 3px; line-height: 1.3em; }
div#col-right form table td span.manufacturer-name a { font-family: Trebuchet MS, Helvetica, sans-serif; color: #8e7f6f; font-size: 1em; }
div#col-right form table td span.desc { display: block; padding-bottom: 4px; font-size: 0.85em; color: #746b60; }
div#col-right form table input.text { padding: 4px; font-size: 1.1em; color: #454545; }
div#col-right form table input.quantity { width: 40px; }

div#col-right form.ambassador ul li button { float: left !important; margin-top: -2px;}

div#col-right form div.buttons button { font-family: Georgia, "Times New Roman", Times, serif; border: none; background-color: #252322; color: #ffffff; padding: 5px 8px 5px 8px; margin-top: 3px; cursor: pointer; }
div#col-right form div.buttons button:hover { background-color: #343434; }
div#col-right form div.buttons button.left { margin-right: 5px; }

/* pager / filters */

div#col-right div.pager { margin-bottom: 20px; }
div#col-right div.pager a.previous { background: url(/images/icons/small-arrow-grey-left.gif) left center no-repeat; padding-left: 8px; }
div#col-right div.pager ul { overflow: hidden; }
div#col-right div.pager ul li { float: left; margin-left: 4px; }
div#col-right div.pager ul li.next {  }
div#col-right div.pager ul li.next a { background: url(/images/icons/small-arrow-grey-right.gif) right center no-repeat; padding-right: 8px; }

div#col-right div.filters { margin-bottom: 20px; }
div#col-right div.filters h2 { font-size: 1.5em; letter-spacing: -0.05em; margin-bottom: 8px; }
div#col-right div.filters ul { overflow: hidden; margin-bottom: 0px; }
div#col-right div.filters ul li { float: left; clear: none; width: 138px; margin-right: 15px; padding-left: 2px; }
div#col-right div.filters ul li.last { margin-right: 0px; }
div#col-right div.filters ul li label { display: block; font-size: 0.85em; text-transform: uppercase; color: #b4a59f; margin-bottom: 3px; }
div#col-right div.filters ul li select { float: none; width: 136px; font-size: 0.85em; padding: 2px; color: #565656; }
div#col-right div.filters button { position: absolute; font-size: 0.95em; text-transform: uppercase; text-decoration: underline; border: none; background: none; color: #000000; bottom: 23px; right: 10px; font-weight: bold; padding: 0px; cursor: pointer; }
div#col-right div.filters button:hover { text-decoration: none; }

/* product list */

div#col-right ol.product-list { overflow: hidden; width: 730px; margin-bottom: 20px; }
div#col-right ol.product-list li.item { float: left; position: relative; width: 160px; height: 230px; margin-right: 15px; background: url(/images/bg/bg-product-box.jpg) right top no-repeat; padding: 30px 7px 5px 3px; }
div#col-right ol.product-list li.last { margin-right: 0px; }
div#col-right ol.product-list li.item span.colours { position: absolute; top: 10px; right: 9px; color: #000000; font-size: 0.8em; }
div#col-right ol.product-list li.item p { position: absolute; display: block; left: 3px; bottom: 0px; width: 160px; line-height: 1.4em; }
div#col-right ol.product-list li.item p a { display: block; }
div#col-right ol.product-list li.item p a.product-name { text-decoration: none; font-size: 1.05em; font-weight: bold; color: #000000; }
div#col-right ol.product-list li.item p a.product-name:hover { color: #b7afb2; }
div#col-right ol.product-list li.item p a.product-brand { font-size: 0.85em; text-transform: uppercase; margin-bottom: 1px; }
div#col-right ol.product-list li.item p span { color: #000000; font-size: 0.95em; }
div#col-right ol.product-list li.item p span.price-old { text-decoration: line-through; }
div#col-right ol.product-list li.item p span.price-new { color: #ff3300; }

/* product page */

div#col-right div.product-left { float: left; width: 385px; padding-bottom: 20px; }
div#col-right div.product-right { float: right; width: 310px; padding-bottom: 20px; }

div#col-right div.product-left div#product-image { background: url(/images/bg/bg-product-image-large.gif) right top no-repeat; padding-top: 10px; margin-bottom: 15px; }
div#col-right div.product-left ul.product-thumbs { overflow: hidden; }
div#col-right div.product-left ul.product-thumbs li { float: left; width: 125px; height: 141px; margin-right: 5px; }
div#col-right div.product-left ul.product-thumbs li.last { margin-right: 0px; }
div#col-right div.product-left ul.product-thumbs li a { background: url(/images/bg/bg-product-image-small.gif) right top no-repeat; display: block; width: 100px; height: 120px; padding: 21px 12px 0px 13px; }
div#col-right div.product-left ul.product-thumbs li a.current,
div#col-right div.product-left ul.product-thumbs li a:hover { background-position: right bottom; }

div#col-right div.product-right h2 { font-size: 2.2em; margin-bottom: 2px; color:#ec3a2a}
div#col-right div.product-right p { line-height: 1.5em; margin-bottom: 15px;  }
div#col-right div.product-right p.product-brand { font-size: 0.95em; }
div#col-right div.product-right p.product-price { text-align: right; margin-bottom: 5px; }
div#col-right div.product-right p.product-price span.price-reduced { display: block; font-size: 0.85em; }
div#col-right div.product-right p.product-price span.price_reduced { color: #ff3300; }
div#col-right div.product-right div#add-to-basket-container { margin-bottom: 15px; }
div#col-right div.product-right div#add-to-basket-container ul li { overflow: hidden; margin-bottom: 4px; width: auto; }
div#col-right div.product-right div#add-to-basket-container ul li p { font-size: 0.85em; color: #d10b0b; background: url(/images/icons/small-arrow-red-down.gif) 1px center no-repeat; padding-left: 11px; }
div#col-right div.product-right div#add-to-basket-container ul li label { float: left; font-size: 0.85em; text-transform: uppercase; padding-top: 3px; }
div#col-right div.product-right div#add-to-basket-container ul li select { float: right; width: 150px; font-size: 0.95em; padding: 0px; margin-bottom: 0px; }
div#col-right div.product-right div#add-to-basket-container ul li button { float: right; font-family: Georgia, "Times New Roman", Times, serif; background: url(/images/icons/small-arrow-white-right.gif) right center no-repeat #000000; border: none; color: #ffffff; padding: 5px 18px 5px 8px; margin-top: 3px; cursor: pointer; }
div#col-right div.product-right div#add-to-basket-container ul li button:hover { background-color: #343434; }
div#col-right div.product-right div#add-to-basket-container h6 { font-size: 1.2em; margin-bottom: 5px; }
div#col-right div.product-right div#add-to-basket-container p { margin-bottom: 7px; }
div#col-right div.product-right div#add-to-basket-container div.thanks h6 { color: #5f8253; }
div#col-right div.product-right div#add-to-basket-container div.out-of-stock h6 { color: #d10b0b; }

div#col-right span#form-disabled-text { display: block; text-align: right; padding-bottom: 8px; }
div#col-right span#form-disabled-text em { display: block; padding-bottom: 3px; }

div#col-right div.product-right form#reccommend-form ul li { width: 310px; }
div#col-right div.product-right form#reccommend-form ul li input { width: 150px; }

/* error/success/message */

div#col-right div.error { border: 1px solid #d10b0b; padding: 15px; margin-bottom: 15px; }
div#col-right div.error h2 { color: #d10b0b; margin-bottom: 10px; }
div#col-right div.error p { font-size: 1.05em; color: #61605d; margin-bottom: 10px; }
div#col-right div.error ul { }
div#col-right div.error ul li { list-style: disc; margin: 0px 0px 5px 15px; color: #61605d;  }

div#col-right div.success { border: 1px solid #5f8253; padding: 15px; margin-bottom: 15px; }
div#col-right div.success h2 { color: #5f8253; margin-bottom: 10px; }
div#col-right div.success p { font-size: 1.05em; color: #61605d; margin-bottom: 10px; }
div#col-right div.success ul { }
div#col-right div.success ul li { list-style: disc; margin: 0px 0px 5px 15px; color: #61605d;  }

div#col-right div.message { border: 1px solid #2063a8; padding: 15px; margin-bottom: 15px; }
div#col-right div.message h2 { color: #2063a8; margin-bottom: 10px; }
div#col-right div.message p { font-size: 1.05em; color: #61605d; margin-bottom: 10px; }
div#col-right div.message ul { }
div#col-right div.message ul li { list-style: disc; margin: 0px 0px 5px 15px; color: #61605d;  }

/* login page */

div#col-right p.login { margin-bottom: 13px; }
div#col-right p.large { font-size: 1.3em; }
div#col-right form.login-box { width: 335px; background: url(/images/bg/bg-product-box.jpg) right top no-repeat; padding: 15px 15px 0px 0px; }
div#col-right form.login-box h2 { margin-left: -2px; }
div#col-right form.login-box ul li { overflow: hidden; width: 335px; margin-bottom: 4px; }
div#col-right form.login-box ul li button { background: url(/images/icons/small-arrow-white-right.gif) right center no-repeat #000000; padding: 5px 18px 5px 8px; cursor: pointer; }
div#col-right form.login-box ul li button:hover { background-color: #343434; }

/* orders */

div#col-right ul.orders { margin-bottom: 15px; }
div#col-right ul.orders li { overflow: hidden; border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; margin-bottom: 5px; }
div#col-right ul.orders li span { float: left; }
div#col-right ul.orders li a { float: right; font-weight: bold; color: #565656; }

/* tables */

div#col-right table { border: 1px solid #777877; margin: 0px 0px 15px 1px; }
div#col-right table th { font-weight: bold; font-size: 0.95em; color: #232323; padding: 5px; border-bottom: 1px dotted #777877; background: #f4f4f4; }
div#col-right table td { color: #232323; font-size: 0.95em; padding: 5px; border-bottom: 1px dotted #545454; line-height: 1.5em; }
div#col-right table tr.alt td { background: #fbfbfb; }

/* ---------------------------- */
/*** cards ***/

div#cards a.left { display: block; background: url(/images/gri-logo.jpg) left top no-repeat; font-size: 0.85em; text-decoration: none; height: 25px; line-height: 40px; padding-left: 29px; color: #000000; }
div# a.left:hover { background-position: left bottom; color: #565656; }

/* ---------------------------- */
/*** footer ***/

div#footer ul { overflow: hidden; }
div#footer ul li { float: left; margin-right: 5px; }
div#footer ul li a { color: #c4af44; }

div#footer p { color: #c4af44; }