/* custom sylesheet for Northampton Wools */

body {
	background:#A7D5F7;
	background:url(../images/bg.gif) no-repeat; top:0px; left:0px; background-color:#A7D5F7;	
	text-align:center;/* IE hack to center page contents */
	margin:0; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:11px; 
	color:#333;
	}
	
h1, h2, h3, h4 {padding:0; margin:0;}
h1 {font-size:16px; color:#6D9AA9; padding:0 0 6px 0;} /* page titles */
h1#productName {font-size:14px; padding:4px 0 8px 0;}
h2 {font-size:14px; color:#6D9AA9; padding:4px 0 8px 0;} /* sub-titles & products names */
h3 {font-size:12px; color:#333; padding:4px 0 2px 0;;} 
p {margin:0; padding:4px 0 8px 0; line-height:15px;}
ul {margin:0; padding:4px 0 8px 20px;}
ol {margin:0; padding:4px 0 8px 20px;}
li {line-height:15px; padding:0;}

h1#indexCategoriesHeading {display:none;}

div#categoryLinks a {color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-decoration:none}

.bold {font-weight:bold;}
div.messageStackError {color:red;}
.floatingBox {float:left; margin:0; width:47%;}

div.dotRule {width:100%; height:1px; background:url(../images/dotted-line.gif) 0 0 repeat-x; margin-top:10px; margin-bottom:10px;}

hr {display:none;}
/*hr {text-align:left; height:1px; color:#ccc; border:none; margin:5px 0; background:url(../images/dotted-line.gif) 0 0 repeat-x;} /* For IE */
/*html>body hr {background-color:transparent; margin:10px 0; background:url(../images/dotted-line.gif) 0 0 repeat-x;} /* For Gecko-based browsers */
/*html>body hr {border:0px solid transparent; margin:10px 0;  background:url(../images/dotted-line.gif) 0 0 repeat-x;} /* For Opera */
/* hr rules, see: http://www.saila.com/usage/tips/defn.shtml?hr */
	
img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
br.clearBoth {clear:both;  line-height:0px; height:0px; font-size:0px;}
	
/* ---- links ----------------------------------------- */
a {color:#000; text-decoration:none}  
a:visited {}
a:hover {color:#6D9AA9; text-decoration:none;}
a:active {color:#333;}
a:active, a:focus {outline:none;}
	
	
/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
input {/*border:1px solid #ccc;*/}
textarea {/*border:1px solid #ccc;*/}
input.button {background-color:#ccc; color:#666;}

FORM {
display: inline;
font-size: 1em;
margin: 0;
}
SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
} 

TEXTAREA {/*float: left;*/ margin:auto; display:block; width:95%;}
input:focus, select:focus, textarea:focus {background:#F0F8FF;}
FIELDSET {padding:0.5em; margin:0.5em 0.5em 0.5em 0; border:1px solid #ccc;}
LEGEND {font-weight:bold; padding:0.3em;}
LABEL, h4.optionName {line-height:1.5em; padding-right:0.25em; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin:0.5em 0.3em;}

div#productAttributes {padding-bottom:5px;}
h3#attribsOptionsText {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold;}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;}

LABEL.inputLabel {width:11em; float:left;}
LABEL.inputLabelPayment {width:15em; float:left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width:12em; float:left;}

/* prev / next buttons */
div.navNextPrevWrapper {}
p.navNextPrevCounter {font-weight:italic !important; color:#666;}
div.navNextPrevList {display:inline; margin:0 2px 0 0; padding:0px;}
div#productsListingListingTopLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#productsListingListingTopLinks a {text-decoration:none;}
div#productsListingListingTopLinks a:hover {text-decoration:none;}
div#productsListingListingBottomLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#productsListingListingBottomLinks a {text-decoration:none;}
div#productsListingListingBottomLinks a:hover {text-decoration:none;}
div#newProductsDefaultListingTopLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#newProductsDefaultListingTopLinks a {text-decoration:none;}
div#newProductsDefaultListingTopLinks a:hover {text-decoration:none;}
div#newProductsDefaultListingBottomLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#newProductsDefaultListingBottomLinks a {text-decoration:none;}
div#newProductsDefaultListingBottomLinks a:hover {text-decoration:none;}

div#specialsListingTopLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#specialsListingTopLinks a {text-decoration:none;}
div#specialsListingTopLinks a:hover {text-decoration:none;}
div#specialsListingBottomLinks {clear:both; font-size:10px; padding:6px 0 6px 0;}
div#specialsListingBottomLinks a {text-decoration:none;}

/* buttons */

.buttonRow{padding:0px 0px 10px 0px}

/* ---- ids & classes ----------------------------------------- */
#Wrapper{background:#FFF; width:960px; padding-bottom:25px; margin:auto;}
/*#WrapperImage{background:url(../images/header-bg.jpg) repeat-x; margin:auto;}*/
#headerWrapper{width:890px; margin:auto;}
#header {position:relative; width:890px; height:100px;}

#backWrapper{background:#F5F5F0; width:890px; margin:auto; padding:10px;}
#contentWrapper{background:#FFF; width:890px; margin:0 auto; padding:0; text-align:left; position:relative;}


#logo {position:absolute; top:10px; left:-10px;}
#logo a {display:block;}
#navMain {position:absolute; margin-top:38px; right:76px; color:#6D9AA9; text-transform:uppercase; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
#navMain ul {list-style:none;}
#navMain li {display:block; float:left; /*line-height:80px;*/}
#navMain a {color:#6D9AA9; /*border-right:1px solid #999;*/ padding:0 6px 0 6px;}
#navMain a:hover {color:#6D9AA9; text-decoration:underline;}
#ebag {position:absolute; margin-top:40px; right:0px;} /* right + 55px to allow for Items () */
#ebag img {display:block;}
#topitemcount {position:absolute; margin-top:43px; right:12px; color:#FFF; text-transform:uppercase; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
#topitemcount a {color:#FFF;}

	
div#topmenu {width:890px; height:20px; background:#FFF; margin-top:5px; margin-bottom:5px; text-align:left;}
div#topmenu ul {text-align:left; padding:2px 0px 0px 3px; text-transform:uppercase; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
div#topmenu ul li {display:inline; margin-right: 15px;}
div#topmenu ul li a {color:#999999; text-decoration:none; /*border-left:1px solid #996633; border-right:1px solid #996633;*/}
div#topmenu ul li a:hover {text-decoration:underline;}
div#follow {position:absolute; top:108px; right:0px;}
#active a {font-weight:bold; color:#FFF;}

#bannerWrapper{background:#F5F5F0; width:910px; margin:auto;}

#bannerPadding3{padding-bottom:10px;}

div#bannerOne {width:690px; height:380px; margin-bottom:-20px;}
div#bannerTwo {padding-left:10px; float:left;}
div#bannerThree {padding-left:10px; float:left;}
div#bannerFour {padding-left:10px; float:left;}

#pgimage img {border-style:solid; border-width:3px; border-color:#EEE;}

div.additionalImages {padding-bottom:5px;}
#productAdditionalImages img { width:70px; height:85px; border-style:solid; border-width:3px; border-color:#EEE;}
#productAdditionalImages {float:left; width:170px; margin-right:10px;}


table#contentMainWrapper {background:url(../images/content-bg.gif) repeat-y;}
table#contentMainWrapper td {vertical-align:top;}

/* boxes */
div#bannerboxContent {padding-bottom:30px;}

.leftBoxContainer {padding-left:20px; padding-top:15px; background:transparent; text-align:left;}
.leftBoxContainer a {text-decoration:none; text-transform:uppercase; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
h3.leftBoxHeading {padding-left:0px; font-size:10px; color:#6D9AA9; text-transform:uppercase; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.sideBoxContent img{padding-top:5px;}
.sideBoxContent ul {margin:0; padding:0; /*background:url(../images/dotted-line.gif) 0 0 repeat-x;*/ list-style:none;}
.sideBoxContent li a:hover {color:#999999; background:url(../images/arrows-icon.gif) 0 5px no-repeat; padding-left:10px;}
.sideBoxContent li {line-height:20px; /*background:url(../images/dotted-line.gif) 0 100% repeat-x;*/}

/* categories list */

a.category-top {color:#333; font-size:10px; font-weight:normal; text-transform:uppercase;}
a.category-products {color:#6D9AA9; font-size:10px; font-weight:normal; text-transform:uppercase; background:none !important;}

/* shopping cart box */

#cartImage {padding-right:10px;}

#shoppingcart {background:#eee;}
#shoppingcart ul {background:transparent;}
#shoppingcart li {background:transparent;}
#shoppingcart a {background:transparent; padding:0;}
#shoppingcartHeading a {color:#6D9AA9;}

/* categories box */

#categoriesContent {/*background:url(../images/dotted-line.gif) 0 0 repeat-x;*/}
#categoriesContent a {background:url(../images/arrows-icon.gif) 0 5px no-repeat; padding:0 0 0 10px; line-height:23px; }
#categoriesHeading {}
hr#catBoxDivider {}
a.category-top {} /* cat names */
a.category-links {} /* "New Products, etc, under cat names */

/* search box */

h3#searchHeading {padding-bottom:0px;}
div#searchContent {/*padding-top:5px; background:url(../images/dotted-line.gif) 0 0 repeat-x;*/}
div#searchContent form {margin:5px 0 0 0;}
div#searchContent input {margin:0 0 5px 0; font-size:10px;}

#navBreadCrumb {background-color:#eee; font-size:10px; font-weight:italic !important; padding:5px; margin:0 0 12px 0;}

/* ---- list box contents ----------------------------------------- */

.centerBoxHeading {margin-left:5px;}
.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents, .categoryListBoxContents {
	margin: 1em 0em;
	}
.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents, .categoryListBoxContents{
	text-align: center;
	}
.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew, .specialsListBoxContents, .categoryListBoxContents{
	vertical-align: top;
	}
.back, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents{
	float: left;
	}			
.centerBoxContentsProducts {text-align:center;}
.centerBoxContentsProducts img {border-style:solid; border-width:3px; border-color:#EEE;}
.categoryListBoxContents img {border-style:solid; border-width:3px; border-color:#EEE;}
.specialsListBoxContents img {border-style:solid; border-width:3px; border-color:#EEE;}

.categoryListBoxContents a {
	color: #6D9AA9;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:10px;
	}
.categoryListBoxContents a:hover {
	color: #999;
	}
	
/* Main content area styles */

div#productListing{}

/*div#centerPadding{margin-left:30px;}*/

div.centerColumn {margin:15px 20px 20px 20px; text-align:left;}
div.forward {padding-bottom:8px;} /* pop-up links (I think...) */
div.forward a {text-decoration:none;}
div.content {} /* this seems to be used instead of p tags */
div#productMainImage {}
div#productMainImage img {}
div#productMainImage a {text-decoration:none;}
div#productDescription {font-weight:bold;}
span.normalprice {text-decoration:line-through;}
span.productSpecialPrice, span.productPriceDiscount {color:red;}

/* home page featured product boxes (i.e. each product in its own box)  - this also handles "specials" */


/* category - all products page */

#indexCategoriesHeading {display: none;} 

.listingProductImage {margin: 1em 0em 0em 0em;}
.listingDescription {}

div#indexProductList {}
div#indexProductList table.tabTable {background:url(../images/dotted-line.gif) 0 0 repeat-x;}
div#indexProductList table.tabTable th.productListing-heading {display:none;}
div#indexProductList h3.itemTitle {text-align:center; padding-bottom:5px; font-size:10px; font-weight:normal;}
div#indexProductList h3.itemTitle a {color:#6D9AA9;}
div#indexProductList div.listingDescription {}

/* product detail page */
#retail {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#6D9AA9; font-weight:bold;}
#retailwhole {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold;}
#whole {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#6D9AA9; font-weight:bold;}

div#productGeneral {}
div#productGeneral div#categoryIcon {font-size:16px; font-weight:bold;}
div#productGeneral div#categoryIcon a {color:#6D9AA9;}
div#productGeneral p.navNextPrevCounter {color:#666; font-size:10px;}
div#productGeneral div#productMainImage {background:none;}
div#pgimage {float:left; margin-right:20px; margin-top:10px;}
div#pginfo {float:left; width:370px; padding-top:10px;}
div#cartAdd {position:relative; padding:5px 0 5px 0; margin-left:0px;}

.attribImg {padding-right:10px; padding-top:5px; padding-bottom:5px; text-align:center; font-size:9px;}

/* specials page */

div#specialsListing {}
div#specialsListing div.fproductbox img {float:left; margin-right:10px;}
div#specialsListing div.fproductbox a {color:#6D9AA9; font-weight:bold; font-size:13px;}

/* new products page */

div#whatsNew img {border-style:solid; border-width:3px; border-color:#EEE;}

div#newProductsDefault {}
div.navSplitPagesResult {color:#666; font-weight:italic !important; font-size:10px; padding:0px 0px;}
table#newproductsTable {background:url(../images/dotted-line.gif) 0 0 repeat-x;}
table#newproductsTable td {vertical-align:middle; padding:8px 5px;}
table#newproductsTable td.npimage {}
table#newproductsTable td.npinfo {line-height:16px;}
table#newproductsTable td.npinfo div.npitem {padding:6px 0;}
table#newproductsTable tr {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
a.npname {font-weight:bold; font-size:14px; color:#6D9AA9;}
span.npdateadded {color:#666; font-weight:italic !important; font-size:10px;}

/* indiv product detail display */

div.navNextPrevWrapper {background:url(../images/dotted-line.gif) 0 100% repeat-x; padding:0 0 8px 0;}
div#productMainImage {background:url(../images/dotted-line.gif) 0 100% repeat-x; padding:0 0 8px 0;}
div#productMainImage a {text-decoration:none;}
div#productMainImage a img {text-decoration:none;}
div#productDescription {font-weight:normal;}

/* category default display (all products) */

table.tabTable {}
table.tabTable td {padding:8px 5px 8px 8px;}
table.tabTable th {padding:5px 5px;}
th.productListing-heading {background:#efefef url(../images/dotted-line.gif) 0 100% repeat-x;}
tr.productListing-odd {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
tr.productListing-even {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
div#categoryDescription {padding-bottom:0px;}

/* shopping cart contents */

div.cartTotalsDisplay, div#cartSubTotal {font-weight:bold;}
table#cartContentsDisplay {margin:6px 0;}
table#cartContentsDisplay th {padding:3px;}
table#cartContentsDisplay td {padding:3px; vertical-align:top;}
td.cartProductDisplay a {color:#308BD6; text-decoration:none;}
table#cartContentsDisplay tr.tableHeading {background:#efefef;}
tr.rowOdd {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
tr.rowEven {background:url(../images/dotted-line.gif) 0 100% repeat-x;}
div#cartSubTotal {padding-bottom:8px;}

/* account history page */

div#accountHistInfo {}
div#accountHistInfo div.orderdate {font-weight:bold; padding:5px 0;}
div#accountHistInfo caption {text-align:left;}
table#myAccountOrdersStatus {}
tr.tableHeading {background:#efefef;}
div#myAccountShipInfo {padding:8px 0;}
div#myAccountPaymentInfo {padding:8px 0;}
div#accountHistInfo h4 {font-size:12px; padding-top:6px;}
div#orderTotals {border-top:1px solid #eee;}
div#accountHistInfo div.lineTitle {float:right; padding-right:6px;}
div#accountHistInfo div.amount {float:right; font-weight:bold;}
					
/* pop-up windows */

body#infoShoppingCart {background:#fff; margin:20px; text-align:left;}
body#infoShoppingCart h1 {padding-bottom:5px; background:url(../images/dotted-line.gif) 0 100% repeat-x; margin-bottom:10px;}
body#infoShoppingCart h2 {font-size:13px; color:#6D9AA9; padding:4px 0 2px 0;}
body#infoShoppingCart p {padding:0px 0 12px 0;}
body#popupShippingEstimator {background:#fff; margin:20px; text-align:left;}
body#popupShippingEstimator p {padding:0px 0 12px 0;}
	
/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	}

.messageStackWarning, .messageStackError {
	background-color: #fff;
	color: #F99999;
	}
.messageStackSuccess img, .messageStackCaution img{
	vertical-align: middle;
	}
.messageStackSuccess {
	background-color: #fff;
	text-align:right;
	color: #666;
	}

.messageStackCaution {
	background-color: ;
	color: #000000;
	}
	
div#bottommenu {margin:auto; width:890px; height:20px; /*background:#FFF;*/ margin-top:10px; margin-bottom:5px; text-align:center;}
div#bottommenu ul {text-align:center; padding:2px 0px 0px 3px; text-transform:uppercase; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
div#bottommenu ul li {display:inline; margin-right: 15px;}
div#bottommenu ul li a {color:#2E5479; text-decoration:none; /*border-left:1px solid #996633; border-right:1px solid #996633;*/}
div#bottommenu ul li a:hover {text-decoration:underline;}

/* -- powered by zencart */
#payment {text-align:center; padding-bottom:10px;}

#siteinfoLegal {color:#2E5479; text-align:center; font-size:10px; width:890px; padding-top:0px; padding-bottom:20px; height:100%; margin:auto; /*background:url(../images/footer-bg.jpg) no-repeat; */position:relative;}
#siteinfoLegal a {color:#2E5479;}

/* -- footer --- */

#information-links {color:#FFF; text-align:center; padding-top:10px; padding-bottom:10px;}
#information-links a {color:#FFFFFF; text-decoration:underline;}
#footertext {color:#FFF; text-align:center; padding-bottom:20px;}