/* ------------------------- */
/* ------ MAIN STYLES ------ */
/* ------------------------- */

html, body {
	height: 100%; 
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 13px;
	line-height: 18px; 
	background-color: #FFF; 
	color: #999; 
	margin: 0px;
	text-align: center;
}

img {
	border: 0;
}

#mainContainer {
	width: 960px;
	text-align: left;
	background-image: url('/images/main/background.jpg'); 
	background-repeat: repeat-x;
	background-position: top;
	margin: auto;
	padding: 10px 0 0 0;
}

.clear {
	clear: both;
}

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

a:hover {
	color: #555;
}

h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	font-weight: normal;
	margin: 18px 0 10px 0;
	color: #555;
	line-height: 24px;
}

h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 12px 0;
	color: #555;
	line-height: 18px;
}

h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	color: #555;
}

#pageLinks {
	font-size: 13px;
	margin: 18px 0;
}

.divider {
	margin: 10px 0;
}


/* ---------------------- */
/* ------ MAIN TOP ------ */
/* ---------------------- */

#mainTop {
	width: 960px;
	height: 100px;
	text-align: left;
	margin: 0 auto;
	border-bottom: 1px solid #999;
	background-image: url('/images/main/background-shopping.jpg'); 
	background-repeat: no-repeat;
	background-position: right;
}

#mainTop ul {
	list-style: none;
	padding: 0;
	margin: 60px 5px 10px 5px;
	float: right;
}

#mainTop ul li {
	margin: 0 10px 0 0;
	display: inline;
}

#mainTop img {
	height: 100px;
	width: 261px;
	float: left;
}

/* ----------------------------- */
/* ------ MAIN NAVIGATION ------ */
/* ----------------------------- */

#mainNavigation {
	width: 160px;
	text-align: left;
	float: left;
}

#mainNavigation ul {
	list-style: none;
	padding: 0;
	margin: 19px 0 0 5px;
}

#mainNavigation ul li {
	margin: 0;
}

#mainNavigation li {
	border-bottom: dashed 1px #999;
	padding: 4px 0 4px 0;
}

#mainNavigation strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;
	color: #555;
}

/* -------------------------- */
/* ------ MAIN CONTENT ------ */
/* -------------------------- */

#mainContent {
	width: 790px;
	text-align: left;
	float: right;
}

#mainContent ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#mainContent ul li {
	margin: 0;
	padding: 0 8px 0 0;
	display: inline;
}

#mainContent li {
	width: 150px;
	padding: 0 0 18px 0;
	float: left;
}

#mainContent img {
	width: 148px;
	height: 148px;
	border: 1px solid #999;
}

#mainContent a {
	font-size: 13px;
}

#mainContent a:hover {
	color: #555;
}


#featureImage {
	margin: 0 0 0 10px;
	float: right;
}

.imageBox {
	width: 150px;
	height: 160px;
	display: block;
}

/* ------------------------- */
/* ------ MAIN BOTTOM ------ */
/* ------------------------- */

#mainBottom {
	width: 960px;
	text-align: left;
	font-size: 11px;
	margin: auto;
	border-top: 1px solid #999;
}

#mainBottom ul {
	list-style: none;
	padding: 0;
	margin: 10px 5px;
	float: left;
}

#mainBottom ul li {
	margin: 0 10px 0 0;
	display: inline;
}

#mainBottom a {
	color: #999;
	text-decoration: none;
}

#mainBottom a:hover {
	color: #555;
}

#copyright {
	margin: 10px 5px 0 0;
	float: right;
}



/* ---------------------- */
/* ------ PRODUCTS ------ */
/* ---------------------- */

#mainProductContent {
	width: 790px;
	text-align: left;
	float: right;
}

#productExtras ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#productExtras ul li {
	margin: 0;
}

#productExtras a {
	color: #999;
	text-decoration: none;
}

.productPrice {
	color: #555;
	font-family: Georgia, "Times New Roman", serif;
}

#productPriceMain {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	color: #555;
}

#productAttributes {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	color: #555;
}

.productDisplay {
	clear: both;
	margin: 0 0 18px 0;
}

