/* Catering Equipment Services main CSS file. Built by Bluestorm New Media 2008 */
/* @group Reset */
/* reset css styles individually instead of universal selector. */
html, body {
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-left: 0;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
em {
font-style: italic;
}
body {
line-height: 1;
color: black;
background: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
hr {
display: none;
}
/* @group Clearing */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* mac hide \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
/* @end */
/* @end */
/* @group General */
ul {
list-style: disc;
margin-left: 16px;
}
p, h1, h2, h3, h4, h5, h6, ul {
margin-bottom: .7em
}
a img, img {
border: none;
display: block;
}
a {
cursor: pointer!important;
text-decoration: none
}
a:link {
color: #0a698c;
}
a:visited {
color: #0a698c;
}
a:hover {
color: #b4271d
}
a:active {
color: #b4271d;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 220%;
}
h2 {
font-size: 167%
}
h3 {
font-size: 167%;
}
h4 {
font-size: 136%
}
body {
color: #000;
font-size: 13px;
text-align: center;/* for ie5.+*/
	background:#fafaf8 url(../images/shared/headbg.jpg) repeat-x 0 0;
}
p {
color: #616161;
}
.hideme {
text-indent: -999em;
margin: 0;
padding: 0;
height: 0;
}
:focus {
-moz-outline-style: none;
}
/* @end */
/* @group Header */
/* header and nav background will be 100% wide */
ul#skip {
position: absolute;
left: -5000px;
}
#header {
width: 950px;
margin: auto;
background: url(../images/shared/tagline.jpg) no-repeat 534px 0;
padding: 1px 0 24px 0;
text-align: left;
position: relative;
}
#header p {
margin: 0
}
#header p.logo {
margin: 92px 0 0 23px;
}
#header p.logo a {
text-decoration: none;
}
#header p.tel {
position: absolute;
left: -999em
}
#header p.time {
position: absolute;
top: 35px;
left: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 85%;
color: #FBF4F3;
}
/* @end */
/* @group Nav */
#nav {
width: 100%;
border-top: 1px solid #e5e1bc;
background: #fbf9e2 url(../images/shared/navbg.jpg) repeat-x 0 100%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#nav h2 {
position: absolute;
left: -5000px;
}
#nav div {
width: 950px;
margin: auto;
}
#nav ul {
list-style: none;
margin: 0;
float: left;
}
#nav li {
float: left;
color: #979272;
text-transform: uppercase;
font-weight: bold;
background: url(../images/shared/navbar.jpg) no-repeat 100% 100%;
position: relative;
}
#nav li.current a {
text-decoration: underline;
color: #7C775D;
}
#nav li.last {
background: none
}
#nav li a {
float: left;
color: #979272;
padding: 15px 10px 15px 10px;
}
#nav li a:hover {
text-decoration: underline
}
/* @end */
/* @group Outer styles */
/* apply shadow to home page via ID and 100% wrap and then re-inforce it by repeating the same image on #outer to cure the jog */
#home #wrap {
background: url(../images/shared/homebg.jpg) no-repeat center top;
width: 100%;
}
#outer {
width: 950px;
text-align: left;
margin: auto;
padding: 20px 0 0 0;
}
#home #outer {
background: #fff url(../images/shared/homebg.jpg) no-repeat -25px 0;
}
#outer h1, #outer h2 {
font-weight: normal;
font-size: 220%;
padding: 23px;
margin: 0;
color: #474747;
}
#outer h2 {
font-size: 167%;
padding-top: 0;
padding-bottom: 22px;
}
body#home #main h2 {
margin-left: 0;
margin-bottom: 0;
font-size: 167%;
}
/* @end */
/* @group Home page left/right cols */
/* colwrap holds vertical divider */
#colwrap {
width: 100%;
background: url(../images/shared/mainbarhome.jpg) no-repeat 716px 0;
}
#main {
width: 704px;
margin: 0 0 0 7px;
background: url(../images/shared/mainfadetop.jpg) repeat-x 0 0;
float: left;
display: inline;
}
.intro {
border: 1px solid #e1ebec;
background: #f7f8fc;
color: #85949b;
margin: 0 25px 25px 25px;
padding: 14px 15px;
min-height: 0;
font-size: 100%;
line-height: 1.2em;
text-align: justify
}
body#listing .intro {
margin-top: 20px;
}
#main .intro p {
margin: 0;
padding: 0
}
#main p, #main h2, #main h3, #main ul {
margin: 0 23px 1em 23px;
}
#main h2 {
margin: 1em 23px -.3em 0;
}
#main ul {
margin-left: 50px;
color: #616161;
font-size: 95%;
line-height: 1.6em;
}
#main div.detail-info ul {
margin-left: 0;
}
#main p {
line-height: 1.6em;
font-size: 95%;
}
#main ul li {
list-style: none;
padding-left: 15px;
background: url(../images/shared/bullet.gif) 0 6px no-repeat;
}
#main ul.purchase {
margin-left: 15px;
}
#main ul.purchase li {
background: none;
padding-left: 0;
}
/* @end */
/* @group Top brands images */
/* top brand images floated left */
/* a background image is used to equalise all the images across the page which is why a new ul needs to be created for every row. There is no other way to do this logically unless the heights are all fixed to be the same size which means that captions can never run to 2 lines etc. */

