﻿html, body, 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;} :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; }

body { background-color: #efefef; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1 { color: #0099ff; font-size: 1em; margin-bottom: 15px; }
h2 { color: #000; font-size: 0.9em; margin-bottom: 10px; }
h3 { font-size: 0.75em; color: #333; font-weight: bold; line-height: 1.25em; margin-bottom: 5px; }
li { font-size: 0.75em; line-height: 1.4em; }
li li, li p, li h3 { font-size: 1em; }
p { color: #000; font-size: 0.75em; line-height: 1.25em; margin-bottom:0.5em; }
a { color: #0099ff; }
a span { display: none; }

#container { margin: 0 auto; width: 950px; background: #fff; padding: 10px; border: 1px solid #c3c2c2; border-top: none; }

#header {  overflow: hidden; width: 950px; position: relative; }
#header p { text-align: right; width: 450px; float: right; font-weight: bold; }
#header span { display: block; color: #757e85; }

#header #title { line-height: normal; text-align: left; float: left; margin-bottom: 13px; font-size: 1.25em; padding-top: 15px; overflow: auto; }
#title a { margin-right: 5px; margin-top: -15px; background: url(../images/sprite.gif) -1199px 0 no-repeat; display: block; float: left; width: 67px; height: 67px; }
#title span { color: #475258; font-size: 0.6em; }
#title a span { display: none; }

#basket { margin-left: 10px; float: right; display: block; width: 52px; height: 43px; background: url(../images/sprite.gif) -1266px 0 no-repeat; }
#basket span { display: none; }

#header #phone { clear: both; float: none; position: absolute; top: 62px; right: 0; font-size: 1.4em; line-height: normal; }
#phone span { font-size: 0.55em; }

#menu { clear: left; float: left; min-height: 30px; height: auto !important; height: 30px; width: 950px; }
#menu li { float: left; line-height: 30px; list-style: none; background: #333; margin-right: 4px; }
#menu a { text-decoration: none; display: block; float: left; padding-left: 10px; background: url(../images/sprite.gif) 0 0 no-repeat; line-height: 30px; min-height: 30px; height: auto !important; height: 30px; }
#menu span { cursor: pointer; color: #fff; display: block; float: left; padding-right: 10px; background: url(../images/sprite.gif) right 0 no-repeat; line-height: 30px; min-height: 30px; height: auto !important; height: 30px; }

#sub-menu { clear: both; width: 950px; background: #000 url(../images/sprite.gif) -6px bottom no-repeat; min-height: 40px; height: auto !important; height: 40px; }
#sub-menu li { font-size: 0.9em; float: left; list-style: none; line-height: 40px; }
#sub-menu li a { display: block; padding: 0 14px; color: #fff; text-decoration: none; }

#breadcrumbs { padding: 10px; color: #757e85; font-size: 0.7em; }

#left-column { width: 180px; padding: 0 10px; float: left; }
#left-column h2 { font-size: 1em; margin-bottom: 10px; }
#left-column h3 { font-size: 1em; margin-bottom: 8px; }
#left-column ul { padding-bottom: 5px; }
#left-column li { margin-bottom: 5px; font-weight: bold; line-height: 1.25em; }
#left-column a { color: #333; padding-left: 15px; background: #fff url(../images/sprite.gif) -1318px -1px no-repeat; }
#left-column a:hover { background: #fff url(../images/sprite.gif) -1318px -29px  no-repeat; text-decoration: none; }

#content{width: 740px;padding: 0 10px 10px 0;float: right;}
#content p,#wide-content p{padding-bottom:5px;line-height: 1.4em;}
#content ul,#wide-content ul,#wide-content ol{margin-left: 25px;padding-bottom:15px;}
#content li,#wide-content li{line-height: 1.4em;list-style-type:square;}
#wide-content ol li{list-style-type:decimal;}
#wide-content {width: 940px;padding: 0 10px 10px;}

.product-image { float: left; }
#product-details { width: 470px; float: right; overflow: hidden; }
#product-details p { width: 470px; clear: right; }
#product-details input { float: right; }
#prices { overflow: hidden; padding-bottom: 15px; padding-top: 6px; width: 244px; float: right; background: #fff url(../images/sprite.gif) -1200px -67px no-repeat; }
#prices dl { width: 214px; margin-bottom: 8px; line-height: 1.8em; font-size: 0.8em; color: #000; font-weight: bold; overflow: hidden; padding: 5px 15px 11px; background: #dadada url(../images/sprite.gif) -956px bottom no-repeat; }
#prices dt { background: #dadada; float: left; vertical-align: middle; clear: both; white-space: nowrap; }
#prices dd { background: #dadada; float: left; vertical-align: middle; width: 138px; margin-left: 2px; }
#prices dd input { float: none; border: none; width: 25px; }

#content .product-list { width: 348px; float: left;margin-left: 0;padding-bottom:0; }
#content .product-list li { clear: both; list-style-type: none; }
#product-list { width:100%; overflow: hidden; clear: none;margin-left: 0;padding-bottom:0; }
#product-list h2, .product-list h2 { color: #2d3235; margin-bottom: 15px;  margin-top: 10px; }
#product-list h3 a, .product-list h3 a { text-decoration: none;color: #333; }
#product-list h3 a:hover, .product-list h3 a:hover { text-decoration: underline; }
#product-list li, #content .product-list li { list-style-type: none; height: auto !important; height: 92px; min-height: 92px; position: relative; padding-left: 112px; padding-bottom: 40px; }
#product-list li li, #content .product-list li li { font-weight: normal; clear: none; padding-left: 0; padding-bottom: 0; min-height: 0; height: auto !important; height: 1px; }
#product-list li, #product-list p, #content .product-list li, #content .product-list p { font-weight: bold; line-height: 1.5em; }
#product-list p, #content .product-list p { position: absolute; bottom: 10px; left: 112px; }
#product-list img, .product-list img { position: absolute; top: 0; left: 0; }
#product-list li { float:left; width: 258px; }
#product-list ul,#content .product-list ul {margin-left: 0;padding-bottom:0;}

#footer { overflow: hidden; padding: 15px 10px; width: 930px; clear: both; background: #333; min-height: 50px; }
#footer div { width: 225px; float: left; }
#footer h2 { color: #fff; font-weight: bold; margin-bottom: 5px; }
#footer li { line-height: 1.4em; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { color: #fff; }
#footer .special { width: 450px; }

#copyright-holder { width: 970px; margin: 0 auto; }
.copyright, .evolution { font-weight: bold; color: #7a7a7a; width: 450px; float: left; padding: 5px 0 10px; }
.evolution { float: right; text-align: right; }
.evolution a { color: #7a7a7a; }

#MessageDisplay p { padding: 0 0 5px 0; }
#MessageDisplay.warning, #MessageDisplay.success, #MessageDisplay.failure { margin-bottom:10px; padding: 10px 0 0 30px; }
#MessageDisplay.warning { color:#000; border:solid 1px #E4D04A; background: #F3F3D9 url(../images/warning-icon.gif) 5px no-repeat; }
#MessageDisplay.warning p { color:#000; }
#MessageDisplay.success { color:#287528; border:solid 1px #3D993D;	background:#E3F9E4 url(../images/success-icon.gif) 5px  no-repeat; }
#MessageDisplay.success p { color:#287528; }
#MessageDisplay.failure { color:#fff; border:solid 1px #CC0000; background:#CC0000 url(../images/failure-icon.gif) 5px no-repeat; }
#MessageDisplay.failure p { color:#fff; }

/* Definition list */
fieldset dt, fieldset dd, #single-page-checkout dt, #single-page-checkout dd, .login-panel dt, .login-panel dd, .forgotten-password-panel dt, .forgotten-password-panel dd { margin-bottom: 5px; padding: 2px; }
fieldset dt, #single-page-checkout dt, .login-panel dt, .forgotten-password-panel dt { width: 30px; text-align: left; white-space: nowrap; float: left; clear: left; font-size:0.75em; }
fieldset dd, #single-page-checkout dd, .login-panel dd, .forgotten-password-panel dd { margin-top:0; margin-left: 120px; font-size:0.75em; text-align:left; vertical-align: middle; }
dt em { margin-right:4px; }
#single-page-checkout em { color:#ff0066; }

fieldset dd select, #single-page-checkout dd select, .forgotten-password-panel dd select, .login-panel dd select { width: 204px; }
fieldset dd input, #single-page-checkout dd input, .forgotten-password-panel dd input, .login-panel dd input { width: 200px; }

#single-page-checkout dd input.CreditCardDateLists { width: 25px; }
#single-page-checkout dd input.CreditCardCVV2 { width: 30px; }

#single-page-checkout h2 { margin-top: 25px; }
#single-page-checkout p { font-size:0.75em; }
#single-page-checkout dd p { font-size: 1em; }

.shopping-cart { }
.shopping-cart th { font-size:0.75em; background-color:#333; color:#fff; padding: 8px 0; }
.shopping-cart td { font-size:0.75em; vertical-align:top; }
.shopping-cart tbody td { padding: 10px 0 5px 0; border-bottom: solid 1px #ccc; }
.shopping-cart p { font-size: 1em; }
.shopping-cart h2 { font-size:1.1em; margin-bottom:2px; }

.description-column div { min-height:99px; padding-bottom:10px; position:relative; height:auto !important; height: 99px; }
.shopping-cart .description-column { padding-top: 10px; }

.shopping-cart tfoot td {padding: 5px 0; }
.shopping-cart .shopping-cart-img-column { width:100px; padding-top: 10px; }
.shopping-cart-img-column img { border: solid 1px #ccc; margin-right:5px; }
.quantity-input { width:20px; }
.shopping-cart .quantity-column{padding:5px 16px 5px;}
.price-column { width: 80px; }
.product-actions { position:absolute; bottom:0; left:0; }

.button-holder { text-align:right; margin-top: 10px; }
.button-holder p { margin-top: 10px; }

.RequiredField { border:solid 2px #cc0000; }
.right, .label { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.label { font-weight: bold; }
.clear { clear: both; }
.strike { text-decoration: line-through; }
#content-account .blue-button { width: 120px; }
.button-holder { text-align:left; }

.blue-button { font-size: 1em; padding: 3px 10px; color: #fff; background: #7a7a7a; border: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#checkout-left { width: 690px; padding:10px 0 10px 10px;  float: left; }
#checkout-right { width: 230px; padding:0 10px 10px 10px; float: right; min-height:1500px; }
#checkout-right h2 { font-size: 1em; margin-bottom: 5px; }

#basket-right { width: 230px; padding:10px; padding-top:43px; float: right; }


#fixed { position:relative; padding-top:10px; }

.pager {
    padding: 5px;
    margin-top:10px;
    color:#000;
}

.pager ul{
    padding:0;
    text-align: center; 
    margin:0 auto;    
}

.pager li{
    list-style-type:none;
    display:inline;
    padding:0 2px;    
}

.pager span {
    padding-bottom:1px;    
}

.pager a, 
.pager a:visited, 
.pager span {
    padding:0 5px 1px 5px;   
    text-decoration:none; 
    color:#000;
    border:1px solid #000;
}

.pager a:hover, 
.pager a:active {
    border:1px solid #000;
    color:#fff;
    background-color: #000;
}

.pager .current-page span {
    font-weight:bold;
    border:1px solid #000;
    background-color: #000;
    color:#fff;
}

.pager li.first-page,
.pager li.last-page,
.pager li.pervious-page,
.pager li.next-page {
    font-weight: bold;
}

.blank-content { width:600px; }


.basket-header { overflow:hidden; width: 690px; }
a.continue-shopping { background:url(/themes/CompressorSolutions/Checkout/1/Images/contiune-shopping-arrow.gif) no-repeat right bottom; display:block; margin-top:2px; height:16px; padding-right:24px; float:right; font-size:0.8em; font-weight:normal; }


#shop-with-confidence { background-color:#e7f4ff; padding-bottom:10px; }
#shop-with-confidence h2 { padding:10px; color:#fff; background-color:#0099ff; }
#shop-with-confidence ul { margin-left:10px; margin-right:10px; }

#contact-info { margin:10px 0; background-color:#eee; padding-bottom:10px; }
#contact-info h2 { padding:10px; background-color:#ccc; }
#contact-info p, #contact-info h3 { padding-left:10px; padding-right:10px; }
