@import url(reset.css);

/* Phantom Care Hire Main CSS Document */

body {
	font-size: 62.5%;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	background: url(../images/bg.gif) #fff;
}

label {width:200px;}

a:hover {
	text-decoration: none;
}

#wrapper {
	margin: 0 auto;
	width: 968px;
	background: url(../images/v-bg.gif) repeat-y center;
}

#masthead {
	margin: 0 auto;
	background: url(../images/bg-top.jpg) no-repeat top center;
	height: 130px;
	padding-top: 70px;
	padding-left: 35px;

}

#page-body {
	background: url(../images/content-bg.jpg) repeat-x top;
	width: 938px;
	margin: 0 auto;
	padding-bottom: 53px;
}

#footer {
	margin: 0 auto;
	background: url(../images/bg-bottom.png) no-repeat bottom center;
	height: 53px;
	margin-top: -53px;
}

#logo {margin-right:135px;}

#logo, #delivered, #basket {
	float: left;
	display: inline;
}

#logo, #delivered {
	margin-top: 5px;
}

#basket {
	background:url(../images/basket-bg.gif) no-repeat top center;
	width: 315px;
	height: 105px;
	padding: 10px 12px;
	position: relative;
}

#basket p, #main-column .product-info .price {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.8em;
	color: #666666;
	margin: 3px 0;
}

#basket p span {
	color: black;
}

#basket-list {

}

#basket li a, #basket li a:visited {color:#0000EE;}

#basket-list li {
	color: #666;
	text-align: center;
	float: left;
	display: inline;
	width: 57px;
}

#basket-list li span {
	display: block;
	padding: 0;
	line-height: 1.2;
}

#basket-list li span.number {
	color: black;
	font-size: 1.6em;
	font-weight:bold;
}

#basket-list li span.price {
	font-size: 13px;	
}

#basket-list li span.add-room {
	padding-top: 10px;
}

#basket-links {
	position: absolute;
	top: 15px;
	right: 20px;
}

#basket-links li {
	float: left;
	border-right: 1px solid #0000ff;
	margin-left: 4px;
	padding-right: 4px;
	font-size: 11px;
	display: inline;
}

#basket-links li#logout {
	border: none;
}

#main-column a {color:#ccc;}
#main-column .add-to-basket {color:#000;}
#view-myhome, .checkout-link {
	position: absolute;
	width: 100px;
	height: 19px;
	display: block;
	bottom: 8px;
	right: 20px;
	font-size: 11px;
	color: black;
	background: url(../images/view-myhome.gif) top center;
	text-align: center;
	padding-top: 3px;
}

.add-to-basket {
	width: 100px;
	height: 19px;
	display: block;
	font-size: 11px;
	color: black;
	background: url(../images/view-myhome.gif) top center;
	text-align: center;
	padding-top: 3px;
	float: right;
	margin-top: 0px;
	display: inline;
}

#page-body .topText {
	text-align: center;
	font-size: 1.7em;
	color: white;
}
#page-body .topText .town {color:yellow;}

#page-body .topText a {
	color: white;
}


#nav-column {
	float: left;
	width: 229px;
	margin: 10px;
	margin-left: 25px;
	display: inline;
}
#main-column {color:#ccc;}
#main-column p 
{
    font-size:14px;
    
    }

#main-column {
	float: left;
	width: 619px;
	margin: 10px;
	margin-left: 25px;
	display: inline;
}

#nav-column h3 {
	width: 219px;
	height: 31px;
	background: url(../images/category-heading.png);
	color: white;
	font-size: 1.7em;
	padding: 7px 0 0 10px;
	margin-top: 10px;
}

#nav-column ul {
	background: url(../images/category-background.gif);
	padding-bottom: 8px;
}

#nav-column ul li, #main-column ul#department li {
	float: left;
	display: inline;
	color:#666;
}

#nav-column ul li a {
	display: block;
	color: black;
	font-size: 1.1em;
	width: 102px;
	margin: 2px 0 2px 10px;
}
#main-column #homeFlash {border:2px solid #ccc; border-width:3px 1px 2px 2px; background-color:#ccc;margin-top:5px;}

#main-column ul#department li a {
	color: black;
	font-size: 1.2em; text-transform:capitalize;
}

#main-column ul#department {
	background: url(../images/category-background.gif);
	width: 619px;
}

