/** inspect and remove 


continue-shopping > action-button
log-out > action-button
user-preferences + h3 removed

*/

.action-button {
	float:right;
	margin:0 20px 10px 0
}

.fullwidth-page-seperator {
	margin:-50px 0 20px 0;
	width:100%;
	clear:both;
	overflow:hidden
}

.fullwidth-page-seperator2 {
	width:100%;
	clear:both;
	overflow:hidden
}

#checkout_submit {
	margin-top:10px;
	width:136px;
	float:right;
	height:55px
}

form div span.error_message {
	margin-left:165px;
	display:block
} 

/** 
Table of contents 
1.0 Common Styles
1.1 Form
1.3 Hidden
1.4 Buttons
2.0 Regions
3.0 Portlets
4.0 User Defined
*/

/* 1.0 Common Styles */
* {
    margin:0;
    padding:0;
    font-family:Arial, Verdana, Helvetica, sans;
	font-size:11px;
	line-height:15px
}

h1, h2, h3, h4 {
    margin:0pt 0pt 1em;
    line-height:16px
}

/** Set some default text sizes*/
h1 {
	font-size:2em;
	margin:.67em 0;
	line-height:22px
}
h2 {
	font-size:1.5em;
	margin:.75em 0
}
h3 {
	font-size:1.17em;
	margin:.83em 0;
	color:#06236B
}
h4 {
	margin:1.12em 0
}
h5 {
	font-size:28px;
	margin:0 0 20px 0;
	color:#06236B;
	line-height:21px
}
h6 {
	font-size:.75em;
	margin:1.67em 0
}

.smallHeader {
	color:#003480;
	font-size:17px	
}

img {
    border:0
}

ins {
	text-decoration:none	
}

#Body {
    margin-left:auto;
    margin-right:auto;
    font-size:0.688em;
    line-height:140%;
    color:#404040
}

/** fieldsets */
fieldset {
    border:none
}

legend {
    display:none;  
}

select {
	border:1px solid #7f7f7f
}

/* custom-form-elements */

span.checkbox {
	width: 19px !important;
	height: 19px !important;
	margin:0 !important;
	padding: 0 5px 0 0;
	background: url(/focus/themes/images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.matrix-colour {
	width: 23px !important;
	height: 23px !important;
	display: block;
	float: left;
}

.selected {
	text-align:right;
	clear:both
}

#colour-selection {
	margin-bottom:33px	
}

#colour-selection .active {
	border:2px solid #000000 !important
}

#colour-selection a:hover {
	z-index:10 !important
}

input.radio {
	height:12px;
	width:12px;
}

/** Global decoration */
p {
    margin:0 0 1em
}

a {
    text-decoration:none;
    color:#06236b
}

a:hover {
	text-decoration:underline	
}

/** 1.1 Form */

.button {
	text-indent:-1000px;
	border:0;
	cursor:pointer	
}

select.country {
    width:165px
}

form div label {
    float:left;
    color:black;
    padding-top:3px;
    width:160px;
    margin-right:5px;
    text-align:right
}

form div {
    margin:8px 0
}

form div.actions {
    margin:12px 0 0;
    text-align:right
}

/** 1.3 Hidden */
#Header #nav h3,
#accessibility-nav,.motto,
#productDetailsThumbs h3,
.products-quickview h2,
#add-to-cart label,
.nav h3,
#payment-info h3,
#basket-total h3,
#basket-items h2,
.addresses dt,
.checkout-payment .addresses li label {
    position:absolute;
    left:-1000em;
    text-align:left
}

/* Global */
#PageContainer {
    width:1000px;
    margin-left:auto;
    margin-right:auto
}

#Page {
    width:962px;
    padding:0 17px 20px 17px;
    background:#003480 !important
}

#Container {
    clear:both;
    background:#fff;
    width:942px;
    padding:10px
}

/* Common style */
ol, ul, li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none
}

form textarea,
form input {
    border-width:1px 2px;
    border-style:solid;
    border-color:#000000 #7f7f7f;
    background:#FFFFFF;
    width:162px;
    height:17px;
    padding:2px 0 0 2px
}

.error_message, .error {
    color:red
}

#new-customer form span, .error_message2, .add-address span {
	margin:10px 0 10px 166px;
	display:block;
	color:red
}

#login-customer form span {
	margin:10px 0 10px 0;
	display:block;
	color:red
}

/* TODO:This needs to be removed if not used */
hr,
#cart-info dt {
    display:none
}

.clear-float {
    clear:both
}

.capitalizeFirstChar {
	text-transform:capitalize
}

/** 1.4 Buttons */
a.checkout span,
a.continue-shopping span,
a.log-out span {
    display:block;
    cursor:pointer;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute
}

/** buttons */
.log-out,
.continue-shopping {
    display:block;
    position:relative;
    text-indent:-1000em
}

.continue-shopping {
    height:26px;
    width:114px;
    float:right
}

.log-out {
    width:114px;
    height:26px
}

/** Button setup */
input.find-address {
    height:25px;
    margin-bottom:5px;
    width:91px !important;
    padding-right:5px
}

input.send {
    width:62px !important;
    height:25px
}

input.login-button,
input.register {
    width:136px !important;
    height:37px
}

.actions_login .button {
    float:right;
    margin:0;
    padding:0;
    text-align:right
}

/** Small submit button */
.submit {
     width:58px;
     height:25px
}

/** Large submit button */
.actions .submit,
.confirm_order_button,
.basket-options a.checkout {
	height:37px;
	width:136px !important
}

.add-card,
.apply,
.addtobasket,
.actions .save {
    width:91px !important;
    height:25px
}

.find {
	height:25px;
	width:91px
}

.buyNow {
	height:30px !important;
	width:117px	!important
}

.add-new-billing_address_image, 
.add-new-delivery_address_image,
.add-new-image {
    width:141px !important;
    height:25px
}

.quick-shop_Search,
.quick-shop_Add {
    height:22px !important;
    width:115px !important;
    margin-left:10px
}

form div.option input {
    float:left;
    height:20px;
    margin-right:10px;
    width:15px
}

a.continue-shopping-checkout,
a.log-out-orderConfirmation {
    float:right;
    height:26px;
    width:114px
}

a.continue-shopping-checkout {
	margin-right:50px
}
/** 2.0 Regions */
#TopContent {
    clear:both
}

#Content {
    width:auto;
    float:left
}

#MiddleContent {
	overflow:hidden;
	width:942px	
}

#Content_Left {
	float:left;
	width:765px
}

#Content_Right {
	float:right;
	width:160px
}

#Footer {
    clear:both
}

#page-footer {
    height:5px
}

#Right4 .window {
    float:left;
    width:250px
}

#Right4 .last-window {
    float:left;
    width:240px
}

#Right4 .window .fragment {
    margin-right:10px
}

#Right4 .last-window .fragment {
    margin-right:0
}

