/*ie mac fixes*/
/*\*//*/ @import "../c/fixMacIE.css"; /**/


/*BASE STUFF*/

#fiber {
float: right;
margin-top: -50px;
font-size: .8em;
font-weight: bold;
color: #666 !important;
}


body {
background: #F2E4D7;
color: #333;
padding: 0;
margin: 0;
font: .8em/1.25em verdana, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
font-family: garamond, "times new roman", times, serif;
font-weight: normal;
color: #666;
text-transform: uppercase;
}

h2 {
font-size: 1.5em;
}

a {
text-decoration: none;
color: #a80000;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

.clearBoth {
height: 40px;
display: block;
}

form {
display: inline;
}

#break {
clear: left;
height: 25px;
}


#logoid {
position: absolute;
z-index: 666;
top: 20px;
left: 50%;
margin-left: -380px;
}



/*MagiCenter*/
#holdingCell {
width: 760px;
margin-left: auto;
margin-right: auto;
}



/*Header*/
#head {
margin-top: 50px;
width: 760px;
height: 150px;
}




/*STOREMENU (customer, log in, etc.) - HOME & INNER*/
#storeMenu {
font:  verdana, arial, helvetica, sans-serif;
color: #A80000;
text-align: right;
height: 20px;
/*width: 760px;*/
/*overflow: hidden;*/
}

#storeMenu ul, #storeMenu ul li {
display: inline;
margin-right: 10px;
}

#storeMenu ul li a {
font-size: .8em;
color: #A80000;
}

#storeMenu input {
border: 1px solid #A80000;
background: #F2E4D7;
width: 100px;
font: .8em  verdana, arial, helvetica, sans-serif;
color: #666;
height: 15px;
position: relative;
top: 0;
padding: 2px 0 0 3px;
margin-left: -5px;
}

.innerStoreMenu {
position: relative;
top: -22px;
}

#login {
width: 140px;
background: #ccc;
border: 1px solid #A80000;
position: absolute;
z-index: 2112;
top: 50px;
left: 50%;
padding: 10px;
margin-left: -60px;
display: none;
}






/*
#subscribe {
width: 140px;
background: #ccc;
border: 1px solid #A80000;
position: fixed;
z-index: 2112;
bottom: 10%;
left: 50%;
padding: 10px;
margin-left: 170px;
display: none;
}
*/

#subscribe {
width: 140px;
background: #ccc;
border: 1px solid #A80000;
position: absolute;
z-index: 2112;
left: 50%;
padding: 10px;
margin-left: 170px;
display: none;
}





.closebox {
margin: -5px 0;
font-weight: bold;
}





/*MENU (spagetti bars)*/
#menu {
height: 36px;
width: 760px;
background: url(../i/celtic.jpg) #666;
text-align: right;
margin-top: 8px; /*note: this has a different value for IE and Safari*/
}

#menu ul, #menuSm ul  {
width: 760px;
position: relative;
top: 16px;
right: -5px;
margin: 0;
padding: 0;
}

#menu li, #menuSm li {
display: inline;
margin-right: 25px;
}

#menu li a, #menuSm li a {
color: white;
font: .9em  verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

#menu li a:hover, #menuSm li a:hover {
color: #CCCC66;
text-decoration: none;
}

#menuSm {
height: 22px;
width: 760px;
background: url(../i/celticSm.jpg) #666;
text-align: right;
margin-top: 8px; /*note: this has a different value for IE and Safari*/
}

#menuSm ul {
position: relative;
top: 3px;
}



/*SHEEPBAR - inner and home*/
#sheepHead {
background: url(../i/sheepHead.jpg);
position: absolute;
top: -30px;
left: 50%;
margin-left: -375px;
height: 42px;
width: 99px;
z-index: 1;
}

#sheepPen {
width: 655px;
background: url(../i/sheepTile.jpg) repeat-y;
height: auto;
min-height: 400px;
top: -50px;
position: relative;
padding-left: 100px;
padding-bottom: 10px;
}

#innerSheepHead, #innerSheepHeadDetails {
background: url(../i/sheepHeadSm.jpg);
position: absolute;
top: -25px;
left: 50%;
margin-left: -377px;
height: 50px;
width: 94px;
z-index: 1;
}


/*.headInner {
margin-left: 25px !important;
margin: 3px solid pink;
}
*/



#innerSheepPen {
width: 655px;
background: url(../i/sheepSm.jpg) repeat-y;
height: auto;
min-height: 200px;
top: -100px;
left: 13px;
position: relative;
padding-left: 100px;
padding-bottom: 15px;
}




/*CONTENT*/
#sheepPen h1, #innerSheepPen h1 {
font: 2em garamond, "times new roman", times, serif; 
color: #666;
margin: .5em 0 .25em 60px;
}

#contentHome {
margin: 0 140px 3px 0;
width: 485px;
border: 1px solid #a80000;
font-size: .8em;
}

#contentHome p {
margin: 0 1em 1em .5em;
}