/* image sizes have been assumed to be 135px x 110px for the top brands and 87x87 for equipment for purchase.*/
#main ul.brands, #main ul.purchase {
list-style: none;
margin: 0 0 9px 23px;
width: 676px;
clear: both;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 3px 0;
}
#main ul.brands li, #main ul.purchase li {
width: 120px;
overflow: hidden;
float: left;
margin: 0 15px 4px 0;
display: inline;
background-color: #f7f7f7;
background-image: none;
padding-left: 0;
}
#main ul.brands li a.image, #main ul.purchase li a.image {
text-decoration: none;
float: left;
width: 100px;
height: 81px;
border: 1px solid #e7e3e4;
text-align: center;
background: #fff;
padding: 1px;
margin: 8px;
display: inline;
}
#main ul.purchase li a.image:hover {
padding: 0;
border: 2px solid #b4271d;
}
#main ul.brands li a.image:hover {
padding: 0;
border: 2px solid #e7e3e4;
}
ul.brands li a img {
display: inline;
}
ul.brands li span a, ul.purchase li span a {
color: #adadad!important;
text-decoration: none;
font-size: 122%;
display: block;
padding: 3px 8px 3px 14px;
font-weight: bold;
}
ul.brands li span a:hover, ul.purchase li span a:hover {
color: #b4271d!important;
}
/* equipment for purchase */
#main ul.purchase li, #main ul.brands li {
width: 103px;
margin: 0 9px 0 0;
background: #fafafa;
}
#main ul.brands li a.image {
width: 87px;
height: 87px;
border: 1px solid #eee;
margin: 5px;
}
#main ul.purchase li a.image {
width: 87px;
height: 87px;
border: 1px solid #eee;
margin: 6px 7px 8px;
}
#main ul.brands li a img {
display: inline;
margin-top: 8px;
}
#main ul.purchase li a img {
display: inline;
}
#main ul.purchase li span a, #main ul.brands li span a {
color: #ABABAB!important;
font-size: 92%;
padding: 5px 5px 3px 9px;
line-height: 1.2em;
}
#outer h2.topq {
padding-bottom: 16px;
padding-top: 8px;
}
/* @end */
/* @group Footer */
#footer {
clear: both;
margin: 30px 7px 0;
background: #a7241a;
border: 1px solid #871c15;
min-height: 0;
color: #fff;
padding: 20px 30px 20px 25px;
font-size: 152%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
text-align: left;
position: relative;
}
#footer p {
margin: 0;
color: #fff;
overflow: hidden;
}
#footer p.callus {
margin-top: 24px;
margin-right: 220px;
}
#footer p a {
color: #fff!important;
font-weight: bold;
}
#footer p a:hover {
text-decoration: underline;
}
.copy {
width: 100%;
color: #ccc;
text-align: right;
padding: 16px 0 35px 0;
font-size: 85%;
background: #fff;
}
.copy ul {
list-style: none;
margin: 0;
float: left;
display: inline;
margin: 0 0 0 18px;
text-align: left;
}
.copy li {
display: inline;
}
.copy li a {
color: #ccc;
text-decoration: none;
}
.copy li a:hover {
color: #b4271d;
text-decoration: underline;
}
.copy p {
padding: 0 20px 0 0;
margin: 0;
}
img#secure-trading {
position: absolute;
bottom: 7px;
right: -1px;
}
/* @end */

