/* Elite interiors layout css document
** Copyright 2009 PDC Internet Solutions
** Tel: +44 (0) 1455 290 222
** Email: contact@pdcnet.org.uk
 */

/****** CSS RESET *******/

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,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

a:link, a:visited, a:hover, a:focus {
text-decoration:none;
}

p {
line-height:150%;
color:#666;
font-size:12px;
}

.textgreen, .cat-7 {
color:#99CC33;
}

.textteal, .cat-8 {
color:#33CC99;
}

.textblue, .cat-9 {
color:#3399CC;
}

.cat-budget {
color:#CB3398;
}

.cat-elite {
color:#FF9900;
}

.textpurple {
color:#9933CC;
}

/** Shopping Cart **/

#shoppingcartcontainer ul li {
display:block;
float:left;
}

#shoppingcartcontainer ul li.cart, #shoppingcartcontainer ul li.cost {
background:url("../images/page/grey-fade-bg.jpg") repeat-x;
font-size:11px;
height:15px;
padding:7px 10px 3px 10px;
}

#shoppingcartcontainer ul li.cart {
color:#666;
}

#shoppingcartcontainer ul li.cost {
color:#FFF;
font-weight:bold;
}

#shoppingcartcontainer ul li a.basket:link, #shoppingcartcontainer ul li a.basket:visited {
display:block;
font-size:10px;
color:#FFF;
height:15px;
padding:7px 30px 3px 10px;
background:url("../images/page/basket-btn-bg.jpg") top right no-repeat;
}

#shoppingcartcontainer ul li a.basket:hover, #shoppingcartcontainer ul li a.basket:focus {
color:#666;
background:url("../images/page/basket-btn-bg.jpg") bottom right no-repeat;
}

#shoppingcartcontainer ul li a.checkout:link, #shoppingcartcontainer ul li a.checkout:visited {
display:block;
font-size:10px;
color:#FFF;
height:15px;
padding:7px 40px 3px 10px;
background:url("../images/page/checkout-btn-bg.jpg") top right no-repeat;
}

#shoppingcartcontainer ul li a.checkout:hover, #shoppingcartcontainer ul li a.checkout:focus {
color:#666;
background:url("../images/page/checkout-btn-bg.jpg") bottom right no-repeat;
}

/** Navigation **/

#navigationcontainer ul li {
display:inline;
float:left;
margin-left:20px;
font-size:20px;
}

#navigationcontainer ul li a {
padding:5px 10px;
border:1px solid;
display:block;
}

#navigationcontainer ul li a:hover {
color:#666;
background-color:#EDEDED;
border:1px solid #666;
}

/** Widgets and Page Items **/

.widget-container {
margin-bottom:20px;
font-size:12px;
position:relative;
}

.refine-results {
margin-bottom:20px;
font-size:12px;
}

.widget-container ol {
color:#999;
line-height:150%;
}

.widget-container ol li {
margin:5px 0px;
}

.search h2, .support h2, .welcome h2, .latestprod h2, .FAQ h2 {
font-size:14px;
margin:10px 0px;
padding-bottom:10px;
display:block;
font-weight:normal;
}

/** Search Widget **/

.search {
color:#99CC33;
padding-bottom:10px;
border-bottom:5px solid #D3E9A7;
}

.search h2{
border-bottom:5px solid #D3E9A7;
}

/** FAQ Widget **/

.FAQ {
color:#999;
padding-bottom:10px;
border-bottom:5px solid #DDD;
}

.FAQ h2{
border-bottom:5px solid #DDD;
}

/** Support Widget **/

.support {
color:#3399CC;
padding-bottom:10px;
border-bottom:5px solid #8BC6E2;
}

.support h2{
border-bottom:5px solid #8BC6E2;
}

#message {
position:relative;
}

.support #message h2 {
border:none;
}

.support #message p {
color:#666;
}

.support #message #checkmark {
position:absolute;top:0px;right:0px;
}

/** Welcome Content **/

.welcome {
color:#666;
padding-bottom:10px;
border-bottom:5px solid #999;
}

.welcome h2{
border-bottom:5px solid #999;
}

/** Latest Products **/

.latestprod {
color:#333;
padding-bottom:10px;
border-bottom:5px solid #CCC;
}

.latestprod h2{
border-bottom:5px solid #999;
}

/** Quick Links Images **/
.quick-links-box {
float:left;
width:160px;
margin-left:10px;
margin-right:10px;
}

.qseating {
background:url("../images/page/quick-links-sprite.jpg") 0px 0px no-repeat;
}

.qseating:hover {
background:url("../images/page/quick-links-sprite.jpg") 0px -100px no-repeat;
}

.qdesks {
background:url("../images/page/quick-links-sprite.jpg") -160px 0px no-repeat;
}