.windows-3 .window {
    margin-right:10px;
    float:left;
    width:307px
}

.windows-3 .last-window {
    margin-right:0px
}

#ContentBottom {
    clear:both
}

/** Floating positions */

#Content_2_Left {
    float:left;
    width:170px
}

#Content_2_Right {
	width:752px;	
}

#Content_1 {
    clear:both
}

#Content_2 {
     clear:both
}

#ContentMiddle {
    clear:both;
    margin-top:10px
}

#Content_3 {
    clear:both;
    padding-top:10px
}

#Content_2_Right {
    float:left;
    padding-left:20px
}

#Content_4 {
    clear:both;    
}

/* Container element after the header area. */
#Right1,#Right2,#Right3,#Right4,#Right5,#Right6 {
    clear:both
}

#Left {
    float:left;
    width:140px
}

#RightTop {
    float:right;
    width:740px
}
/* 3.0 Portlets */
/* Basketportlet */

tr th {
    padding:10px
}
 
#removeTable tr td{
	padding:10px;
	border-bottom:1px solid #CCCCCC
}

#removeTable p {
	color:#404040;
	font-weight:normal
}

#removeTable select {
	border:1px solid #d9d9d9;
	padding:2px	
}
 
#basket-total {
	float:right;
	background-color:#192775;
	color:white;
	padding:15px;
	position:relative;
	text-align:right;
    width:142px;
    margin:0
}

.secure-shopping{
    text-align:center
}

#Content { 
    float:none; 
}

#add-apply-link {
	text-decoration:underline;
	display:block
}

.payment-cc {
    text-align:center
}

#payment-info {
    float:left;
    margin:40px 0 10px 240px;
    display:inline
}

#removeTable {
    border-top:1px solid #000;
    width:100%
}

table .product, table .description, table .price {
	text-align:left	
}

table .total, table .quantity, table .availability {
	text-align:right	
}

.checkout-payment table .quantity {
	text-align:center;
	width:100px
}

.checkout-payment table .total {
	width:52px	
}

.checkout-payment #basket-total {
	background:0 none;
	padding-top:1px !important;
	padding-right:9px !important
}

.checkout-payment #basket-total dd {
	width:79px;
	border-bottom:1px solid #b3b3b3
}

.checkout-payment #basket-total dt {
	border-bottom:1px solid #b3b3b3
}

.checkout-payment #removeTable {
	border-top:0
}

.checkout-payment #removeTable th {
	border-bottom:1px solid #b3b3b3
}

.headingConfirmation {
	padding:5px;
	background:#e6e6e6;
	font-size:16px;
	margin:5px 0
}

.orderNumbers {
	font-size:16px;	
}

.order-confirmation .fullwidth-page-seperator {
	margin-top:-30px	
}

.thankYouMessage {
	color:#003480;
	font-size:24px;
	margin:-10px 0 20px;
}

.checkout-indicator {
	text-align:center
}

.vertical dd {
	display:block !important	
}

#paymentForm {
	border-bottom:1px solid #b3b3b3	
}

.totalPayment {
	border-top:1px solid #b3b3b3;
	padding-top:5px
}

table .total {
	width:120px	
}

.basket-options {
    padding-top:10px;
    float:left
}

.basket-options a {
	font-size:14px;
	color:#06236B;
	font-weight:bold;
	text-decoration:underline
}

#basket-gift-code {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:0 0 1px 0;
    color:#666666;
    padding:13px 0 13px 100px
}

.basket-options a.checkout {
    position:relative;
    float:right
}

#basket-total dt {
    float:left;
    padding:5px 0;
    width:60px;
    text-align:left
}

#basket-total dd {
    float:right;
    padding:5px 0;
    width:79px
}

#cart-info dl, dd {
    display:inline
}

#basket-total .total {
    font-size:1.27em;
    font-weight:bold;
    line-height:1.2em
}

#basket-items .price {
    font-weight:bold
}

.priceColour {
	color:#06236B !important;
	font-weight:bold
}

 /* Breadcrumbportlet - Start */ 
#breadcrumbs a {
    background-color:transparent;
    background-position:right center;
    text-decoration:underline;
    background-repeat:no-repeat;
    color:#000000;
    font-weight:normal;
    padding:3px 11px 5px 0pt
}

#breadcrumbs .back {
	text-decoration:none;	
}

#breadcrumbs li {
    display:inline;
    text-decoration:none;
    font-weight:bold
}

#breadcrumbs {
    color:#30312F;
    margin:6px 0 15px 0
}
 /* Carousel Portlet - Start */
 
.carousel-portlet {
	padding:10px 0	
}

jcarousel-skin-tango {
	margin-left:20px
}
 
.jcarousel-container {
	margin-left:auto;
	margin-right:auto
}

.tabs {
    height:35px
    
}

.new-tabs {
	width:100%;
	height:37px;
	margin-bottom:10px
}

.new-tabs a {
	width:115px;
	height:29px;
	display:block;
	float:left;
	font-size:12px;
	color:#06236B;
	text-align:center;
	padding-top:8px;
	font-weight:bold
}

.tabs li {
    cursor:pointer;
    float:left;
    display:inline-block;
    height:37px;
    padding-right:1px;
    background-position:right top;
	background-repeat:no-repeat;
}

.tabs li a {
    background-repeat:no-repeat;
    display:block;
    padding:9px;
    height:19px;
    font-size:1.1em;
	font-weight:bold
}

.tabs .links{
    text-align:center;
    height:37px
    
}

#wrap {
    border:2px solid #05236B
}

/** hover section */
.tabs li:hover, 
.tabs li.active {
    background-position:right -38px;
    padding-right:2px
}

.tabs li a:hover{
    background-position:0 -38px !important
}

.tabs li.active a{
    background-position:0 -38px
}

.tabs li div:hover, .tabs li.active div {
    background-position:0 -38px
}

.jcarousel-prev-horizontal, .jcarousel-next-horizontal {
    height:32px;
    width:16px;    
}

/* Cataloguerequestportlet */
 
.catalogue-request-portlet {
	overflow:hidden;
	margin-bottom:20px
}

.request-catalog {
	margin-left:auto;
	margin-right:auto;
	width:700px
}

.request-catalog input {
	width:160px
}

.request-catalog .actions {
	width:330px
}

.request-catalog img {
	float:right;	
}

/* Categoryportlet */

#categoryDescription {
	padding:10px	
}
 
#Template5 .category-portlet {
    margin-left:-10px;
    width:962px
}

.productimage img {
	width:100px;
	height:69px
}

.brandImage {
	display:block	
}

#products-list .option {
	border-top:1px solid #C2C2C2;
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:10px
}

.boxPrice .unitText{
 display:none;
}

#products-list h1 {
 font-size:14px;
 margin:0px;
}

.wishlistLink {
	text-decoration:underline
}

.paginationList {
	margin:20px 0	
}

.paginationList .sortBy {
	float:left
}