/* @group Left sidebar */
#products-nav {
float: left;
width: 210px;
margin-left: 1px;
display: inline;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding: 4px 0 0 0;
}
#products-nav ul {
list-style: none;
margin: 0 0 17px 0;
width: 210px;
}
#products-nav ul li li {
padding: 8px 2px 8px 10px;
color: #7f9599;
text-transform: uppercase;
}
#products-nav li li a {
font-size: 85%
}
#products-nav ul li li.current a, #products-nav ul li li.current span {
font-weight: bold;
background: url(../images/shared/arrow.gif) no-repeat 182px 51%;
font-size: 100%
}
/* use span if you don't want current item to be a link */
#products-nav ul a, #products-nav ul span {
color: #7f9599;
text-decoration: none;
display: block;
position: relative;
padding-right: 10px;
}
#products-nav ul a:hover {
text-decoration: underline;
color: #b4271d;
background: url(../images/shared/arrow.gif) no-repeat 182px 51%;
}
#products-nav h2.top, #products-nav h2.mid {
background: url(../images/shared/subnavbg.jpg) repeat-y 100% 50%;
padding: 5px 4px 5px 7px;
color: #444;
margin: 0 0 12px 0;
text-transform: uppercase;
font-size: 95%;
font-weight: bold;
}
#products-nav h2.mid {
background: url(../images/shared/subnavbg2.jpg) repeat-y 100% 50%;
}
/* @end */

