/* General structural style declarations  */

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	background-color: #7dd1e1;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/pictures/2010-cloud-flare.jpg);
    background-position: center 16px;
    background-repeat: no-repeat;
    overflow: auto;
}

.pageContainer {
    width: 100%;
    height: 100%;
    /* old background -
    background-image: url(../images/common/bg_winter.jpg); 
    background-image: url(../images/pictures/flare.jpg);
    background-position: center 0px;
    background-repeat: no-repeat;*/
    text-align: center;
}
/*
.homePageContainer {
    background-image: url(../images/pictures/2010-cloud-flare.jpg);
    background-position: center 16px;
    background-repeat: no-repeat;
}*/

#pageWrapper {
    width: 1000px;
    margin: 0px auto;
    display: block;
    padding: 0px;
    text-align: left;
    overflow: visible;
}

.contentTop {
    background-image: url(../images/common/2010-content-top.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.contentBottom {
    background-image: url(../images/common/2010-content-bottom.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#page {
    width: 1000px;
    float: left;
}

#pageHeader {
    float: none;
    height: 289px;
    margin: 0px auto;
}

#pageContent {
    width: 900px;
    padding: 0px 50px 70px 50px;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}

/*
#page * {
    overflow: visible;
} */

#page * div, #page div, #page form {
    float: left;
}

h1 {
    font-size: 19px;
    font-weight: normal;
    padding-bottom: 17px;
}

h2 {
    font-size: 17px;
    font-weight: normal;
}

h3 {
    font-size: 16px;
    font-weight: normal;
    color: #999999;
    padding-bottom: 14px;
}

h4 {
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    padding-bottom: 10px;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: normal;
    color: #c4c4c4;
}

h6 {
    color: #c4c4c4;
    font-weight: normal;
}

ul, ol {
    padding-left: 14px;
    padding-bottom: 14px;
}

p {
    padding-bottom: 14px;
}

a, a:visited {
    color: #7dd1e1;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

sub {
    color: #c4c4c4;
}

/* Main Content Area */

.contentTop,
.contentBottom {
    overflow: hidden;
    width: 920px;
}

.contentTop {
    height: 25px;
}

.contentBottom {
    height: 31px;
}

.contentMain {
    width: 860px;
    overflow: hidden;
    padding: 0px 30px;
    background-image: url(../images/common/2010-content-bg.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    padding-bottom: 10px;
    overflow: hidden;
}

.contentFull {
    width: 840px;
}

.contentLeft {
    padding-top: 17px;
}

.contentMiddle {
    padding-top: 17px;
}

#page .contentRight {
    float: right;
    padding-top: 15px;
}

/* twoColumn widths */

.twoColumn .contentLeft {
    width: 320px;
}

.twoColumn .contentRight {
    width: 523px;
}

/* threeColumn widths */

.threeColumn .contentLeft {
    width: 204px;
}

.threeColumn .contentMiddle {
    width: 304px;
    padding-left: 30px;
}

.threeColumn .contentRight {
    width: 262px;
}

/* Content page - style three */

.contentThree .contentLeft {
    width: 200px;
}

.contentThree .contentMiddle {
    width: 285px;
    padding-left: 6px;
}

.contentThree .contentRight {
    width: 338px;
}

/* Image Frame */

/*.framedImage {
    background-image: url(../images/common/frame.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
    width: 268px;
    height: 375px;
    position: relative;
    left: 34px;
}

.framedImageInner {
    width: 169px;
    height: 245px;
    overflow: hidden;
    text-align: center;
    position: relative;
    top: 76px;
    left: 48px;
}*/

/* Subnav */

.subNav {
    /*background-image: url(../images/common/career-frame.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
    width: 119px;
    padding: 88px 33px 40px;
    overflow: hidden;*/
}

.subNavInner {
    /*background-image: url(../images/common/subnav-bg.gif);
    background-repeat:repeat-x;
    background-position: 0px 0px;
    width: 119px;
    height: 172px;
    overflow: hidden;*/
}

.subNavInner ul,
.subNavInner ul li {
    float: left;
    padding: 0px;
    margin: 0px;
    clear: both;
    list-style-type: none;
    width: 193px;
    line-height: 18px;
}

.subNavInner ul {
    padding: 0px 13px;
}

.subNavInner ul li a {
    font-size: 14px;
    text-decoration: none;
}

.subNavInner ul li.selected a {
    text-decoration: underline;
    font-weight: bold;
}

/* Store Listing */

.storeListing {
    background-color: #3673ab;
    width: 411px;
    margin-top: 14px;
}

.storeListing ul {
    width: 411px;
}

.storeListing ul,
.storeListing ul li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float: left;
    clear: both;
}

.storeListing ul li {
    padding: 10px;
    width: 391px;
    border-bottom: solid 1px #709ec5;
}

.storeListing ul li.lastItem {
    border-bottom: none;
}