.dropDownField {
	border:1px solid #a7a7a7;
	width:auto
}

.pagination-links li {
	display:inline
}

.pagination-links {
	float:right
}

.pagination-links li, .pagination-links a {
	font-size:14px;
	color:#404040
}

.clearFloat {
	clear:both	
}

.productimage,
.productinformation {
	float:left;
	padding-bottom:20px
}

.productinformation {
	padding-left:10px;
	width:400px
}

.category-portlet .offer, #bundle .offer {
	font-weight:bold;
	font-size:1.1em;
	height:43px;
	text-align:center;
	width:43px;
	background:transparent
}

.offer div {
	color:white;
	font-size:16px;
	padding:7px 0 0 2px;
}

.productinformation h3 {
	margin:0
}

.productpricing {
	float:right;
	width:220px;
	text-align:right
}

.productpricing quantity {
	
}

.productpricing a {
	display:block;
	float:right;
	text-decoration:underline
}

.productpricing .price {
	color:#06236B;
	overflow:hidden;
	font-size:1.1em;
	font-weight:bold
}

.productpricing #submit_button {
	width:111px;
	height:25px;
	margin-bottom:5px
}

.productpricing #third_party_button {
	width:113px;
	height:25px;
	margin-bottom:5px
}

.outofstock {
	color:red;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase
}

.productpricing .price del {
	float:right
}

.list-options {
	clear:left;
	padding-top:20px
}
 
#products-list {
    clear:both
}

.categorysection {
	padding:10px;
	width:140px;
	margin:0 auto
}

.category-portlet table {
	width:962px	
}

.categorysection img {
	height:96px;
	width:140px
}

.categorysection h3 {
	padding:5px;
	height:28px;
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#d0d2d3;
	margin:0
}

.catagorytitle {
	background:transparent none no-repeat scroll left 2px;
	padding-left:15px;
	display:block;
}

/*Dynamic landing category page */

.dynamic-landing-page {
	width:910px
}

.dynamic-category {
	width:720px;
	float:left
}

.dynamic-landing-page .sideBar {
	float:left;
	width:180px;
	margin-top:22px
}

.dynamic-landing-page .sideBar a {
	text-decoration:underline;
	font-weight:normal !important
}

.dynamicMore {
	font-size:15px
}

.dynamic-category h3 {
	background-color:#003480;
	color:white;
	padding:10px 70px 10px 10px;
	margin-top:0;
	font-size:18px;
	font-weight:normal
}

.dynamic-category p {
	margin-bottom:0	
}

.dynamic-landing-page #category_image {
	margin-bottom:10px
}

.dynamic-category .productpricing .price del {
	float:left !important;
	color:#81878D
}

.dynamic-category .offer {
	float:right;
	margin-right:-15px;
	height:61px;
	width:61px
}

.dynamic-category .offer div, .bundle-category .offer div {
	font-family:Arial;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	padding:9px 0 0 2px
}

.offer span {
	font-size:12px;
	display:block;
	margin-top:-7px
}

.locatorSmall {
	width:195px;
	height:170px	
}

.locatorSmallInput {
	margin:54px 0 0 17px;
	width:155px
}

.locatorSmallButton {
	width:64px;
	margin:31px 0 0 110px;
	background:none transparent
}

.dynamic-category .nowOnly {
	color:#CC0001;
	display:block;
	margin-bottom:-10px
}

.dynamic-category .price {
	padding-bottom:15px
}

.dynamic-category ins {
	color:#CC0001;
	font-size:30px	
}

.dynamic-category .viewall {
	float:right !important;
	text-align:right !important;
	color:white;
	margin:-40px 10px 0 0;
	text-decoration:underline
}

.dynamic-category .productpricing {
	float:left !important;
	text-align:left !important;
	padding-left:10px;
	width:150px
}

.dynamic-category .productimage {
	float:right !important;
	text-align:right !important;
	margin-right:25px
}

.dynamic-category .dynamicTitle {
	font-size:13px;
	margin:-5px 0 10px 0
}

.dynamic_category_option {
	width:338px;
	border:2px solid #D8D8D8;
	height:218px;
	float:left;
	margin:0 10px 10px 0
}

.instock {
	color:green;
	font-weight:bold
}

.outstock {
	color:red;
	font-weight:bold	
}

/** Pagination. TODO:Could share with search portlet!! */
.nav{
    float:left
}

.list-options form {
    float:left;
    width:300px;
    padding-bottom:30px
}

.list-options div {
    float:right;
    padding:5px 0;	
}

.list-options div * {
    display:inline
}

/* Checkoutportlet - Start */
 
/** login for myaccount area */
.registration-portlet, .login-portlet {
    float:left
}

.login-portlet .button {
	margin-top:30px;
	width:136px;
	height:37px;
	float:right
}

.login-portlet a {
	float:right;
	color:#404040
}

.login-portlet label {
	width:100px	
}

 /** Login - new signup page */
#new-customer {
    width:496px;
    border-right:1px solid #000000;
    margin-right:40px
}

#new-customer .button {
	width:136px;
	height:37px;
	margin-left:170px
}

.add-address {
	float:left;
	width:450px
}

.add-address #checkout_submit {
	height:37px	
}

.findAddress {
	margin:0 !important;
	text-indent:-1000px !important;
	width:91px !important;
	height:25px !important
}

.findAddress2 {
	width:141px !important;
	margin:0 27px 0 0 !important	
}

#new-customer h2, #login-customer h2, .payment, .myaccount-portlet h2, 
#quick-shop h2 {
    color:#06236b;
    font-size:28px;
    line-height:1.2em;
    margin:0
}

.myaccount-portlet h2 {
	margin-top:-7px;
	margin-bottom:15px
}

#card-details {
	margin-bottom:20px;
	padding-bottom:10px	
}

.changeButton {
	margin-left:10px	
}

.border-bottom {
	border-bottom:1px solid #a6b0c7
}

.checkout-payment h2 {
	color:#003480;
    font-size:20px;
    line-height:1.2em;
    margin:0 0 10px
}

#new-customer input {
    width:160px
}

#new-customer .option {
    padding-left:0
}

#new-customer .option label {
    margin-left:0;
    width:auto
}

form div.option label {
	float:none;
	font-weight:normal
}

#new-customer .option input {
    width:auto;	
}

#login-customer {
    width:276px
}

#login-customer .actions_login .text {
    margin:2px 0 0;
    padding:0 19px 0 0
}

#new-customer .actions {
	padding-right:10px
}

/** Payment */
.checkout-payment .addresses li {
    float:left;
    width:170px
}

.checkout-payment .addresses h3 {
    color:#666666;
    margin:0
}

.checkout-payment .addresses dl {
	margin:0 0 10px
}

.checkout-payment .addresses dd {
	display:block;
    line-height:1.6em
}

.addresses #new-customer {
    padding-left:170px;	
}

.payment_address_select {
    width:140px
}

