html { min-height: 100%; margin-bottom: 1px}
body { width:950px; margin-left: auto; margin-right: auto; text-align: left;BACKGROUND-COLOR: #010066; color:#FFFFFF; FONT-SIZE: 62.5%; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif
}
h3 { margin:0 125px 0px 20px; font-size:1.5em; line-height:1.8em }
p, H2{ margin:0 90px 15px 10px; font-size:1.2em; line-height:1.4em }
.img_right { padding:0 0 0 15px}
.img_left { padding:0 20px 0 0}
.lowerlink { padding-right:20px; background:url(http://www.aboutpure.com/assets/link_lower.gif) top right no-repeat}
#mainblock p , #mainblock H2 { margin:0 125px 20px 20px; font-size:1.2em; line-height:1.8em }
#mainblock H2{ font-size:1.4em; font-weight:bold; line-height:1.4em; margin-bottom:0; text-transform:uppercase }
#headline { margin:0 0 10px 10px; width:500px; z-index:0 }
*html #headline { margin:0 0 10px 20px; width:500px; }
#body_faq #mainblock a { color:#cd519a; text-decoration:none; line-height:23px}
#body_faq #mainblock a:hover { color:#fff; }
#body_faq ol { font-size:1.2em; list-style:decimal; width:500px}
#copy ul; #copymain ul { margin:0px 20px 15px 0 }
#copy li , #copymain li { list-style-image:url(http://www.aboutpure.com/assets/bulletmain.gif); margin-bottom:15px; font-size:1.2em; width:500px}
#mainblock .anchor a { color:#fff; font-size:1.0em; line-height:1.4em; text-decoration:none; font-weight:normal; }
#mainblock .anchor a:hover { color:#cd519a; text-decoration:underline; font-weight:normal; }
#copy a, #copymain a { color:#cd519a; font-size:1.0em; line-height:1.4em; text-decoration:none; font-weight:normal; }
#copy a:hover, #copymain a:hover { color:#fff; text-decoration:underline; font-weight:normal; }
br { margin-bottom:20px}
#header {
MARGIN:0; WIDTH: 950px; padding-TOP: 30px; HEIGHT: 100px; background:url(http://www.aboutpure.com/assets/bg-header.gif) repeat-y}
#nav {
width: 190px;
margin:0;
padding-bottom:10px;
float:left
}
*html #nav {
width: 175px;
margin:0 -20px 0 7px
}
*html #body_welcome #nav, *html #body_faq #nav {
margin:0 0 0 7px }
#mainblock {float:left; text-align:left; width:663px;margin:0; float:left; background: url(../assets/bg-copy.gif) top right repeat-y }
#copy{ width:663px; margin-top:-10px; background:url(http://www.aboutpure.com/assets/bg-subpage.gif) top right no-repeat}
*html #copy{ width:663px; margin-top:0; background:url(http://www.aboutpure.com/assets/bg-subpage.gif) top right no-repeat}
#copymain{ width:663px; margin-top:30px}
#mainblock img { margin-left:20px}
#copy img { margin-left:0}
#nav li a { display:block; padding-bottom:0;padding-top:0.4em; width:175px; height:25px; color:#FFFFFF; }
#nav li a:hover { background:url(http://www.aboutpure.com/assets/lines_nav.gif) repeat-x #7e726e; height:25px; text-decoration:none; }
*html #nav li a:hover { background:url(http://www.aboutpure.com/assets/lines_nav.gif) repeat-x #7e726e; height:25px; width:153px; text-decoration:none; }
*html #nav #goshop a:hover ,
#nav #welcome a:hover ,
#nav #purephilosophy a:hover,
#nav #worldofcashmere a:hover,
#nav #pureway a:hover,
#nav #pureenvir a:hover,
#nav #faqs a:hover,
#nav #articles a:hover,
#nav #CNCF a:hover { width:175px}
*html #goshop { margin-left:0px; margin-bottom:20px; width:175px; height:0; padding-top:30px; overflow:hidden; background:url(../../assets/but_goshop.gif) no-repeat}
*html #body_CNCF #mainblock {margin-left:21px }
/* makes double lined sub links work */
#nav #responsible a, #nav #cashenvir a, #nav #packagingtrans a { padding-top:0.1em; height:45px; }
#nav #responsible a:hover, #nav #cashenvir a:hover, #nav #packagingtrans a:hover {background: #7e726e; height:45px }
/* makes single lined sub links work */
#nav #welfare a, #nav #animal a, #nav #fairtrade a, #nav #sustain a ,#nav #heritage ,#nav #history, a #nav #founders a #nav #handmade a #nav #cashmere { padding-top:0.1em; }
#nav #welfare a:hover, #nav #animal a:hover, #nav #fairtrade a:hover, #nav #sustain a:hover, #nav #heritage a:hover, #nav #history a:hover, #nav #founders a:hover, #nav #handmade a:hover, #nav #cashmere a:hover {background: #7e726e;}
#nav ul {margin: 0; list-style-type:none; display:block; text-align: left; width:150px }
#nav ul a { font-size:1.2em; text-decoration: none; line-height:20px; }
.innerLI-envir , .innerLI-way { margin-left:-15px; padding-left:12px; overflow:hidden; background:url(http://www.aboutpure.com/assets/bullet.gif) 0 7px no-repeat; }
.innerLI-philos, .innerLI-world { margin-left:-15px; padding-left:12px; overflow:hidden; background:url(http://www.aboutpure.com/assets/bullet.gif) 0 10px no-repeat; }
*html .innerLI-envir , .innerLI-way { margin-left:10px; padding-left:12px; overflow:hidden; background:url(http://www.aboutpure.com/assets/bullet.gif) 0 7px no-repeat; }
*html .innerLI-philos, .innerLI-world { margin-left:10px; padding-left:12px; overflow:hidden; background:url(http://www.aboutpure.com/assets/bullet.gif) 0 10px no-repeat; }
.dots { background:url(http://www.aboutpure.com/assets/lines_nav.gif) top; margin-left:-25px; height:30px}
*html .dots { background:url(http://www.aboutpure.com/assets/lines_nav.gif) top; margin-left:0; height:30px; width:175px}
/* makes certain sections expand/collapse */
#body_welcome .innerLI-way,
#body_welcome .innerLI-envir,
#body_welcome .innerLI-philos,
#body_welcome .innerLI-world,
#body_faq .innerLI-way,
#body_faq .innerLI-envir,
#body_faq .innerLI-philos,
#body_faq .innerLI-world,
#body_articles .innerLI-way,
#body_articles .innerLI-envir,
#body_articles .innerLI-philos,
#body_articles .innerLI-world,
#body_CNCF .innerLI-way,
#body_CNCF .innerLI-envir,
#body_CNCF .innerLI-philos,
#body_CNCF .innerLI-world,
#body_philoswelcome .innerLI-way,
#body_philoswelcome .innerLI-envir,
#body_philoswelcome .innerLI-world,
#body_heritage .innerLI-way,
#body_heritage .innerLI-envir,
#body_heritage .innerLI-world,
#body_history .innerLI-way,
#body_history .innerLI-envir,
#body_history .innerLI-world,
#body_process .innerLI-way,
#body_process .innerLI-envir,
#body_process .innerLI-world,
#body_founders .innerLI-way,
#body_founders .innerLI-envir,
#body_founders .innerLI-world,
#body_handmade .innerLI-way,
#body_handmade .innerLI-envir,
#body_handmade .innerLI-world,
#body_worldwelcome .innerLI-way,
#body_worldwelcome .innerLI-envir,
#body_worldwelcome .innerLI-philos,
#body_cashmere .innerLI-way,
#body_cashmere .innerLI-envir,
#body_cashmere .innerLI-philos,
#body_superfine .innerLI-way,
#body_superfine .innerLI-envir,
#body_superfine .innerLI-philos,
#body_colour .innerLI-way,
#body_colour .innerLI-envir,
#body_colour .innerLI-philos,
#body_pureway .innerLI-world,
#body_pureway .innerLI-envir,
#body_pureway .innerLI-philos,
#body_welfare .innerLI-world,
#body_welfare .innerLI-envir,
#body_welfare .innerLI-philos,
#body_animal .innerLI-world,
#body_animal .innerLI-envir,
#body_animal .innerLI-philos,
#body_fairtrade .innerLI-world,
#body_fairtrade .innerLI-envir,
#body_fairtrade .innerLI-philos,
#body_responsible .innerLI-world,
#body_responsible .innerLI-envir,
#body_responsible .innerLI-philos,
#body_envir .innerLI-world,
#body_envir .innerLI-philos,
#body_envir .innerLI-way,
#body_sustain .innerLI-world,
#body_sustain .innerLI-philos,
#body_sustain .innerLI-way,
#body_cashenvir .innerLI-world,
#body_cashenvir .innerLI-philos,
#body_cashenvir .innerLI-way,
#body_packagingtrans .innerLI-world,
#body_packagingtrans .innerLI-philos,
#body_packagingtrans .innerLI-way { display:none}
/* highlights current page - top level */
#body_welcome #welcome a,
#body_worldwelcome #worldofcashmere a,
#body_philoswelcome #purephilosophy a,
#body_pureway #pureway a,
#body_envir #pureenvir a,
#body_faq #faqs a,
#body_articles #articles a,
#body_CNCF #CNCF a {width:175px; background:url(http://www.aboutpure.com/assets/lines_nav2.gif) repeat-x}
*html
#body_worldwelcome #worldofcashmere a,#body_welcome #welcome a,
#body_philoswelcome #purephilosophy a,
#body_pureway #pureway a,
#body_envir #pureenvir a,
#body_faq #faqs a,
#body_articles #articles a,
#body_CNCF #CNCF a {width:175px; background:url(http://www.aboutpure.com/assets/lines_nav2.gif) repeat-x}
/* highlights current page - second level */
#body_heritage #heritage a,
#body_history #history a,
#body_founders #founders a,
#body_handmade #handmade a,
#body_cashmere #cashmere a,
#body_superfine #superfine a,
#body_colour #colour a,
#body_cashenvir #cashenvir a,
#body_packagingtrans #packagingtrans a,
#body_sustain #sustain a,
#body_fairtrade #fairtrade a,
#body_responsible #responsible a,
#body_welfare #welfare a,
#body_animal #animal a { background: #7b3347 ; }
*html #body_heritage #heritage a,
#body_history #history a,
#body_founders #founders a,
#body_handmade #handmade a,
#body_cashmere #cashmere a,
#body_superfine #superfine a,
#body_colour #colour a,
#body_cashenvir #cashenvir a,
#body_packagingtrans #packagingtrans a,
#body_sustain #sustain a,
#body_fairtrade #fairtrade a,
#body_responsible #responsible a,
#body_welfare #welfare a,
#body_animal #animal a { width:155px; background: #7b3347 ; }
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #headline h1 { visibility: hidden; line-height:3em; font-size:200%}