.storeListing ul li h4,
.storeListing ul li p {
    padding-bottom: 0px;
}

/* Editorial */

.editorialWrapper {
    position: relative;
    left: 48px;
}

.editorialHeader,
.editorialWrapper {
    width: 722px;
}

.editorialHeader {
    padding-top: 20px;
    padding-bottom: 14px;
}

.editorialHeader span {
    font-size: 15px;
    font-weight: bold;
    
}

.editorialListWrapper ul,
.editorialListWrapper ul li {
    float: left;
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.editorialListWrapper {
    width: 122px;
}

.editorialListWrapper ul li {
    padding-bottom: 30px;
}

.editorialPagination {
    width: 122px;
    clear: both;
}

.editorialPagination .prevBtn {
    float: left;
    width: 50px;
}

.editorialPagination .nextBtn {
    float: right;
    width: 50px;
    position: relative;
    right: 10px;
}

/* Press Resources */

.pressResourceWrapper {
    width: 420px;
    padding-bottom: 26px;
} 

.pressResourceThumb {
    width: 220px;
    padding-right: 10px;
    padding-top: 5px;
}

.fileDescription {
    width: 190px;
}

.resFileTitle {
    display: block;
    font-weight: bold;
}

.resFileDesc {
    display: block;  
}

.resFileDesc a:link,
.resFileDesc a:visited {
    text-decoration: underline;
}

/* Behind the scenes image gallery */

.btsList {
    width: 840px;    
}

.btsList  ul,
.btsList  ul li {
    float: left;
    list-style-type: none;
}

.btsList  ul {
    clear: both;
    width: 840px;
    padding: 0px;
}

.btsList  ul li {
    margin: 10px;
    cursor:pointer;
}

/* Temporary Navigation */

.tempNav ul,
.tempNav ul li {
    float: left;
    list-style-type: none;
    padding: 0px;
}

.tempNav ul li a {
    float: left;
    clear: both;
    font-size: 17px;
    font-weight: bold;
}

.tempNav ul li ul {
    padding-top: 15px;
}

.tempNav ul li ul li a {
    font-size: 13px;
    font-weight: normal;
}

.tempNav ul li {
    width: 150px;
    padding-bottom :10px;
}

.tempNav {
    position: relative;
    height: 200px;
    background-image: url(../images/common/bi-logo.gif);
    background-position: right 10px;
    background-repeat: no-repeat;
}

/* Quote */

#page .quoteTextWrapper {
    padding-left: 60px;
    background-image: url(../images/icons/quote.gif);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-bottom: 25px; 
    float: none;
}

#page .quoteAuthor {
    background-image: url(../images/icons/author.gif);
    background-position: 0px center;
    background-repeat: no-repeat;
    font-weight: bold;
    padding-left: 18px;
    display: block;
    float: none;
}

/* Home Wares  */

.homeWare {
    width: 840px;
    padding-bottom: 22px;
} 

.homeWareImage {
    width: 357px;
}

.homeWareText {
    width: 400px;
    padding-top: 14px;
}

/* Catalogue Listing */

.catalogueWrapper {
    padding-top: 20px;
}

.catListing {
    width: 388px;
    clear: both;
}

.catListing ul,
.catListing ul li {
    list-style-type: none;
    float: left;
    width: 388px;
    clear: both;
}

.catListing ul li {
    padding-bottom: 20px;
}

.catListImage {
    padding-right: 10px;
}

.homeLinks {
    text-align: center;
    float: left; 
    width: 900px;
}

.postCodeForm .errors {
    padding-top: 20px;
    padding-left: 15px;
}

.postCodeForm .errors p { 
    padding: 0px;
}

.postCodeForm .errors ul  {
    padding-bottom: 0px;
}

.postCodeForm label {
    font-weight: bold;
}

.featureLink a {
    display: block;
    text-align:right;
}

.catTitle:link, .catTitle:visited {
    font-weight :bold;
    text-transform:uppercase;
    text-decoration:none;
    font-size: 15px;
}

.postCodeForm {
    width: 421px;
}

#pageFooter {
    position: relative;
    bottom: 55px;
    left: 70px;
    color: #FFFFFF;
    font-size: 10px;
}

#pageFooter a,
#pageFooter a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
}

#pageFooter a:hover {
    text-decoration: underline;
}

/* Fabric Box */

.contentFull .fabricBox {
    width: 840px;
    clear: both;
    padding: 10px 0px;
    border-top: solid 1px #8dbde6;
}

.contentRight .fabricBox {
    width: 421px;
    padding: 10px 0px;
    border-top: solid 1px #8dbde6;
}

.fabricBoxLeft {
    width: 200px;
}

#page .contentFull .fabricBoxRight {
    width: 620px;
    float:right;
}

#page .contentRight .fabricBoxRight {
    width: 201px;
    float: right;
}

#page #jl_search table,
#page #jl_search td.jl_search_example,
#page #jl_search td.jl_search_header {
    color: #999999;
}