#main-column ul#department li {
    margin:5px 3px 0;
    width:200px; height:19px;
}
#main-column .instructions {list-style-type:decimal;margin-left:17px; font-size:14px; font-style:italic;}
#main-column .instructions p {font-size:12px; font-style:normal;}
#main-column .instructions li {margin-left:1px}
#main-column .featurePrice {color: yellow; font-weight: bolder;font-size:18px;}

#nav-column ul li a.department {
	color: #666;
	margin: 2px 0 2px 6px;
	font-size: 1.7em;
	text-decoration: none;
	width: 210px;
	border-bottom: 1px solid #886d6d;
	margin-top: 8px;
}

#nav-column ul li a.department:hover, #nav-column ul li a.department.selected {
	color: #333;
	font-weight: bold;
}

#nav-column ul li a.selected, #main-column ul#department li a.selected {
	font-weight: bold;
}

#breadcrumbs {
	margin-top: 10px;
}

#breadcrumbs li {
	color: #ccc;
	float: left;
	font-size: 1.1em;
	margin-right: 4px;
	display: inline;
}

#breadcrumbs li a {
	color: #ccc;
}

#main-column h1, #homeProducts h2, .h2 {
	color: white;
	font-weight: bold;
	font-size: 1.8em;
	text-transform: uppercase;
	margin: 3px 0;
}

#main-column .h2 {
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 10px 0 0;
}

#main-column p {
	font-size: 1.3em;
	line-height: 1.2;
	margin: 5px 0;
	color: #ccc;
}

#main-column p a {color:#fff;}

#main-column .product {
	width: 619px;
	height: 88px;
	background: url(../images/product-bg.png);
	margin: 10px 0;
	position: relative;
	font-size: 9px;
}

#main-column .productHighlight {
	width: 300px;
	height: 105px;
	background: transparent url(../images/product-bg.png) no-repeat scroll -318px 0;
	margin: 6px 0 6px 4px;
	position: relative;
	font-size: 9px; color:#000;
	border-left:2px solid #ccc;
	float:left;
}

#main-column .productHighlight .desc {display:none;}

#main-column #featuredProducts p.desc {display:none;}
#main-column #featuredProducts p.price {float:left;width:145px;text-align:left;}
#main-column #featuredProducts p.price-desc {float:left;width:145px;text-align:left;}
#main-column #featuredProducts .add-to-basket {float:right; display:block;}
#main-column #featuredProducts h3 {color:#fff; font-size:12px;}
#main-column #featuredProducts {border:1px solid #ddd;border-width:0px 0 1px; padding-top:5px;}
#main-column #featuredProducts .add-to-basket {margin-top:-7px; margin-right:5px;}

#main-column #featuredProducts .product-info 
{
    padding:0;
    position:relative;
    width:auto;
    }

#main-column .product img {
	float: left;
	border: 2px solid #ccc;
	margin: 7px 7px 0 7px;
	display: inline;
	height:69px;
}

#main-column .product h4 {
	color: white;
	font-size: 1.2em;
	padding-top: 5px;
	text-transform:capitalize;
	margin:0 8px;
}

#main-column .product h4 a {
	color: white;	
}

#main-column .product p.desc {
	float: left;
	color: black;
	padding: 5px 0 0px;
	display: inline;
}

.more {
	display: block;
	width: 400px;
	font-size: 1.1em;
}

.sort label {
	font-size: 1.3em;
	color: #ccc;
}

.sort select {
	width: 150px;
}

.sort p {
	float: right;
	text-align: right;
	width: 300px;
	display: inline;
}

#main-column .product .product-info {
    background-color:#999999;
    clear:left;
    height:25px;
    margin-left:-2px;
    padding-left:10px;
    padding-right:5px;
    padding-top:3px;
    right:0;
    text-align:right;
    top:auto;
    width:287px;
}

#main-column .multiImage {height:151px;}
#main-column .multiImage .product-info
{
    clear:left;
    padding-right:17px; padding-top:3px; padding-left:7px;
    text-align:left;
    width:auto; height:25px;
    position:relative; margin-left:0px;
    font-size:16px;
    color:#000; background-color:#999;
}

#main-column .multiImage img {border-color:#fff;cursor:pointer;margin-bottom:3px;}

#main-column .product-info .price {
	color: black;
	margin-bottom: 0;
}

#main-column .product-info input 
{
    background-color:#ddd;
}

#main-column .product-info .price span {
	color: #666666;
}

#main-column .product-info .price-desc {
	color: black;
	margin: 0;
}


#tncClass h2 {
	font-size:1.5em;
	color:#FFF;
	font-weight:bold;
	padding-top:10px;
}