.qdesks:hover {
background:url("../images/page/quick-links-sprite.jpg") -160px -100px no-repeat;
}

.qstorage {
background:url("../images/page/quick-links-sprite.jpg") -320px 0px no-repeat;
}

.qstorage:hover {
background:url("../images/page/quick-links-sprite.jpg") -320px -100px no-repeat;
}

.qinteriors {
background:url("../images/page/quick-links-sprite.jpg") -480px 0px no-repeat;
}

.qinteriors:hover {
background:url("../images/page/quick-links-sprite.jpg") -480px -100px no-repeat;
}

.qbudget {
background:url("../images/page/budget-office-img.jpg") top left no-repeat;
}

.qbudget:hover {
background:url("../images/page/budget-office-img.jpg") bottom left no-repeat;
}

.qelite {
background:url("../images/page/elite-office-img.jpg") top left no-repeat;
}

.qelite:hover {
background:url("../images/page/elite-office-img.jpg") bottom left no-repeat;
}


.qinteriorside {
background:url("../images/page/interior-services-img.jpg") top left no-repeat;
}

.qinteriorside:hover {
background:url("../images/page/interior-services-img.jpg") bottom left no-repeat;
}

/** Widget Form Items **/

.search input.fields, .support input.fields {
width:198px;
border:1px solid #CCC;
margin-bottom:10px;
padding:5px 10px;
color:#999;
font-size:11px;
}

.search input.btn, .support input.btn, input.viewbuy, input.viewbuy-disabled {
width:220px;
padding:5px 10px;
border:none;
border-collapse:collapse;
text-align:left;
color:#FFF;
font-size:11px;
}

input.viewbuy, input.viewbuy-disabled {
text-align:center;
width:auto;
}

.search input.btn {
background:url(../images/page/green-fade-bg.jpg) top right repeat-x;
}

.search input.btn:hover {
color:#666;
background:url(../images/page/green-fade-bg.jpg) right -25px repeat-x;
}

.search input.btn:focus {
color:#FFF;
background:url(../images/page/green-fade-bg.jpg) bottom right repeat-x;
}

.support input.btn {
background:url(../images/page/blue-fade-bg.jpg) top right repeat-x;
}

.support input.btn:hover {
color:#666;
background:url(../images/page/blue-fade-bg.jpg) right -25px  repeat-x;
}

.support input.btn:focus {
color:#FFF;
background:url(../images/page/blue-fade-bg.jpg) bottom right repeat-x;
}

input.viewbuy {
background:url(../images/page/grey-fade-btn-bg.jpg) top repeat-x;
}

input.viewbuy:hover, input.viewbuy-disabled {
color:#666;
background:url(../images/page/grey-fade-btn-bg.jpg) bottom repeat-x;
}

input.viewbuy:focus {
color:#FFF;
background:url(../images/page/grey-fade-btn-bg.jpg) bottom repeat-x;
}

/** Footer Styles **/

.footer-left ul li, .footer-right ul li {
display:inline;
margin-left:10px;
margin-right:10px;
}

.footer-left ul li.alpha, .footer-right ul li.alpha {
margin-left:0px;
}

.footer-left ul li.omega, .footer-right ul li.omega {
margin-right:0px;
}


.footer-left ul li a:link, .footer-left ul li a:visited, .footer-right ul li a:link, .footer-right ul li a:visited {
color:#666;
}

.footer-left ul li a:hover, .footer-left ul li a:focus, .footer-right ul li a:hover, .footer-right ul li a:focus {
color:#999;
}

/** Shopping Cart Table **/

#carttable th {
font-weight:bold;
font-size:13px;
padding-bottom:5px;
border-bottom:2px solid #999;
}

#carttable td {
padding: 5px 2px;
vertical-align:middle;
border-bottom:1px solid #CCC;
}

#checkouttable th {
font-weight:bold;
padding:5px 10px;
border-right:2px solid #999;
text-align:right;
}

#checkouttable th {
padding:5px 2px;
}

/** Product Listing **/
.product-list {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 165px;
    height: 243px;
	margin:4px 4px;
	display:block;
	position:relative;
	border:1px solid #FFF;
}

.product-list:hover {
border:1px solid #999;
cursor:pointer;
}

.product-list p.img {
margin:0px;
display:table-cell;
height:140px;
width:165px;
text-align:center;
vertical-align:middle;
}

div.stamp {
position:absolute;
top:5px;
left:5px;
width:50px;
height:50px;
}

div.stamp2 {
position:absolute;
top:-10px;
left:-10px;
width:75px;
height:75px;
}

.product-list p.desc{
margin:0px;
padding:10px 0px;
display:block;
height:50px;
width:165px;
text-align:center;
font-size:11px;
color:#666;
line-height:150%;
}