.checkout-payment .delivery h2 {
    float:left;
    margin:0 198px 0 0;	
}

.checkout-payment {
	position:relative;
	width:100%
}

.gift-voucher .applyGiftVaucher {
	text-indent:0
}

.card-details-radio {
	overflow:hidden;
	width:100%;
	line-height:0
}

.card-details-radio label {
	text-align:left;
	margin-left:30px;
	width:125px
}

.card-details-radio div {
	float:left
}

.checkout-payment .delivery, 
.checkout-payment .gift-wrap,
.checkout-payment .gift-voucher,
.checkout-payment .addresses,
.checkout-payment .card-details {
    border-bottom:1px solid #b3b3b3;
    margin:0;
    padding:15px 0
}
.checkout-payment .addresses #checkout_submit {
	float:left !important
}

.addresses select {
	width:142px	
}

.addresses input {
	text-indent:0;
	color:#06236B;
	height:px;
	text-align:left	
}

.billing-address, .delivery-dl{
	height:180px;
}

.checkout-payment .gift-voucher label {
	float:none	
}

.payment_address_select_new {
	width:165px
}

.checkout-payment .gift-wrap h2 {
    float:left;
    margin:0 72px 0 0
}

#basket-items table, .account-order table {
	width:100%;
	color:#666666;
	text-align:center;
	border-collapse:collapse
}

#basket-items img {
	width:100px;
	height:69px	
}

.checkout-payment .gift-wrap div input {
    background:#FFFFFF none repeat scroll 0 0
}

.checkout-payment .gift-wrap div textarea {
	width:460px
}

.checkout-payment .gift-wrap div input {
	border:1px solid #CCCCCC
}

.security_number {
    width:30px
}

.card_details_select {
	width:85px
}

/** Iframe what is this section */
#what_is_this_checkout {
    float:right;
    position:absolute;
	right:0;
	display:none
}

/** End iframe */

.checkout-payment .order-summary #basket-items {
    border-bottom:1px solid #CDD3E1
}

.checkout-payment .order-summary {
	padding-bottom:0;
	overflow:hidden
}

/** Order confirmation */

.order-message {
	width:500px;
	background-color:#FFF8AD;
	padding:20px
}

.order-summary .basket-total {
    width:150px;	
}

.order-summary #basket-total dt {
	width:63px
}

.order-confirmation {
    font-size:2em;
    line-height:1.2em;
    margin:0 0 10px
}

.order-summary #basket-items tbody td {
    border-bottom:1px solid #CDD3E1;	
}

.order-message p {
    float:left;
    margin-right:40px
}

.order-summary {
	overflow:hidden;
	width:100%
}
/* Content Portlet */
.fragment .panel h3 {
    background:#cccaca;
    padding:7px 0pt 6px 10px;
    color:#fff;
    text-transform:uppercase;
    font-weight:normal
}
.panel .content {
    padding:10px
}

#blog-quickinfo .h3 .a {
    text-decoration:underline;
    color:#fff
}

/*voucher portlet */

.voucher-portlet {
	width:800px
}

/* facetednavigationportlet */

.facetNav h1 {
	background-color:#06236B;
	color:#FFEA00;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:10px
}

.facetNav .border-bottom {
	padding:5px 0
}

.facetNav h2,
.facetNav h3 {
	color:#06236B;
	font-weight:bold
}

.facetNav h2 {
	font-size:17px
}

.facetNav .clear {
	display:block;
	margin-top:5px;
	padding-bottom:15px;
	font-decoration:underline
}

.facetNav .selected {
	width:163px;
	height:19px;
	margin-bottom:2px;
	display:block;
	text-align:left;
	color:white;
	font-weight:normal;
	padding:3px 0 0 8px
}

.facetNav a {
	font-weight:bold;
	color:black
}

.facetName {
	color:#06236B;
	font-size:1.17em;
	font-weight:bold;
}

.filters {
	padding-bottom:10px;	
}

.facetNav .viewall {
	cursor:pointer;
	font-weight:bold
}

.activefacets {
	margin-bottom:5px
}

.facetNav p {
	margin:0
}

.activefilters li,
.filters li {
	padding-bottom:15px;
	overflow:hidden;
	margin-bottom:5px;
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:top left
}

.filters ul li {
	padding-bottom:0;
	color:grey
}

.filters ul {
	margin-top:5px
}

.facetOptions {
	font-weight:normal !important
}

.filterHeadingName {
	margin:-6px 0 0 0
}

.activefacets,
.resultFacets {
	padding-left:10px 
}

/* Getthelookportlet */

.bundle-category .offer {
	height:61px !important;
	width:61px !important
}

.bundle-category #products-list, .bundle-category .pagination-links {
	padding:0 10px
}

#bundle {
    border-color:#EFEBEB;
    border-style:solid;
    border-width:1px 0;
    padding:15px 0 15px 0
}


#bundle .the-look h2 {
    margin:0 0 5px 60px;
    padding:5px 10px
}

#bundle #add-to-cart input, #products-list input {
    margin-left:75px
}

#bundle #product-media {
	width:320px
}

#bundle .main-description {
	width:320px;
	float:left
}

.bundle-box {
	width:427px;
	border:3px solid #06236B;
	padding:5px
}

.brochure-description {
	padding:10px
}

.boxDescription {
	float:left;
	width:290px
}

.boxPrice {
	float:left;
	text-align:right;
	width:137px
}

.boxPrice .offer {
	margin:0 0 4px 40px
}

.boxPrice h1 {
	margin:5px 0
}

.floatLeft{
 float:left;
}
/* Header portlet */
.header-portlet {
    font-size:1.09em;
    width:100%;
    position:relative;
    z-index:1000;
    height:100px;
    padding-top:10px;
}

.header-portlet h1 {
    float:left;
    margin-top:27px
}

.header-portlet .telephone {
	float:left;
	padding-top:6px	
}

.mini-store-locator {
	float:left;
	height:25px;
	width:110px;
	cursor:pointer;
	position:relative
}

.mini-store-locator-link {
	cursor:pointer;
	height:30px;
	top:10px;
	left:450px;
	width:100px;
	position:absolute
}

#drop-down-locator {
	display:none;
	z-index:1000;
	position:absolute;
	height:62px;
	float:left;
	margin:25px 0 0 3px;
	padding:10px 0 0 15px;
	width:155px
}

#drop-down-locator .mini-locator-input {
	width:137px
}

.mini-locator-submit {
	background:transparent;
	cursor:pointer;
	float:right;
	height:25px;
	margin-right:10px;
	width:60px
}

/* Top navigation content */
.header-content {
    float:right;
    color:#fff;
    width:522px;
    margin-bottom:5px;
    line-height:22px
}

.logoLink {
	float:left;
	padding-top:10px
}

.welcomeBack{
	color:white;
	display:block;
	float:left;
	margin:7px 0 0 20px;
	width:220px
}

