/* Generic Styling */
body {
    margin: 0px;
    padding: 0px;
    font-size: 62.5%;
    text-align: center;
    font-family: Georgia;
}

p {
    margin: 0px;
}

a img {
    border: none;
}

#container {
    position: relative;
    margin: 10px auto 0px auto;
    width: 920px;
    padding: 11px 12px 11px 11px;
    z-index: 1;
}

#page {
    position: relative;
    background-color: #FFF;
    text-align: left;
    width: 100%;
}

#pageContent {
    text-align: center;
    padding: 10px 20px 13px 20px;
}

#containerTop {
    position: absolute;
    top: -11px;
    left: 0px;
    background: url(../images/pageTop.png) repeat-x;
    width: 100%;
    height: 11px;
}

#containerBottom {
    position: absolute;
    top: 100%;
    left: 0px;
    background: url(../images/pageBottom.png) repeat-x;
    width: 100%;
    height: 11px;
}

#containerLeft {
    position: absolute;
    top: 0px;
    left: -11px;
    background: url(../images/pageLeft.png) repeat-y;
    width: 11px;
    height: 100%;
}

#containerRight {
    position: absolute;
    top: 0px;
    left: 100%;
    background: url(../images/pageRight.png) repeat-y;
    width: 12px;
    height: 100%;
}

.logo {
    position: relative;
    margin: 0px auto;
    width: 161px;
    height: 112px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
}

.logo a {
    position: relative;
    display: block;
    width: 161px;
    height: 112px;   
}

ul.nav {
    display: block;
    text-transform: uppercase;
    line-height: 23px;
    font-family: Georgia;
    font-size: 1.2em;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

ul.nav li {
    position: relative;
    float: left;
    width: 176px;
    list-style: none;
    border-bottom: 1px solid #FFF;
}

ul.nav li .left, ul.nav li .right {
    position: relative;
    height: 23px;
    width: 5px;
    background-repeat: no-repeat;   
}

ul.nav li .left {
    float: left;
}   

ul.nav li .right {
    float: right;   
}

ul.nav li a {
    float: left;
    display: block;
    width: 166px;
    text-align: center;
}

ul.nav li:hover {
    cursor: pointer;   
}

ul.nav li ul {
    clear: both;
    display: none;
    position: absolute;
    top: 23px;
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
}

ul.nav li:hover ul {
    display: block;
}

ul.nav li ul li {
    list-style: none;
    border-bottom: none;
}

ul.nav li ul li .background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 24px;
    filter: alpha(opacity=60);
	opacity: 0.6;
}

ul.nav li ul li a {
    position: relative;
    display: block;
    float: none;
    width: 166px;
    margin: 0 auto;
}

ul.nav li ul li.first {
    border-top: 1px solid #FFF;
	padding-top: 9px;	
}

ul.nav li ul li.first .background {
    padding-bottom: 9px;
}

ul.nav li ul li.last {
	padding-bottom: 5px;
	border: none;
}

ul.nav li ul li.last a {
    padding-top: 4px;
    line-height: 18px;   
}

ul.nav li ul li.last .background {
    padding-bottom: 4px;   
}

ul.nav li ul li .background.bigger {
    padding-top: 20px;   
}

#page ul.nav li a {
    color: #FFF;
    text-decoration: none;  
}

#page ul.nav li ul li, ul#homeNav li ul li:hover {
    background-color: transparent;   
}

#page ul.nav li ul li .background {
    background-color: #333;   
}

#page ul.nav li ul li:hover .background {
    background-color: #000;
}

#page ul.nav li ul li.last a {
	border-bottom: none;	
}

.content {
    margin-top: 16px;
    text-align: left;
}

.leftCol, .rightCol {
    position: relative;
    float: left;
}

.leftCol {
    margin-right: 10px;
}

#footer {
    position: relative;
    padding-top: 60px;
}

.footerLogo {
    position: relative;
    margin: 0px auto;
    padding-bottom: 20px;
    width: 150px;
    height: 45px;
    background-repeat: no-repeat;
}

#footerText {
    position: relative;
    text-align: left;
    width: 100%;   
}