/* @group Right sidebar */
/* ........ right sidebar on home page .........*/
/* may be used elsewhere if design allows */
#extras {
width: 207px;
float: right;
padding: 17px 0 1px 0;
margin: 0 13px 0 0;
display: inline;
}
#main #extras p {
margin-left: 0;
}
#main #extras h2, #extras h2 {
font-weight: normal;
font-size: 167%;
margin: 0 0 7px 0;
color: #474747;
padding: 0;
}
dl.offers, div.sp_offer {
width: 207px;
border-bottom: 1px solid #e5e5e5;
padding: 13px 0;
position: relative;
overflow: hidden;
zoom: 1;
}
dl.offers dt, div.sp_offer a {
font-weight: bold;
color: #474747;
	/*	margin:0 5px 10px 68px;
min-height: 0;
*/	font-size:100%
}
dl.offers dt, div.sp_offer a.more {
color: #B4271D !important;
}
dl.offers dd {
color: #8a8a8a;
margin: 0 5px 0 68px;
	/*min-height:0;*/
	font-size:85%;
line-height: 1.15em;
}
dl.offers dd a {
position: absolute;
left: 3px;
top: 14px;
border: 1px solid #adadad;
color: #b4271d;
}
div.sp_offer img {
float: left;
border: 1px solid #adadad;
color: #b4271d;
margin-right: 10px;
}
dl.offers dd a.more {
position: static;
border: none;
}
dl.offers dt a:link, dl.offers dt a:visited, dl.offers dt a:active {
color: #b4271d;
}
dl.offers dt a:hover {
text-decoration: underline;
}
dl.offers dd a:hover {
border: 1px solid #b4271d;
}
dl.offers dd a.more:hover {
border: none;
text-decoration: underline;
}
dl.offers span, div.sp_offer span {
font-weight: bold;
font-size: 180%;
color: #7F9599;
display: block;
margin-top: 3px;
}
div.sp_offer a.more {
font-weight: normal;
font-size: 90%;
float: right;
margin-right: 100px;
}
.consultancy {
width: 207px;
margin: 0;
}
#main #extras .consultancy h2, #main .consultancy h2, #outer #extras .consultancy h2, #main #outer #extras .consultancy h2 {
color: #545454;
font-size: 136%;
margin: 21px 5px 6px 5px;
font-weight: normal;
padding: 0;
}
#main #extras .consultancy p, #extras .consultancy p {
margin: 10px 5px 13px 5px;
color: #8a8a8a;
font-size: 85%;
line-height: 1.2em;
}
#main #extras .consultancy p.readmore, #extras .consultancy p.readmore {
margin: 0 0 5px 5px;
text-align: right;
}
.consultancy p.readmore a {
color: #0a698c;
text-decoration: none;
font-weight: bold;
}
.consultancy p.readmore a:hover {
color: #b4271d;
text-decoration: underline;
}
div#minicartbox {
background: #7E7D75 url(../images/shared/minicart-top.jpg) 50% 0 no-repeat;
color: #fff;
padding: 1px 8px 1px 8px;
margin-top: -10px;
}
body#listing h1 {
width: 468px;
}
body#listing div#minicart {
width: 207px;
float: right;
margin-top: 20px;
margin-right: 20px;
}
span#minicart-bot {
background: #7E7D75 url(../images/shared/minicart-bottom.jpg) 50% 100% no-repeat;
display: block;
height: 7px;
margin-bottom: -1px;
position: relative;
top: -5px;
}
span#minicart-bot.empty {
margin-bottom: 15px;
}
div#minicartbox h2 {
color: #fff;
margin: 0;
padding: 0;
height: 0;
text-indent: -999em;
}
div#minicartbox p {
color: #fff;
text-transform: uppercase;
font-size: 8pt;
text-align: right;
margin: .6em 0;
padding: 0;
line-height: 1.6em;
}
p#viewcart {
text-transform: uppercase;
font-weight: bold;
text-align: right;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 4px;
margin-bottom: 15px;
font-size: 8pt;
margin-right: 0;
}
p#emptycart {
padding-bottom: 9px;
}
body#listing p#viewcart {
border: none;
}
p#viewcart a {
color: #6a6962;
background-image: url(/images/shared/minicart.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 17px;
}
p#viewcart a:hover {
color: #4C4B46;
}
/*......... end all home page styling although some elements are of course re-used. ...... */
/* @end */
/* @group Listing page */
/* apply shadow to page via common body class to 100% wide #wrap and then re-inforce it by repeating the same image on #outer to cure the jog */
.common #wrap {
background: url(../images/shared/pagebg3.jpg) no-repeat center top;
}
.common #outer {
background: url(../images/shared/pagebg3.jpg) no-repeat -20px 0;
width: 960px;
}
#standard #outer {
background: url(../images/shared/pagebg3.jpg) no-repeat -20px 0;
width: 960px;
}
.common .intro {
margin: 0 25px 19px 22px;
}
.common #main {
width: 748px;
margin: 0;
background: transparent;
float: right;
display: inline;
}
/* colwrap will now hold the left column background */
.common #colwrap {
width: 960px;
background: #fff url(../images/shared/products-navbg.gif) repeat-y 0 0;
margin: auto;
}
.common #products-nav, .common #main {
margin-bottom: 44px;
}
.common #footer {
margin: 0 10px 0;
}
.common #header {
width: 960px;
background: url(../images/shared/tagline.jpg) no-repeat 527px 0;
}
/* @group Table styling */
table.lease {
width: 706px;
border-collapse: collapse;
margin-left: 21px;
font-size: 95%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin-top: 20px;
}
table.lease td a {
font-weight: bold;
color: #0a698c;
}
.lease td, .lease th, .cart td, .cart th {
border: 1px solid #ddd;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 0 .8em;
}
.lease tbody th {
width: 166px;
}
.lease th.header {
background-image: url(/images/shared/bg.gif);
cursor: pointer;
font-weight: bold;
background-repeat: no-repeat;
background-position: center left;
padding-left: 20px;
border-right: 1px solid #dad9c7;
margin-left: -1px;
}
.lease tbody th a, .cart tbody th a {
color: #36c;
font-weight: bold;
}
.lease thead th, .cart thead th {
border-bottom: 0px none;
color: #fff;
font-weight: bold;
background: #8a8a8a url(../images/shared/table-bg.gif) 100% 50% no-repeat;
padding: 1.2em .8em;
cursor: pointer;
}
.lease td {
padding: .8em;
white-space: normal;
}
.lease td.model {
white-space: nowrap;
}
.lease td a, .lease td {
color: #707070;
}
.lease a {
display: block;
min-height: 0;
padding: 0 .8em;
}
.lease td.product a {
white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.cart a {
color: #36c;
font-weight: bold;
}
.cart td.remove a {
color: #AB000C;
font-weight: normal;
}
.cart td {
padding: 8px 10px;
color: #747474;
}
.lease a:hover, .cart a:hover {
text-decoration: underline;
background: #f3f6fb;
}
.lease tr.odd, .cart tr.odd {
background: #f2f2f2;
}
/* just for testing as I know you are going to do this with javascript*/
.lease tr:hover, .cart tr:hover {
background: #f8f8f8;
}
.lease tr.over {
background: #f8f8f8;
}
.lease td.sorted {
background: #ffc;
}
.lease tr.odd td.sorted {
background: #ff9;
}
.lease th.headerSortUp {
background-image: url(../images/shared/table/asc.gif);
background-color: #aaa;
color: #222;
}
.lease th.headerSortDown {
background-image: url(../images/shared/table/desc.gif);
background-color: #aaa;
color: #222;
}
/* @end */
/* @end */

/* @group Detail page */
/* change background yet again due to extra column and no fade */
#detail #wrap {
background: url(../images/shared/pagebg3.jpg) no-repeat center top;
}
#detail #outer {
background: url(../images/shared/pagebg3.jpg) no-repeat -20px 0;
}
/* extra box in right column */
.callout {
border: 1px solid #d0fefe;
background: #f2fefe;
min-height: 0;
padding: 10px 9px;
margin: 15px 0 0 0;
}
.callout h2 {
color: #2e2e2e;
font-size: 129%;
font-weight: normal;
}
#main .callout p.image {
padding: 2px;
margin: 0;
}
.callout p.image a {
display: block;
text-decoration: none;
}
#main .need-train p {
color: #666;
font-size: 85%;
line-height: 1.2em;
}
.need-train p.readmore {
margin: 0 0 5px 5px;
text-align: right;
}
.need-train p.readmore a {
color: #0a698c;
text-decoration: none;
font-weight: bold;
}
.need-train p.readmore a:hover {
color: #b4271d;
text-decoration: underline;
}
#main #extras h2.related {
font-size: 152%
}
/*  */
.s1bg {
width: 208px
}
#mid-col {
width: 511px;
float: left;
background: url(../images/shared/mainbarhome.jpg) no-repeat 100% 0;
}
.detail #mid-col h1 {
font-size: 285%;
}
div#detail-img-box {
float: left;
width: 270px;
}
p.detail-img {
float: left;
width: 230px;
display: inline;
padding: 4px 0 0 0;
margin: 0 0 35px 22px;
}
p.detail-img img {
border: 1px solid #ababab;
}
p.detail-img a {
display: block;
text-decoration: none;
}
p.detail-img a:hover img {
border: 1px solid #333;
}
p.detail-img span {
display: block;
color: #a1a1a1;
font-size: 85%;
padding: 12px 0 0 2px;
font-weight: bold;
position: relative;
}
.detail-info {
float: right;
width: 213px;
margin: 0 25px 1em 0;
display: inline;
}
#outer .detail-info h2 {
color: #bb0f0f;
font-size: 260%;
padding: 0 0 16px 0;
border-bottom: 1px solid #e2e2e2;
margin: 0 0 .3em 0;
line-height: .3em;
}