#innerContentCell, #innerContentCellDetails {
width: 630px; 
margin-left: 15px; 
height: auto;
min-height: 200px;
}


/*this is the "next" "showing 1 of 23", etc"*/
#searchNav {
width: 625px;
border-top: 1px solid black;
height: 18px;
background: #ABA59E;
font: .9em arial, helvetica, sans-serif;
padding: 2px 0 0 5px;
margin-top: -20px;
}

#sortBy {
width: 200px; 
height: 20px; 
position: relative; 
left: 480px;
margin: -14px 5px 0 0;
text-align: right; 
}

#searchNav a {
color: #a80000;
}




/*inner page grid*/
#storeTable {
margin-top: 20px;
text-align: center;
padding: 0 0 0 30px;
}

#item {
background: url(../i/shadow.jpg) no-repeat;
width: 127px; 
/*height: 97px;*/
margin-right: 20px;
float: left;
color: black;
font-size: .8em;
}

.itemTitle {
color: #333;
font-weight: bold !important;
} 

#detailsImage {
background: url(../i/shadowLg.jpg) no-repeat;
width: 190px; 
height: 155px;
text-align: center;
}

#detailsImage a img {
position: relative; 
left: 0;
margin-bottom: 10px;
}

.itemPrice {
color: #a80000;
margin-bottom: 3px;
font-weight: bold;
}

.MarketPrice {
font: 1em arial, helvetica, sans-serif;
color: #333;
}

#item img {
float: left;
margin-bottom: 8px;
display: block;
}

#item a img {
border: 0;
}

#item h3 {
font: 1em verdana, arial, helvetica, sans-serif;
margin-bottom: .25em;
}

#itemDescription {
float: left;
width: 350px;
margin-right: 15px;
font: .8em verdana, arial, helvetica, sans-serif;
color: #666;
}

#itemDescription .ProductDetailsTitle {
font-size: 1.2em;
}

#itemDescription p {
margin-top: 2px;
}

#itemDescription p .price {
font: bold 1.1em arial, helvetica, sans-serif;
color: #A80000;
}

#itemDescription ul li {
margin: 5px 0 0 -30px;
padding-left: 10px;
list-style: none;
background: url(/i/bullet.gif) 0 3px no-repeat;
}

#customerfeedback {
font: 1em verdana, arial, helvetica, sans-serif;
color: #666;
}

#recommends {
margin-bottom: 3em;
}

.SubHeader, .ProductDetailsTitle {
font-size: 1em;
}



/*	
#customerfeedback {
	background-color: #E6CEB6;
	padding: 6px;
	border: 1px solid #666;
	}
	

#customerfeedback H1 {
	margin: -6px 0px 12px -6px;
	padding-left: 6px;
	background-color: #900;
	width: 100%;
	color: #FFF  !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
*/





#relatedItems {
float: left;
width: 100px;
position: relative;
top: -60px;
left: -50px;
font: .8em verdana, arial, helvetica, sans-serif;
text-align: center;
margin-bottom: -50px;
}

.relatedImgs {
text-align: left;
background: url(../i/shadow.jpg) no-repeat;
width: 127px;
height: 97px;
margin-top: -5px;
margin-bottom: 0;
margin-left: -5px;
}

#relatedItems .relatedImage {
margin-left: 8px;
text-align: left;
margin-top: 10px;
background: url(../i/relatedShadow.jpg);
width: 90px;
height: 90px;
}







/*shopping cart pages*/
#cartSubTotal {
margin-bottom: 10px;
}

.buttonRow img{
margin-bottom: 6px;
}

a.cart {
color: #666;
font: .9em verdana, arial, helvetica;
}

#cartSubTotal {
font: bold 1.10em verdana, arial, helvetica;
}

.cartQuantity input {
width: 30px;
}

.ccinfo label {
display: block;
}

#ccheaderthing label {
font-weight: bold;
font-size: 1em;
margin-top: 2em;
display: block;
}


/*BANNERS*/
#banners {
float: right;
width: 162px;
margin-left: -2px;
}

.banner {
margin-bottom: 7px;
border: 1px solid #a80000;
}



#banner1, #banner2, #banner3, #banner4, #banner5, #banner6 {
/*width: 160px; */
/*height: 70px;*/
/*border: 1px solid #a80000; */
margin-bottom: 7px;
}

#banner3 {
/*height: 140px;*/
}

#banner1 img, #banner2 img, #banner3 img, #banner4 img, #banner5 img, #banner6 img {
	border: 1px solid #a80000;
}



/*BOTTOM BAR*/
#bottomBar {
background: url(../i/celticBottom.jpg);
width: 755px;
height: 21px;
margin: -50px 0 10px 0;
text-align: center;
padding-top: 15px;
}

#innerBottomBar {
background: url(../i/celticBottomSm.jpg);
padding-left: 45px;
position: relative;
top: -100px;
height: 25px;
}

#bottomBar ul {
position: absolute;
margin: 0 0 0 -30px;
width: 755px;
}

