/*
|=================================================================|
|							          |	
| 			DARCY ORANGE CC4		          |
|							          |	
|=================================================================|
|							          |
| Theme Name: DARCY ORANGE CC4				          |
| Theme URL: Serira Designs.com http://seriradesigns.com          |
| Author: KatGirl 						  |
| Author URL: http://seriradesigns.com		      		  |
| Version: 1						          |
| Copyright: International and domestic Copyright Laws apply      |
| 								  |
|=================================================================|
|								  |
|			LICENCE TYPE 			  	  |
|=================================================================|
| 								  |
| DARCY ORANGECC4 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 {
	margin: 5px 0;
	background-color: #FFFFFF;
	color: #89786e;
	font: normal 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

a:active, a:focus {outline: none;}
#Border {margin: 5px 0 30px}

#pageSurround {
	width: 970px;
	margin: 0px auto;
	padding: 0;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	}

#topHeader {
	background: #FFFFFF url(../styleImages/backgrounds/header.jpg) no-repeat top center;
	width: 970px;
	height: 340px;
	margin: 0;
	padding: 0;
	}

/**SHOPPING BASKET
*********************/
#ShoppingBasket {
	float: right;
	display: inline;
	width: 230px;
	height: 31px;
	margin-top: 26px;
	margin-bottom: 14px;
	}

#CartBasket {
	float: left;
	width: 45px;
	height: 29px;
	display: inline;
	}
	
#CartItems {
	float: left;
	width: 180px;
	font-size: 16px;
	margin-top: 8px;
	height: 22px;
	display: inline;
	}

#CartItems span {
	float: right;
	height: 22px;
	margin-right: 2px;
	display: inline;
	}

#CartItems a {
	color: #f67d00;
	background: #FFFFFF;
	text-decoration: none;
	}
	
#CartItems a:hover {
	color: #89786e;
	background: #FFFFFF;
	}
	
	
	
/**TOP LINKS
*************/
#TopLinks {
	width: 225px; 
	float: left; 
	display: inline; 
	height: 29px; 
	margin-top: 28px;
	}

#SessionLinks {
	width: 225px; 
	height: 25px; 
	margin-top: 5px; 
	font-size: 16px; 
	text-align: left;
	float: left;
	display: inline;
	}

a#LoginLink, a#LogoutLink, a#HomeLink {	margin: 0 0 0 5px;}
a#RegisterLink, a#AccountLink, a#ContactLink {float: right;}
a#ContactLink {margin-top: 7px;}
#SessionLinks a, #TopLinks a  {	color: #f67d00;	background: #FFFFFF; text-decoration: none; font-size: 16px;}
#SessionLinks a:hover, #TopLinks a:hover {color: #89786e; background: #FFFFFF;}
#TopLinks a img {vertical-align: base; margin-right: 5px;}

/** DEFAULT CC CROSS BROWSER DHTML MENU
*****************************************/
#Categories {
	float: right;
	display: block;
	width: 230px;
	height: 200px;
	margin-right: 5px;
	font-size: 14px;
	}

ul#mainmenu-nav {
	list-style: none;
	list-style-type: none;
	width: 190px;
	padding: 0px;
	margin: 0px;
	}

.ul-nav, .li-nav {display: block; list-style: none;}
.ul-nav {width: 142px;	padding: 0px;}
.li-nav {float: left;}
.li-nav .ul-nav  {
	display: none;
	position: absolute;
	margin-left: 90px;
	margin-top: -19px;
	border-top: 1px solid #FFab00;
	border-left: 1px solid #FFab00;
	border-right: 1px solid #FFab00;
	z-index: 99;
	}


/**FIRST LEVEL LINKS
***********************/
.li-nav a {
	padding: 2px 1px;
	width: 190px;
	display: block;
	text-indent: 2px;
	text-decoration: none;
	margin: 0px;
	color: #FFFFFF;
	background-color: #736a68;
	line-height: 20px;
	}
	
.li-nav a:hover {color: #FFab00; background-color: #736a68;}

/**SECOND LEVEL LINKS
***********************/
ul#mainmenu-nav .li-nav .ul-nav .li-nav a {
	padding: 2px 1px;
	background-color: #FFab00; /*#ba5d00;*/
	width: 140px;
	display: block;
	text-indent: 2px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	font-size: 12px;
	border-bottom: 1px solid #FFFFFF;
	}