.detail-info h2 span.exvat {
color: #2e2e2e;
font-size: 42%;
font-weight: bold;
}
.detail-info h2 span {
color: #2e2e2e;
font-size: 42%;
font-weight: bold;
}
.detail-info p, .detail-info ul {
font-size: 100%;
color: #717171;
margin: 15px 0 17px 0;
line-height: 1.2em
}
form#choose-form {
width: 414px;
float: left;
margin: .5em 0 0;
}
form#choose-form fieldset {
border: 1px solid #EBE8CA;
background-color: #FDFCEE;
}
form#choose-form fieldset legend {
padding: 0 5px;
text-transform: uppercase;
font-size: 85%;
color: #474747;
}
form#choose-form label {
color: #474747;
font-size: 95%;
}
form#choose-form ol li.frequency {
width: 180px;
float: left;
}
form#choose-form ol li.years {
width: 180px;
float: right;
}
form#choose-form select {
width: 160px;
}
form#quote-form {
width: 255px;
color: #717171;
margin-left: 15px;
}
form#lease-form {
margin-top: 0;
}
form#lease-form ol {
margin-left: 0;
padding-left: 0;
}
form#quote-form legend, form#lease-form legend {
display: none;
}
form#quote-form label {
margin-bottom: 4px;
}
form#lease-form label {
margin-bottom: 4px;
color: #77766A;
font-weight: bold;
font-size: 90%;
text-transform: uppercase;
}
form#quote-form.nofield fieldset ol, form#lease-form.nofield fieldset ol {
padding-top: 0;
}
#quote-text {
width: 211px;
float: right;
color: #717171;
padding: 0 15px;
line-height: 1em;
margin: 0;
}
#lease-options #quote-text {
width: 200px;
}
#lease-options #main h2, #lease-options h2 {
margin-left: 0;
margin-bottom: -.4em;
padding-left: 0;
font-size: 160%;
font-weight: bold;
margin-top: 0;
}
#quote-text h2 {
margin-left: 0;
padding-left: 0;
font-size: 140%;
}
#quote-text h3 {
font-size: 140%;
font-weight: normal;
}
#main #quote-text h3 {
margin-left: 0;
}
div#lease-options #slickbox {
border-top: 1px solid #EBE8CA;
margin-top: 20px;
padding-top: 20px;
}
p.review {
background: #FDFFF6;
border: 2px solid #EBFF9D;
color: #2E321F;
padding: 5px;
}
ul#bonuses {
width: 223px;
float: left;
margin-bottom: 20px;
margin-top: -10px;
padding-top: 0;
margin-left: 20px;
}
img#bonuses {
float: left;
margin-bottom: 20px;
margin-top: -20px;
padding-top: 0;
margin-left: 20px;
}
ul#bonuses li {
list-style: none;
width: 100%;
margin-bottom: 4px;
background: #D0FECB;
color: #7EAB78;
text-align: center;
text-transform: uppercase;
font-size: 90%;
font-weight: bold;
padding-left: 0;
}
ul#bonuses li a {
color: #E8EEE8;
background: #528053;
display: block;
padding: 6px;
width: 100%;
}
ul#bonuses li a:hover {
background: #446946;
color: #fff;
}
p#lease-button {
margin: -10px 0 0 0;
padding: 0;
}
p#lease-button a {
text-indent: -999em;
background: url(../images/shared/lease-product-button.gif) 0 0 no-repeat;
display: block;
width: 207px;
height: 39px;
margin-top: 5px;
}
p#lease-quote-button {
margin: 0px 0 2.5em 0;
}
p#lease-quote-button a {
text-indent: -999em;
background: url(../images/shared/lease-button.jpg) 0 0 no-repeat;
display: block;
width: 207px;
height: 39px;
margin-top: 5px;
}
p#quote-button {
margin: 10px 0 1em 0;
}
p#quote-button a {
text-indent: -999em;
background: url(../images/shared/quote-button.gif) 0 0 no-repeat;
display: block;
width: 207px;
height: 39px;
margin-top: 5px;
}
/* @group Additional extras box */
.add-extra {
clear: both;
margin: 0 35px 35px 30px;
min-height: 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #9c9c9c;
}
.add-extra ol {
margin: 0;
padding: 0;
list-style: none;
}
.add-extra input {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
.add-extra fieldset, .add-extra legend {
margin: 0;
padding: 0;
border: none;
width: 435px;
}
.add-extra legend {
color: #9c9c9c;
font-weight: bold;
padding: 0 0 15px 3px;
}
#mid-col .add-extra .formal {
margin: 47px 0 0 0;
width: 100%;
}
.add-extra label {
font-size: 95%
}
.add-extra .formal a {
font-weight: bold;
color: #0a698c;
font-size: 129%;
padding: 0 0 0 3px;
text-decoration: underline;
}
.add-extra .formal input {
float: right;
background: #f3f3f3;
border: 2px solid #fbfbfb;
border-right: 2px solid #969696;
border-bottom: 2px solid #979797;
color: #000;
padding: 0 3px;
font-size: 129%;
width: 7.7em;
position: relative;
top: -3px;
}
#addextras-form ol {
width: 200px;
margin: 10px 0 15px 0;
padding: 0;
}
#addextras-form ol input {
margin-right: 5px;
}
#addextras-form ol li {
color: #444;
border-bottom: 1px solid #f3f3f3;
font-size: 85%;
padding: 7px 0;
margin: 0;
line-height: 1.4em;
}
fieldset#addextras legend {
text-transform: uppercase;
color: #444;
margin: 0 0 4px 0;
padding: 0;
}
div#lease-options {
border: 2px solid #EBE8CA;
background: #FBF9E2;
margin: 0 20px 25px 20px;
padding: 15px 15px 10px 15px;
float: left;
display: inline;
}
div#lease-options p {
color: #717171;
margin-bottom: .8em;
line-height: 1.5em;
color: #5E5E55;
}
#main div#lease-options p {
margin-left: 0;
}
div#lease-options a {
text-decoration: underline;
}
span.example-lease {
font-style: italic;
line-height: 1.5em;
}
span.example-lease em {
font-style: normal;
font-size: 120%;
color: #920C0C;
font-weight: bold;
}
/* @end */
/* @end */