#footerCopyright {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-transform: uppercase;
}

#footerDesignBy {
    position: absolute;
    right: 0px;
    bottom: 0px;
    text-transform: uppercase;
}

#footerDesignBy a {
    text-decoration: none;   
}

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

.clear {
    clear: both;
}

/* Holding Page Styling */
#home h1#holdingHeader {
    font-size: 1.8em;   
}

/* Home Page Styling */
#home {
    color: #F687B5;
}

#homeContent {
    line-height: 2.2em;
}

#home a {
    color: #F687B5;
}

#home p {
    margin: 15px 0px 2px 2px;   
}

#home h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px 0px 15px 0px; 
}

#homeLogo {
    background-image: url(../images/homeLogo.jpg);
}

ul#homeNav li .left {
    background-image: url(../images/homeNavSeperatorLeft.jpg);
}

ul#homeNav li .right {
    background-image: url(../images/homeNavSeperatorRight.jpg);
}

ul#homeNav li {
    background-color: #F687B5;
}

ul#homeNav li:hover {
    background-color: #d6729D;   
}

ul#homeNav li:hover .left {
    background-image: url(../images/homeNavSeperatorLeftHover.jpg);  
}

ul#homeNav li:hover .right {
    background-image: url(../images/homeNavSeperatorRightHover.jpg);  
}

ul#homeNav li ul li:hover a {
    color: #F687B5;   
}

ul#homeNav li ul li a {
	border-bottom: 1px dotted #FCB5D4;	
}

#homeFooterLogo {
    background-image: url(../images/homeFooterLogo.jpg);
}

#homeLeftCol {
    width: 150px;
    font-size: 1.3em;
}

#homeLeftCol img {
    padding: 2px;
    border: 1px solid #EFD9E2;
}

#homeRightCol {
    width: 720px;
    font-size: 1.4em;
}

/* About Page Styling */
#about, #about a {
    color: #87706D;
}

#aboutContent {
    line-height: 2.2em;
}

#about h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
    color: #977773;
}

#aboutLogo {
    background-image: url(../images/aboutLogo.jpg);
}

ul#aboutNav li .left {
    background-image: url(../images/aboutNavSeperatorLeft.jpg);
}

ul#aboutNav li .right {
    background-image: url(../images/aboutNavSeperatorRight.jpg);
}

ul#aboutNav li {
    background-color: #B4918C;
}

ul#aboutNav li:hover {
    background-color: #977773;   
}

ul#aboutNav li:hover .left {
    background-image: url(../images/aboutNavSeperatorLeftHover.jpg);  
}

ul#aboutNav li:hover .right {
    background-image: url(../images/aboutNavSeperatorRightHover.jpg);  
}

ul#aboutNav li ul li:hover a {
    color: #B4918C;   
}

ul#aboutNav li ul li a {
	border-bottom: 1px dotted #D3A7A1;	
}

#aboutFooterLogo {
    background-image: url(../images/aboutFooterLogo.jpg);
}

#aboutLeftCol {
    width: 192px;
    padding: 40px 20px 0px 0px;
    font-size: 1.7em;
    text-decoration: underline;
    font-style: italic;
    line-height: 1.7em;
}

#aboutRightCol {
    width: 450px;
    font-size: 1.4em;
}

/* Product Page Styling */
#product, #product a {
    color: #A5A1AF;
}

#productContent {
    line-height: 2.2em;
}



#product h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
    color: #8B8991;
}

#productLogo {
    background-image: url(../images/productLogo.jpg);
}

ul#productNav li .left {
    background-image: url(../images/productNavSeperatorLeft.jpg);
}

ul#productNav li .right {
    background-image: url(../images/productNavSeperatorRight.jpg);
}

ul#productNav li {
    background-color: #A5A1AF;
}

ul#productNav li:hover {
    background-color: #888796;   
}

ul#productNav li:hover .left {
    background-image: url(../images/productNavSeperatorLeftHover.jpg);  
}

ul#productNav li:hover .right {
    background-image: url(../images/productNavSeperatorRightHover.jpg);  
}

ul#productNav li ul li:hover a {
    color: #888796;   
}