#tncClass ul, #tncClass ol {
color:#CCCCCC;
font-size:1.3em;
}
#tncClass ul {
list-style-type:disc;
}
#tncClass ol li {
color:#CCCCCC;
margin-top:5px;
}

#catDesc {font-size:13px; margin-top:5px;}

#main-column #singleProduct {margin:10px 2px; font-size:1.4em;}
#main-column #singleProduct .mainImage {width:200px; border:3px solid #ccc; float:left; margin-right:5px;}
#main-column #singleProduct .productPrice {font-size:1.5em; color:Yellow; font-weight:bold;}
#main-column #singleProduct h2 {margin:0px 0 5px; font-size:1.3em;text-align:left;}
#moreInfo h2 a {color:#000;}
#main-column #singleProduct .incInstallationPrice {font-size:0.8em;margin-bottom:5px;float:right; clear:right;width:104px;}
#main-column #singleProduct .productDetails {font-size:11px;}
#main-column #singleProduct .productDesc p {margin-left:10px;}
#main-column #singleProduct #add2B {padding-top:4px;}
#main-column #singleProduct #prodImages {float:left; width:200px; margin-right:5px;}
#main-column #singleProduct #prodImageName 
{
    background-color:#CCCCCC;
    color:#000000;
    float:left;
    font-size:11px;
    margin-right:5px;
    padding-bottom:3px;
    text-align:center;
    width:206px;
    text-transform:capitalize;
}
#main-column #singleProduct #subImages  {float:left; width:207px;}
#main-column #singleProduct #subImages img {margin:1px; width:61px; border:3px solid #CCCCCC;}
#main-column #singleProduct ul {}
#main-column #singleProduct ul li {}
#main-column #singleProduct ul li b {background-color:#ddd; width:100px; color:#666;clear:left;width:115px;}
#main-column #singleProduct ul li b, #main-column #singleProduct ul li span {float:left;padding:4px; margin:1px 0px 0 0;}
#main-column #singleProduct ul li span {background-color:#eee; text-transform:capitalize;width:256px;color:#000;}

#assocCategories {width:381px; background-color:#ccc; padding:3px; color:#000; font-size:12px;}
#assocCategories li {float:left;width:127px;}
#assocCategories a {color:#000;}

#footer {
	color: white;
	font-size: 1.2em;
	text-align: center;
}

#footer a {
	color: white;
}

#credit {
	margin-top: 15px;
	color: black;
	text-align: right;
	margin-right: 30px;
}

#credit a {
	color: black;
}

#prodOptions {padding-bottom:0;}

#prodOptions, #prodOptions p
{
    background-color:#eee;
    color:#000;
    font-size:0.8em;
    margin-left:10px;
    padding:0;
    text-align:center;
}


#prodOptions p {font-size:1.3em; margin:0; padding:0;}
#prodOptions .price {
    border-bottom:1px solid;
    display:block;
    height:16px;
    margin:0 0;
    padding:4px 3px 2px;
    text-align:left;
}
#prodOptions .price:hover {background-color:#ddd;}

#prodOptions .price input, #prodOptions .price .priceName, #prodOptions .price .priceQty {float:left; margin-right:5px; }
#prodOptions .price .priceValue 
{
    background-color:#DDDDDD;
    color:#666;
    float:right;
    font-weight:bold;
    height:14px;
    margin:-4px -3px 0 0;
    padding:4px;
    text-align:center;
    width:58px;
    }
#prodOptions .price .priceQty {margin-left:10px;}
#prodOptions .price .priceName {width:210px; text-transform:capitalize;}
#prodOptions .subProdImg {margin-left:3px; cursor:pointer;}

#TB_title {display:none;}

.boxed {
    background:transparent url(/images/category-background.gif) repeat scroll 0 0;
    color:#000;
    padding:3px;
    font-size:1.1em;
    }
    
.boxed span {
    display:block;
    float:left;
    margin:0;
    text-align:center;
    width:199px;
    }

#checkoutInstallation 
{
    background:transparent url(/images/siteStyle/homeManageBack.png) no-repeat top left;
    padding:10px 40px 10px 140px; 
    color:#000; height:155px;
    }
#newHome {margin:0 7px; width:566px; padding:10px 5px; color:#ccc;}
.header 
{
    background:transparent url(/images/siteStyle/header.png) no-repeat top left;
    font-size:25px; height:40px; padding:15px 5px 0 15px; color:#000;
    }
.footerImg 
{
    background:transparent url(/images/siteStyle/footer.png) no-repeat top left;
    font-size:25px; height:40px; padding:15px 5px 0 15px; color:#000;
    }