/* @group Standard Page */
#standard #mid-col p {
color: #717171;
margin: 0 20px;
margin-bottom: .8em;
line-height: 1.1em;
}
/* @end */


/* @group Bonuses Page */
body#bonuses {
padding: 20px;
text-align: left;
background: none;
}
body#bonuses h1 {
color: #474747;
}
/* @end */

/* @group Checkout pages */
form#cart_form {
padding-left: 21px;
}
form#cart_form table.cart {
margin-left: 0;
}
table.cart {
width: 706px;
border-collapse: collapse;
margin-left: 21px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
margin-top: -10px;
}
.cart a {
color: #36c;
font-weight: bold;
}
.cart td.remove a {
color: #AB000C;
font-weight: normal;
}
.cart td {
padding: 8px 10px;
color: #747474;
}
#main p.log_but {
margin: 0 0 0 10px;
}
p.instructions {
margin: 0 0 0 23px;
}
p.log_but a {
font-weight: bold;
color: #0a698c;
text-decoration: underline;
}
.formError, .error {
color: #AB000C!important;
}
span.formError {
font-size: 8pt;
}
p.shipping-address {
margin-left: 10px;
font-size: 110%;
color: #5E5830;
}
div.ship-box {
border: 1px solid #ccc;
background: #FAFAFA;
}
div.summary {
width: 341px;
float: left;
border: 1px solid #D6C86E;
background: #FFFDF3;
margin-left: 20px;
margin-bottom: 20px;
}
#main div.summary h3, #main div.summary h2 {
font-size: 100%;
color: #fff;
background: #D6C86E;
padding: 5px;
margin: 0;
margin-bottom: 10px;
}
#main div.summary h2 {
font-size: 100%;
color: #fff;
background: #D6C86E;
padding: 5px;
font-weight: bold;
}
p#ordertotal {
font-size: 150%;
margin-left: 23px;
padding-bottom: 10px;
border-bottom: 1px solid #0078D3;
margin-right: 23px;
color: #0078D3;
text-align: right;
text-transform: uppercase;
}
p#ordertotal span {
font-weight: bold;
}
tr.totals td {
font-weight: bold;
}
div.solo {
float: none;
padding: 0 0 10px 0;
}
p.log_but a:link {
border: none;
padding: 5px;
color: #fff;
font-weight: bold;
margin-left: 21px;
text-decoration: none;
background-color: #d3422e;
}
p.check_out a {
border: none;
padding: 5px;
color: #fff;
font-weight: bold;
margin-left: 21px;
text-decoration: none;
background-color: #d3422e;
background-image: url(/images/shared/checkoutpbga.jpg);
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 10px;
}
a.check_out {
border: none;
padding: 5px;
color: #fff;
font-weight: bold;
margin-left: 21px;
text-decoration: none;
background-color: #d3422e;
background-image: url(/images/shared/checkoutpbga.jpg);
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 10px;
}
p.quoterec a {
border: none;
padding: 5px;
color: #fff;
font-weight: bold;
margin-left: 21px;
text-decoration: none;
background-color: #f15524;
background-image: url(/images/shared/quoterecpbga.jpg);
background-repeat: no-repeat;
background-position: left center;
}
/* ========== new buttons ========*/
table.buts {
margin-left: 21px;
width: 706px;
margin-top: -18px;
}
table.buts td {
}
table.buts a.quoterequest {
width: 280px;
height: 40px;
display: block;
text-indent: -99999px;
background-repeat: no-repeat;
background-position: left center;
}

