* {
margin:0; 
padding:0;
}
  
BODY {
font-family: tahoma, sans-serif;
font-size: 62.5%;
text-align: center;
width: 100%;
}
 
.clearAll {
clear:both;
display: block;
font-size: 1px;
height: 0;
line-height: 0px;
}
 
IMG {
border: none;
}  
  
.left {
float: left;
}

P.note {
font-size: 1.1em !important;
}

.right {
float: right;
}

IMG.right {
float: right;
margin: 0 0 0 2em;
}

H1 {
color: #4a57a8;
font-size: 2.3em;
}
H2 {
color: #ffffff;
font-size: 1.95em;
letter-spacing: 1px;
}

P {
color: #4a57a8;
font-size: 1.7em;
letter-spacing: 1px;
line-height: 1.3em;
margin: 0.65em 0;
}
A {
color: #4a57a8;
}
A:hover {
text-decoration: none;
}
/* LAYOUT */
#masterContainer {
margin: 0 auto;
width: 100%;
}

.col1 {
float: left;
width: 31em;
}
.col2 {
float: left;
width: 65em;
}

#top {
clear: both;
display: inline-block;
margin: 4em auto 0em auto;
text-align: left;
width: 96em;
}

#logo {
margin: 0 0 0 1em;
}
#content {
margin: 1.6em 0 0 0;
}

#middle {
background: #4a57a8;
clear: both;
display: inline-block;
margin: 1em 0 0 0;
width: 100%;
}
#middle .col1 {
padding: 2em 0;
width: 25em;
}
#middle .col2 {
padding: 2em 0 2em 6em;
width: 65em;
}
#middleContainer {
margin: 0 auto;
text-align: left;
width: 96em;
}

#footerImage {
clear: both;
background: transparent url(../images/build/footer.jpg) no-repeat center top;
height: 155px;
margin: 2em auto 2em auto;
text-align: left;
width: 960px;
}
#footer {
clear: both;
color: #666666;
font-size: 1.3em;
margin: 0 auto 1em auto;
text-align: center;
width: 75%;
}
#footer UL {
list-style: none;
margin: 0 0 1em 0;
}
#footer LI {
display: inline;
}
/*#footer #sparrowVillage {
background: transparent url(../images/build/sparrowVillage.gif) no-repeat left 50%;
padding: 0 0 0 60px;
}*/
#footer A,
#footer A:link,
#footer A:visited,
#footer A:hover {
color: #4a57a8;
font-weight: bold;
text-decoration: none;
}
#footer A:hover {
text-decoration: underline;
}

/* MAIN NAVIGATION */
#mainNav UL {
list-style: none;
font-size: 1.7em;
letter-spacing: 1px;
margin: 0 0 0 0em;
}
#mainNav A,
#mainNav A:link,
#mainNav A:visited,
#mainNav A:hover {
color: #ffffff;
display: inline-block;
margin: 0.2em 0;
padding: 20px 0 20px 86px;
text-align: middle;
text-decoration: none;
}
#mainNav A:hover {
text-decoration: underline;
}
#mainNav A.audio {
background: transparent url(../images/build/nav/audio.jpg) no-repeat left top;
}
#mainNav A.knitting {
background: transparent url(../images/build/nav/knitting.jpg) no-repeat left top;
}
#mainNav A.about {
background: transparent url(../images/build/nav/about.jpg) no-repeat left top;
}
#mainNav A.own {
background: transparent url(../images/build/nav/own.jpg) no-repeat left top;
}

/* PATTERN CATEGORIES */
#patternCategories UL,
.pom_archive UL {
list-style: none;
font-size: 1.4em;
letter-spacing: 1px;
margin: 1em 0 0 0;
}
#patternCategories LI,
.pom_archive LI  {
float: left;
width: 315px;
height: 58px;
display: inline;
margin: 0 5px 20px 0;
padding: 0 0 0 0;
}
#patternCategories A,
.pom_archive A {
color: #ffffff;
float: left;
width: 315px;
height: 58px;
line-height: 58px;
padding: 0 0 0 85px;
text-decoration: none;
}
#patternCategories A:hover {
text-decoration: underline;
}
#patternCategories A.raglanCardigan {
background: transparent url(../images/pattern_categories/raglanCardigan.jpg) no-repeat left top;
}
#patternCategories A.raglanJacket {
background: transparent url(../images/pattern_categories/raglanJacket.jpg) no-repeat left top;
}
#patternCategories A.jumperInsetsleeves {
background: transparent url(../images/pattern_categories/jumperInsetsleeves.jpg) no-repeat left top;
}

#patternCategories A.november {
background: transparent url(../images/pattern_categories/november.jpg) no-repeat left top;
}
#patternCategories A.january {
background: transparent url(../images/pattern_categories/january.jpg) no-repeat left top;
}
#patternCategories A.march{
background: transparent url(../images/pattern_categories/march.jpg) no-repeat left top;
}
#patternCategories A.may {
background: transparent url(../images/pattern_categories/may.jpg) no-repeat left top;
}
#patternCategories A.merle {
background: transparent url(../images/pattern_categories/merle.jpg) no-repeat left top;
}
#patternCategories A.babyFernStitch {
background: transparent url(../images/pattern_categories/babyFernStitch.jpg) no-repeat left top;
}