.welcomeBack a {
	color:white
}

.header-portlet #nav ul {
    float:left;
    margin-right:60px
}

.header-portlet #nav ul li {
    float:left;
    background-repeat:no-repeat;
    background-position:7px
}

.header-portlet #nav ul li.separator {
	background-image:url(/focus/themes/images/content/bg-white-bar.jpg)
}

.header-portlet #nav a {
    padding:5px 0 5px 15px;
    color:#fff;
    float:left
}

.header-portlet .telephone img {
    margin-right:5px
}

.header-portlet #nav {
    display:inline
}

/** Mini basket */
.mini-basket:hover #cart-content {
    display:block
}

.mini-basket {
	width:243px;
	height:58px;
	clear:right;
	color:#06236B;
	float:right;
	margin-bottom:8px;
	position:relative;
}

.mini-top-section {
	background: transparent no-repeat scroll top center;
	height:20px
}

.mini-middle-section {
	background:repeat-y;
	width:243px
}

.mini-middle-section a {
	color: #06236B;
	font-weight: normal
}

.mini-bottom-section {
	background:repeat-x;
	height:14px;
	width:243px
}

#cart-content h4 {
	margin:0 0 0 7px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:8px 0
}

#cart-info {
	background:transparent;
	z-index:5;
	height:40px;
	padding-top:18px;
	cursor: pointer
}

.mini-basket-link {
	height:50px;
	z-index:6;
	position:absolute;
	width:240px
}

#cart-info dl, dd {
  display:inline;
}

#cart-info h3 {
    font-size:1.0em;
	margin:0 0 0 65px;
	float:left;
	color:#06236B;
}

#cart-info h4 {
    border-top:1px solid #06236B;
    border-bottom:1px solid #06236B;
    padding:10px 0;
    margin:0
}

#cart-content li {
	margin:0 0 6px 0;
	padding:12px 0;
}

#cart-content h5 {
	font-size:1.1em;
	display:block;
	margin:0;
	color:#06236B;
}

#cart-info dl, 
#cart-info dd {
    display:inline;
    font-weight:bold
}

#cart-info dl {
    font-size: 0.8em;
	margin-right:10px;
	color:#06236B;
	float:right
}

#cart-content {
    display:none;
    position:absolute;
    z-index:4;
    background:#05236B;
    text-align:center;
    top:49px;
    left:1px;
    width:243px;
    background-color:transparent;
    color:#06236B
}

#cart-info div a.checkout {
	background-color:transparent;
	display:block;
	padding:10px 0;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.1em;
	color:#fff
}

#cart-info h5 a {
	text-decoration:none
}

#cart-content ol {
	padding:10px
}

#cart-content ol img {
	float:left;
	width:75px;
	height:52px;
	margin-top:-10px
}

#cart-content ol {
	text-align:right
}


/* Mailinglistportlet */
#subscribe {
    background-color:#E0E0E0;
    padding:1px 0 5px 10px
}

#subscribe h3 {
	color:#06236B
}

#subscribe .text {
    width:90%
}

#subscribe .submit {
   margin:10px 10% 0 0;
   float:right
}

#email-signup div input {
	width:220px
}

#email-signup {
	margin-left:auto;
	margin-right:auto;
	width:370px
}

#email-signup div.actions {
	width:425px !important
}
/* Myaccountportlet*/

.myaccount-portlet {
	width:752px
}

.myaccount-portlet table {
	border-collapse:collapse
}

.myaccount-portlet tbody td {
    padding:0;	
}

#account-details dl {
	overflow:hidden;
	width:100%
}

.my-details .button, .add-address-table .button {
	width:91px;
	height:25px;
	margin-left:74px
}

.smallField {
	width:70px !important	
}

#account-details dt {
    float:left;
    font-weight:bold;
    padding:3px 0;
    width:160px;
    margin-right:5px;
    text-align:right
}

#account-details dd {
    display:block;
    padding:1px 0
}

.add-address-table {
	margin-top:20px	
}

#account-details .actions {
    padding-right:40px;	
}

#account-preferences select {
    width:175px
}

#account-preferences .date select {
    width:56px
}

#account-preferences label {
	width:160px
}

.myaccount-portlet a {
	text-decoration:underline;
}

.user-preferences .continue-shopping {
	margin:-22px 10px 0 0
}

.user-preferences .log-out {
	float: right;
	margin:-22px 10px 0 0
}

.myaccount-portlet input, .inputField {
    width:160px;	
}

#account-preferences-remove-address .actions {
	margin-right:30px
}
/* Navigation Portlet */
/* Horizontal View*/

#menu {
    clear:both;
	display:table;
	margin:0 auto;
    text-align:center;
    font-size:0.9em;
	background:repeat-x
}

#menu a {
    color:#fff;
    font-size:1.1em
}

.alignVertical {
	display:table-cell;
	vertical-align:middle
}

.verticalConatiner {
	display:table;
	overflow:hidden;
	width:136px;
	text-align:center;
	height:31px
}

#menu li {
    border-left:1px solid #fff;
    display:block;
    background:#73ad1d;
    float:left;
    height:35px;
    padding-top:3px;
    text-decoration:none;
    vertical-align:middle;
    width:136px;
    position:relative
}

#menu li:hover {
    background:none;
}

/* showing left and right border for navigation first an last item */

#menu li.item1 {
    border-left:1px solid #73ad1d;
}

#menu li.item1:hover {
    border-left:1px solid #ffffff !important
}


#menu li.item8{
	width:120px;
    border-right:1px solid #73ad1d;
}

#menu li.itemLast {
	border-right:1px solid #73AD1D
}

#menu li.itemLast:hover {
    border-right:1px solid #ffffff !important
}

.navigation-left-shadow {
	width:7px
}

.navigation-bottom-shadow {
	height:7px;
	display:block
}

.navigation-portlet {
	background:#73AD1D;
	height:38px	
}

#menu .label {
    display:block;
	font-size:13px;
	cursor:pointer
}

#menu .navigation-drop-text {
    padding:15px 0px 10px 19px
}

#menu .drop {
    text-align:left;
    position:absolute;
	display:none;
    width:299px;
    left:0;
	top:38px;
    z-index:3;
}

#menu .drop .dropdown-middle {
	background:repeat-y;
	padding:10px 15px 10px 30px;
	width:254px;
	border-right:1px solid grey;
	float:left
}

#menu .drop .dropdown-bottom {
	background:repeat-y;
	height:13px;
	width:299px;
	float:left
}

#menu .menuleft {
	margin-left:-8px
}

#menu .menuright {
	margin-left:-162px
}

#menu .drop a {
    color:#06236b;
    float:left;
	padding:5px 0;
	width:119px;
	height:18px
}

#menu .drop a:hover {
	text-decoration:underline
}

.menu_item {
    color:#00236f;
    width:125px;
    height:18px;
    float:left;
    margin-bottom:3px;
    font-size:1.05em;
    padding-left:3px;
    }