ul#mainmenu-nav .li-nav .ul-nav .li-nav a:hover {
	background-color: #000000;
	color: #FFFFFF;
	border-bottom: 1px solid #333333;
	}

a.hassubmenu {
	background-image: url(../styleImages/more.gif);
	background-repeat: no-repeat;
	background-position: 143px 6px;
	}

#Logo {
	float: left;
	width: 230px;
	height: 210px;
	margin: 2px;
	text-align: center;
	}

#Logo h1 {
	position: relative;
	float: left;
	margin: -180px 0 0 13px;
	font: 36px/50px "Trebuchet MS";
	width: 200px;
	height: 160px;
	text-align: center;
	visibility: hidden;
	}

/**SEARCH FEATURE
********************/
#SearchBox {
	float: right;
	width: 235px;
	margin-right: 5px;
	margin-top: 10px;
	text-align: center;
	}

#SearchBox .searchBtn {
	background-image:url(../styleImages/icons/searchBtn.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 21px;
	width: 21px;
	border: none;
	text-align: right;
	float: left;
	display: block;
	cursor: pointer;
	background-color: #e9dabc;
	margin: 0 0 0 5px; 
	}

#SearchBox .searchBox {
	color: #89786e;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	width: 170px;
	margin-top: 2px;
	margin-left: 35px;
	}

#SearchForm {float: left;display: inline;}
#SearchBox p {margin: 0; padding-top: 4px;}
#SearchBox a {
	color: #f67d00;
	background: #FFFFFF;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	}

#SearchBox a:hover {
	color: #89786e;
	background: #FFFFFF;
	text-decoration: none;
	}
	

/**CONTENT 
************/
#MainContent {
	width: 950px;
	height: 100%;
	float: left;
	display: block;
	margin-bottom: 10px;
	padding: 0 10px 30px 10px;
	}

h2 {
	color: #89786e;
	background: #FFFFFF;
	font-size: 26px;
	font-weight: normal;
	padding-bottom: 7px;
	border-bottom: 2px solid  #ba5d00;
	}


p.center {text-align: center;}

/**HOME PAGE CONTENT 
**********************/
.HPBox {margin-bottom: 40px;}
.HPBox h2 {
	color: #89786e;
	background: #FFFFFF;
	font-size: 26px;
	font-weight: normal;
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 5px
	}



/**LATEST PRODUCTS
*******************/
#LatestProducts {margin-top: 40px; padding: 0;}
.ProdBox {
	height: 240px;
	text-align: center;
	font-size: 14px;
	margin: 0 7px 30px 17px;
	float: left;
	width: 210px;
	display: inline;
	}

.ProdImage {margin-bottom: 5px;}
.ProdImage a img {margin: 0; padding: 5px; background-color: #89786e; }
.ProdImage a img:hover {margin: 0; padding: 5px; background-color: #ba5d00;}
.ProdName {height: 38px;}
.ProdName a {color: #89786e; background: #FFFFFF;text-decoration: none;}
.ProdName a:hover {color: #919191; background: #FFFFFF;text-decoration: none;}
.ProdPrice {text-align: center; color: #89786e; font-size: 16px;}
.ProdPrice .txtSale {color:  #f67d00;background: #FFFFFF;}
	

/**CATEGORY PAGE
*****************/
h2.catTitle {margin-bottom: 3px;}
#BreadCrumb {
margin-bottom: 10px;
color:  #f67d00; 
background: #FFFFFF;
}


#SubCategories {
	width: 945px;
	margin: 10px auto 20px;
	padding: 0;
	text-align: center;
	padding: 0;
	border-top:  1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	display: block;
	}

#SCTitle {
	text-align: left;
	font-size: 20px;
	margin: 10px;
	}

.SubCatBox {
	width: 110px;
	height: 80px;
	text-align: center;
	margin: 10px 20px 20px;
	float: left;
	display: inline;
	}

.SubCatBox a {
	color: #89786e;
	background-color: #FFFFFF;
	text-decoration: none;
	}

.SubCatBox a:hover {
	color: #f67d00;
	background-color: #FFFFFF;
	}


#CategoryListing {float: left; width: 950px; display: block;}
#ProdSort {text-align: right;margin: 10px 0 5px;}
#CategoryListing .ProdBox {
	width: 450px;
	text-align: left;
	margin: 0 10px 10px 10px;
	height: 170px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	}


#CategoryListing .ProdImage {
	float: left;
	margin: 5px;
	display: block;
	}

#CategoryListing .ProdImage img {
	padding: 5px;
	background-color: #89786e;
	}