ul#productNav li ul li a {
	border-bottom: 1px dotted #A5A1AF;	
}

#productFooterLogo {
    background-image: url(../images/productFooterLogo.jpg);
}

#productLeftCol {
    width: 197px;
    padding: 40px 20px 0px 0px;
    font-size: 1.1em;
    color: #9B97A4;
    font-weight: bold;
    line-height: normal;
    line-height: 1.5em;
}

#productLeftCol p {
    margin: 0px 0px 15px 0px;
    font-size: 1.5em;
    text-decoration: underline;
    font-style: italic;
    font-weight: normal;
    line-height: 1.7em;
}

#productLeftCol2 {
    width: 150px;
    font-size: 1.3em;
}

#productLeftCol2 img {
    padding: 2px;
    border: 1px solid #EFD9E2;
}

#productRightCol2 {
    width: 720px;
    font-size: 1.4em;
}

#productRightCol {
    width: 455px;
    font-size: 1.4em;
    color: #7B7A7E;
}

#productSingleCol {
    font-size: 1.4em;
    color: #7B7A7E;
}

/* Clients and Stockists Page Styling */
#stockists, #stockists a {
    color: #ADC79E;
}

#stockistsContent {
    line-height: 2.2em;
}

#stockists h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
    color: #8B9F7F;
}

#stockistsLogo {
    background-image: url(../images/stockistsLogo.jpg);
}

ul#stockistsNav li .left {
    background-image: url(../images/stockistsNavSeperatorLeft.jpg);
}

ul#stockistsNav li .right {
    background-image: url(../images/stockistsNavSeperatorRight.jpg);
}

ul#stockistsNav li {
    background-color: #ADC79E;
}

ul#stockistsNav li:hover {
    background-color: #90AD85;   
}

ul#stockistsNav li:hover .left {
    background-image: url(../images/stockistsNavSeperatorLeftHover.jpg);  
}

ul#stockistsNav li:hover .right {
    background-image: url(../images/stockistsNavSeperatorRightHover.jpg);  
}

ul#stockistsNav li ul li:hover a {
    color: #90AD85;   
}

ul#stockistsNav li ul li a {
	border-bottom: 1px dotted #ADC79E;	
}

#stockistsFooterLogo {
    background-image: url(../images/stockistsFooterLogo.jpg);
}

#stockistsLeftCol {
    width: 197px;
    padding: 40px 20px 0px 0px;
    font-size: 1.1em;
    color: #6F7E60;
    font-weight: bold;
    line-height: 1.5em;
}

#stockistsLeftCol p {
    margin: 0px 0px 15px 0px;
    font-size: 1.5em;
    text-decoration: underline;
    font-style: italic;
    font-weight: normal;
    line-height: 1.7em;
}

#stockistsRightCol {
    width: 460px;
    font-size: 1.4em;
    color: #728468;
}

#stockistsRightCol p {
    font-size: 1.2em;
    margin: 0px;
    padding: 10px 0px;   
}

/* Press Page Styling */
#press, #press a {
    color: #B33136;
}

#pressContent {
    line-height: 2.2em;
}

#press h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
    color: #640013;
}

#pressLogo {
    background-image: url(../images/pressLogo.jpg);
}

ul#pressNav li .left {
    background-image: url(../images/pressNavSeperatorLeft.jpg);
}

ul#pressNav li .right {
    background-image: url(../images/pressNavSeperatorRight.jpg);
}

ul#pressNav li {
    background-color: #B33136;
}

ul#pressNav li:hover {
    background-color: #96171D;   
}

ul#pressNav li:hover .left {
    background-image: url(../images/pressNavSeperatorLeftHover.jpg);  
}

ul#pressNav li:hover .right {
    background-image: url(../images/pressNavSeperatorRightHover.jpg);  
}

ul#pressNav li ul li:hover a {
    color: #96171D;   
}

ul#pressNav li ul li a {
	border-bottom: 1px dotted #B33136;	
}

#pressFooterLogo {
    background-image: url(../images/pressFooterLogo.jpg);
}

#pressLeftCol, #pressRightCol {
    width: 420px;
    font-size: 1.4em;
}

