/*
|=================================================================|
|							          |	
| 			FIELD OF DREAMS	CC4		          |
|							          |	
|=================================================================|
|							          |
| Theme Name: Field Of Dreams CC4			          |
| Theme URL: Serira Designs.com http://seriradesigns.com          |
| Author: KatGirl 						  |
| Author URL: http://seriradesigns.com		      		  |
| Version: 1.0						          |
| Copyright: International and domestic Copyright Laws apply      |
| 								  |
|=================================================================|
|								  |
|			LICENCE TYPE 			  	  |
|=================================================================|
| 								  |
| Field Of Dreams is NOT General Public License (GPL) nor is it   |
| Open Source Software and limitations Do apply.		  |
|								  |
| You cannot copy, steal, duplicate, sell, modify, claim this 	  |
| theme as your own work, publically display this theme in or     | 
| through any medium unless explicitly authorised by 		  |
| Serira Designs.com	  					  |		
|								  |
|=================================================================|
*/

body {
	background-color:#e7a0be;
	color:#663366;
	font: 12px/20px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
a:active, a:focus, a:hover {outline:none;}

#Skin {
	margin: 0 auto 10px;
	width: 100%;
	background: black;
	height: 40px;
	}

.SkinBox {
	margin: 0 auto;
	text-align: center;
	width: 540px;
	}
	
.SkinBox img {float: left; width: 321px;}
.SkinBox .SkinDropDown {
	float: left;
	width: 200px;
	border: 1px solid #DDDDDD;
	color: #666666;
	margin-top: 10px;
	}
	
	
#topHeader { /* decorative flower image */
	text-align: right;
	height: 200px; 
	width: 789px;
	margin: 0 0 10px 0;
	padding: 0 9px 0 0;
	background-image: url(../styleImages/backgrounds/header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px double #e7a0be;
	}


#Logo{ 
	margin: 5px 0;
	height: 89px;
	width: 794px;
	padding: 2px;
	text-align: right;
	border: 1px solid #E7A0BE;
	} 

#Logo h1 {
	float: right;
	display: inline;
	position: relative;
	margin: -75px 15px 0 0;
	text-align: right;
	font: 50px "SaffronToo","Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	visibility: hidden;
	}


#pageSurround {
	width: 800px;
	margin: 0 auto;
	padding: 3px;
	border: 3px double a56371;
	background-color: #a56371;
	color: #663366;
	}

table#Wrap {padding: 0; width: 800px;}
#LeftColumn {width: 195px; padding: 0px; background-color: #FFFFFF;color: #663366;}
#Spacer {background-color: a56371;}
#MainContent {width: 600px; background: #FFFFFF;color: #663366;}
.ContentBox {padding: 10px;}


/**GENERAL Headers
********************/
h2 {
	font: normal 22px 'Century Gothic', Arial, Helvetica, sans-serif;
	color: #663366;
	background-color: #FFFFFF;
	text-align: center;
	margin-bottom: 20px;
	}

.MainContent h3 {font: normal 22px "Century Gothic"; text-align: center;}


/**MAIN NAVIGATION 
********************/
#Navigation {
	background-image:url(../styleImages/backgrounds/navigation.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0 auto;
	padding: 0;
	height: 53px;
	width: 172px;
	text-align: center;
	border: 1px solid white;
	} 

#Navigation h3 {
	color: #663366;
	background-color: #FFFFFF;
	font: normal 16px "Century Gothic";
	text-align: center;
	text-transform: uppercase;
	visibility: hidden;
	}

#navcontainer ul{margin: 0 0 20px 20px;padding: 0;}
#navcontainer ul li {
	list-style-type: square;
	list-style-position: outside;
	margin: 5px 0; 
	padding: 0;
	color: #333366;
	font-size: 14px;
	}

#navcontainer ul li a {
	color: #a56371;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navcontainer ul li a:hover {color: #a56371;}
