@charset "utf-8";
/* CSS Document */

@import "majool-common.css";

/* Standard internal pages*/
.banner { background-image:url(images/banners/default.jpg) no-repeat center top; height:162px; margin:0; padding:0; float:left; width:960px;}
\ html .banner {margin-top:9px;}

.banner#banner-news {background:url(images/banners/news.jpg) no-repeat center top; }
.banner#banner-news.newsletter {background:url(images/banners/newsletter02.jpg) no-repeat center top; }
.banner#banner-news.media-releases {background:url(images/banners/newsletter.jpg) no-repeat center top; }
.banner#banner-services {background:url(images/banners/services.jpg) no-repeat center top; }
.banner#banner-services.majool-commercial {background:url(images/banners/MAJOOL-SERVICES.jpg) no-repeat center top; }
.banner#banner-services.majool-giftware {background:url(images/banners/MAJOOL-GIFTWARE.jpg) no-repeat center top; }
.banner#banner-services.majool-design-consultancy {background:url(images/banners/MAJOOL-CONTRACT.jpg) no-repeat center top; }
.banner#banner-services.majool-bridal-registry {background:url(images/banners/services.jpg) no-repeat center top; }
.banner#banner-services.majool-hire {background:url(images/banners/MAJOOL_HIRE.jpg) no-repeat center top; }

.banner#banner-vip-registration {background:url(images/banners/vip.jpg) no-repeat center top; }
.banner#banner-about-us {background:url(images/banners/aboutus.jpg) no-repeat center top; }
.banner#banner-about-us.philosophy {background:url(images/banners/philosophy.jpg) no-repeat center top; }
.banner#banner-contact-us {background:url(images/banners/CONTACT-US.jpg) no-repeat center top; }
.banner#banner-disclaimer {background:url(images/banners/aboutus.jpg) no-repeat center top; }
.banner#banner-privacy-policy {background:url(images/banners/aboutus.jpg) no-repeat center top; }
.banner#banner-site-map {background:url(images/banners/aboutus.jpg) no-repeat center top; }
.banner#banner-terms-and-conditions {background:url(images/banners/aboutus.jpg) no-repeat center top; }
.banner#banner-search {background:url(images/banners/aboutus.jpg) no-repeat center top; }
.banner#banner-content-style-guide {background:url(images/banners/aboutus.jpg) no-repeat center top; }

.copy {width:565px; float:left;}