#bottomBar ul li {
display: inline;
margin-right: 40px;
}

#innerBottomBar ul {
position: relative;
top: 5px;
left: 45px;
margin: 0;
padding: 0;
}

#innerBottomBar ul li {
display: inline;
margin-right: 50px;
}

#bottomBar ul li.last {
margin-right: 0;
}

#bottomBar li a, #innerBottomBar li a {
color: white;
font: .8em  verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

#bottomBar li a:hover, #innerBottomBar li a:hover {
color: #CCCC66;
text-decoration: none;
}

#footerLinks, #footerLinksHome {
text-align: center; 
clear: both; 
font-size: .75em;
}

#footerLinksHome {
margin: 30px 0;
padding-bottom: 2em;
}

#footerLinks {
margin-top: -70px; 
}

#footerLinks a, #footerLinksHome a {
margin: 0 100px 0 0;
}




/*ENLARGE IMAGES PAGE*/

#enlargeCell {
width: 620px;
margin: 10px 0 0 15px;
padding: 0;
float: left;
}

#enlargePrice {
text-align: center;
float: right;
width: 150px;
margin-top: 125px;
font-size: .8em;
}

#enlargePrice .price {
font: bold 1.25em verdana, arial, helvetica, sans-serif;
color: #a80000;
margin-top: 6px;
}

#enlargePic {
height: 320px;
width: 420px;
background: #F2E4D7 url(/i/shadowHuge.jpg) 10px 0 no-repeat;
}






/*SEARCH PAGE*/
h1#advSearchResultsDefaultHeading {
text-transform: uppercase;
}





.magicolor {
	font-size: .85em;
	font-style: italic;
	margin: 3px 0;
	line-height: 1.25em;
}





/*adding xcart stuff here*/
.NavigationPath {
font-size: .85em;
}

a.NavigationPath {
text-decoration: none !important;
color: #666 !important;
}

a.NavigationPath:hover {
color: #a80000 !important;
}

.SearchSortTitle {
font-size: .8em !important;
PADDING-RIGHT: 5px !important;
padding-top: 2px;
}

a.SearchSortLink {
font-size: .8em !important;
}

.SearchSortCell {
padding: 2px 5px 0 2px !important;
}

.ProductPriceConverting, .ProductPrice {
font-size: 1em !important;
}

.FormButton, .ProductPriceSmall {
font-size: 1.1em !important;
}

.FormButton {
font-weight: normal !important;
}

a.Button {
font-size: .8em !important; 
}




/*BLOG SPECIFIC*/
body.blog {
background: #F2E4D7 url(../i/sheepPeering.jpg) bottom right fixed no-repeat;
}

.blogMenu {
position: relative;
top: 28px;
}

#needleTip {
background: url(../i/needleTip.jpg);
width: 103px;
height: 269px;
position: relative;
top: -30px;
}

#blogMasterCell {
background: url(../i/needleTile.jpg) 0 0 repeat-y;
} 

#blogHead {
height: 50px;
margin: -90px 0 0 160px;
padding: 30px 0 0 50px;
background: url(../i/headerYarn.jpg) 10px 20px no-repeat;
}

#blogContent {
width: 450px;
padding: 0 5px 8px 15px;
background: #E2C7AC;
border: 2px solid #BA7836;
margin: -269px 0 0 103px;
font: .8em/1.6em verdana, arial, helvetica, sans-serif;
}

#blogContent h2 {
font: bold 1.5em verdana, arial, helvetica, sans-serif;
color: #BA7836;
margin: 1.25em 0 8px 0;
}

#blogContent p {
margin: 0 0 1em 0;
}

p.blogDate {
color: #BA7836;
margin: 0 0 1em 0;
}

#sidebar {
position: absolute;
padding-bottom: 175px;
float: right;
top: 192px;
left: 50%;
margin-left: 205px;
width: 170px;
/*background: url(../i/sheepPeering.jpg) bottom center no-repeat;*/
}

#sidebar #colorbox {
width: 150px;
padding: 10px;;
color: white;
background: #BA7836;
border: 1px solid black;
font-size: .8em;
}

#colorbox h2 {
font: bold 1em verdana, arial, helvetica, sans-serif;
color: white;
margin-bottom: 10px;
}

#colorbox ul {
margin-top: 0;
}

#colorbox ul li {
list-style: none;
margin-left: -30px;
}

#colorbox ul li h2 {
margin: 10px 0 0 0;
}

#colorbox ul li a {
color: white;
}

#blogCopyright {
text-align: center;
color: white;
margin: 0 0 0 -105px;
padding-bottom: 20px;
}

#blogCopyright a {
color: #a80000;
font-style: italic;
font-size: .8em;
}

p.postmetadata a:link {
color: #A95404;
}

h3 a {
color: #BA7836;
font-weight: bold;
}

h2.pagetitle {
font-size: 1em !important;
color: black !important;
} 

#footer {
margin-bottom: 8px;
}

#footer p {
font-size: .8em;
margin: 0;
padding: 0;
}