#newHome h2, #checkoutInstallation h2 {color:#000; font-size:18px;}
#newHome h3 {font-size:16px;margin-top:10px;border-bottom:1px solid; margin-bottom:10px;}
#newHome p, #checkoutInstallation p {}
#newHome input, #checkoutInstallation input, #reset input {border:1px solid #000; margin:2px auto;padding:2px 5px;}
#newHome label, #checkoutInstallation label {clear:left; display:block; float:left; font-size:12px; width:146px;padding-top:4px;}
#newHome .buttons, #checkoutInstallation .buttons {text-align:right; margin-top:16px;border-top:1px solid;}
#rooms {float:left; width:400px;}
.saveBox {background-color:#CCCCCC;
    border:2px solid #000000;
    color:#000000;
    float:left;
    margin:10px;
    padding:10px;
    width:265px;}
.saveBox h2 {font-size:17px;margin:0 0 5px;}
#main-column .saveBox a {color:#000;}
.saveBox input {padding:2px;border:1px solid #000;width:235px;margin-bottom:3px;}
#theRooms .product 
{
    background:transparent url(../images/product-bg.png) no-repeat scroll right top;
    border-left:2px solid #CCCCCC;
    font-size:9px;
    height:111px;
    margin:5px auto;
    position:relative;
    width:609px;
    }
#theRooms a, #homeSummary a, #roomButtons a {color:#000;}
#theRooms .product p {font-size:12px;color:#000;}
#theRooms .product .prodOptions {color:#333; display:block; width:479px;}
#theRooms .product span {display:inline; width:auto; font-weight:bold;}
#theRooms .product-info .price span, #theRooms .product-info .price-desc {font-weight:bold; color:#000;}
#theRooms .product-info .price, #theRooms .product-info .price-desc {font-size:12px; margin-bottom:2px;}
#theRooms .product-info input {width: 23px; font-size: 11px;}
#theRooms #roomSummary, #homeBasketSummary {text-align:right; margin-right:18px; padding-right:0; font-size:14px; color:#fff;}
#theRooms #roomSummary span, #homeBasketSummary span {display:block; float:right; padding:0;}
#theRooms #roomSummary #roomValue, #theRooms #roomSummary #roomInstallationCost {clear:right;width:100px;}
#theRooms .removeFromBasketLink {margin-top:3px;}
#main-column ul#department .highlightCategory a {font-weight:bold;padding:0;}
#main-column .ui-widget-content {
        background:transparent url(images/ui-bg_glass_75_ffffff_1x400.png) repeat-x scroll 50% 50%;
}
#theRooms .inst {height:85px;}
#theRooms .inst .product-info {display:none;}
#main-column  .ui-tabs .ui-tabs-panel {
border:2px solid #ccc;
}
#roomButtons {background-color:#ccc; padding:4px; text-align:right;height:23px;}
#homeBasketSummary #roomInstTotal, #homeBasketSummary #roomTotal {width:100px;}
#homeBasketSummary {margin-top:5px; font-weight:bold; padding-right:2px;}

#main-column .ui-corner-all, #main-column .ui-corner-bottom {
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
}

#basketButtons {clear:both; text-align:right; padding:9px 4px;}
#basketButtons a {font-size:22px; color:#fff; padding:5px;}
#basketButtons a span {width:30px;}
#basketButtons a:hover span {color:Yellow; font-weight:bold;}

#main-column .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#FFFFFF;}
#main-column .ui-state-default, .ui-widget-content .ui-state-default {background-color:#999;}
#main-column .ui-widget-header {background-color:Transparent; border-width:0;}
#main-column .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#000;}
#main-column .ui-state-active, .ui-widget-content .ui-state-active {background-color:#ccc;}

#main-column #homeProducts .product p.desc {width:178px; min-height:42px;}
#main-column #homeProducts h2 {background-image:url(/images/siteStyle/h2Back.png);
color:#000000;
height:21px;
padding:6px 10px;}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#ccc;
	padding:5px;
	display:none;
	color:#000;
	text-transform:capitalize;
	font-size:11px;
	}
#preview img {max-height:200px;}
#subImagesInfo {font-size:10px; display:block;}

#moreInfo {margin-top:10px; clear:both;}
#manageRoomsLink, #saveRoomLink 
{
    background-image:url(/images/view-myhome.gif);
    color:#000000; font-size:11px; text-align:center;
    display:block; height:18px; width:100px;
    padding-top:4px; margin-right:10px;
}
.errMessage {font-weight:bold; color:Red;}