/* Orderhistoryportlet*/
 
.account-order{
    margin:0 0 10px
}

.account-order th {
	color:black	
}

.account-order table a {
	font-weight:bold;
	text-decoration:none
}

.account-order .description {
	width:260px
}

.price {
	color:#06236B;
	font-weight:bold	
}

.account-order h3 {
    background:#F4F4F4 none repeat scroll 0 0;
    color:#06236B;
    font-size:1.545em;
    font-weight:normal;
    line-height:1.2em;
    padding:10px
}

.account-order h3 span {
    cursor:pointer
}

.account-order ul {
    margin:10px
}

.account-order li em {
    font-style:normal;
    font-weight:bold
}

.account-order .basket-items {
    margin:0 0 10px;
    padding:0 0 10px
}

.account-order tbody td{
	padding:10px;
	border-bottom:1px solid #CDD3E1;
	text-align:left
}
/* Paymentdetailsportlet*/
#newCardDetails {
    float:left;	
}

#what_is_this {
	float:right;
	display:none;
	padding-top:100px
}

.account-section h3 {
    color:#06236B;
    font-size:1.545em;
    font-weight:bold;
    line-height:1.2em
}

.account-section .actions {
	padding-right:35px;
}

#remove-card div.actions {
	width:91px
}
 
/* Productportlet */

.product-additional-info-middle{
	clear:both;
	border:1px solid #a4a4a4;
	padding:15px
}

.productDetailsBrochure {
	clear:both
}

.new-tabs-small {
	font-size: 0.9em;
}

.new-tabs-small a {
    float: left;
	height: 31px;
	width: 77px;
	border-right:1px solid #A4A4A4;
	border-left:1px solid #A4A4A4;
	text-align: center;
	cursor: pointer;
	margin-right:-1px;
}

.new-tabs-small a.active {
  	background-color:white;
  	background-image:none !important;
  	border-style:solid;
  	border-width:1px;
  	border-bottom-style:none;
	height:31px;
	margin-bottom:-1px;
	z-index:100;
	border-color:#a4a4a4;
}

.new-tabs-small span {
	margin-top:10px;
	font-weight:bold;
	display:block
}

#postFormReview .checkbox {
	width:20px	
}

.product-additional-info #tabbed-panel-2, .product-additional-info #tabbed-panel-3, .product-additional-info #tabbed-panel-4 {
	display:none
}

#product-portlet {
	overflow:hidden
}

#product-portlet .offer {
	height:61px;
	width:61px
}

#product-portlet .offer div {
	color:white;
	font-size:22px;
	line-height:21px;
	padding:12px 0 0 2px;
	text-align:center
}

#product-section {
    float:left;    
}

#product-details {
    float:right;
    padding-top:0px;
    width:423px
}

#product-details h1 {
	color:#05236B
}

.addToBagSection h1 {
	display:inline
}

.productTitle {
	margin-top: 0px
}

.basketSubmit {
	position:absolute;
	right:-80px;
	top:11px;
}

.addToBagSection {
	border-top:1px solid #a4a4a4;
	border-bottom:1px solid #a4a4a4;
	clear:both;
	margin-bottom:10px
}

.addToBagSection .productPrice {
	float:left;
	width:240px
}

.priceH1 {
	margin:20px 0 6px 0;
	display:block
}

.priceH1 h1 {
	margin:0
}

.colour-container {
	position:relative;
	height:27px;
	float:left
}

.colour-container a {
	display:block
}

.colour-container .colour-hover {
	position:absolute;
	top:0;
	z-index:4;
	left:0;
	margin:2px 0 0 2px;
	height:32px;
	padding:45px 0 0 5px;
	width:72px;
	display:none;
}

#add-to-cart input {
	width:18px;
	padding:3px 1px;
	text-align:center;
	margin-right:8px;
	float:left
}

.addToBagSection #add-to-cart {
	float:right
}

.addToBagSection #add-to-cart .conditions {
	width:150px
}

#product-media .options .videos {
    float:right;
    margin:0
}

#select-size, #select-colour {
    padding-bottom:10px
}

#product-details p.price {
    line-height:1.2em;
    font-size:1.5em;
    color:#05236B;
    font-weight:bold
}

#add-to-cart button,
.add-to-cart button,
.add-to-basket {  
    height:25px;
    width:111px;    
    line-height:1em;
    text-indent:-1000em;
    border:none;
    cursor:pointer;
    background-color: white;  
}

.actions li {
    display:inline;
    margin:0pt 20px 0pt 0pt
}

.actions a {
    text-decoration:underline;
    color:#404040
}

#add-to-cart select {
    margin:0 45px 0 0;
    vertical-align:middle;
    width:200px
}

#addToBasket {
    overflow:hidden
}

#product-media {
    float:left;
    width:42%
}

#product-media .product-alternative-images {
	width:105px;
	float:left	
}

.product-alternative-images img {
	width:100px;
	height:69px
}

/** tabs */
#product-portlet .tabs {
	height:37px
}

.product-additional-info {
	margin-top:30px
}

#product-additional-info #panel1, #product-additional-info #panel2, #product-additional-info #panel3, #product-additional-info #panel4 {
    display:none;
    border:2px solid #05236B;
    padding:10px;
    width:450px
}

#product-additional-info 
#panel1 {
    display:block
}

/** reviews */

.product-additional-info .reviews .rating {
	border: 0 none;
	padding: 0;
	position: absolute;
	margin-top: 4px
}

.product-additional-info .reviews .rating h5 {
	left: -1000em;
	position: absolute
}

.product-additional-info .reviews p {
	font-size: 0.95em !important
}

.product-additional-info .reviews h4 {
	padding-top:20px;
	margin:0	
}

.product-additional-info .reviews .rating p {
	margin-top: 0 !important
}

.product-additional-info .reviews .rating ul {
	height:10px;
	width:56px;
	margin: 0 5px 0 0 !important
}

.product-additional-info .reviews .rating li {
	border:0 none;
	float:left;
	padding:0
}

.product-additional-info .reviews li {
	padding-bottom:10px
}

.product-additional-info .reviews .rating a.star-1 {
	width:11px;
	z-index:5
}

.product-additional-info .reviews .rating a.star-2 {
	width:22px;
	z-index:4
}

.product-additional-info .reviews .rating a.star-3 {
	width:33px;
	z-index:3
}

.product-additional-info .reviews .rating a.star-4 {
	width:44px;
	z-index:2
}

.product-additional-info .reviews .rating a.star-5 {
	width:55px;
	z-index:1
}

.product-additional-info .reviews .rating a {
	display:block;
	height:10px;
	left:0;
	position:absolute;
	text-align:left;
	text-indent:-1000em;
	top:0;
	width:14px;
	line-height: 0px
}

.product-additional-info .checkbox {
	width: 25px;
	border: 0
}