.product-list p.price{
margin:0px;
padding:0px;
padding-bottom:10px;
display:block;
width:165px;
text-align:center;
font-size:25px;
line-height:normal;
}

.subcatselect-7 {
background-color:#99CC33;
padding-bottom:10px;
color:#FFF;
}

.subcatselect-8 {
background-color:#33CC99;
padding-bottom:10px;
color:#FFF;
}

.subcatselect-9 {
background-color:#3399CC;
padding-bottom:10px;
color:#FFF;
}

.subcatselect-7 h2, .subcatselect-8 h2, .subcatselect-9 h2 {
color:#FFF;
font-size:14px;
font-weight:normal;
padding:10px;
padding-bottom:5px;
}

.subcatselect-7 ul, .subcatselect-8 ul, .subcatselect-9 ul {
color:#FFF;
font-weight:normal;
padding:10px;
padding-top:5px;
}

.subcatselect-7 li, .subcatselect-8 li, .subcatselect-9 li {
color:#FFF;
font-weight:normal;
float:left;
font-size:14px;
margin-right:10px;
}

.subcatselect-7 li a, .subcatselect-7 li a:link, .subcatselect-7 li a:visited, .subcatselect-8 li a, .subcatselect-8 li a:link, .subcatselect-8 li a:visited, .subcatselect-9 li a, .subcatselect-9 li a:link, .subcatselect-9 li a:visited {
color:#FFF;
}

.subcatselect-7 li a:hover, .subcatselect-8 li a:hover, .subcatselect-9 li a:hover {
color:#333;
}

/** Product Display **/

#prod-price {
position:absolute;
top:0px;
right:0px;
white-space:nowrap;
font-size:20px;
font-weight:bold;
}

.prod-disp-left, .prod-disp-right {
float:left;
display:inline;
margin-left:5px;
margin-right:5px;
}

.prod-disp-left {
width:260px;
position:relative;
}

.prod-disp-right {
width:430px;
}

.main-prod-image-7, .main-prod-image-8, .main-prod-image-9, .sub-prod-image-7, .sub-prod-image-8, .sub-prod-image-9, .main-prod-image, .sub-prod-image  {
border:5px solid #CCC;
width:250px;
margin-bottom:10px;
}

.sub-prod-image-7, .sub-prod-image-8, .sub-prod-image-9, .sub-prod-image, .prod-info-float {
float:left;
width:115px;
margin-left:5px;
margin-right:5px;
}

.main-prod-image-7:hover, .sub-prod-image-7:hover {
border:5px solid #99CC33;
}

.main-prod-image-8:hover, .sub-prod-image-8:hover {
border:5px solid #33CC99;
}

.main-prod-image-9:hover, .sub-prod-image-9:hover {
border:5px solid #3399CC;
}

.prod-image-controls {
clear:both;
}

.prod-image-controls, .prod-image-controls-7, .prod-image-controls-8, .prod-image-controls-9 {
text-align:center;
display:block;
font-size:10px;
color:#FFF;
padding:7px 0px;
background:url(../images/page/grey-fade-bg.jpg) repeat-x;
}

.prod-image-controls-7 {
background:url(../images/page/green-fade-nh-bg.jpg) repeat-x;
}

.prod-image-controls-8 {
background:url(../images/page/teal-fade-nh-bg.jpg) repeat-x;
}

.prod-image-controls-9 {
background:url(../images/page/blue-fade-nh-bg.jpg) repeat-x;
}

.prod-info-container {
padding:10px;
background-color:#EDEDED;
margin-bottom:10px;
}

.prod-info-container h3 {
display:block;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:3px solid #CCC;
color:#666;
font-size:14px;
}

.prod-info-container a {
color:#000;
}

.prod-info-container a:hover {
text-decoration:underline;
}

.prod-info-container p {
line-height:150%;
font-size:12px;
color:#666;
}

.info-left{
width:250px;
}

.info-right{
width:150px;
}

.prod-disp-colours img, .prod-disp-var img {
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
border:5px solid #CCC;
}

.prod-disp-colours img:hover, .prod-disp-var img:hover {
border:5px solid #AAA;
}

.prod-disp-colours img.select, .prod-disp-var img.select {
border:5px solid #666;
}

#preview {
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}

#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}	

.tooltip {
float:right;
width:14px;
height:14px;
}


label.disp-quantity, div.disp-quantity {
padding:5px;
font-size:12px;
color:#FFF;
background:url(../images/page/grey-fade-btn-bg.jpg) top repeat-x;
}

div.disp-quantity {
position:relative;
display:inline;
width:25px;
margin-right:10px;
}

input.disp-quantity {
border:none;
border-collapse:collapse;
font-size:12px;
color:#333;
background:#FFF;
width:20px;
text-align:right;
padding:0px;
padding-right:2px;
padding-bottom:2px;
}