html {}
a:hover { color: #21b4d4; }
body {
background: url('/images/site/background.gif') repeat-x scroll #e7e6e2;
border: 0;
border-top: 10px solid #fff;
overflow-x: hidden;
}
/*h1 {
font-size: 50px;
font-weight: bold;
}
h2 {
font-size: 15px;
line-height: 20px;
color: #8e8c88;
font-weight: bold;
}/**/
body.scroll {
overflow-x: auto;
}
#leftBorder {
width: 10px;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
height: 0px;
z-index: 102;
}
#rightBorder {
width: 10px;
background-color: #fff;
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 102;
}
#bottomBorder {
position: absolute;
bottom: 0;
height: 10px;
width: 100%;
background-color: #fff;
}
#rightWhite {
background-color:#ffffff;
height:120px;
position:absolute;
right:0;
top:0;
width:540px;
z-index:100;
}
#outerWrapper {
width: 960px;
margin: 0 auto;
border-top: 0px;
position: relative;
}
#galleryContainer {
z-index: 99;
border:10px solid #FFFFFF;
border-top: 0;
margin-left:-70px;
width: 1080px;
height: 710px;
position: relative;
}
#galleryContainer .bl { bottom: -10px; left: -10px; }
#galleryContainer .br { bottom:-10px; right: -10px; }
.shadow {
background:url("/images/site/bottomright.png") no-repeat scroll right bottom transparent;
bottom:-32px;
height:40px;
position:absolute;
right:-10px;
width:239px;
}
#wrapper {
position: absolute;
width: 960px;
right: 0px;
top: 0;
z-index: 100;
}
#logo {
float: left;
width: 240px;
margin-top: 35px;
text-align: right;
}
#language {
position: absolute;
z-index: 223;
right: 0px;
z-index: 999;
}
#language ul li {
float: left;
margin-right: 3px;
font-size: 11px;
font-weight: bold;
color: #2a251d;
}
#language ul li a {
text-decoration: none;
color: #2a251d;
}
#language ul li a.current { }
#language ul li a:hover {
color: #2a251d;
}
#nav {
float: left;
width: 710px;
position: relative;
height: 110px;
}
#nav .main-menu {
float: none;
padding:75px 0 0 10px;
position: relative;
background-color: #fff;
height: 25px;
margin:0;
z-index: 222;
}
#nav .bar {
width: 700px;
}
#breadcrumbs li, #breadcrumbs li a {
text-transform: capitalize;
}
#content {
margin: 60px 0 0;
}
#description li {
background: url('/images/site/descriptionSeperator.jpg') no-repeat bottom center transparent;
}
/* Globals */
#content #description li.seperator {
height: 1px !important;
background: url('/images/site/news/smallSeperator.jpg') no-repeat transparent !important;
width: 100%;
line-height: 1px !important;
padding: 0;
}
/* Corners */
.tl, .tr, .bl, .br {
position: absolute;
width: 9px;
height: 9px;
font-size: 0;
line-height: 0;
}
.tl { left: 0; top: 0; background: url('/images/site/corners/tl.png') no-repeat top left scroll transparent; }
.tr { right: 0; top: 0; background: url('/images/site/corners/tr.png') no-repeat top left scroll transparent; left: auto; }
.bl { left: 0; bottom: 0; background: url('/images/site/corners/bl.png') no-repeat top left scroll transparent; }
.br { right: 0; bottom: 0; background: url('/images/site/corners/br.png') no-repeat top left scroll transparent; }
.inner-bl, .inner-br , .inner-tl, .inner-tr{
position: absolute;
width: 6px;
height: 6px;
z-index: 100;
font-size: 0;
line-height: 0;
}
.inner-tl { left: 0; top: 0; background: url('/images/site/corners/tlw.png') no-repeat top left scroll transparent; z-index: 101; }
.inner-tr { right: 0; top: 0; background: url('/images/site/corners/trw.png') no-repeat top left scroll transparent; z-index: 101; }
.inner-bl { left: 0; bottom: 0; background: url('/images/site/corners/blw.png') no-repeat top left scroll transparent; z-index: 101; }
.inner-br { right: 0; bottom: 0; background: url('/images/site/corners/brw.png') no-repeat top left scroll transparent; z-index: 101; }
body.listing #breadcrumbs li a:hover, body.detail #breadcrumbs li a:hover {
color: #21b4d4;
}
body.listing #breadcrumbs, body.detail #breadcrumbs {
top: 0;
}
body.listing #nav, body.detail #nav {
margin-bottom: 0;
}
body.listing #content, body.detail #content, body.history #content {
margin: 0;
position: relative;
}
body.detail #galleryContainer, body.history #galleryContainer {
margin-left: 10px;
margin-right: 10px;
width: 700px;
float: left;
height: auto;
border: 0;
}
#breadcrumbs {
color:#FFFFFF;
float:left;
left:255px;
position:relative;
top:0;
}
#breadcrumbs li {
float: left;
font-size: 12px;
line-height: 30px;
padding-left: 5px;
padding-right: 8px;
background: url('/images/site/breadcrumbs/seperator.png') no-repeat scroll 100% 50% transparent;
font-weight: bold;
}
#breadcrumbs li a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
#breadcrumbs li a:hover {
color: #21b4d4 !important;
}
#breadcrumbs li.last {
background: none;
font-weight: normal;
}
body.technology #content #description ul li, body.history #content #description ul li, body.ranges #content #description ul li, body.news #content #description ul li, body.article #content #description ul li {
background: url('/images/site/list-arrow.gif') no-repeat left 10px;
padding-left: 15px;
}
body.technology #content #description ul li a, body.history #content #description ul li a, body.ranges #content #description ul li a, body.news #content #description ul li a, body.article #content #description ul li a {
display: block;
line-height: 20px;
padding: 5px 0;
}
body.history #content #description ul li a, body.news #content #description ul li a, body.article #content #description ul li a {
width: 100%;
line-height: 30px;
padding: 0;
}
body.news #description ul li, body.article #description ul li {
padding-left: 15px;
}
/* 3x3 Grid */
.grid-3x3 {
position:relative;
z-index:10;
width:100%;
height:100%;
font-size: 0;
line-height: 0;
}
.top-left {
background-image:url(/public/images/common/3x3-grid/3x3-grid-top-left.png);
top:0;
left:0;
height:10px;
width:10px;
position:absolute;
font-size: 0;
line-height: 0;
}
.bar {
background-color:#FFFFFF;
height:10px;
width:220px;
position:relative;
left:10px;
font-size: 0;
line-height: 0;
}
.top-right {
background-image:url(/public/images/common/3x3-grid/3x3-grid-top-right.png);
top:0;
right:0 !important;
height:10px;
width:10px;
position:absolute;
font-size: 0;
line-height: 0;
}
.bottom-right {
background-image:url(/public/images/common/3x3-grid/3x3-grid-bottom-right.png);
bottom:0;
right:0;
height:10px;
width:10px;
position:absolute;
font-size: 0;
line-height: 0;
}
.bottom-left {
background-image:url(/public/images/common/3x3-grid/3x3-grid-bottom-left.png);
bottom:0;
left:0;
height:10px;
width:10px;
position:absolute;
font-size: 0;
line-height: 0;
}
/* Home */
#banners {
display:block;
width:240px;
position:relative;
float: right;
}
#banners .banner-main {
display:block;
position:relative;
height:220px;
width:220px;
left:0px;
top:0px;
border-left:10px solid #FFFFFF;
border-right:10px solid #FFFFFF;
border-bottom:10px solid #FFFFFF;
}
#banners .banner-main .banner-overlay {
top:0px;
left:0px;
width:220px;
height:220px;
z-index:10;
position:absolute;
background-color:#0badd0;
opacity:0;
filter: alpha(opacity = 0);
background:url(/public/images/banners/banner-gradient.png) no-repeat #0badd0;
cursor:pointer;
}
#banners .banner-main img.banner-arrow-right {
position:absolute;
bottom:10px;
right:10px;
z-index:8;
}
#banners .banner-main img {
float:left;
position:relative;
z-index:0;
}
#banners .banner-main a.banner-hit-area {
top:0px;
left:0px;
width:220px;
height:210px;
z-index:10;
position:absolute;
background-color:#ffffff;
opacity:0;
filter: alpha(opacity = 0);
}
#banners .banner-sub {
display:block;
position:relative;
height:110px;
width:220px;
border-left:10px solid #FFFFFF;
border-right:10px solid #FFFFFF;
border-bottom:10px solid #FFFFFF;
}
#banners .banner-sub-last {
display:block;
position:relative;
height:110px;
width:220px;
border-left:10px solid #FFFFFF;
border-right:10px solid #FFFFFF;
border-bottom:0px;
}
#banners .banner-sub img.banner-arrow-right {
position:absolute;
bottom:10px;
right:10px;
z-index:8;
}
#banners .banner-sub .banner-overlay {
top:0px;
left:0px;
width:220px;
height:110px;
z-index:5;
position:absolute;
opacity:0;
filter: alpha(opacity = 0);
background:url(/images/site/banners/banner-gradient.png) no-repeat #4d4841;
}
#banners .banner-sub a.banner-hit-area {
position:absolute;
top:0px;
left:0px;
z-index:999;
width:220px;
height:110px;
background-color:#ffffff;
opacity:0;
filter: alpha(opacity = 0);
}
.banner-crn-inner {
position:absolute;
z-index:11;
width:5px;
height:5px;
}
.banner-crn-inner-br {
background-image:url(/images/site/banners/crn-inner-br.png);
bottom:0px;
right:0px;
}
.banner-crn-inner-bl {
background-image:url(/images/site/banners/crn-inner-bl.png);
bottom:0px;
left:0px;
}
.banner-crn-inner-tl {
background-image:url(/images/site/banners/crn-inner-tl.png);
top:0px;
left:0px;
}
.banner-crn-inner-tr {
background-image:url(/images/site/banners/crn-inner-tr.png);
top:0px;
right:0px;
}
/* Sub-categories Menu [Start] */
.sub-categories-menu {
background-color:#FFFFFF;
height:auto;
width:220px;
padding:10px 20px 0 0;
font-family:Arial, Helvetica, sans-serif;
}
.sub-categories-menu h1 {
padding:0 0 0 20px;
margin:0px;
font-size:34px;
text-transform:capitalize;
}
.sub-categories-menu h2 {
padding:0 0 0 20px;
margin:0px;
font-size:15px;
}
.sub-categories-menu ul {
padding:5px 0 0 20px;
margin:0px;
list-style:none;
}
.sub-categories-menu ul li {
font-size:22px;
/*height:40px;*/
min-height:40px;
position:relative;
line-height:40px;
}
.sub-categories-menu ul li.seperator {
height: 1px;
background: url('/images/site/news/smallSeperator.jpg') no-repeat transparent;
}
.sub-categories-menu ul li a {
background-image:url(/public/images/common/small-arrow-right-black.png);
background-repeat:no-repeat;
background-position:0px 15px;
padding-left:15px;
text-decoration:none;
color:inherit;
display:block;
}
.sub-categories-menu ul li a:hover {
background-image:url(/public/images/common/small-arrow-right-blue.png);
color:#21b4d4;
}
.sub-categories-menu ul li img {
position:absolute;
bottom:0px;
left:0px;
}
.sub-categories-menu div {
position:relative;
bottom:0px;
height:200px;
background-color:#FFFFFF;
}
.sub-categories-menu .sub-category-img-group .sub-category-img-container {
bottom:0px;
left:0px;
height:200px;
background-color:#FFFFFF;
position:absolute;
}
.sub-categories-menu .sub-category-img-group .sub-category-img-container img {
position:absolute;
bottom:0px;
}
/* Sub-categories Menu [End] */
/* Category listing */
body.landing #galleryContainer {
height: auto;
}
body.landing #galleryContainer .inner-tr {
top: 110px;
}
body.landing #breadcrumbs li {
margin-right:5px;
padding-right:10px;
background:url("/images/site/breadcrumbs/seperator-landing.png") no-repeat scroll 100% 50% transparent;
}
body.landing #breadcrumbs li.last {
background: none;
}
body.landing #banners.double {
width: 480px;
}
body.landing #banners.double .bar {
width: 460px;
}
body.landing #banners.double .col {
width: 240px;
float: left;
}
/* Product listing */
body.listing {
background: url('/images/site/listing/background.jpg') repeat-x scroll #e7e6e2;
}
#promo {
float: left;
position: relative;
}
#promo h1 {
font-size:50px;
font-weight:bold;
left:20px;
position:absolute;
top:80px;
}
#promo h1.white {
color: #fff;
}
body.listing .pagination {
width: 720px;
height: 30px;
background-color: #e9e7e4;
overflow:hidden;
line-height: 30px;
}
body.listing .pagination.bottom {
background-color: #dedcd8;
}
body.listing .pagination ul, body.listing .pagination span {
float: right;
}
body.listing .pagination ul li {
float: left;
font-size: 12px;
padding: 0 4px 0 3px;
line-height: 30px;
font-weight: bold;
color: #b8b8b7;
}
body.listing .pagination ul li#end-pagination span {
background: url('/images/site/listing/next-grey.gif') transparent center right no-repeat;
display: block;
padding-right: 10px;
float:left;
}
body.listing .pagination ul li#end-pagination a.active {
background: url('/images/site/listing/next.gif') transparent center right no-repeat;
display: block;
padding-right: 10px;
}
body.listing .pagination ul li#end-pagination span {
background: url('/images/site/listing/next-grey.gif') transparent center right no-repeat;
display: block;
padding-right: 10px;
float:left;
}
body.listing .pagination ul li#end-pagination a.active {
background: url('/images/site/listing/next.gif') transparent center right no-repeat;
display: block;
padding-right: 10px;
}
body.listing .pagination.bottom ul li#end-pagination span {
background: url('/images/site/listing/next-bottom-grey.gif') transparent center right no-repeat;
}
body.listing .pagination.bottom ul li#end-pagination a.active {
background:url("/images/site/listing/next-bottom.gif") no-repeat scroll right center transparent;
}
body.listing .pagination.bottom ul li#start-pagination span {
background:url("/images/site/listing/prev-bottom-grey.gif") no-repeat scroll left center transparent;
}
body.listing .pagination.bottom ul li#start-pagination a.active {
background:url("/images/site/listing/prev-bottom.gif") no-repeat scroll left center transparent;
}
body.listing .pagination ul li#start-pagination span {
background:url("/images/site/listing/prev-grey.gif") no-repeat scroll left center transparent;
display: block;
padding-left: 10px;
float: left;
}
body.listing .pagination ul li#start-pagination a.active {
padding-left: 10px;
background:url("/images/site/listing/prev.gif") no-repeat scroll left center transparent;
}
body.listing .pagination ul li.last {
display: none;
}
body.listing .pagination ul li a {
text-decoration: none;
color: #2a251d;
}
body.listing .pagination ul li.prev {
padding: 0 15px;
}
body.listing .pagination ul li.next {
padding: 0 15px;
display: none;
}
body.listing .pagination ul li.all {
padding: 0 20px;
}
body.landing .colContainer {
background-color: #ffffff;
position: relative;
padding-bottom: 200px;
overflow: hidden;
}
body.landing .colContainer .sub-category-img-group {
position: absolute;
}
body.listing .pagination span.pages {
float: left;
font-size: 12px;
padding-left: 20px;
line-height: 30px;
}
body.listing .shadow {
bottom: 18px;
right: 0px;
z-index: 98;
}
body.listing #wrapper {
position: relative;
float: left;
}
body.listing #head {
}
body.listing #breadcrumbs li, body.detail #breadcrumbs li {
background: url('/images/site/breadcrumbs/listingSeperator.gif') no-repeat 100% 50%;
padding-right: 10px;
margin-right: 5px;
}
body.listing #breadcrumbs li, body.detail #breadcrumbs li, body.detail #breadcrumbs li a, body.listing #breadcrumbs li a {
color: #8e8c88;
text-decoration: none;
font-weight: bold;
}
body.listing #breadcrumbs li.last, body.detail #breadcrumbs li.last {
background: none;
font-weight: normal;
}
body.listing #breadcrumbs li, body.listing #breadcrumbs li a {
color: #8e8c88;
}
body.listing #content {
z-index: 99;
}
body.listing #content .br, body.listing #content .bl {
bottom: 0;
z-index: 100;
}
body.listing #content #promo .br, body.listing #content #promo .bl {
bottom: 10px;
right: 10px;
left: auto;
background-image: url('/images/site/corners/br-promo.png');
}
body.listing #content #promo img {
padding: 10px;
}
body.listing #content #promo .bl {
left: 10px;
right: auto;
background-image: url('/images/site/corners/bl-promo.png');
}
body.listing #content #promo .tr, body.listing #content #promo .tl {
top: 10px;
right: 10px;
left: auto;
background-image: url('/images/site/corners/tr-promo.png');
}
body.listing #content #promo .tl {
left: 10px;
right: auto;
background-image: url('/images/site/corners/tl-promo.png');
}
body.listing #content .br {
left: 711px;
z-index: 100;
}
body.listing #content #containerBg {
background-color: #ffffff;
}
body.listing #content .bottom-left {
background: url("/images/site/corners/bl-listing.png") no-repeat scroll left top transparent;
bottom: 29px;
z-index: 100;
}
body.listing #content .bottom-right {
background: url("/images/site/corners/br.png") no-repeat scroll left top transparent;
bottom: 29px;
z-index: 100;
right: -1px;
}
body.listing #content .tl, body.listing #content .tr {
background: url("/images/site/corners/tl-listing.png") no-repeat scroll left top transparent;
z-index: 100;
}
body.listing #content .tr {
background: url("/images/site/corners/tr-listing.png") no-repeat scroll left top transparent;
left: 711px;
}
.product {
float: left;
width: 220px;
height: 220px;
background: url('/images/site/listing/listingRight.gif') top left no-repeat #ffffff;
position: relative;
z-index: 99;
padding: 10px;
}
body.listing #content .product .tl {
background: url("/images/site/corners/tl-white.png") no-repeat scroll left top transparent;
top: 10px;
left: 10px;
z-index: 103;
}
body.listing #content .product .tr {
background: url("/images/site/corners/tr-white.png") no-repeat scroll left top transparent;
top: 10px;
right: 10px;
z-index: 103;
left: auto;
}
body.listing #content .product .bl {
background: url("/images/site/corners/bl-white.png") no-repeat scroll left top transparent;
bottom: 10px;
left: 10px;
z-index: 103;
}
body.listing #content .product .br {
background: url("/images/site/corners/br-white.png") no-repeat scroll left top transparent;
bottom: 10px;
right: 10px;
z-index: 103;
left: auto;
}
.product a {
position: absolute;
left: 10px;
top: 10px;
width: 220px;
height: 220px;
background: url('/images/site/listing/thumbOverlay.png') #ffffff;
text-decoration: none;
z-index: 101;
opacity:0;
filter: alpha(opacity = 0);
}
.product a:hover {
background-color:none;
}
.product span.title {
position: absolute;
bottom: 20px;
left: 20px;
color: #ffffff;
display: none;
z-index: 102;
}
.product:hover span.title,
.product.over span.title {
display: block;
}
.product.bottom {
background: url('/images/site/listing/listingBottomRight.gif') top left no-repeat #ffffff;
}
.product.bottom.last {
background: none #ffffff;
}
.product.last {
background: url('/images/site/listing/listingRightLast.gif') top left no-repeat #ffffff;
}
.product.banner {
background: none #ffffff;
width: 220px;
height: 220px;
padding: 10px;
top: -1px;
left: -1px;
}
.product.banner a {
width: 220px;
height: 220px;
}
.product.banner img {
position: absolute;
background-color: #fff;
}
/* Product detail */
body.detail {
background: url('/images/site/product/background.jpg') repeat-x scroll #e7e6e2;
}
body.detail #wrapper {
position: relative;
}
body.detail .tl.false-right {
left:auto;
right:-9px;
top:30px;
}
body.detail #galleryContainer {
width: 700px;
height: 520px;
}
body.detail #galleryContainer #moreViews {
float: right;
position: absolute;
right: 50px;
top: 0;
z-index: 101;
}
body.detail #galleryContainer #moreViews li {
float: left;
width: 60px;
height: 60px;
position: relative;
}
body.detail #galleryContainer #moreViews li img {
z-index: 99;
}
body.detail #galleryContainer #moreViews li a {
position: absolute;
left: 0;
top: 0;
display: block;
width: 60px;
height: 60px;
cursor: pointer;
background: url('/images/site/product/spacer.gif') transparent;
z-index: 100;
}
body.detail #galleryContainer #moreViews li.current a {
background: url('/images/site/product/shoeThumbCurrent.png') no-repeat scroll left top;
}
body.detail #galleryContainer #moreViews li.current a:hover {
background: url('/images/site/product/shoeThumbCurrent.png') no-repeat scroll left top;
}
body.detail #galleryContainer #moreViews li a:hover {
background: url('/images/site/thumbOverlay.png') repeat scroll left top;
}
body.detail #pagination {
overflow: hidden;
background-color: #E9E7E4;
width: 660px;
}
body.detail #pagination .tr {
left: 651px;
background-image: url('/images/site/corners/tr-detail-pagination.png');
}
body.detail #productZoom h1 {
font-size: 50px;
margin-top: 145px;
margin-bottom: 20px;
}
body.detail #productZoom p {
font-size: 12px;
line-height: 15px;
width: 400px;
margin-bottom: 15px;
}
body.detail #productImage {
position: absolute;
top: 25px;
width: 700px;
height: 520px;
z-index:100;
}
body.detail #productZoomContainer .tr {
right: -10px;
}
body.detail #productZoomFlash {
width: 700px;
}
body.detail #productZoomFlash object {
position: relative;
right: 1px;
}
body.detail #pagination ul li {
float: left;
font-size: 12px;
line-height: 30px;
height: 30px;
}
body.detail #pagination ul li a.back {
background: url('/images/site/product/back-left.jpg') no-repeat scroll left top #2a251d;
display: block;
width: auto;
padding-left: 20px;
height: 30px;
text-decoration: none;
color: #ffffff;
float: left;
}
body.detail #pagination ul li a.back span {
display: block;
background: url('/images/site/product/back-right.jpg') no-repeat scroll right top;
padding-right: 20px;
}
body.detail #pagination ul li.views {
width: auto;
background-color: #e9e7e4;
color: #333333;
padding-left: 10px;
}
body.detail #pagination ul li.zoom {
color: #333333;
background-color: #e9e7e4;
width: 98px;
padding-left: 22px;
float: right
}
body.detail #description {
float: left;
width: 240px;
background: url('/images/site/product/descriptionBg.jpg') repeat-x transparent;
position: relative;
}
body.detail #description #buy {
background-color: #2a251d;
width: auto;
height: 30px;
line-height: 30px;
float: left;
}
body.detail #description #buy a {
background: url('/images/site/product/buy-left.jpg') no-repeat top left scroll transparent;
display: block;
height: 40px;
color: #fff;
padding-left: 20px;
text-decoration:none;
font-size: 12px;
float: left;
}
body.detail #description #buy a span {
background: url('/images/site/product/buy-right.jpg') no-repeat top right scroll transparent;
padding-right: 20px;
display: block;
height: 30px;
}
body.detail #description a.buy:hover {
color: #fff;
}
body.detail #description h1 {
padding: 15px 0 0 20px;
font-size: 34px;
}
body.detail #description h2 {
font-size: 15px;
padding: 5px 0 25px 20px;
}
body.detail #description a {}
body.detail #details {
padding: 30px 0 0;
float:left;
position: relative;
}
body.detail #details #pagination ul {
list-style: none;
}
body.detail #details .col.first {
padding-left: 20px;
}
body.detail #details .col {
float: left;
width: 110px;
}
body.detail #details .col .surround {
background: url('/images/site/product/surroundStart.png') transparent no-repeat;
display: block;
font-size: 12px;
height: 20px;
line-height: 20px;
float: left;
padding-left: 7px;
font-weight: bold;
}
body.detail #details .col .mid {
background-color:#E9E7E4;
float:left;
position:relative;
z-index:100;
}
body.detail #details .col .end {
background:url("/images/site/product/surroundEnd.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:20px;
margin-left:-2px;
margin-right:0;
width:10px;
z-index:99;
}
body.detail #details .col .fit {
background: url('/images/site/product/fit.gif') transparent top left no-repeat;
font-size: 12px;
width: 20px;
height: 20px;
display: block;
line-height: 20px;
text-align:center;
font-weight: bold;
float: left;
padding-right: 2px;
}
body.detail #details .col ul {
list-style: none;
overflow: hidden;
margin-bottom: 10px;
}
body.detail #details .col ul li {
float: left;
font-size: 12px;
line-height: 20px;
min-width: 45px;
background: none;
}
body.detail #details .col ul li a {
}
body.detail #details .col ul.technology li {
float: none;
}
body.detail #details .col ul li a {
font-weight: bold;
text-decoration: none;
}
body.detail #details #colours {
float: none;
background-color: #fff;
width: 240px;
}
body.detail #details #colours h3 {
font-size: 12px;
background: url('/images/site/product/borderBottom.jpg') no-repeat scroll left bottom;
padding-bottom: 10px;
padding-left: 20px;
}
body.detail #details #colours ul {}
body.detail #details #colours ul li {
width: 60px;
height: 60px;
float: left;
position: relative;
background: none;
}
body.detail #details #colours ul li a {
position: absolute;
left: 0;
top: 0;
height: 60px;
width: 60px;
background: url('/images/site/thumbOverlay.png') repeat scroll left top;
display: none;
z-index: 100;
}
body.detail #details #colours ul li:hover a {
display: block;
}
body.detail #details .shadow {
position: absolute;
bottom:-32px;
right: 0;
background: url('/images/site/product/coloursbg.png') no-repeat bottom right transparent;
z-index: 99;
height: 32px;
}
body.detail #description .bottom-left {
left: auto;
}
body.detail #description .bar {
width: 200px;
}
body.detail #sizeGuideContent { padding: 10px 0 0 10px; width: 760px; }
body.detail #sizeGuideContent h1 {
font-size: 36px;
margin-bottom: 20px;
}
body.detail #sizeGuideContent p {
width: 320px;
font-size: 12px;
margin-bottom: 30px;
}
body.detail #sizeGuideContent div.col {
margin-right: 10px;
background-color: #fff;
}
body.detail #sizeGuideContent div.col h2 {
font-weight: bold;
}
body.detail #sizeGuideContent div.col h3 {
margin: 10px 0;
}
body.detail #sizeGuideContent div.col ul { width: auto; }
body.detail #sizeGuideContent div.col ul li { float: left; width: 30px; margin-right: 5px; line-height: 30px; height: 30px; font-size: 12px; background-color: #ccc; text-align:center; }
/* History template */
body.history {
background: url('/images/site/history/background.jpg') repeat-x scroll #e7e6e2;
}
body.history #breadcrumbs li {
background: url('/images/site/breadcrumbs/listingSeperator.gif') no-repeat 100% 50%;
}
body.history #breadcrumbs li.last {
background: none;
}
body.history #breadcrumbs li, body.history #breadcrumbs li a {
color: #8e8c88;
}
body.history #gallery-navigation {
left:230px;
position:absolute;
top:-40px;
z-index: 101;
}
body.history #content #galleryContainer {
margin-top: 10px;
}
body.history #galleryContainer .inter-inner-bl {
background: url("/images/site/corners/blw.png") no-repeat scroll left top transparent;
width: 6px;
height: 6px;
position: absolute;
bottom: 0;
right: 44px;
z-index: 200;
}
body.history #gallery-navigation-container {
background: url('/images/site/history/pagination-bg.jpg') #2a251d top left no-repeat;
height:60px;
float: left;
width:100px;
z-index:5;
overflow: hidden;
}
body.history #gallery-navigation-base {
position: absolute;
bottom: 0;
height: 8px;
background: url('/images/site/history/bl-pagination.png') transparent;
width: 100%;
}
body.history .gallery-navigation {
float: left;
height: 60px;
width: 8px;
position: relative;
}
body.history #content #galleryContainer .gallery-navigation .tr {
position: absolute;
right: 0;
top: 0;
background: url('/images/site/history/tr-nav.png') transparent no-repeat;
height: 8px;
width: 8px;
}
body.history #content #galleryContainer .gallery-navigation .bar {
margin: 8px 0 0;
background-color: #2a251d;
height: 83%;
width: 8px;
}
body.history #content #galleryContainer .gallery-navigation #gallery-navigation-start-bar {
background: url('/images/site/history/left-bar.jpg') no-repeat #2a251d;
}
body.history #content #galleryContainer .gallery-navigation .br {
position: absolute;
right: 0;
bottom: 0;
background: url('/images/site/history/br-nav.png') transparent no-repeat;
height: 8px;
width: 8px;
}
body.history #content #galleryContainer .gallery-navigation .tl {
position: absolute;
left: 0;
top: 0;
background: url('/images/site/history/tl-nav.png') transparent no-repeat;
height: 8px;
width: 8px;
}
body.history #content #galleryContainer .gallery-navigation .bl {
position: absolute;
left: 0;
bottom: 0;
background: url('/images/site/history/bl-nav.png') transparent no-repeat;
height: 8px;
width: 8px;
}
body.history #gallery-navigation-container #gallery-navigation-inner-container {
width: 500px;
}
body.history #gallery-navigation-container #gallery-navigation-visible {
width: 120px;
margin: 8px 0;
float: left;
height: 44px;
}
body.history #gallery-navigation-container #gallery-navigation-visible #gallery-navigation-title {
margin: 2px 10px 2px 0;
float: left;
width: 80px;
}
body.history #gallery-navigation-container #gallery-navigation-visible #gallery-navigation-title p {
font-size: 12px;
color: #ffffff;
background: url('/images/site/history/gallery-a.gif') transparent 0% 50% no-repeat;
padding-left: 12px;
margin-bottom: 10px;
}
body.history #gallery-navigation-container.show #gallery-navigation-visible #gallery-navigation-title p {
background-image: url('/images/site/history/gallery-b.gif');
margin-bottom: 30px;
}
body.history #gallery-navigation-container #gallery-navigation-visible #gallery-navigation-title object {
margin: 0 10px;
float: left;
}
body.history #gallery-navigation-container #gallery-navigation-visible #gallery-navigation-title #gallery-navigation-counter {
font-size: 12px;
color: #fff;
float: left;
}
body.history #gallery-navigation-container #gallery-pagination-pointers {
float: right;
width: 6px;
display: none;
margin: 30px 10px 0 0;
}
body.history #gallery-navigation-container #gallery-pagination-pointers a {
display: block;
height: 18px;
}
body.history #gallery-navigation-container.show #gallery-pagination-pointers {
display: block;
}
body.history #gallery-navigation-container #gallery-navigation-scroll-container {
width: 375px;
float: left;
overflow: hidden;
}
body.history #gallery-navigation-container #gallery-navigation-scroll-container #gallery-navigation-scroller {
padding-top: 28px;
}
body.history #gallery-navigation-container #gallery-navigation-scroller {
postition: relative;
left: 0;
}
body.history #gallery-navigation-container #gallery-navigation-scroller .paginationLink {
float: left;
width: 60px;
color: #fff;
position: relative
}
body.history #gallery-navigation-container #gallery-navigation-scroller .paginationLink .imageNumber {
display: block;
padding-top: 2px;
}
body.history #gallery-navigation-container #gallery-navigation-scroller .paginationLink .selected {
padding: 0;
border-top: 2px solid #21b4d4;
}
body.history #description {
background-color: #fff;
float: left;
width: 230px;
padding: 15px 0 0 20px;
}
body.history #description h1 {
font-size: 34px;
margin-bottom: 5px;
}
body.history #description h2 {
font-size: 15px;
margin-bottom: 15px;
}
body.history #description ul {
margin-bottom: 80px;
text-indent: 5px;
}
body.history #content #description ul li {
font-size: 22px;
line-height: 40px;
font-weight: bold;
padding: 0 0 5px 10px;
height: 29px;
background: url("/images/site/list-arrow.gif") no-repeat scroll left 8px transparent;
}
body.history #description li a {
text-decoration: none;
}
body.history #description p strong {
font-size: 12px;
}
#galleryDescriptionCaption {
font-size: 12px;
}
body.history .text {
width: 660px;
background-color: #fff;
position: relative;
top: -40px;
z-index:100;
}
body.history .text h1 {
padding: 0px 0 35px 20px;
font-size: 50px;
font-weight: bold;
}
body.history .text p {
font-size: 15px;
line-height: 20px;
width: 400px;
padding: 15px 10px 0;
float:right;
text-indent: 40px;
}
body.history #wrapper {
position: relative;
float: left;
}
body.history #galleryContainer .inner-bl {
bottom: 50px;
}
body.history #content {
margin-top: 30px;
background-color: #fff;
border: 0;
width: 1030px;
margin-left: -70px;
padding-left: 70px;
border-bottom: 0;
position: relative;
}
body.history #content .top-left {
left: 0;
top: -10px;
}
body.history #content .top-right {
right: 0px !important;
top: -10px;
}
body.history #content .bottom-left {
bottom: -10px;
left: 0px;
}
body.history #content .top.bar {
top: -10px;
margin-left: 10px;
width: 1080px;
}
body.history #content .bottom-right {
bottom:-10px;
right:0px;
}
body.history #content .bar {
position: absolute;
width: 1080px;
left: 0px;
margin-left: 10px;
}
body.history #content .text .top-right {
right: 0;
top: -10px;
}
body.history #content .text .bar {
position: absolute;
width: 640px;
top: -10px;
}
body.history #content .shadow {
right: 0;
bottom: -32px;
}
/* Technology template */
body.technology {
background: url('/images/site/history/background.jpg') repeat-x scroll #e7e6e2;
}
body.technology #breadcrumbs li {
background: url('/images/site/breadcrumbs/listingSeperator.gif') no-repeat 100% 50%;
}
body.technology #breadcrumbs li.last {
background: none;
}
body.technology #breadcrumbs li, body.technology #breadcrumbs li a {
color: #8e8c88;
}
body.technology #galleryContainer {
margin: 0;
width: 700px;
float: left;
height: auto;
border: 0;
}
body.technology #galleryContainer .inner-bl {
bottom: 50px;
}
body.technology #galleryContainer .inter-inner-bl {
background: url("/images/site/corners/blw.png") no-repeat scroll left top transparent;
width: 6px;
height: 6px;
position: absolute;
bottom: 0;
right: 44px;
}
body.technology #description {
background-color: #fff;
float: left;
width: 230px;
padding: 35px 0 0 30px;
}
body.technology #description h1 {
font-size: 34px;
margin-bottom: 5px;
}
body.technology #description h2 {
font-size: 15px;
margin-bottom: 13px;
}
body.technology #description li {
font-size: 15px;
line-height: 30px;
font-weight: bold;
}
body.technology #description li a {
text-decoration: none;
}
body.technology .text {
width: 650px;
background-color: #fff;
position: relative;
top: -40px;
z-index:100;
}
body.technology .text h1 {
padding: 5px 0 0 10px;
font-size: 50px;
font-weight: bold;
margin-bottom: 30px;
}
body.technology .text #imageContainer {
float: left;
width: 220px;
margin-top: 140px;
}
body.technology .text #imageContainer .image {
position: relative;
float: left;
}
body.technology .text #imageContainer .tl {
background-image: url('/images/site/corners/tl-white.png');
}
body.technology .text #imageContainer .tr {
background-image: url('/images/site/corners/tr-white.png');
}
body.technology .text #imageContainer .bl {
background-image: url('/images/site/corners/bl-white.png');
}
body.technology .text #imageContainer .br {
background-image: url('/images/site/corners/br-white.png');
}
body.technology .text #imageContainer .image .tr, body.technology .text #imageContainer .image .br {
left: auto;
}
body.technology .text #imageContainer img {
margin-bottom: 20px;
}
body.technology .text p {
font-size: 15px;
line-height: 20px;
width: 380px;
padding: 10px 20px 0 0;
float:right;
color: #2a251d;
}
body.technology .text p strong {
color: #8e8c88;
}
body.technology .text p a {
text-decoration: none;
font-weight: bold;
font-size: 15px;
}
body.technology .text h3 {
clear:both;
float: right;
font-size: 15px;
font-weight: bold;
color: #8e8c88;
width: 400px;
padding: 25px 10px 0;
}
body.technology #wrapper {
position: relative;
float: left;
}
body.technology #content {
background-color: #fff;
border: 10px solid #fff;
border-top: 0;
border-bottom: 0;
width: 1010px;
margin-left: -70px;
margin-top: 10px;
padding-left: 70px;
position: relative;
}
body.technology #content .top.bar {
top: -10px;
}
body.technology #content .bottom-left {
bottom: -10px;
left: -10px;
}
body.technology #content .bottom-right {
bottom:-10px;
right:-10px;
}
body.technology #content .top-right {
top: -10px;
right: -10px !important;
}
body.technology #content .top-left {
top: -10px;
left: -10px;
}
body.technology #content .bar {
position: absolute;
width: 1080px;
left: 0px;
}
body.technology #content .text .top-right {
right: 0 !important;
top: -10px;
}
body.technology #content .text .bar {
position: absolute;
width: 640px;
top: -10px;
}
/* Ranges template */
body.ranges {
background: url('/images/site/history/background.jpg') repeat-x scroll #e7e6e2;
}
body.ranges #breadcrumbs li {
background: url('/images/site/breadcrumbs/ranges-seperator.gif') no-repeat 100% 50%;
}
body.ranges #breadcrumbs li.last {
background: none;
}
body.ranges #breadcrumbs li, body.ranges #breadcrumbs li a {
color: #2a251d;
}
body.ranges #galleryContainer {
background-color: #e9e7e3;
}
body.ranges #galleryContainer .inner-tr {
top: 110px;
}
body.ranges #content {
margin: 40px 0 0;
position: relative;
}
body.ranges #content #viewRange {
background:url("/images/site/ranges/left.png") no-repeat scroll left top transparent;
float:left;
height:30px;
padding-left:25px;
text-decoration:none;
width:auto;
position: absolute;
top: -40px;
}
body.ranges #content #viewRange a.back {
color:#FFFFFF;
display:block;
background:url("/images/site/ranges/right.png") no-repeat scroll right top transparent;
padding-right: 10px;
text-decoration: none;
}
body.ranges #content a.back span {
background:url("/images/site/ranges/mid.gif") repeat-y scroll left top #2a251d;
display:block;
padding-right:20px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
body.ranges .text h1 {
padding: 20px 0 0 10px;
font-size: 50px;
font-weight: bold;
margin-bottom: 55px;
}
body.ranges .text #imageContainer {
float: left;
width: 220px;
margin-top: 140px;
}
body.ranges .text #imageContainer .image {
position: relative;
float: left;
}
body.ranges .text #imageContainer .image .tr, body.ranges .text #imageContainer .image .br {
left: auto;
}
body.ranges .text #imageContainer .tl {
background-image: url('/images/site/corners/tl-white.png');
}
body.ranges .text #imageContainer .tr {
background-image: url('/images/site/corners/tr-white.png');
}
body.ranges .text #imageContainer .bl {
background-image: url('/images/site/corners/bl-white.png');
}
body.ranges .text #imageContainer .br {
background-image: url('/images/site/corners/br-white.png');
}
body.ranges .text #imageContainer img {
margin-bottom: 20px;
}
body.ranges #description {
background-color: #fff;
float: right;
margin-left:10px;
padding:10px 0 0 20px;
position:relative;
width:220px;
}
body.ranges #description h1 {
font-size: 34px;
}
body.ranges #description h2 {
font-size: 15px;
margin-bottom: 15px;
}
body.ranges #description ul {
margin-bottom: 80px;
}
body.ranges #description li {
font-size: 15px;
line-height: 30px;
font-weight: bold;
}
body.ranges #description li a {
text-decoration: none;
}
body.ranges .text {
width: 620px;
background-color: #fff;
float: left;
margin-top: 300px;
padding: 0px 20px 60px;
position:relative;
}
body.ranges .text h1 {
padding: 0;
font-size: 50px;
font-weight: bold;
margin-bottom: 35px;
}
body.ranges .text p {
font-size: 15px;
line-height: 20px;
width: 380px;
padding: 10px 0px 0 0;
float:right;
color: #2a251d;
}
body.ranges .text p a {
text-decoration: none;
font-weight: bold;
font-size: 15px;
}
body.ranges .text h3 {
clear:both;
float: right;
font-size: 15px;
font-weight: bold;
color: #8e8c88;
width: 400px;
padding: 25px 10px 0;
}
body.ranges #description .top-left {
top: -10px;
left: 0px;
}
body.ranges #description .top-bar {
top: -10px;
}
body.ranges #description .top-right {
top: -10px;
right: 0;
}
body.ranges #description .bottom-right {
bottom:-10px;
right:0px;
}
body.ranges #description .bottom-left {
bottom: -10px;
left: 0px;
}
body.ranges #description .bottom-right {
bottom:-10px;
right:0px;
}
body.ranges #description .bar {
position: absolute;
left: 10px;
width: 220px;
}
body.ranges #content .text .top-left {
top: -10px;
left: 0px;
}
body.ranges #content .text .top-bar {
top: -10px;
}
body.ranges #content .text .bottom-bar {
bottom: -10px;
}
body.ranges #content .text .top-right {
top: -10px;
right: 0;
}
body.ranges #content .text .bottom-right {
bottom:-10px;
right:0px;
}
body.ranges #content .text .bottom-left {
bottom: -10px;
left: 0px;
}
body.ranges #content .text .bottom-right {
bottom:-10px;
right:0px;
}
body.ranges #content .text .bar {
position: absolute;
left: 10px;
width: 640px;
}
body.ranges #wrapper {
position: absolute;
}
body.ranges #content { }
/* News listing template */
body.news {
background: url('/images/site/news/background.jpg') repeat-x scroll top left #ffffff;
}
body.news #wrapper {
position: relative;
float: left;
}
body.news #backgroundCover {
background: url('/images/site/backgroundBottom.jpg') repeat-x scroll bottom left transparent;
}
body.news #breadcrumbs li {
background: url('/images/site/breadcrumbs/news.jpg') no-repeat 100% 50%;
}
body.news #breadcrumbs li.last {
background: none;
}
body.news #breadcrumbs li, body.news #breadcrumbs li a {
color: #8e8c88;
}
body.news #breadcrumbs li a:hover {
color: #21b4d4;
}
body.news #content {
background-color: #ffffff;
position: relative;
margin-top: 30px;
padding-top: 53px;
}
body.news #articles {
float: left;
width: 700px;
margin: 0 30px 185px 10px;
}
body.news #articles h1 {
font-size: 50px;
font-weight: bold;
padding-left: 10px;
margin-bottom: 20px;
height: 40px;
line-height: 40px;
}
body.news #articles li {
display: block;
width: 700px;
background: url('/images/site/news/articleSeperator.jpg') no-repeat top center #fff;
padding: 40px 0 50px;
}
body.news #articles .imageContainer .tl {
background-image: url('/images/site/corners/tl-white.png');
}
body.news #articles .imageContainer .tr {
background-image: url('/images/site/corners/tr-white.png');
}
body.news #articles .imageContainer .bl {
background-image: url('/images/site/corners/bl-white.png');
}
body.news #articles .imageContainer .br {
background-image: url('/images/site/corners/br-white.png');
}
body.news #articles li.pagination {
position: absolute;
padding: 0;
left: 0;
bottom: -38px;
background: none #dedcd8;
height: 38px;
}
body.news li.pagination ul, body.news li.pagination span {
float: right;
}
body.news #articles li.pagination ul li {
float: left;
font-size: 12px;
padding: 0 4px 0 3px;
line-height: 50px;
width: auto;
background: none transparent;
}
body.news #articles li.pagination ul li.prev {
padding: 0 15px;
}
body.news #articles li.pagination ul li.next {
padding: 0 15px;
}
body.news #articles li.pagination ul li.all {
padding: 0 20px;
}
body.news #articles li.pagination span.pages {
float: left;
font-size: 12px;
padding-left: 20px;
line-height: 50px;
}
body.news #articles li h3 {
font-size: 22px;
line-height: 26px;
font-weight: normal;
padding-left: 10px
}
body.news #articles li h2 {
font-size: 34px;
font-weight: bold;
float: left;
width: 410px;
padding-left: 10px;
margin-bottom: 25px;
line-height: 32px;
}
body.news #articles li span {
float: right;
margin-right: 100px;
}
body.news #articles li .imageContainer {
float: left;
width: 220px;
height: 220px;
position: relative;
margin-right: 30px;
}
body.news #articles li .text {
float: left;
width: 450px;
}
body.news #articles li .text p {
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
}
body.news #articles li .text p a {
display:block;
font-weight:bold;
margin-top:5px;
text-decoration:none;
}
body.news #articles li.archive {
width: 680px;
height: 80px;
padding: 10px;
background: none #dbf2f7;
margin: 30px 0 40px;
}
body.news #articles li.archive ul {
float: left;
width: 110px;
padding-left: 10px;
}
body.news #articles li.archive ul li {
line-height: 13px;
height: 13px;
padding: 0;
background: none;
width: auto;
font-size: 11px;
}
body.news #content #description {
float: left;
}
body.news #content #description ul {
margin-top: 12px;
width:220px;
}
body.news #content #description li {
font-size: 22px;
font-weight: bold;
line-height: 30px;
/*height: 30px;*/
padding: 0 0 5px;
}
body.news #content #description li.seperator {
height: 1px;
background: url('/images/site/news/smallSeperator.jpg') no-repeat transparent;
}
body.news #content #description li.showall {
font-size: 15px;
}
body.news #content #description li a {
text-decoration: none;
}
body.news #content .bar {
position: absolute;
width: 940px;
}
body.news #content .bottom-left, body.news #content .bottom-right {
bottom: auto;
}
body.news .shadow {
right: 0;
}
/* article listing template */
body.article {
background: url('/images/site/news/background.jpg') repeat-x scroll top left #ffffff;
}
body.article #outerWrapper {
width: 960px;
}
body.article #wrapper {
position: relative;
float: left;
}
body.article #backgroundCover {
background: url('/images/site/backgroundBottom.jpg') repeat-x scroll bottom left transparent;
}
body.article #breadcrumbs li {
background: url('/images/site/breadcrumbs/news.jpg') no-repeat 100% 50%;
}
body.article #breadcrumbs li.last {
background: none;
}
body.article #breadcrumbs li, body.article #breadcrumbs li a {
color: #8e8c88;
}
body.article #breadcrumbs li a:hover {
color: #21b4d4;
}
body.article #content {
background-color: #ffffff;
position: relative;
margin: 55px 0 0;
}
body.article #articles .tl {
background-image: url('/images/site/corners/tl-white.png');
}
body.article #articles .tr {
background-image: url('/images/site/corners/tr-white.png');
}
body.article #articles .bl {
background-image: url('/images/site/corners/bl-white.png');
}
body.article #articles .br {
background-image: url('/images/site/corners/br-white.png');
}
body.article a.back {
left: 0;
background: url('/images/site/product/back-left.jpg') no-repeat scroll left top #2a251d;
display: block;
width: auto;
padding-left: 20px;
height: 30px;
text-decoration: none;
color: #ffffff;
float: left;
line-height: 30px;
}
body.article a.back span {
display: block;
background: url('/images/site/news/back-right.jpg') no-repeat scroll right top;
padding-right: 40px;
font-size: 12px;
}
body.article #articles li .text p a {
display:inline-block;
font-weight:bold;
/* margin-top:20px; */
text-decoration:none;
}
body.article #articles {
float: left;
width: 700px;
margin:0 30px 0 10px;
}
body.article #articles h1 {
font-size: 50px;
font-weight: bold;
padding-left: 10px;
margin-bottom: 20px;
line-height: 40px;
height: 40px;
}
body.article #articles li {
display: block;
width: 700px;
background: url('/images/site/news/articleSeperator.jpg') no-repeat top center #fff;
padding: 40px 0 70px;
}
body.article #articles li h3 {
font-size: 22px;
line-height: 22px;
font-weight: normal;
padding-left: 10px
}
body.article #articles li h2 {
font-size: 34px;
font-weight: bold;
float: left;
width: 440px;
padding-left: 10px;
margin-bottom: 25px;
}
body.article #articles li span {
float: right;
margin-right: 100px;
}
body.article #articles li .imageSpread {
position: relative;
margin-bottom: 15px;
}
body.article #articles li .imageCaption {
float: left;
width: 240px;
font-size: 11px;
line-height: 13px;
}
body.article #articles li .imageCaption p {
padding-left: 10px;
}
body.article #articles li .imageCaption .side-image {
margin-top: 20px;
width: 220px;
position: relative;
}
body.article #articles li .text {
float: left;
margin-left: 10px;
width: 400px;
}
body.article #articles li .text p {
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
}
body.article #articles li.archive {
width: 680px;
height: 80px;
padding: 10px;
background: none #dbf2f7;
margin: 30px 0 10px;
}
body.article #articles li.archive ul {
float: left;
width: 110px;
padding-left: 10px;
}
body.article #articles li.archive ul li {
line-height: 13px;
height: 13px;
padding: 0;
background: none;
width: auto;
font-size: 11px;
}
body.article #content #description {
float: left;
}
body.article #content #description ul {
margin-top: 12px;
}
body.article #content #description li {
font-size: 22px;
font-weight: bold;
line-height: 30px;
height: 30px;
padding: 0 0 5px;
}
body.article #content #description li.showall {
font-size: 15px;
}
body.article #content #description li a {
text-decoration: none;
}
body.article .bar {
width: 940px;
}
body.article .shadow {
right: 0;
bottom: -22px;
}
/* article listing template */
body.standard {
background: url('/images/site/history/background.jpg') repeat-x scroll top left #e7e6e2;
}
body.standard #backgroundCover { }
body.standard #wrapper { position: relative; float: left; }
body.standard #galleryContainer { background-color: #fff; }
body.standard #breadcrumbs li {
background: url('/images/site/breadcrumbs/ranges-seperator.gif') no-repeat 100% 50%;
}
body.standard #breadcrumbs li.last {
background: none;
}
body.standard #breadcrumbs li, body.standard #breadcrumbs li a {
color: #2a251d;
}
body.standard #content {
background-color: #ffffff;
width: 1080px;
height: auto;
margin:30px auto 0;
padding: 90px 0 60px;
border: 10px solid #fff;
position:relative;
left: -70px;
}
body.standard.standardInfo #content {
background-color:#FFFFFF;
border:10px solid #FFFFFF;
height:auto;
left:-70px;
margin:30px auto 0;
padding:90px 0 60px;
position:relative;
width:1080px;
}
body.standard #content .information {
padding: 0;
width: 650px;
margin-left: 70px;
}
body.standard #content .information h1 {
font-size: 50px;
font-weight: bold;
margin-bottom: 35px;
padding-top:0;
}
body.standard.standardInfo #content .information .text {
top: 0;
}
body.standard #content .information .text p {
font-size: 15px;
line-height: 20px;
margin-bottom: 22px;
}
body.standard.standardInfo #content .information .text h2,
body.standard.standardInfo #content .information .text address {
float: right;
width: 400px;
}
body.standard #content .information .text h2 {
font-size: 15px;
line-height: 20px;
color: #8e8c88;
font-weight: bold;
}
body.standard #galleryContainer {
margin: 0px;
width: 700px;
float: left;
height: auto;
border: 0;
margin-left: 70px;
}
body.standard .inner-bl {
bottom: 60px;
}
body.standard #description {
background-color: #fff;
float: left;
width: 230px;
padding: 10px 0 0 20px;
}
body.standard #description h1 {
font-size: 34px;
}
body.standard #description h2 {
font-size: 15px;
margin-bottom: 15px;
}
body.standard #description ul {
margin-bottom: 80px;
}
body.standard #description li {
font-size: 15px;
line-height: 30px;
font-weight: bold;
}
body.standard #description li a {
text-decoration: none;
}
body.standard .text {
width: 650px;
background-color: #fff;
position: relative;
top: -50px;
z-index:100;
}
body.standard .text h1 {
padding-top: 10px;
font-size: 50px;
font-weight: bold;
margin-bottom: 55px;
padding-left: 10px;
}
body.standard .text p {
clear:both;
font-size: 15px;
line-height: 20px;
width: 400px;
padding: 10px 0;
float:right;
color: #2a251d;
}
body.standard .text p a {
text-decoration: none;
font-weight: bold;
font-size: 15px;
}
body.standard .text h3 {
clear:both;
float: right;
font-size: 15px;
font-weight: bold;
color: #8e8c88;
width: 400px;
padding: 25px 10px 0;
}
body.standard #wrapper {
position: relative;
float: left;
}
body.standard #content {
margin-top: 0px;
background-color: #fff;
border: 10px solid #fff;
border-top: 0;
border-bottom: 0;
width: 1080px;
margin-left: 0;
margin-top: 10px;
padding: 0;
position: relative;
}
body.standard #content .bottom-left {
bottom: -10px;
left: -10px;
}
body.standard #content .bottom-right {
bottom:-10px;
right:-10px;
}
body.standard #content .bar {
position: absolute;
width: 1080px;
left: 0px;
}
body.standard #content .top.bar {
top: -10px;
}
body.standard #content .top-left {
top: -10px;
left: -10px;
}
body.standard #content .top-right {
top: -10px;
right: -10px !important;
}
body.standard #content .text .top-right {
right: 0 !important;
top: -10px;
}
body.standard #content .text .bar {
position: absolute;
width: 640px;
top: -10px;
}
body.standard #content .information form { margin-left: 250px; position: relative; }
body.standard #content .information form .elements{ float: left; width: 230px; }
body.standard #content .information form label { font-size: 15px; color: #8e8c88; font-weight: bold; display: block; margin-bottom: 10px; }
body.standard #content .information form label.label-radio { float: left; line-height: 15px; font-weight: normal; color: #2a251d; font-size: 12px; }
body.standard #content .information form label span.label-required { color: #0badd0; }
body.standard #content .information form input.text { width: 178px; height: 25px; padding: 0; margin: 0 0 15px; top: 0; }
body.standard #content .information form input.radio, body.standard #content .information form input.submit { float: left; }
body.standard #content .information form div.required {
color: #0badd0;
height: 30px;
line-height: 30px;
font-size: 15px;
display: block;
padding:0 10px 0 10px;
font-style: italic;
background-color: #dbf2f7;
float: left;
position:absolute;
top: 25px;
left:240px;
}
body.standard #content .information form div.required span {
float:left;
white-space:nowrap;
}
body.standard #content .information form div.missing-information {
color: #ffffff;
height: 30px;
line-height: 30px;
font-size: 15px;
display: block;
padding:0 10px 0 10px;
font-style: italic;
background-color: #ff6600;
float: left;
position:absolute;
top: 95px;
left:240px;
}
body.standard #content .information form div.missing-information span {
float:left;
white-space:nowrap;
}
/* Footer template */
#footer {
width: 100%;
padding-top: 110px;
border-bottom: 10px solid #fff;
}
body.detail #footer {
/*padding-top: 60px;*/
}
#footer #innerFooter {
background: #fff;
width: 960px;
margin: 0 auto;
position: relative;
height: 130px;
}
#footer ul.inline {
float: left;
width: 120px;
margin-top: 0px;
display:inline;
}
#footer ul {
float: left;
width: 120px;
margin-top: 15px;
}
#footer ul li {
padding-left: 20px;
color: #8e8c88;
font-size: 11px;
line-height: 13px;
}
#footer ul li.title {
font-weight: bold;
}
#footer ul li.last {
margin-bottom: 15px;
}
#footer ul li.alternative {
margin-bottom: 15px;
}
#footer ul li.credit {
/*margin-top: 50px;/**/
}
#footer a, #footer a:active, #footer a:visited {
color: #8e8c88;
text-decoration: none;
}
#footer a:hover {
color: #21b4d4;
}
/* Homepage gallery */
#galleryContainer {
position:relative;
background-color: #ffffff;
}
#imageOuterContainer {
position:absolute;
overflow:hidden;
}
#imageContainer {
z-index:0;
font-family: "Myriad pro",helvetica,arial;
font-size:70%;
}
#imageContainer img {
float:left;
}
#bottomPanel {
z-index:200;
position:absolute;
margin:400px 0px 0px 0px;
width:100%;
font-family: "Helvetica",arial, sans-serif;
font-size:70%;
color:#fff;
top:-80px;
}
#bottomPanel .description {
position:absolute;
margin: 10px;
font-size: 3em;
}
#bottomPanel h3 {
color:#3C3B3B;
font-size: 1.1em;
}
#imageContainer div {
z-index: 100;
left: 0;
}
.fadeImage {
position:absolute;
}
.fadeImage-initial {
position:absolute;
}
.slideImage {
position:relative;
display:block;
float: left;
}
#imageContainer div {
z-index: 100;
left: 0;
}
.fadeImage {
position:absolute;
}
.fadeImage-initial {
position:absolute;
}
.slideImage {
position:relative;
display:block;
float: left;
}
#bottomPanel .pagination {
float:left;
height:70px;
margin:10px 10px 0px 0px;
font-size: 2.2em;
line-height: 1.5em;
}
#bottomPanel .pagination .paginationLink {
float: left;
}
#bottomPanel .pagination a:link.imageNumber,#bottomPanel .pagination a:visited.imageNumber {
border-bottom: none;
}
#bottomPanel .pagination a:link.imagePrev,#bottomPanel .pagination a:visited.imagePrev,#bottomPanel .pagination a:link.imageNext,#bottomPanel .pagination a:visited.imageNext {
border-bottom: none;
}
#bottomPanel .pagination a:link.selected,#bottomPanel .pagination a:visited.selected, #bottomPanel .pagination a.selected {
border-bottom: 2px solid #3C3B3B;
}
#galleryPrevButtonContainer,#galleryPaginationContainer,#galleryNextButtonContainer {
float:left;
display:block;
zoom:1;
*display:inline;
}
#galleryPrevButtonContainer { padding-right:8px; display: none }
#galleryNextButtonContainer { padding-left:10px; display: none }
#galleryPaginationContainer {
overflow:hidden !important;
position:relative;
}
#galleryPaginationScroller {
width:10000px;
}
/* Store Locator [Start] */
body.store-locator #content {
margin-top: 25px;
}
#store-locator-container {
background-color:#FFFFFF;
width:960px%;
float:left;
padding:0px;
position:relative;
}
#store-locator-results #no-results {
padding: 5px 5px 5px 25px;
display: block;
}
#store-locator-container #store-locator-search-box {
position:absolute;
left:250px;
top:10px;
width:445px;
height:90px;
display:block;
z-index:100;
}
#store-locator-container #store-locator-search-box #store-locator-search-box-left-endcap {
float:left;
}
#store-locator-container #store-locator-search-box #store-locator-search-box-middle {
background-image:url(/public/images/store-locator/search-box-middle.png);
background-repeat:repeat-x;
float:left;
height:60px;
}
#store-locator-container #store-locator-search-box #store-locator-search-box-input {
position:relative;
left:0px;
top:0px;
width:360px;
height:36px;
display:block;
float:left;
border:0px;
margin:10px 5px 0 5px;
font-size:20px;
color:#59554e;
font-style:italic;
}
#store-locator-container #store-locator-search-box #store-locator-search-box-submit {
float:left;
padding-top:5px;
}
#store-locator-container #store-locator-search-box #store-locator-search-box-right-endcap {
float:left;
}
#store-locator-container #store-locator-search-box #store-locator-key-reset {
left:-225px;
position:absolute;
width:221px;
background: url('/images/site/store-locator/reset-key.jpg') top right no-repeat scroll #fff;
}
#store-locator-container #store-locator-search-box #store-locator-key-reset li {
float: left;
font-size: 12px;
line-height: 30px;
height: 30px;
padding: 0 13px 0 5px;
margin-right: 27px;
background: url('/images/site/store-locator/key-store.jpg') no-repeat right center;
}
#store-locator-container #store-locator-search-box #store-locator-key-reset li.stockists {
background: url('/images/site/store-locator/key-stockist.jpg') no-repeat right center;
margin-right: 0;
}
#store-locator-container #store-locator-search-box #store-locator-key-corner {
background: url('/images/site/store-locator/reset-key-corner.png') no-repeat transparent;
width: 5px;
height: 30px;
position: absolute;
left: -230px;
}
#store-locator-container #store-locator-search-box #store-locator-reset {
position:absolute;
right:20px;
height:30px;
width:auto;
bottom:0px;
padding-right: 20px;
background: url('/images/site/store-locator/reset-right.png') top right no-repeat scroll transparent;
}
#store-locator-container #store-locator-search-box #store-locator-reset a {
background: #2a251d;
display: block;
}
#store-locator-container #store-locator-search-box #store-locator-reset a span {
font-size: 12px;
background: url('/images/site/store-locator/reset-left.png') top left no-repeat scroll transparent;
display: block;
height: 30px;
line-height: 30px;
margin-left: -4px;
padding-left:20px;
padding-right:28px;
}
#store-locator-container #store-locator-search-box #store-locator-reset a,
#store-locator-container #store-locator-search-box #store-locator-reset a:active,
#store-locator-container #store-locator-search-box #store-locator-reset a:visited,
#store-locator-container #store-locator-search-box #store-locator-reset a:hover {
text-decoration: none;
color:#FFFFFF;
}
#store-locator-container #store-locator-map {
width:700px;
height:700px;
float:left;
}
#store-locator-container #store-locator-map .store-locator-tl {
position:absolute; z-index:1000; top:0; left:0;
}
#store-locator-container #store-locator-map .store-locator-tr {
position:absolute; z-index:1000; top:0; left:0;
}
#store-locator-container #store-locator-map .store-locator-bl {
position:absolute; z-index:1000; top:0; left:0;
}
#store-locator-container #store-locator-map .store-locator-br {
position:absolute; z-index:1000; top:0; left:0;
}
#store-locator-container #store-locator-result-container {
width:245px;
height:564px;
padding-top:20px;
padding-left:20px;
float:left;
}
#store-locator-container #store-locator-result-container h1 {
font-size:34px;
padding-left:12px;
}
#store-locator-container #store-locator-result-container h1.results-title {
font-size:34px;
height:70px;
margin-bottom:5px;
background-image:url(/public/images/store-locator/results-title-grad.png);
background-repeat:no-repeat;
line-height:70px;
}
#store-locator-container #store-locator-result-container h1.results-title span {
padding-left:12px;
}
#store-locator-container #store-locator-result-container h2 {
font-size:15px;
padding-top:5px;
padding-bottom:15px;
padding-left:12px;
}
#store-locator-container #store-locator-result-container #store-locator-results {
width:245px;
height:500px;
overflow:auto;
float:left;
}
#store-locator-container #store-locator-result-container #store-locator-results dl {
background: url("/public/images/store-locator/store-locator-seperator.jpg") no-repeat scroll left bottom transparent;
width:178px;
padding:13px 14px 13px 28px;
margin-bottom:10px;
position:relative;
}
#store-locator-container #store-locator-result-container #store-locator-results dl.current {
background-color: #e7e6e2;
}
#store-locator-container #store-locator-result-container #store-locator-results dl.over {
background-color: #f7f6f4;
}
#store-locator-container #store-locator-result-container #store-locator-results dl .store-locator-arrow {
position:absolute;
left:14px;
top:16px;
}
#store-locator-container #store-locator-result-container #store-locator-results dl dt {
font-weight:bold;
}
#store-locator-container #store-locator-result-container #store-locator-results dl dt a {
text-decoration:none;
}
#store-locator-container #store-locator-result-container #store-locator-results dl dd {
font-size:15px;
line-height:16px;
word-wrap: break-word;
}
#store-locator-container #store-locator-result-container #store-locator-results dl dd#store-locator-icons {
padding-top:18px;
}
#store-locator-container #store-locator-result-container #store-locator-results dl dd#store-locator-icons img {
padding-right:8px;
}
#more-stores-form .more-link {
display:block;
font-size:14px;
margin-bottom:10px;
margin-right:40px;
text-align:right;
}
#store-locator-container #store-locator-result-container #store-locator-key {
height:90px;
width:218px;
float:left;
padding-left:15px;
}
#store-locator-container #store-locator-result-container #store-locator-key h1 {
font-size:15px !important;
padding:5px 0;
float:left;
width:100%
}
#store-locator-container #store-locator-result-container #store-locator-key div {
font-size:15px;
float:left;
width:50%;
height:20px;
line-height:20px;
padding-bottom:7px;
vertical-align:middle;
}
#store-locator-container #store-locator-result-container #store-locator-key div img {
float:left;
}
#store-locator-container #store-locator-result-container #store-locator-key div span {
float:left;
padding-left:8px;
line-height:22px;
font-size:12px;
}
/* Store Locator [End] */
/* Forms Common [Start] */
.submit-btn {
display:block;
height:30px;
float:left;
margin-top:30px;
}
.submit-btn .endcap {
float:left;
}
.submit-btn a {
float:left;
color:#ffffff;
height:30px;
display:block;
background-color:#2a251d;
font-size:12px;
text-decoration:none;
background-image:url(/public/images/common/forms/arrow-right.png);
background-repeat:no-repeat;
background-position:5px 12px;
padding-left:14px;
padding-right:55px;
line-height:29px;
}
.input-field {
float:left;
}
.input-field .endcap, .input-field-failed .endcap {
float:left;
}
.input-field input, .input-field-failed input {
float:left;
background-image:url(/public/images/common/forms/input-background.jpg);
border:0px;
height:25px;
color:#2a251d;
font-size:15px;
padding:5px 5px 0 5px !important;
width:178px;
}
.input-field-failed input {
background-image:url(/public/images/common/forms/input-background-failed.jpg);
}
.radio {
margin:0px;
padding: 0px;
float:left;
}
.label-radio {
margin-left:10px;
margin-right:36px;
float:left;
font-size:15px;
color:#2a251d;
font-weight:normal;
line-height:14px;
}
.elements-extended-height {
height:72px;
}
body.standard #content .information form .elements-extended-height label {
margin-bottom: 15px;
}