#navcontainer ul ul, #navcontainer ul ul ul  {margin: 5px 0 8px 10px;padding: 0;}
#navcontainer li li, #navcontainer li li li {color: #a56371;margin: 0;}

#navcontainer ul li li a,
#navcontainer ul li li li a {
	color:  #663366; 
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navcontainer ul li li a:hover, #navcontainer ul li li li a:hover {color: #a56371;  background-color:#FFFFFF;}

.LanguageDropDown, .CurrencyDropDown {
	width: 150px;
	margin: 5px 5px 0 0;
	border: 1px solid #A56371;
	color: #a56371;
	background: #FFFFFF;
	}

#LangImg {vertical-align: middle;}
	

/**LEFT COLUM SIDEBOXES
************************/
.BorderBox  {
	border-bottom: 3px double #E7A0BE;
	background-color: #FFFFFF;
	margin: 10px 5px;
	padding: 5px 0 20px 0;
	color: #663366;
	width: 180px;
	}


.BorderBox h3 {
	color: #663366;
	background-color: #FFFFFF;
	margin: 0;
	font:normal 16px "Century Gothic";
	text-align: center;
	padding: 0 0 10px 0;
	}


/**HOME PAGE SHOPPING CART
****************************/
.txtCart {color: #A56371;margin: 0 0 8px 0;padding:0;}
.txtCart p {margin:3px 0;text-align:center;}
.cartTotal {
	border-top: 1px dashed #993399;
	width: 167px;
	padding: 5px 0;
	margin: 3px 0 0 3px;
	}

.cartTotal p {text-align:left;}

span.txtCartItems {
	text-align:right;
	float:right;
	color: #663366;
	padding-right: 3px;
	margin-top:-15px;
	}

span.txtCartPriceTotal {
	text-align:right;
	float:right;
	color: #663366;
	padding-right: 3px;
	margin-top:-15px;
	font-weight:bold;
	}

a.txtviewCart:active, 
a.txtviewCart:link, 
a.txtviewCart:visited {
	color: #FFFFFF; 
	background:#666666; 
	text-decoration: none;
	border: 1px solid #666666; 
	padding: 3px;
	margin:5px auto;
	height:25px;
	}

a.txtviewCart:hover {
	background-color: #a56371;
	color: #FFFFFF;
	border: 1px solid #E7A0BE;
	}



/**LATEST PRODUCTS - HOME PAGE
*********************************/
#StaticImage {
	float: left;
	margin: 10px;
	width: 267px;
	height: 400px;
	padding: 10px;
	border: 3px double #E7A0BE;
	display: inline;
	}

#Promo {float: right; margin: 20px 10px 20px 0;}


/**ALL PRODUCTS
******************/
.LPBox {
 width: 170px; 
 height: 230px; 
 padding: 0; 
 margin: 10px;
 float: left;
 display: inline;
 text-align: center;
 }
.LPImage {
 height: 145px;
}
.LPImage img {
margin: 5px; 
border: 1px solid #E7A0BE; 
padding: 3px;
}

.LPName {
	height: 40px;
	width: 160px; 
	margin: 0 auto;
	padding: 0 5px 5px 5px;
	text-align:center;
	}

.LPPurchase {
	float: left;
	display: block;
	width: 170px;
	text-align: center;
	}

.buynow {
	float: left;
	display: inline;
	margin-top: 5px;
	margin-right: 5px;
	height: 25px;
	width: 80px;
	border: none;
	background-image: url(../styleImages/icons/button.gif);
	}

.buynow a:link, .buynow a:visited, .buynow a:hover {
	float:left;
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	margin: 2px 0 2px 10px;
	text-align: center;
	}

.details {
	float:left;
	display: inline;
	margin-top: 5px;
	height:25px;
	width: 80px;
	border:none;
	background-image:url(../styleImages/icons/button.gif);
	}

.details a:link, .details a:visited, .details a:hover {
	float: left;
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	margin: 2px 0 2px 13px;
	text-align: center;
	}
	