table.buts a.formal_quote {
background-image: url(/images/shared/requestformalquote.jpg);
}
table.buts a.lease_quote {
background-image: url(/images/shared/requestleasequote.jpg);
}
table.buts a.continue {
width: 160px;
height: 40px;
display: block;
text-indent: -99999px;
background-image: url(/images/shared/continueshopping.jpg);
background-repeat: no-repeat;
background-position: left center;
}
table.buts a.checkout {
width: 160px;
height: 40px;
display: block;
text-indent: -99999px;
background-image: url(/images/shared/checkout.jpg);
background-repeat: no-repeat;
background-position: left center;
margin: 0;
}
input#empty {
width: 160px;
height: 40px;
display: block;
text-indent: -99999px;
background-image: url(/images/shared/emptycart.jpg);
background-repeat: no-repeat;
background-position: left center;
margin: 0;
}


div.solo p.log_but {
margin-left: -10px;
margin-top: 20px;
margin-bottom: 10px;
}
#main p.noleft {
margin-left: 0;
}
/* @end */




/* @group Thickbox layout */
body.thickbox {
background: transparent;
text-align: left;
margin: 0;
border-top: 20px solid #A7241A;
}
body.thickbox #content {
padding: 15px;
line-height: 1.4em;
}
/* @end */
a#bs img {
display: inline;
}
/* Section intro with thumb aligned right */
#section_intro {
min-height: 90px;
clear: both;
}
#section_intro img {
float: left;
margin-right: 20px;
}
#request_quote_response {
border: 3px solid #c00;
padding: 10px;
margin-top: 10px;
display: none;
width: 180px;
}
#request_quote_response {
margin: 0;
}
#request_quote_response a.test {
font-size: 130%;
font-weight: bold;
}
#main #extras #request_quote_response p {
margin: 0;
}
div#consider {
margin-top: 20px;
}
div#consider a img {
float: left;
width: 54px;
}
div#consider dl.offers dt {
margin-left: 65px;
}
div#consider dl.offers dt a {
color: #000000;
}
div#consider dl.offers dd.relatedprice {
margin-top: 10px;
font-size: 14px;
color: #B4271D;
}
#section_intro ul {
margin-left: 105px;
}
/* @Group Adams Changes*/