#CategoryListing .ProdImage img:hover {
	padding: 5px;
	background-color: #f67d00;
	}

#CategoryListing .ProdName {
	width: 225px;
	float: left;
	margin: 3px 0;
	display: inline;
	}

#CategoryListing .ProdName a {
	font-size: 16px;
	color: #89786e;
	background-color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
	}
	
#CategoryListing .ProdName a:hover {
	color: #ba5d00;
	background-color: #FFFFFF;
	}

#CategoryListing .ProdText {
	float: left; 
	display: block;
	width: 225px;
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #89786e;
	line-height: 14px;
	height: 65px;
	}

#CategoryListing .ProdPrice {
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 22px;
	color: #f67d00;
	text-align: left;
	}

#CategoryListing .ProdPrice .txtSale {
	color: #89786e;
	background-color: #FFFFFF;
	}

#CategoryListing .ProdBuy {
	width: 225px;
	text-align: left;
	position: relative;
	float: left;
	display: block;
	height: 24px;
	}


#CategoryListing .ProdBuy a.BuyBtn {
	color:#FFFFFF;
	background-color: #f67d00;
	text-decoration: none;
	padding: 2px;
	margin: 2px 5px 2px 2px;
	float: left;
	display: inline;
	width: 100px;
	text-align: center;
	text-transform: uppercase;
	}

#CategoryListing .ProdBuy a.BuyBtn:hover {
	background-color: #89786e;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
	margin: 2px 5px 2px 2px;
	float: left;
	display: block;
	width:100px;
	text-align: center;
	}
	

#CategoryListing .ProdBuy a.MoreBtn {
	background-color: #89786e;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
	float: left;
	display: inline;
	width: 100px;
	text-align: center;
	text-transform: uppercase;
	}

#CategoryListing .ProdBuy a.MoreBtn:hover {
	background-color: #f67d00;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
	float: left;
	display: inline;
	width: 100px;
	text-align: center;
	}

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



/**SINGLE PRODUCT PAGE
************************/
#SPLeftSide {
	float: left;
	display: block;
	margin-right: 10px;
	margin-top: 20px;
	}

#SPLeftSide #SPImage {
	padding: 5px;
	background-color: #89786e;
	}

#SPLeftSide #SPImage img {
	padding: 5px;
	background-color: #FFFFFF;
	}

#SPRightSide {
	margin-top: 20px;
	float: left;
	display: block;
	width: 500px;
	}

#SPRightSide h2 {
	font-size: 22px; 
	line-height: 24px;
	border-bottom: 2px solid  #ba5d00;
	margin: 0 0 5px 0;
}

#ReviewResults {text-align: right; font-size: 12px;}
#ProductText {
margin: 0;
padding: 0;
font-size: 13px; 
line-height: 22px;
}

#SPRightSide table#ProductDetails {margin-top: 15px;}
#SPRightSide table#ProductDetails td {padding: 5px;}
#SPRightSide a {
	color: #f67d00;
	background: #FFFFFF; 
	text-decoration: underline;
	}

#SPRightSide a:hover {
	color: #89786e; 
	background: #FFFFFF; 
	text-decoration: none;
	}

#SPRightSide a.BuyBtn {
	color:#FFFFFF;
	background-color: #f67d00;
	text-decoration: none;
	padding: 2px 5px;
	text-align: center;
	text-transform: uppercase;
	}

#SPRightSide a.BuyBtn:hover {
	background-color: #89786e;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 5px;
	text-align: center;
	}
	



/**SITE DOCUMENTS AND DESIGNER CREDIT NOTES
*********************************************/
#SiteDocuments, #DesignerCredits {
	text-align:center;
	margin-top: 10px;
	font-size: 12px;
	color: #89786e;
	background: #FFFFFF;
	}

#SiteDocuments a {
	color: #89786e; 
	background: #FFFFFF; 
	text-decoration: none;
	}

#SiteDocuments a:hover { 
	color: #f67d00; 
	background: #FFFFFF; 
	text-decoration: none;
	}

#SiteDocuments span {padding: 0 5px;}
#DesignerCredits a {color: #1E1E1E; background: #FFFFFF; text-decoration: underline;}
#DesignerCredits a:hover {text-decoration: none;}