/**BREADCRUMB TRAIL
*********************/
.BreadCrumb {margin-left: 5px;}
.BreadCrumb, .BreadCrumb a {
	color: #A56371;
	background: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}

.BreadCrumb a:hover {text-decoration: underline;}
.BreadCrumb span#current {color: #663366; background:#FFFFFF;}

/**MISCELLANEOUS STYLING
**************************/
.Increase {font: 14px Arial, Verdana, Helvetica, sans-serif;}
.Center {margin: 0 auto; text-align: center; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.Center.Increase {text-align: center; font: 14px Arial, Verdana, Helvetica, sans-serif;}


/**CATEGORY DISPLAY
********************/
.DecOne {
	border-top: 3px double #E7A0BE;
	margin-right: 5px;
	margin-left: 10px;
	}



/**CATEGORY DESCRIPTION
************************/
.CatTopBox {
	color: #663366;
	background-color: #a56371;
	padding: 0 0 5px 0;
	float: left;
	display: block;
	}

.CatTopBox .BreadCrumb {padding: 5px; margin-left:0;}

#CategoryDescription{
	margin: 0;
	padding: 20px 0 10px 5px;
	background: #FFFFFF;
	color:  #696969;
	float: left;
	display: block;
	width: 595px;
	}

#CatImage {
	margin: 0 8px 0 0;
	float: left;
	height: 200px;
	width: 200px;
	position: relative;
	display: inline;
	}

#CPText {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	display: inline;
	width: 570px;
	}
	
#CPText h2 {
	font: normal 20px "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	text-align: left;
	border-bottom: 3px double #E7A0BE;
	margin-bottom: 5px;
	margin-top: 0;
	}


/**SUBCATEGORY DISPLAY
*************************/
#CategorySubCats {
	float: left;
	display: block;
	border-bottom: 1px dashed #E7A0BE;
	width: 100%;
	}

.SubCatBox {
	width: 160px;
	height: 200px;
	float: left;
	margin: 5px 10px;
	text-align: center;
	display: inline;
	}

.SubCatBox img {border: 1px solid #E7A0BE;padding: 3px;}
#CategorySubCats h3 {
	text-align: center;
	font: 18px "Century Gothic", Arial, Verdan, Helvetica, sans-serif;
	color: #663366;
	background: #FFFFFF;
	}
	
	

/**CATEGORY DISPLAY
*********************/
.CatBottomBox {
	padding: 10px;
	color: #663366;
	margin-bottom: 20px;
	background-color: #FFFFFF:
	}

.CPBox {
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 3px double #E7A0BE;
	height: 145px;
	text-align: left;
	}

.CatProdsImage {
	float: left;
	display: block;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #E7A0BE;
	}

.CPName {
	text-align: left !important;
	float: left;
	display: inline;
	width: 405px;
	}

.CPName a {
	font: 18px "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	color: #A56371;
	background: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
	text-decoration: none;
	}

.CPName a:hover {text-decoration:underline;}

.CPInfo {
	padding:0;
	text-align: left;
	margin: 10px 0;
	float: left;
	display: block;
	width: 400px;
	}

.CPInfo .txtSale {color: #CC0066;}
.CPPurchase {
	float: right;
	display: inline;
	margin: 5px;
	}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	}



/**MISCELLANEOUS 
*****************/
.txtBoxSave {color: #663366; padding-left:0;}
.dropDown {width: 120px;}
.txtCopy {color: #333333;}
.txtOldPrice {text-decoration: line-through;}
.txtOutOfStock {color: #FF0000;}


/**SINGLE PRODUCT PAGE
************************/
#SPContent {
	margin: 0 0 0 0;
	padding-bottom: 20px;
	float: left;
	display: block;
	}


#SPContent h2 {
	text-align: left;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #E7A0BE;
	font-size: 20px;
	}
	
/**TOP SECTION
****************/
#SPBoxOne {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	}

.LeftBox {
	width: 430px;
	float: left;
	display: inline;
	text-align: center;
	margin: 0 auto;
	}

#SPImage {
	margin: 15px 0 10px 10px;
	padding: 0;
	text-align: left;
	}
	