div.solo p.log_but {
margin: 0px !important;
padding: 0px !important;
margin-bottom: -10px !important;
margin-top: -20px !important;
}
div.solo {
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 0px;
}
div.solo p.log_but a {
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #b5271d;
display: block;
width: 150px;
float: right;
color: #ffffff;
text-decoration: none;
}
div.solo p.log_but a:hover {
background-color: #D6C86E;
}
div.paymentdiv {
float: left;
overflow: hidden;
width: 345px;
padding: 0px;
margin: 0px;
padding-left: 20px;
padding-bottom: 20px;
}

div.fullwidth
{
	width:auto;
	display:block;
	float:none;
	padding-right:20px;
}

div.fullwidth form.checkout
{
	width:auto !important;
	display:block !important;
}

div.fullwidth form.checkout fieldset.payment
{
	width:auto;
	display:block;
	float:none;
}

div.fullwidth form.checkout fieldset.payment input
{
	float:left;
}

div.fullwidth form.checkout fieldset.payment input.submit
{
	margin-left:10px;
}

div.paymentdiv form.checkout {
width: 341px;
margin: 0px;
}
div.paymentdiv form.checkout fieldset.invoice {
margin-left: 0px;
}
input#voucher_code {
width: 535px;
border-color: #7C7C7C #C3C3C3 #DDDDDD;
border-style: solid;
border-width: 1px;
padding: 5px;
font-size: 1.2em;
}
a.login {
float: right;
width: 90px;
margin-top: 8px;
color: #979272 !important;
font-size: 1em;
padding-top: 7px;
padding-bottom: 7px;
background-image: url(/images/shared/login.jpg);
background-repeat: no-repeat;
background-position: right center;
}
a.logout {
float: right;
width: 90px;
margin-top: 8px;
color: #979272 !important;
font-size: 1em;
padding-top: 7px;
padding-bottom: 7px;
background-image: url(/images/shared/logout.jpg);
background-repeat: no-repeat;
background-position: right center;
}
a.login:hover {
text-decoration: underline;
}
div.extradetails {
padding-top: 10px;
padding-bottom: 0px;
}
div.extradetails p {
font-size: 0.6em;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 1.5em;
}
.copy ul li a {
color: #666666;
}
p.pdf {
padding-left: 20px;
background-image: url(/images/shared/pdf-small.gif);
background-repeat: no-repeat;
background-position: left center;
clear: both;
}
#main p.existing, #main p.newcustomer {
	display: block;
	cursor: pointer;
	padding: 20px;
	font-size: 1.2em;
	margin-top: 40px;
	clear: both;
	border: solid 2px #b5271d;
	background-color: #fffdea;
}
#main p.existing span, #main p.newcustomer span {
	font-weight: bold;
	color: #b5271d;
	font-size: 1.2em;
}
p.existing {}
p.newcustomer {}
div#existing {}
div#newcustomer{}

div#tandc
{
	width:341px;
	height:400px;
	overflow-x: hidden; 
	overflow-y: scroll;
	float:left;
	margin-left:20px;
	border: 1px solid #CCCCCC
}

div.readflash
{
	float:left;
	width:341px;
	border: 1px solid #CCCCCC;
	margin-left:20px;
	margin-bottom:20px;
}

div.flasherror
{
	background-color:#A7241A;
}

.visibile_override
{
	display:block !important;
}

div#accept
{
	margin-bottom:10px;
	margin-top:10px;
}

div#accept label
{
	color:#000000;
}

div#accept.disabled label
{
	color:#cccccc;
}

div.readflash p
{
	margin:20px !important;
	color:#ffffff !important;
	font-weight:bold;
}