#productImage {
	float: right;
	border: 6px solid #EEE;
	margin: 0 8px 0 12px;
	padding: 0;
	/*vertical-align: bottom;*/
}

#productImageInner {
	border: 1px solid #999;
}

#productImage img {
	margin: 0;
	padding: 0;
}

/* ------------------------ */
/* ------ BREADCRUMB ------ */
/* ------------------------ */

#breadCrumb {
	width: 955px;
	text-align: left;
	font-size: 11px;
	margin: 16px auto 0 auto;
	padding: 4px 0 4px 5px;
	border-top: 1px solid #999;
	background-color: #DDD;
}

#breadCrumb a {
	font-size: 11px;
	color: #999;
	text-decoration: none;
}

#breadCrumb a:hover {
	color: #555;
}

/* ------------------------ */
/* ------ PAGE LINKS ------ */
/* ------------------------ */

#pageCurrent {
	color: #555;
	font-weight: bold;
	text-decoration: underline;
}

/* -------------------------- */
/* ------ SHOPPING BAG ------ */
/* -------------------------- */

.buyNow {
	height: 120px;
	width: 24px;
}

/* ------------------- */
/* ------ INDEX ------ */
/* ------------------- */

#mainContentIndex {
	width: 790px;
	text-align: left;
	float: right;
}

.indexDisplay {
	clear: both;
	margin: 0 0 8px 0;
}

/* --------------------------- */
/* ------ INDEX ROW ONE ------ */
/* --------------------------- */

.indexRowOne {
	border: 6px solid #EEE;
	margin: 0 8px 0 0;
	width: 243px;
	float: left;
}

.indexRowOneBox {
	width: 241px;
	height: 128px;
	border: 1px solid #999;
	text-align: center;
}

.indexRowOneBox img {
	width: 241px;
	height: 84px;
}

.indexRowOneCenter {
	border: 6px solid #EEE;
	margin: 0 8px 0 0;
	width: 244px;
	float: left;
}

.indexRowOneBoxCenter {
	width: 242px;
	height: 128px;
	border: 1px solid #999;
	text-align: center;
}

.indexRowOneBoxCenter img {
	width: 242px;
	height: 84px;
}

/* --------------------------- */
/* ------ INDEX ROW TWO ------ */
/* --------------------------- */

.indexRowTwo {
	border: 6px solid #EEE;
	margin: 0 8px 0 0;
	width: 138px;
	float: left;
}

.indexRowTwoBox {
	width: 136px;
	height: 128px;
	border: 1px solid #999;
	text-align: center;
}

.indexRowTwoBox img {
	width: 136px;
	height: 84px;
}

/* ----------------------------- */
/* ------ INDEX ROW THREE ------ */
/* ----------------------------- */

.indexRowThreeRt {
	border: 6px solid #EEE;
	margin: 0 8px 0 0;
	width: 375px;
	float: left;
	background-image: url('/images/display/background-right.jpg'); 
	background-repeat: no-repeat;
	background-position: top right;
}

.indexRowThreeLe {
	border: 6px solid #EEE;
	margin: 0 8px 0 0;
	width: 375px;
	float: left;
	background-image: url('/images/display/background-left.jpg'); 
	background-repeat: no-repeat;
	background-position: top right;
}

.indexRowThreeBox {
	width: 373px;
	height: 240px;
	border: 1px solid #999;
	text-align: left;
}

.indexRowThreeBox span {
	width: 253px;
	height: 240px;
	text-align: left;
	margin: 5px 0 0 5px;
	display: block;
}

.indexRowThreeBox a {
	color: #555;
}

.indexRowThreeBox a:hover {
	color: #000;
}

/* ---------------------- */
/* ------ FEATURES ------ */
/* ---------------------- */

#mainContentFeatures {
	width: 790px;
	text-align: left;
	float: right;
}

#mainContentFeatures a {
	color: #555;
}

#mainContentFeatures a:hover {
	color: #000;
}

.feature {
	border-bottom: 1px solid #999;
	padding: 0 0 16px 0;
}