#SPImage img {border: 1px solid #A56371;}

.RightBox {
	float: left;
	display: inline;
	width: 165px;
	padding: 0;
	margin: 0;
	}

#Gallery {margin: 15px 0 0 0; padding:0;}
#Gallery p {}
#imgThumbSpace img {
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #A56371;
	}


/**BOTTOM SECTION 
*******************/
#SPBoxTwo {
	margin-top: 20px;
	float: left;
	display: block;
	}

.LeftBoxTwo {
	float: left;
	display: block;
	width: 275px;
	margin-right: 20px;
	}

.LeftBoxTwo h3 {
	border-bottom: 3px double #E7A0BE;
	font: normal 16px "Century Gothic", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; 
	margin-bottom: 8px;
	}

#SPDescription {padding: 0 10px;text-align:left;}

.RightBoxTwo {
	display: block;
	width: 300px;
	float: left;
	text-align: left;
	}

.RightBoxTwo p {margin: 3px 0;padding: 0;}
#ProdPrice {
	font: 16px "Century Gothic", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; 
	margin: 16px 0 5px 0;
	border-bottom: 3px double #E7A0BE;
	}
	
#ProdPrice strong {font-weight: normal;}
.Sale {color:#A56371;}
#Options {}
.OptionsStyle {
	margin-left: 10px;
	border: 1px solid #E7A0BE;
	color: #A56371;
	background: #FFFFFF;
	width: 150px;
	}

#ProdReviews {margin: 30px 0;}
#ProdReviews img {vertical-align: top;}
#ProdReviews .txtLink {
	text-transform: uppercase;
	text-decoration: none;
	color: #663366;
	background: #FFFFFF;
	font-weight:normal;
	margin-left: 5px;
	}

#ProdReviews .txtDefault {text-transform:uppercase;}

#ProdReviews h3{
	border-bottom: 3px double #E7A0BE;
	font: normal 16px "Century Gothic", Arial, Verdana, Helvetica, sans-serif; 
	margin-bottom: 5px;
	}


#ProdBuy {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 28px
	}

#ProdBuy .txtButton {text-transform:none;}

/**CUSTOMER REVIEWS SECTION
******************************/
#ReviewArchives {
	margin: 10px;
	float: left;
	display: block;
	}

#ReviewArchives h3 {
	border-bottom: 3px double #E7A0BE;
	font: normal 16px "Century Gothic", Arial, Verdana, Helvetica, sans-serif; 
	margin: 0 0 5px 0;
	}

.ReviewEntry {
	border-bottom: 3px double #E7A0BE;
	float: left;
	display: block;
	padding: 5px 0;
	}

.ReviewedBy {float: left; margin-bottom: 0;}

.customername {	
	float: left;
	display: inline;
	margin-right: 5px;
	font-weight: bold;
	}

.ReviewedBy span {
	float: left; 
	display: inline; 
	margin-right: 5px;
	}

.date {
	float: left; 
	display: inline; 
	font-weight: bold;
	}

.ReviewStars {float:right;}

.ReviewContent {
	color: #A56371;	
	float: left;
	display: block;
	margin: 0;
	padding: 5px 0;
	}


p.sub {
	clear: both;
	text-transform: uppercase;
	color: #A56371;	
	margin: 0;
	text-align: left;
	font-weight: bold;
	}
	
.ReviewContent p {margin: 0;}


/**WRITE REVIEW
*****************/
#WriteReview {
	text-align: left;
	margin: 10px;
	font-size: 13px;
	}

#WriteReview h3 {
	border-bottom: 3px double #E7A0BE;
	font: normal 16px "Century Gothic", Arial, Verdana, Helvetica, sans-serif; 
	text-align: left;
	}

#WriteReview p {text-align:left;}
#WriteReview table.Post {
	text-align: left;
	margin: 20px 20px 40px;
	width: 400px;
	}

.Post .textbox {width:98%;}