#pressLeftCol {
    padding-right: 20px;   
}

#press p {
    margin: 0px;
    padding: 0px;   
}

#press p.red {
    color: #BE595E;
}

#press p.orange {
   color: #CB8444; 
}

#press p.purple {
    color: #8B81A4;   
}

#press p.pink {
    color: #C56A6B;   
}

#press p.green {
    color: #73734B;
}

#press p.blue {
    color: #5194A6;
}

#press p.lightgreen {
    color: #C2B626;
}

#press p.turquoise {
    color: #45A0B5;
}

/* Contact Page Styling */
#contact, #contact a {
    color: #9FBFC2;
}

#contactContent {
    line-height: 2.2em;
}

#contact h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
    color: #80AEAD;
}

#contactLogo {
    background-image: url(../images/contactLogo.jpg);
}

ul#contactNav li .left {
    background-image: url(../images/contactNavSeperatorLeft.jpg);
}

ul#contactNav li .right {
    background-image: url(../images/contactNavSeperatorRight.jpg);
}

ul#contactNav li {
    background-color: #80AEAD;
}

ul#contactNav li:hover {
    background-color: #639494;   
}

ul#contactNav li:hover .left {
    background-image: url(../images/contactNavSeperatorLeftHover.jpg);  
}

ul#contactNav li:hover .right {
    background-image: url(../images/contactNavSeperatorRightHover.jpg);  
}

ul#contactNav li ul li:hover a {
    color: #639494;   
}

ul#contactNav li ul li a {
	border-bottom: 1px dotted #80AEAD;	
}

#contactFooterLogo {
    background-image: url(../images/contactFooterLogo.jpg);
}

#contactLeftCol {
    width: 197px;
    padding: 40px 20px 0px 0px;
    font-size: 1.1em;
    color: #80AEAD;
    font-weight: bold;
    line-height: 1.5em;
}

#contactLeftCol p {
    margin: 0px 0px 15px 0px;
    font-size: 1.5em;
    text-decoration: underline;
    font-style: italic;
    font-weight: normal;
    line-height: 1.7em;
}

#contactRightCol {
    width: 600px;
    font-size: 1.4em;
    color: #6E908F;
}

#contactRightCol p {
    float: left;
    width: 190px; 
}

#contactRightCol p.last {
    width: 220px;   
}

#contactRightCol a {
    text-decoration: underline;
    color: #6E908F;
}

#siteCredits {
    position: relative;
    padding-top: 40px;
    font-size: 1.1em;
    color: #B4D1D0;
    font-weight: bold;
    line-height: 1.7em; 
}

/* WMM */
#bookPopup {
	background: transparent url('../images/popup.png') 0% 0% no-repeat;
	width: 481px;
	height: 490px;
	padding: 0;
	margin: 0;
	display: none;
	position: fixed;
	top: 100px;
	left: 50%;
	right: 50%;
	margin-left: -240px;
	z-index: 999;
}
#bookPopup a.amazon, #bookPopup a.amazon:hover {
	width: 165px;
	height: 45px;
	display: block;
	position: absolute;
	top: 230px;
	left: 70px;
}
#bookPopup a.amazonuk, #bookPopup a.amazonuk:hover {
	width: 165px;
	height: 45px;
	display: block;
	position: absolute;
	top: 280px;
	left: 70px;
}
#bookPopup a.barnes, #bookPopup a.barnes:hover {
	width: 145px;
	height: 45px;
	display: block;
	position: absolute;
	top: 230px;
	left: 255px;
}
#bookPopup a.borders, #bookPopup a.borders:hover {
	width: 145px;
	height: 60px;
	display: block;
	position: absolute;
	top: 330px;
	left: 70px;
}
#bookPopup a.indie, #bookPopup a.indie:hover {
	width: 145px;
	height: 132px;
	display: block;
	position: absolute;
	top: 280px;
	left: 254px;
}
#bookPopup a.close, #bookPopup a.close:hover {
	width: 90px;
	height: 20px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: right;
	outline: none;
}
#bookPopup a.close:hover {
	text-decoration: underline;
}