#product-additional-info .tabs {
    overflow:hidden;
    margin-bottom:-2px
}

#product-additional-info .tabs li{
    width:100px
}

form textarea {
    height:auto !important
}

/* Productpromotionportlet */
.product-promotion-portlet p, .product-promotion-portlet a, .products-related-vertical {
	text-align:center;
	font-size:12px !important
}

.products-related-vertical li {
	margin-left:12px;
	padding-bottom:15px
}

.product-promotion-portlet h2 {
	color:#05236B
}

.product-promotion-portlet .horizontal {
	width:100%;
	overflow:hidden
}

.product-promotion-portlet h3  {
	color:#06236B;
	font-size:1.5em
}

.product-promotion-portlet h3.horizontal  {
	text-align:left;	
}

.product-promotion-portlet .horizontal li {
	float:left;
	margin-right:30px
}

/* Quickshopportlet*/

.quick-shop {
    color:#06236B;
    font-size:2em;
    line-height:1.2em;
    margin:0 0 10px
}

#quick-shop label {
    display:block;
    margin:0 0 5px
}

#quick-shop fieldset {
    margin-bottom:10px
}

#quick-shop select {
    height:20px;
    width:360px
}
/* Search Portlet */

#search input {
    height:25px;  
    float:left; 
    width:200px;
    padding-top:5px
}

#search .text-input {
	border:0;
	color:#515254;
	font-size:14px;
	height:23px;
	margin-top:6px;
	padding:7px 0 0 8px;
	width:268px
}

#search .submit {
    height:30px;
    width:104px;
    margin-top:6px;
}

#search img {
	float:left;
}

#search {
    margin-left:auto;
	margin-right:auto;
	width:450px
}

.search-tabs {
	border-bottom:2px solid #05236B
}

.searchportlet {
	width:100%;
	overflow:hidden	
}

.searchportlet h1 {
	color:#05236B
}

/* tellafriend */
.tell-to-friend input {
	width:170px
}

.searchtabs a {
	display:block;
	height:30px;
	width:120px;
	float:left;
	text-align:center;
	padding-top:15px;
	background-color:#E0E0E0;
	margin-right:10px
}

/* wishlistportlet */
 
.wishlist-portlet #removeTable {
	border-top:0
}

.wishlist-portlet textarea {
	width:114px
}

.priority {
	width:70px
}

.send {
	width:62px;
	height:25px;
	margin-left:113px	
}

.wishlist-portlet #add-apply-link {
	width:111px	
}

.wishlist-portlet .button {
	float:right;
	width:91px;
	height:25px
}
 
h1.my-account {
    border-bottom:2px solid #CDD3E1;
    color:#06236B;
    padding:0 0 10px
}

.user-preferences h3, .email-wishlist h3 {
    color:#06236B;
    font-size:1.545em;
    font-weight:bold;
    line-height:1.2em;
    width:752px
}

.details-and-preferences {
	margin:10px 0 10px 0
}

#basket-items thead th, .account-order thead th {
	text-align:left;
	padding:10px;
	border-bottom:1px solid #CDD3E1
}

#basket-items tbody td {
    padding:10px;
    text-align:left
}

.account-order table .details {
	text-align:left
}

.email-wishlist {
    margin-top:20px
}

form.tell-to-friend {
    margin:0 0 100px
}

form.tell-to-friend textarea {
    height:120px;
    width:450px
}

/* 4.0 User Defined */
 
/* Footer Help sections */

.content_links {
    background-color:#B7DB89;
    height:125px;
    color:#06236B;
    padding:10px 20px 10px 10px
}

.links_content h3, .myaccount-portlet h3, .myaccount-portlet h3 span, product-promotion-portlet {
    font-size:18px;  
    margin:0 0 7px 0
}

.links_content li a {
    line-height:17px;
    text-decoration:underline !important
}

.links_content {
    float:left;
    padding-left:10px;
    background-color:#B7DB89
}

.newsletterInput {
	height:15px;
	width:185px;
	padding:4px;
	border:1px solid black;
	float:left
}

.newsletterButton {
	height:25px;
	width:64px;
	border:0;
	margin-left:3px;
	float:left
}

.content_image {
    float:left;
    background-color:#B7DB89;   
}

/** Footer page */

#customer-service {
    height:130px;
    padding:10px 0 0 0
}

#customer-service li {
    float:left;
    padding-right:150px
}

#customer-service .thirdColumn {
	padding-right:120px
}

#customer-service .lastColumn {
	padding:0
}

.payment_information {
    clear:both;
    text-align:center;
    padding-top:20px
}

/** Company information */

.copyright {
    padding-top:10px;   
}

.copyright p {
    text-align:center;
    margin:0pt;
    color:#fff
}

/** What is this, on checkout. Card information */

#what_is_this div, #what_is_this_checkout div {
    background:#fff none repeat scroll 0 0;
    border:1px solid #E3E0E0;
    padding:4px;
    width:340px
}

/** This is the side content shared by all myaccount pages */
.sidepanel {
    padding:0 0 10px
}

.sidepanel ul {
    margin:0 0 10px;
    padding:10px;
    background-color:#e0e0e0
}

.sidepanel a {
    color:#000
}

.sidepanel h4 {
    background-color:#06236B;
    color:#FFEA00;
    margin:0;
    padding:5px 0 5px 10px
}

.sidepanel h3 {
	font-size:18px
}

.myaccountpanel .images {
	text-align:center
}

/* Content portlet */

.advicecentre  {
	float:left;
	width:170px
}

.content-portlet h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#003480;
	margin:5px 0 10px 0
}

.content-portlet .box {
	border:1px solid #000000;
	padding:10px 30px;
	background:url(/focus/themes/images/bg-gradient.png) repeat-x bottom right
}

.content-portlet .box span {
	display:block;
	text-align:center
}

.content-portlet .box .price {
	color:#000000
}

.content-info {
	width:481px;
	float:left;
	margin:0 28px
}

.content-portlet .box li {
	float:left;
	margin-bottom:20px;
	width:104px;
}

.content-portlet .box li .productImage {
	width:100px;
	height:106px;
	display:block;
	text-align:center;
}

.content-portlet .box li .more {
	margin:7px 0 0 5px;
	height:25px;
	width:91px;
	background:url(/focus/themes/images/bt-more-info.gif)
}

.content-portlet .box .middleElement {
	margin:0 52px
}

.content-portlet .listParagraph li {
	list-style-position:outside;
	list-style-type:circle;
	margin-left:15px;
	padding-bottom:10px
}

.content-portlet h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#003480;
	margin:0 0 10px 0
}

.content-portlet .threeImages {
	border:0
}

.content-portlet .threeImages td {
	border:0;
	padding-bottom:20px
}

.content-portlet .threeImages td  img {
	width:140px;
	height:130px
}

.content-portlet .threeImages span {
	display:block;
	padding-top:10px
}