#patternCategories .patternOfMonth LI { margin: 0 70px 0 0; }
#patternCategories A.pom_archive {
background: transparent url(../images/pattern_categories/november.jpg) no-repeat left top;
}

/* ---- PRODUCT PAGE ---- */
.productPage #patternCategories A,
.productPage #patternCategories A:link,
.productPage #patternCategories A:visited,
.productPage #patternCategories A:hover {
color: #4a57a8;
}
.productPage #patternCategories A.raglanCardigan {
background: transparent url(../images/pattern_categories/raglanCardigan_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.raglanJacket {
background: transparent url(../images/pattern_categories/raglanJacket_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.jumperInsetsleeves {
background: transparent url(../images/pattern_categories/jumperInsetsleeves_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.november,
.pom_archive A.november {
background: transparent url(../images/pattern_categories/november_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.january,
.pom_archive A.january {
background: transparent url(../images/pattern_categories/january_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.march,
.pom_archive A.march {
background: transparent url(../images/pattern_categories/march_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.may,
.pom_archive A.may {
background: transparent url(../images/pattern_categories/may_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.merle,
.pom_archive A.merle {
background: transparent url(../images/pattern_categories/merle_w.jpg) no-repeat left top;
}
.productPage #patternCategories A.babyFernStitch,
.pom_archive A.babyFernStitch {
background: transparent url(../images/pattern_categories/babyFernStitch_w.jpg) no-repeat left top;
}

.productPage #patternCategories A.pom_archive {
background: transparent url(../images/pattern_categories/november_w.jpg) no-repeat left top;
}

.productPage #patternCategories H2 { display: none; }


.productPage #middle .col2 {
background: #ffffff;
color: #4a57a8;
min-height: 275px;
padding: 2em 0 2em 0em;
width: 71em;
}

.productPage #gallery {
float: left;
}
.productPage #galleryLeft {
float: left;
display: inline;
margin: 0 0 0 6em;
}
.productPage #galleryRight {
display: none;
float: left;
margin: 0 0 0 1em;
}
.productPage #productImage UL {
list-style: none;
}
.productPage #productImage LI {
margin: 0 0 1em 0;
}
.productPage #productDescription {
float: left;
margin: 0 0 0 2em;
width: 30em;
}

.productPage H1 {
color: #4a57a8;
font-size: 2.2em;
}
.productPage P {
font-size: 1.3em;
}
.productPage .buy {
float: right;
margin: 1em 0 0 0;
}

.productPage .buy A .text {
display: none;
}
.productPage .price {
float: left;
font-size: 2em;
margin: 0.8em 0 0 0;
}

#enlarge { 
clear: both;
display: none;
margin: 0 0 5px 0;
}
#enlarge A, 
#enlarge A:link, 
#enlarge A:visited, 
#enlarge A:hover { 
background: transparent url(../images/build/zoom-in.png) no-repeat left 50%;
color: #777777; 
font-weight: bold;
padding: 5px 0 5px 30px;
text-decoration: none;
}
#enlarge A:hover { 
text-decoration: underline;
}


.deliveryNote { display: block; clear: both; padding-top: 10px; font-size: 1.1em; }

/* POM Archive */
.productPage #middle .pom_archive { padding: 2em; width: 67em; }
.productPage #middle .pom_archive H1 { margin: 0 0 10px 0; }
.productPage #middle .pom_archive H2 { color:#4A57A8; font-size: 1.8em;}
.pom_archive A { color: #4A57A8; }
.pom_archive A:hover { text-decoration: underline; }

/* LEGAL PAGE */
.legal #mainNav { background: #4a57a8; padding: 2em 0 2em 5em;  }
.legal .col1 { width: 35em; text-align: left; margin: 2em 2em 2em 0; }
.legal #logo { margin: 0 0 2em 6em; }
.legal .col2 { width: 600px; font-size: 0.7em; text-align: left; padding: 4em 0 4em 0; }
.legal H2 { color: #4a57a8; }
.legal UL { font-size: 1.7em; color: #4a57a8; margin: 1em 0 1em 1em; }
.legal #footer UL { color: #666666; font-size: 0.9em; }


/* Difficulty rating */
.difficultyRating{ margin: 10px 0; }
.difficultyRating LI{ display: inline-block; list-style: none; font-size: 1.3em; font-weight: bold; line-height: 27px; }
.difficultyRating LI .rating{ float: left; width: 84px; height: 27px; margin: 0 5px; background: url(../images/difficultyRating.png); }
.difficultyRating LI .label{ float: left; }
.difficultyRating LI .title{ float: left; font-weight: normal; font-style: italic; }
.difficultyRating .oneStar .rating{ background-position: 0 -30px; }
.difficultyRating .twoStar .rating{ background-position: 0 -60px; }
.difficultyRating .threeStar .rating{ background-position: 0 -90px; }