/* TOC:
		~HTML & Body
		~Container
		~Header
		~Breadcrumbs
		~Home Page
		~Shopping Cart Display
			~General Page
		~Footer
*/


/* ~HTML & Body
----------------------------------------------- */
	html {
		height: 100%;
		margin-bottom: 1px;
		}

	body {
		width: 100%;
		margin: 0;
		padding: 0;
		font: 75% Verdana, Helvetica, sans-serif;
		background: #eceee3;
		}

	img {
		border: none;
		}

	a {
		outline: none;
		}


/* ~Container
----------------------------------------------- */
	#container {
		width: 900px;
		margin: 0 auto;
		}


/* ~Header
----------------------------------------------- */
	#header {
		width: 900px;
		height: 410px;
		background: url(../images/headerBg.png) top left no-repeat;
		position: relative;
		}

	h1 {
		margin: 0;
		padding: 0;
		text-indent: -999em;
		width: 1px;
		height: 1px;
		}

	.siteList,
	.productList {
		margin: 0;
		padding: 0;
		position: relative;
		top: 110px;
		left: 500px;
		width: 125px;
		list-style: none;
		}

	#header > .siteList {
		top: 150px;
		}

	.productList {
		top: 32px;
		left: 645px;
		width: 150px;
		}

	#header > .productList {
		top: 65px;
		}

	.siteList li,
	.productList li {
		margin: 0;
		padding: 0;
		line-height: 1.1em;
		}

	.siteList li a,
	.productList li a {
		font-size: 90%;
		color: #666;
		font-weight: bold;
		text-decoration: none;
		}

	.siteList li a:hover,
	.productList li a:hover {
		color: #333;
		}


/* ~Breadcrumbs
----------------------------------------------- */
	#navBreadCrumb {
		border-top: 1px dotted #666;
		border-bottom: 1px dotted #666;
		color: #666;
		padding: 5px 15px;
		margin: 3px 0;
		}

	#navBreadCrumb a {
		color: #666;
		}

	#navBreadCrumb a:hover {
		text-decoration: none;
		}


/* ~Home Page
----------------------------------------------- */
	.whatsNew,
	.specials {
		background: url(../images/whatsNewBg.png) bottom left no-repeat;
		margin: 0 0 0 74.5px;
		padding: 8px 0 25px;
		}
		
	.whatsNew {
		background: url(../images/whatsNewBg2.png) bottom left no-repeat;
		}
		
	

	.homeDiscussion {
		background: url(../images/productBg.png) bottom left no-repeat;
		padding: 10px 0;
		margin-left: 50px;
		}

	.leftCol {
		width: 379px;
		border-right: 1px dotted #3A5273;
		float: left;
		padding: 10px
		}

	.rightCol {
		width: 380px;
		float: left;
		padding: 10px
		}

	.homeDiscussion h2 {
		color: #3A5273;
		font-size: 110%;
		text-transform: capitalize;
		padding-left: 15px;
		}

	.homeDiscussion p {
		color: #666;
		padding-left: 10px;
		font-size: 95%;
		}

	.homeDiscussion p a {
		color: #666;
		}

	.homeDiscussion p a:hover {
		text-decoration: none;
		}

	h2.centerBoxHeading {
		color: #3A5273;
		font-size: 110%;
		text-transform: capitalize;
		text-align: center;
		margin-left: -50px;
		}

	.centerBoxContentsNew,
	.centerBoxContentsSpecials {
		width: 240px;
		height: 110px;
		text-align: center;
		float: left;
		margin: 5px;
		}

	.centerBoxContentsNew a,
	.centerBoxContentsSpecials a {
		color: #333;
		font-size: 80%;
		}

	.centerBoxContentsNew a:hover,
	.centerBoxContentsSpecials a:hover {
		text-decoration: none;
		}


