/*	
	Website:	Sharon lee
	Author:		Nick Sheehy,nick@thinkstorm.co.uk
	Created:	Monday 17.02.10
	Updated:05.10.10
*/

/*----- RESET -----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,/* em,*/ font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,/* added by nick */ input,textarea /* removed by nick */ /* p */ 
{border:0;font-style:inherit;font-size:100%;font-family:inherit;text-align:left;vertical-align:baseline;text-decoration:none;background-repeat:repeat-x;margin:0;padding:0}

/*----- TYPOGRAPHY -----*/
body {color:#444;font:12px/18px "Lucida Grande",Verdana,sans-serif;background:url("/assets/i/bg2.gif") center repeat #F8F8F7}
h1,h2,h3,h4,#communications,#contact #intro p, .nav {font-family:Helvetica,Arial}
h1,p.date,h5,.prefix,#primary-nav a,label,body#news #sidebar h2,#sidebar #news h2,input[type=submit],.special_offer h2,#offers h4 {text-transform:uppercase}
h1,#main h3,#sidebar h3,h4,#footer h3 {font-weight:400}
body#news #sidebar h2,#sidebar #news h2 {font-size:12px;line-height:18px;letter-spacing:normal}
body#news #sidebar h2 a,#sidebar #news h2 a {color:#22747D}
h3 {color:#9D0B01;font-size:21px;line-height:27px;clear:both;margin:36px 0 18px}
h4 {clear:both;color:#AA491E;font-size:15px;margin:24px 0 12px}
h5 {font-size:12px;margin:18px 0 0;color:#22747D}
p {margin:0 0 18px}
.block ul {margin:0 0 18px 30px}
ul.left {width:190px;margin-left:10px}
.caps {text-transform:uppercase}
#sidebar {font:11px/15px "Lucida Grande",Verdana,sans-serif}



/* NEW */
.tab {background:url("/assets/i/stitch1.png") repeat-x #544E4E top;color:#fff;float:left;font-size:13px;line-height:18px;margin:0 0 24px -20px;padding:9px 20px 7px;text-transform:uppercase;font-weight:normal;letter-spacing:1px}
#sidebar .tab {background-color:#AA491E;margin:0 0 2px -20px}
ul.tick {list-style:none}
ul.tick li {background:url("/assets/i/tick.png") no-repeat top left;margin-left:-20px;padding-left:25px;list-style:none}



ol {list-style:decimal;margin-left:20px}
ol li {margin-bottom:5px}
ol ol ol li {margin-bottom:0}
ol ol ol {list-style:lower-alpha}

/*----- HEADER -----*/
#header {background:url("/assets/i/body-bg.png") 0 -486px}
#header-content {height:258px;position:relative}
#communications {color:#fff;font-size:18px;position:absolute;right:10px;top:37px;line-height:30px}
#communications a {background:#AA1E22;box-shadow:0 0 2px rgba(0, 0, 0, 0.6);color:#fff;font-size:14px;margin-left:20px;padding:7px 10px 3px;text-transform:uppercase;border:none}
#communications a img {position:relative;top:-2px;margin-left:4px}
#communication-icons {position:absolute;right:10px;top:97px}
#communication-icons a {border:none}

/*----- NAVIGATION -----*/
.nav li {float:left;display:inline}
.nav a {display:block}

/*Primary*/
#primary-nav {position:absolute;left:10px;top:96px;font-size:12px}
#primary-nav li {border-left:1px solid #FFFFFF;height:21px;line-height:21px;margin:0 10px 0 0;padding:0 0 0 10px}
#primary-nav li:first-child {border-left:none}
#primary-nav li.current a {color:#FFC000;border-bottom:1px dotted #fff}
#primary-nav a {color:#fff}
#knoto-link img {position:relative;top:3px}

/*Secondary*/
#secondary-nav {background-image:url("/assets/i/nav2.jpg");background-repeat:no-repeat;bottom:0;position:absolute;width:980px;left:-10px;padding:0 0 0 10px}
#secondary-nav a {height:118px;width:200px;line-height:12px;position:relative;padding:5px 20px}
#secondary-nav a span {bottom:15px;left:20px;position:absolute;text-align:center;width:200px;color:#76683C}
#secondary-nav li.current {background-image:url("/assets/i/li-bg.png");background-position:bottom;margin:0 -10px;padding:0 10px}
#secondary-nav #nav-stockcaps.current a {background-image:url("/assets/i/nav2.jpg");background-position:-10px bottom}
#secondary-nav #nav-bespokecaps.current a {background-image:url("/assets/i/nav2.jpg");background-position:-250px bottom}
#secondary-nav #nav-tuffcap.current a {background-image:url("/assets/i/nav2.jpg");background-position:-490px bottom}
#secondary-nav #nav-atlantiscaps.current a {background-image:url("/assets/i/nav2.jpg");background-position:-730px bottom}
#secondary-nav a strong {display:none}

/*----- BANNERs -----*/
#banner,.slide {background-position:right bottom;background-repeat:no-repeat;overflow:hidden;position:relative}
.slide img {line-height:0;font-size:0}
h1 {font-size:13px;letter-spacing:-0.5px;color:#7F7F7F;margin:20px 0 10px;padding:9px 30px 7px 40px}
h2 {color:#AA1E22;line-height:36px;letter-spacing:-0.8px;font-size:30px;margin-bottom:10px}
#banner h3 {color:#343434;font-size:18px;line-height:24px;margin:0 0 10px}
.next,.prev {width:10px;background-color:#AA1E22;position:absolute;bottom:10px;line-height:30px;z-index:100;display:inline}
.next {right:-30px;border-right:30px solid #DFDFDF}
.prev {left:-30px;border-left:30px solid #DFDFDF}
.next:hover,.prev:hover {border-color:#AA1E22}
#banner .next img,#banner .prev img {float:none;padding:0 3px}
.next:active,.prev:active {background-color:#80171A;border-color:#80171A}
#banner p.links {clear:left;margin:0 0 36px 40px;width:350px;line-height:20px;font-size:11px}
p.links a {margin-right:5px;white-space:nowrap}
#banner #intro {float:left;width:350px;margin-left:40px}
#intro p {width:270px;margin:0 0 15px}
.hide {display:none}

/*Home*/
#home #banner {overflow:visible}
#home #banner .slide {width:960px;overflow:hidden;padding-bottom:15px;background-position:right bottom;background-repeat:no-repeat}
#home #banner .externalControl {bottom:-28px;position:absolute;right:10px}
#home #banner .externalControl a {font-weight:700;color:#fff;padding:5px}
#home #banner .externalControl a.activeSlide {background-color:#8B2F11}

/*About*/
#banner #intro-supplementary ul {color:#AA491E;font-size:15px;line-height:24px;margin:20px 0 0 80px}
#banner #intro-supplementary ul li {list-style:square}
#banner #intro-supplementary ul {float:left;width:290px}

/*hr*/
div.hr.dash {background-position:0 -383px;clear:both;height:1px;position:relative;z-index:1000}
#main .block div.hr.dash {margin:36px -70px 36px 0}

/* ----- COMMON PAGE ELEMENTS ----- */

/*layout*/
#content {background-color:#fff;padding-bottom:15px}
.section {width:960px;margin:auto}
#main {width:620px;float:left;margin-bottom:100px}
#sidebar {width:310px;float:right;margin-bottom:120px}

/*content*/
.block {background:url("/assets/i/stitch1.png") 0 0 repeat-x;overflow:hidden;margin-bottom:15px}
.hr {background:url("/assets/i/stitch.gif") 0 -203px;height:37px;margin:0 0 20px}
.hr hr {display:none}
.indent {margin:0 0 0 15px}
body#accessories .block li {color:#9D8A50;font-size:15px;line-height:40px;list-style:none;margin-bottom:0}
body#accessories .block li img {float:left;margin-right:15px}
p.date {color:#A4A4A4;margin:0 0 12px}
p a,h2 a, #main li a {color:#AA1E22;border-bottom:1px solid rgba(0, 0, 0, 0.1)}
a:hover,p.back a:hover {border-color:#000;color:#7A0900}
.prefix {color:#FFC000}
#home p.back {margin:15px 0 0 40px}
.clear {clear:both;background:none;height:0;border:0;padding:0}
#tuffcap .hr.banner {background-image:url("/assets/i/chev.png");background-position:center top;height:36px}
#main .block {margin:0 0 40px;padding:0 150px 0 40px;/* padding:0 70px 0 40px */}
.sub {border-bottom:1px dotted #CCCCCC;overflow:hidden;background-color:#F8F8F7;margin:0 -15px;padding:0 15px}
.sub .right {margin:-20px 0 15px 20px}

.quote {background:url("/assets/i/open-quote.png") left top no-repeat;margin:0 70px 40px 30px}
#testimonials .quote {background-position:30px 30px;background-repeat:no-repeat;border-top:1px dashed #CBCBCB;margin:0 70px 20px 0;padding:30px 20px 10px 30px}
blockquote {background:url(/assets/i/close-quote.png) no-repeat bottom right;margin-left:30px;padding-right:30px;color:#AA491E;font-size:15px;line-height:18px}
cite strong {text-transform:uppercase;font-size:11px}
cite {display:block;font-size:10px;margin-left:30px}

/*#main elements*/
.block ul li {margin-bottom:5px}
.back {clear:left;margin:36px 0 18px}
.back a {background:#F7F6F5;border-bottom:none;padding:5px}

/*#sidebar elements*/
#sidebar .image	 {float:left}
.teaser_content	 {float:left;width:166px}
.news_teaser {border-top:1px dotted #C5C4C4;overflow:hidden;padding:18px 0 0}
.news_teaser:first-child {border-top:0;padding:0}

/*more*/
#more {background:url("/assets/i/stitch1.png") repeat-x scroll 0 0 transparent;padding:30px 150px 0 40px}
#more h4 {margin-top:0;font-style:italic}

/*gallery*/
.block .gallery {margin:0 0 5px -10px;position:relative}
.block .gallery .label {-moz-border-radius:20px 20px 20px 20px;background-color:#fff;color:#000;left:20%;opacity:0.7;padding:10px 0;position:absolute;text-align:center;top:40%;width:60%}
.block .gallery.left {margin:0 15px 5px -10px}
.block .gallery img {border:1px solid #EBE8DC;margin:0 6px 2px 0;padding:1px}
.block .gallery img:hover {-moz-box-shadow:0 0 10px #CBC1A4}

/*images*/
.right {float:right}
img.right {margin:0px -20px 15px 20px}
div.slideshow.right {margin:-20px -50px 15px 20px}
.left {float:left;margin:0 20px 15px -10px}
.slideshow p {position:absolute;bottom:0;right:0;background-color:rgba(255,255,255,0.5);padding:2px 5px;font-size:9px}

/*Home Page*/
#main #company-logo {background:url("/assets/i/stitch2.jpg") top repeat-x;overflow:visible;margin:0}
#company-logo .logo {margin:-7px 0 0 -20px}
#main #company-intro {background-image:url("/assets/i/company-info-bg.jpg");background-position:bottom;padding-bottom:45px;border-bottom:10px solid #7A0900;margin-top:-18px}
#main #company-intro p,#main #company-intro h4 {width:350px}
#main #company-intro h4 {margin:12px 0 15px}
img.outdent {margin:0 0 15px -30px}
#home .hr.banner {margin-bottom:40px}
#offers h3 {background-color:#9D8A50;margin:0 0 20px 10px}
#offers h4 {margin-top:0;font-size:12px;line-height:20px;font-weight:700;margin-bottom:5px}
#offers div.offer {width:250px;float:left;margin-left:30px}
#offers div.offer.one {width:auto;float:none;margin-left:40px}
.contain {clear:both;overflow:hidden}
#offers div.offer img {border:1px solid #E3E3E3;float:left;margin:0 10px 20px 0;padding:1px}
.offer-content {float:left;width:140px}

#main #quotes {padding:30px 0 0}
#quotes .quote {margin:0 70px 0 10px}
#quotes .readmore {margin:15px 0 20px 40px}

.download {background:url("http://www.sharonleeltd.co.uk.c25.sitepreviewer.com/images/uploads/download.png") 0 center no-repeat;line-height:45px;padding-left:45px}

/*----- SIDEBAR CONTENT -----*/
#sidebar .block {background:url("/assets/i/sidebar-block-bg.gif") repeat-y right #F7F6F5}
#sidebar .block .title {background:url("/assets/i/stitch1.png") right top repeat-x;overflow:hidden;padding:0 40px 0 30px}
#sidebar .block .content {background:url("/assets/i/stitch1.png") right bottom repeat-x;overflow:hidden;padding:10px 40px 5px 30px}
#sidebar .hr {height:8px;margin:-4px 0 15px}
#sidebar .block .hr {background:url("/assets/i/stitch1.png") center;height:1px;margin:0 0 10px}
#sidebar p {clear:both;color:#695F42;margin-bottom:12px}
#sidebar h4 {margin:0}

/* Satisfaction */
#sidebar #satisfaction {background-color:#efd2d3;overflow:visible;position:relative}
#sidebar #satisfaction .content	 {padding-left:110px}
#sidebar #satisfaction .title	 {height:5px}
.satisfaction-badge	 {position:absolute;left:0;top:-12px}

/*assistance*/
#assistance p.telephone {font-size:20px;line-height:30px}
#assistance p.telephone span {letter-spacing:-1px}
#assistance p.telephone label {color:#BF7756}

/*credentials*/
#sidebar #credentials {background-color:#B7C7BD}
#credentials h3 {background-color:#7C8B82}
#credentials img.right {margin:-10px -10px -10px 0px}

/*news*/
.news-image-container {position:relative;margin:0 0 15px -20px}
.news-thumbnail,img.news {border:1px solid #E3E3E3;float:left;margin:0 10px 12px 0;padding:1px}
#main .block p.news-image-description {background-color:rgba(255,255,255,0.8);bottom:10px;left:10px;position:absolute;width:auto;padding:5px}
.news-item-image {border:1px dotted #E3E3E3;padding:9px}
.tweet {border-bottom:1px dotted #C5C4C4;overflow:hidden;padding:10px 0 0;clear:both}
#sidebar .tweet .date p {color:#a4a4a4}
#sidebar .twitter-profile {float:left;clear:none;margin-top:7px;margin-bottom:22px}
.append {color:#a4a4a4}
/* dev */
.teaser h2 {font-size:18px;line-height:1.5;letter-spacing:0}
.teaser img,img.news-image-full {margin:0 20px 10px -10px}
.teaser-text {float:left;width:380px}
#news p.back {margin:15px 0 0 40px}
#news #main .block, #special-offers #main .block {padding-top:30px}
.paginate {margin:0 0 18px 30px}
.paginate strong {padding:3px 5px;background:#DDD}
.paginate a {border:1px solid #DDD;padding:2px 4px}
 
/* timescale */
#timescale.block {background-color:#D3E3E5}
#timescale.block .content {padding-bottom:20px}
#timescale.block h5 {margin:0}
#timescale.block h2 {background-color:#22747D}
#timescale .content div {padding:15px 0 15px 60px;height:30px;background-position:left;background-repeat:no-repeat;border-bottom:1px dotted #B5CCCF}
#timescale .content div.last {border:0}
#timescale h4 {background-color:#B5CCCF;color:#FFF;font-size:12px;line-height:20px;padding:2px 5px 0;text-transform:uppercase}
.plain {background-image:url("/assets/i/timescale-plain.jpg")}
.print {background-image:url("/assets/i/timescale-print.jpg")}
.embroidery {background-image:url("/assets/i/timescale-embroidery.jpg")}
.visual {background-image:url("/assets/i/timescale-visual.jpg")}
.production {background-image:url("/assets/i/timescale-production.jpg")}
.stock {background-image:url("/assets/i/timescale-stock.jpg")}
.sample {background-image:url("/assets/i/timescale-sample.jpg")}

/* rss and Twitter */
#sidebar #rss {background-color:#ECE5E1;margin-bottom:5px}
#rss p {line-height:30px;margin:0}
#rss img,#twitter img {float:left;margin-right:10px}
#rss .title {height:5px}
#sidebar #rss .content {padding:5px 0 10px 10px}

/* updates */
#updates.block h3 {background-color:#9D8A50}
#updates.block label,#assistance.block #contact_form label,body#contact #contact-details label {height:0;width:0;position:absolute;overflow:hidden}

/* pea6 */
#sidebar #pea6 p {clear:none;margin:15px 0}
#sidebar #pea6 {background-color:#E9F0DC;color:#375125}
#sidebar #pea6 a {background-color:#91AF49;border:0;color:#fff;display:block;float:left;margin-top:10px;padding:5px 5px}
#sidebar #pea6 .title {height:5px}
#pea6 img {float:left;margin:0 10px 10px -10px}

/*-----	PAGE:Contact	-----*/
#map-frame {border:1px dotted #CCC;float:left;margin:15px 0 15px -10px;padding:2px}
#map {height:300px;width:430px}
#contact-details {margin:0 80px 30px 0}
#contact #intro p {font-size:16px;line-height:1.5}
#contact #intro .prefix {color:#9D8A50}
#contact-details textarea {width:290px!important;height:110px!important;padding:5px}

/* ----- FORMS -----*/
form p,#sidebar form p {margin:0 0 5px}
input[type=text],textarea {width:228px!important;border:1px solid #eee;color:#858D87;padding:5px}
textarea {height:60px!important}
input[type=submit] {background:#9D8A50 url("/assets/i/stitch.gif") 0 -160px repeat-x;color:#FFF;cursor:pointer;float:right;opacity:0.75;position:relative;margin:-9px 10px 15px 0;padding:5px 10px}
input[type=submit]:hover {opacity:1}
.hiddenFields {display:none}


/* special offers */
.special_offer h2 {font-size:14px;line-height:20px;color:#22747D;letter-spacing:normal;margin-bottom:10px}
#main div.special_offer,#main div.teaser {margin-bottom:0;padding:40px 70px 30px 40px}
#main div.special_offer img {float:right;margin-top:-15px}
#special-offers p.back {margin:15px 0 0 40px}
div.special_offer div {float:left;width:270px}

/* SL Express */
#EOoverlay {display:block;height:51px;width:208px;background:url("/assets/i/launch-btn.png") top;text-indent:-2000px;border:0;margin-left:-2px}
#EOoverlay:hover {background:url("/assets/i/launch-btn.png") 0 51px}
.eo-logo {color:#000}
.eo-logo span {color:#92000D}

/* KNOTO */
#knoto #banner {line-height:0}

/* SERVICE */
#service-stock {width:210px;float:left}
#the-service {width:320px;float:left}


/* ----- FOOTER ----- */
#footer {background-image:url("/assets/i/body-bg.png");color:#fff;height:486px;height:390px}
#footercontent {position:relative}
.cap-image {position:absolute;right:3px;top:-151px}
#footer h3 {background-position:0 -280px;margin:0 0 20px -20px;padding:9px 20px 7px}
#footer .logo {margin:58px 0 30px 10px}
p.registration {color:#888;font-size:10px}
#footer p {margin-left:30px}
#associations a {border:none}
#associations .logo {margin:0 5px 15px 0}
#associations p {clear:both;margin:0}