.copycontainer { margin:0; padding:0 16px 30px 21px; width:921px; float:left;  }
.copycontainer table {float:left;}
.copycontainer table th {text-align:left;}
.copycontainer table td {padding:7px 7px 7px 0; text-align:left; vertical-align:top;}
.copycontainer table td strong {color:#53ba00;}

.copycontainer ul {margin-left:30px;}
.copycontainer ul ul {margin-left:10px;}

.copycontainer ol {margin-left:30px;}
.copycontainer ol ol {margin-left:10px;}

/* Product pages */

.subnav {  background:url(images/subnav-repeat.jpg) repeat-x left top; float:left; height:40px; margin:0 0 0 -24px; padding:0 0 0 10px;width:948px;}
.subnav form {float:left;}
.subnav label {color:#666666; font-size:11px; font-weight:bold; padding:10px 10px 0 20px;}
.subnav ul { float:left;list-style:none; margin:7px 10px 0 10px; padding:0;}
.subnav ul a {color:#c7eea7; display:block; float:left;font-size:12px; font-weight:bold; padding:9px 10px 0 10px; text-decoration:none;}
.subnav ul a:hover, .subnav ul a.active { background:url(images/ul-over-dots.gif) no-repeat 10px 4px; color:#fff;}
.subnav ul li, .subnav ul li a {float:left;}


.titleband {float:left; margin:0; padding:14px 0 0 20px; width:938px; }
ul.mainnav {list-style:none; margin:0; padding:0;}
ul.mainnav a {color:#8c8c8c; display:block; float:left;  font-weight:bold; margin:0; padding:0 10px; text-decoration:none; }
ul.mainnav a.active, ul.mainnav a:hover {color:#56ae0e;}
ul.mainnav li a, ul.mainnav li {float:left;}

#dropdown-wrap {position:absolute; right:30px; top:133px; color:#666; font-size:105%; font-weight:bold; z-index:85;}


/*Product Landing */


#product-range-wrap {width:900px; border-bottom:1px solid #dfdfdf; float:left; margin:0 0 33px 0;}
#product-range-wrap .section {float:left; padding:0 12px;width:125px;border-left:1px solid #dfdfdf; height:207px;}
#product-range-wrap .section.first, #product-brand-wrap .section.first {border-left:none;}
#product-range-wrap .section a, #product-brand-wrap .section a {text-decoration:none; color:#737373; font-size:11px;}
#product-range-wrap .section a:hover, #product-brand-wrap .section a:hover {color:#53ba00;}
#product-range-wrap .section h3 { background:url(images/h3-arrow.gif) no-repeat left center; font-size:12px; padding-left:6px; margin:0 0 10px -6px; display:block;}

.section ul {list-style:none; margin:0; padding:0;}
                 

#product-brand-wrap {width:900px;float:left; }
#product-brand-wrap .section {float:left; border-right:1px solid #dfdfdf;  padding:0 9px 0 16px;width:125px;}
#product-brand-wrap .section.last { border:none;}
#product-brand-wrap .section h3 a {margin:0 0 8px -6px; font-weight:normal; }

/*Product Detail */

#left_column {  float:left; margin:22px 0 0 28px; position:relative; overflow:hidden; display:none; }
* html #left_column {margin:22px 0 0 8px; padding:0 0 0 12px;}

#scroll_container { position:relative; }

#scroll_container h1 {margin:10px 0 0 -6px;}
* html #scroll_container h1 {margin:10px 0 5px -6px;}

#scroll_container h3 {display:block; float:left; margin:10px 0 10px -6px; width:420px; color:#737373; font-size:16px;}
* html #scroll_container h3 {margin:10px 0 5px -3px;}

#scroll_container h4 {display:block; float:left; margin:10px 0 9px -6px; width:420px; color:#737373; font-size:14px;}
* html #scroll_container h4 {margin:10px 0 4px -3px;}

#scroll_container h5 {display:block; float:left; margin:8px 0 10px -6px; width:420px; color:#737373; font-size:12px;}
* html #scroll_container h5 {margin:8px 0 5px -3px;}

#scroll_container .product a {background:url(images/small_product_holder.png) no-repeat; color:#737373; float:left; font-size:11px; font-weight:bold; height:87px; line-height:9px; margin:-12px 0 0 -12px; padding:12px 12px 9px 12px; text-decoration:none; width:127px; overflow:hidden;}
#scroll_container .product a img { margin-bottom:2px; }

#scroll_container .product a:hover img, #left_column .product a.active img { border:1px solid #62b61e; margin:-1px 0 1px -1px; }

#scroll_box { padding:5px 0 0 10px; width:417px; height:490px; }
#scroll_bgtop { background:url('images/top-fade.png') repeat-y bottom; height:20px; width:430px; top:0; position:absolute; z-index:5; }
#scroll_bgbottom { background:url('images/bottom-fade.png') repeat-y top; height:20px; width:430px; bottom:0; position:absolute; z-index:5; }
* html #scroll_bgbottom {bottom:-1px;}
.paddingBottom { padding-bottom:20px; }

#scroll_buttons {background:url(images/link-divider.gif) no-repeat center center; float:left; text-align:center; width:420px;  }
* html #scroll_buttons { position:absolute; left:0; bottom:0px; }
#scroll_buttons a { display:block; float:left; font-weight:bold; text-decoration:none; color:#696969; }

#scroll_buttons a.previous {background:url(images/arrow_previous.gif) no-repeat right center;   margin:0 10px 0 115px; padding-right:15px; }
* html #scroll_buttons a.previous {margin-left:58px;}

#scroll_buttons a.more {background:url(images/arrow_next.gif) no-repeat left center;  margin:0 0 0 5px; padding-left:15px; }
#scroll_buttons a.active:hover { color:#444444; }
#scroll_buttons a.inactive { color:#bababa; }

#product_container { width:450px; margin:29px 23px 18px 0; float:right; height:510px; }
#product_loading { text-align:center; padding:200px 20px 0px 0px; display:none; }


#right_column_outer { background:url(images/rightcol_outer.gif) no-repeat left top; padding:10px 0 0 0; width:450px; height:490px; }
* html #right_column_outer {margin:29px 11px 18px 0;}
#right_column_inner { background:url(images/rightcol_inner.gif) no-repeat left bottom; float:right; padding:0 0 10px 0; width:450px;}
#right_column_holder { background:url(images/rightcol_repeat.gif) repeat-y left top;float:right;  padding:5px 10px 5px 15px; width:425px;}
\ html #right_column_holder {padding:5px 10px 25px 15px;}

#right_column_holder h1 {margin:20px 0 5px 10px;}
#right_column_holder h2 { color:#b9b9b9; font-size:13px;margin:5px 0 15px 10px;}

#right_column_holder span.enquire a { color:#4c4c4c; display:block; font-weight:bold;float:left;margin:0 0 0 10px; text-decoration:none; }
* html #right_column_holder span.enquire a {margin:0 0 0 5px;}
#right_column_holder span.enquire a:hover { text-decoration:underline;}
#right_column_holder span.availability {color:#e26102;display:block; font-weight:bold; float:left; margin:0 0 15px 10px;}
* html #right_column_holder span.availability {margin-left:5px;}

#right_column_holder .description {  float:left; margin:0 10px 10px 10px; height:130px; overflow:auto; width:400px; padding:0 5px 0 0;}
* html #right_column_holder .description {margin-left:5px;}
#right_column_holder .colourChart { float:right; margin:15px 10px 0px 0px; }

#right_column_holder  .brandlogo {margin:15px 0 10px 0; text-align:center;}


/* Product Slideshow */
#slideshow { position:relative; height:230px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; width:420px; height:240px; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

/* News */

.newsMediaWrap {border-bottom:1px solid #ccc; float:left; width:600px;}
a.goback {text-decoration:none; background:url(/css/images/back-arrow.gif) no-repeat left center; padding-left:10px; font-weight:bold; color:#68ba26;}


h2.sf_newsTitle a {color:#262626; text-decoration:none; font-size:14px; font-weight:bold; margin:0; padding:0;}
ul li p.sf_newsDate {font-weight:bold!important; font-size:200%; color:#000000}

a.sf_back {text-decoration:none; background:url(images/back-arrow.gif) no-repeat left center; padding-left:10px; font-weight:bold; color:#68ba26;}
.sf_NewsTitle {font-size:160%;}
.sf_newsDate {font-weight:bold;  }
.sf_newsAuthor {font-weight:bold;}


/* Terms and Conditions */

.copycontainer ol { list-style: decimal; }
.copycontainer ol ol { list-style: lower-alpha; }
.copycontainer ol ol ol { list-style: lower-roman; }