/* ~Shopping Cart Display
----------------------------------------------- */
	h1#productListHeading,
	h1#productName,
	h1#cartDefaultHeading,
	#categoryIcon,
	#categoryIcon a,
	h1#loginDefaultHeading {
		color: #3A5273;
		font-size: 120%;
		text-transform: uppercase;
		padding: 5px 15px;
		margin: 3px 0;
		text-indent: 0;
		width: auto;
		height: auto;
		}

	h1#productListHeading a {
		display: inline;
		position: static;
		color: #3A5273;
		}

	h1#productListHeading a:hover {
		text-decoration: none;
		}

	h1#productName {
		padding-left: 0;
		margin-left: 0;
		}

	#productListing,
	#productGeneral,
	#shoppingCartDefault,
	#loginDefault {
		min-height: 300px;
		background: url(../images/productBg.png) bottom left no-repeat;
		padding: 10px 0;
		margin-left: 50px;
		}

	*html #productListing,
	*html #productGeneral,
	*html #shoppingCartDefault,
	*html #loginDefault {
		height: 300px;
		}

	/* ~General Page */
	#productListing.generalPage {
		padding: 10px 15px;
		}

	#productListing.generalPage p {
		width: 770px;
		color: #333;
		}

	#productListing.generalPage p a {
		color: #333;
		}

	#productListing.generalPage p a:hover {
		text-decoration: none;
		}

	/* Heading for NO PRODUCTS */
	th.productListing-data {
		color: #333;
		padding-top: 25px;
		}

	/* Product Page */
	#indexProductListCatDescription {
		color: #333;
		padding: 5px 15px;
		margin: 3px 0;
		}

	#productsListingTopNumber,
	#productsListingBottomNumber,
	#productsListingListingTopLinks,
	#productsListingListingBottomLinks {
		font-size: 90%;
		color: #666;
		padding-left: 10px;
		}

	#productsListingListingTopLinks a,
	#productsListingListingBottomLinks a {
		color: #666;
		}

	#productsListingListingTopLinks a:hover,
	#productsListingListingBottomLinks a:hover {
		text-decoration: none;
		}

	.tabTable {
		width: 800px;
		padding: 10px;
		}

	.tabTable td {
		padding: 7px;
		}

	.productListing-heading {
		color: #3A5273;
		text-transform: capitalize;
		}

	.productListing-heading a {
		color: #3A5273;
		}

	.productListing-heading a:hover {
		text-decoration: none;
		}

	.productListing-even {
		background: #E6E6CC;
		}

	.productListing-data a {
		color: #333;
		font-size: 110%;
		}

	.productListing-data a:hover {
		text-decoration: none;
		}

	.itemTitle {
		color: #333;
		}

	.buttonRow {
		padding-left: 10px;
		}

	.listingProductImage {
		border: 1px solid #9BA7B0;
		}

	/* Detailed Product Page */
	#wrapper {
		overflow: hidden;
		}

	#ProductDescriptionBox {
		border-right: 1px dotted #666;
		width: 370px;
		float: left;
		padding: 5px 15px;
		}

	#productPrices,
	#productDetailsList ul li,
	#productDateAdded {
		color: #333;
		font-size: 110%;
		}

	#productDateAdded,
	#productDateAvailable {
		font-size: 100%;
		}

	#productMainImage {
		width: 370px;
		float: left;
		text-align: center;
		padding: 5px 15px;
		}

	#productMainImage a {
		color: #333;
		font-size: 90%;
		}

	#cartAdd {
		width: 780px;
		text-align: center;
		margin: 10px 10px 0;
		padding: 15px 0 0;
		border-top: 1px dotted #666;
		}


	/*Next Previous Buttons */
	.navNextPrevWrapper {
		border-bottom: 1px dotted #666;
		margin: 0 10px 10px;
		padding: 0 0 15px;
		width: 780px;
		text-align: center;
		overflow: hidden;
		}

	.navNextPrevWrapper2 {
		padding-left: 280px;
		}

	.navNextPrevCounter {
		font-size: 90%;
		color: #333;
		}

	.navNextPrevList,
	.navNextPrevList,
	.navNextPrevList {
		float: left;
		padding: 0 3px;
		}


	/* Shopping Cart Page */
	#cartContentsDisplay {
		width: 800px;
		padding: 10px;
		}

	#cartContentsDisplay td {
		padding: 7px;
		text-align: center;
		vertical-align: middle;
		}

	#cartContentsDisplay th {
		color: #3A5273;
		text-transform: capitalize;
		}

	#cartContentsDisplay th a {
		color: #3A5273;
		}

	#cartContentsDisplay th a:hover {
		text-decoration: none;
		}

	#cartContentsDisplay tr.rowOdd {
		background: #E6E6CC;
		}

	.cartProductDisplay a {
		color: #333;
		font-size: 110%;
		}

	.cartProductDisplay a:hover {
		text-decoration: none;
		}

	.cartTotalsDisplay,
	#cartSubTotal {
		color: #333;;
		font-size: 120%;
		padding: 5px 15px;
		margin: 3px 0;
		font-weight: bold;
		}

	.shopButtonsBox {
		width: 250px;
		float: left;
		}

	#cartEmptyText {
		color: #333;
		font-size: 120%;
		text-align: center;
		padding-top: 25px;
		}

	/* Pop Up for Estimation */
	#popupShippingEstimator {
		text-align: center;
		padding: 25px;
		width: 550px;
		}

	.cartTotalsDisplayPopup {
		padding: 8px;
		font-weight: bold;
		}

	.popupTable {
		width: 100%;
		}

	.seDisplayedAddressLabel {
		background: #E6E6CC;
		}

	.popupTable th {
		padding-top: 10px;
		}


	/* Check Out Order */
	#checkoutShipto,
	.destination {
		width: 760px;
		margin: 0 10px 0;
		padding: 10px;
		text-align: center;
		border-bottom: 1px dotted #666;
		}

	.destination {
		border-bottom: none;
		}

/* ~Footer
----------------------------------------------- */
	#footer {
		background: url(../images/footerBg.png) top center no-repeat;
		text-align: center;
		margin: 30px 0 0;
		padding: 20px 0;
		}

	#footer p {
		font-size: 90%;
		color: #666;
		margin: 0;
		padding: 0;
		}

	#footer p a {
		color: #666;
		}

	#footer p a:hover {
		text-decoration: none;
		}