.content-portlet .threeImages .middleCell {
	padding:0 28px 20px 28px
}

.content-right {
	width:206px;
	float:left
}

.content-right a {
	display:block;
	color:#003480
}

.content-right a:hover {
	text-decoration:underline
}

/*Added for static content*/
/* ------- PRINT THIS PAGE ------- */
.print { 
	width:942px;	
	color:#003480; 
	text-align:right; 
}

.print a { 
		text-decoration:underline;
}

.print img{ 
	margin-right:5px;
}

/* ------- BANNER ------- */

#banner { 
	height:163px; 
	/*background:url(../images/banner-paint-decorate.jpg) no-repeat;*/ 
	margin-bottom:15px; 
	margin-top:15px;
}

#banner h1{ 
	color:#fff; 
	/*font-size:28px;*/ 
	padding-top:55px; 
	padding-left:15px; 
	margin:0; 
	line-height:28px;
}

#banner p a{ 
	font-size:12px;
	color:#fff; 
	padding-bottom:15px; 
	padding-left:15px;  
	text-decoration:underline; 
}

#banner p a:hover{ 
	text-decoration:none;
}


/* ------- YOU WILL NEED ------- */
#tools { 
	width:942px; 
	background-color:#D3E3AF;
	color:#404040;
}

#tools li a { 
	list-style-type:none; 
	text-decoration:underline; 
	line-height:16px;
}

#tools li a:hover { 
	text-decoration:none;
}

#tools h2 { 
	padding-top:10px; 
	padding-left:10px; 
	padding-bottom:5px;
}

#tools .columnHeading { 
	font-weight:bold;
	color:#003480;
}
#tools .links {
	float: left;
	width: 220px;
	margin: 0 0 20px 10px;
}

/* ------- THINGS TO THINK ABOUT ------- */
#notes { 
	width:942px; 
	padding-top:15px;
}

#notes li { 
	list-style-type:disc; 
	list-style-position:outside;  
	line-height:12px;
	margin: 15px;
}

#notes ol li { 
	list-style-type:decimal;
}

#notes .boldFirstLine { 
	font-weight:bold;
}

/* ------- STEP-BY-STEP GUIDE ------- */
#steps { 
	width:942px; 
	padding-bottom:20px; 
	padding-top:20px; 
	margin:0; 
}

#steps h2 { 
	padding-top:20px; 
	padding-bottom:5px;
	margin:0; 
	border-top:1px solid #b2b2b2;
}

#steps .subhead { 
	font-size:11px; 
	line-height:15px; 
	/*color:#404040;*/
}

#steps dl { 
	margin-right:20px; 
	margin-bottom:20px; 
	padding:0; 
	float:left;
	width:220px;
}

#steps dl.double { 
	margin-right:20px; 
	margin-bottom:20px; 
	padding:0; 
	float:left;
	width:460px;
}

#steps .lastbox{ 
	margin-right:0px;  
	padding:0;
	float:left;
}

#steps dl.doublelast { 
	margin-right:0px; 
	margin-bottom:20px; 
	padding:0; 
	float:left;
	width:460px;
}

#steps dl.quad { 
	margin-right:0px; 
	margin-bottom:20px; 
	padding:0; 
	float:left;
	width:940px;
}


#steps dt{ 
	margin:0; 
	padding:0; 
	font-weight:bold;
}


#steps dd{ 
	margin:0; 
	padding:0; 
	width:220px;
}

#steps img { 
	border-style:none;
}

#steps .linkToolsList a {
	font-size:14px; 
}

/* ------- DISCLAIMER ------- */
#disclaimer { 
	
	text-align:center; 
	border-top:1px solid; 
	border-top-color:#B2B2B2; 
	border-bottom:1px solid #B2B2B2; 
	padding-top:10px; 
	padding-bottom:10px;
}

/* ------- CLEAR THE FLOATS ------- */

.clearboth { clear: both; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/focus/themes/images/content/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/focus/themes/images/content/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; padding-top:1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ------- PRINT THIS PAGE ------- */
@media print {
body {background: #fff; font:12pt "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; margin:0; padding:0;}
.print, #banner p, #steps .subhead  {display: none;}
#banner {height:163px; margin-bottom:15px;}
#banner h1{color:#fff; padding-top:67px; padding-left:15px; margin:0;}
h2 {font-size:18pt;}
dt {font-weight:bold;}
#tools ul{text-decoration:none; list-style-type:none; list-style-image:none;}
#tools li a {text-decoration:none; list-style-type:none; color:#000;}
#tools a:link:after, #tools a:visited:after {content: " (" attr(href) ") "; font-size: 80%;}
img {border-style:none;}
}

/* ------- CSS FOR THE DIY GUIDES LANDING PAGES ------- */

/* ------- Back to DIY guides link ------- */
.backLink { 
	width:942px;	
	color:#003480; 
	text-align:left; 
}


/* ------- LIST OF GUIDES ------- */

#guideListHeader { 
	width:942px;
}



#mainContent-wrapper { 
	width:942px; 
	padding-top:20px; 
	padding-bottom:10px;
}


#guideList { 
	width:270px; 
	background-color:#FFF;
	color:#404040; 
	float:left; 
}

#guideList li a { 
	list-style-type:none; 
	text-decoration:underline; 
	line-height:16px;
}

#guideList li a:hover { 
	text-decoration:none;
}

#guideList h2 { 
	padding-top:10px; 
	padding-bottom:5px;
}

#guideList .columnHeading { 
	font-weight:bold;
	color:#003480;
}
#guideList .links {
	float: left;
	/*width: 270px;*/
	margin: 0 0 20px 0;
}

#guideList .linksColumnHeading { 
	font-size:18px; 
	color:#003480; 
	padding-bottom:10px;
}


#guideList .lastLink { 
	padding-top:15px; 
	font-weight:bold;
}


/* ------- RIGHT HAND IMAGE------- */

#list-image { 
	width:650px;
	float:right; 
}

#categoryPanels { 
	width:942px; 
	padding:0;  
	margin:0 0 10px 0;
	float:left;
}

#categoryPanels dl { 
	width:445px;
	padding:10px;  
	float:left;
	margin:10px 0 0;
	

}

#categoryPanels dt { 
	padding:0;  
	float:right;
	margin:0 0 0 10px;
}

/* ------- STYLES FOR EACH PANEL ------- */

#categoryPanels dl.paint{ 
	background-color:#F5EEF5;
}

#categoryPanels dl.fit{ 
	background-color:#FCE5CC; 
	float:right;
}

#categoryPanels dl.plant{ 
	background-color:#EEEECC;
	float:right;
}

#categoryPanels dl.kitchen{ 
	background-color:#E3EEEB;
	float:left;
}

#categoryPanels a { 
	font-size:16px; 
	text-decoration:underline;
}

#categoryPanels a:hover { 
	text-decoration:none;
}

#categoryPanels .introText p { 
	margin-top:10px;
}