/*--------------------------+
 | Site: Recollections	    |
 +--------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {font:12px Arial, Helvetica, sans-serif;}

#view-cart {display:none;}
	
#logo-banner {display:none;}
	
	#catalogue-navigation {display:none;}
	.home #catalogue-navigation {display:none;}
	#flash-container {display:none;}
	
	#left-column {display:none;}

	#right-column {width:auto;}
		
#footer {display:none;}
	


/* Featured Product layout 
----------------------------------------------------------------------*/
.featured-products-container {display:none;}
		
		
/* Product layout 
----------------------------------------------------------------------*/
.breadcrumbs {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0 5px 0; margin:0 0 15px 0;}

dl.category {border: 1px solid #ccc; background-color: #fff; width: 150px; text-align: center; padding: 0 0 10px 0; float: left; margin: 0 0 10px 10px;}
	dl.category-left {border: 1px solid #ccc; background-color: #fff; width: 150px; text-align: center; padding: 0 0 10px 0; float: left; margin: 0 0 10px 100px;}
.category dt {font-weight: bold; background-color: #ccc; color: #b5c3cc; padding: 5px 10px; margin-bottom: 10px;}
	.category-left dt {font-weight: bold; background-color: #ccc; color: #b5c3cc; padding: 5px 10px; margin-bottom: 10px;}
.category dd img {border: 5px solid #ccc; padding:1px;}
	.category-left dd img {border: 5px solid #ccc; padding:1px;}
.category dd {margin: 0; padding: 0 10px 5px 10px; font-size: 11px; color:#fff;}
	.category-left dd {margin: 0; padding: 0 10px 5px 10px; font-size: 11px; color:#fff;}

.listing {width:290px; float:left; border: 1px solid #ccc; background-color: #fff; padding:10px; margin:0 0 10px 10px; height:82px; overflow:hidden;}
.listing img {border: 5px solid #ccc; margin:0 10px 0 0; float:left; padding:1px;}

.detail {background-color: #fff; padding:10px; margin:0 0 10px 0;}
dl.detail-image {border: 1px solid #ccc; background-color: #fff; width: 162px; text-align: center; padding: 10px; float: right; margin:0 0 0 10px;}
.detail-image dt { font-weight: bold; color:#bdc8d1;}
.detail-image dt img {border: 5px solid #ccc;}
.detail-image dd {margin: 0; padding: 0; color:#bdc8d1;}

.detail-price {background-color: #fff; padding:6px 10px 10px 10px; margin:0 0 10px 0;}
.detail-price img {float:right;}



/* Search Reults
----------------------------------------------------------------------*/
.results1 {background:#ccc; padding:10px; margin:0 0 10px 0;}
.results2 {padding:10px; margin:0 0 10px 0;}





/* Navigation layout 
======================================================================*/

ul#nav {list-style:none; float:left; width:522px; display: inline-block; clear: both; padding:53px 0 0 150px;}
ul#nav li {float:left; height:22px; overflow:hidden;}
ul#nav li a {display:block; height:29px; text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -22px!important;}

ul#nav li#home a {background:url(../images/nav/home.jpg) no-repeat; width:68px;}
ul#nav li#products a {background:url(../images/nav/products.jpg) no-repeat; width:114px;}
ul#nav li#sale a {background:url(../images/nav/sale.jpg) no-repeat; width:93px;}
ul#nav li#contact a {background:url(../images/nav/contact.jpg) no-repeat; width:100px;}


ul#cat-nav {list-style:none; float:left; width:230px; display: inline-block; clear: both; padding:50px 0 0 0;}
ul#cat-nav li {float:left; height:35px; overflow:hidden;}
ul#cat-nav li a {display:block; height:29px; text-indent:-9999px;}
ul#cat-nav li a:hover {background-position:0 -29px!important;}

ul#cat-nav li#accessories a {background:url(../images/nav/accessories.gif) no-repeat; width:230px;}
ul#cat-nav li#dresses a {background:url(../images/nav/dresses.gif) no-repeat; width:230px;}
ul#cat-nav li#handbag a {background:url(../images/nav/handbag.gif) no-repeat; width:230px;}
ul#cat-nav li#jackets a {background:url(../images/nav/jackets.gif) no-repeat; width:230px;}
ul#cat-nav li#pants a {background:url(../images/nav/pants.gif) no-repeat; width:230px;}
ul#cat-nav li#shoes a {background:url(../images/nav/shoes.gif) no-repeat; width:230px;}
ul#cat-nav li#suits a {background:url(../images/nav/suits.gif) no-repeat; width:230px;}
ul#cat-nav li#tops a {background:url(../images/nav/tops.gif) no-repeat; width:230px;}

a {color:#9ed3ff; text-decoration:none;}
a:hover {text-decoration:underline;}

ul.footer-links {list-style:none; padding:0 0 0 0;}
ul.footer-links li {float:left; height:22px; overflow:hidden;}
ul.footer-links li a {display:block; height:29px; padding:0 10px 0 0; font-size:11px; color:#c0bbaf;}


 /* Font Style
======================================================================*/
h1.cpost-title { padding:20px 0 15px 0; font-family:Georgia, "Times New Roman", serif; font-size:16px; font-weight:normal; color:#336699; }

.home ul#nav li#home a {background-position:0 -22px!important; width:68px;}
.products ul#nav li#products a {background-position:0 -22px!important; width:114px;}
.sale ul#nav li#sale a {background:background-position:0 -22px!important; width:93px;}
.contact ul#nav li#contact a {background:background-position:0 -22px!important; width:100px;}

h1 {font-size:18px; font-weight:normal; padding:0 0 15px 0; color:#bdc8d1;}
h2 {font-size:16px; font-weight:normal; padding:0 0 15px 0; color:#bdc8d1;}
h3 {font-size:14px; padding:0 0 15px 0; color:#fff; font-weight:normal;}
h4 {font-size:12px; padding:0 0 5px 0; color:#FFFFCC; font-weight:bold;}
h5 {font-size:12px; padding:0 0 5px 0; color:#fff; font-weight:bold;}
p {font-size:12px; color:#bdc8d1; padding:0 0 15px 0; line-height:17px; text-align:justify;}

.cart-text {float:right;}
#footer p {color:#c0bbaf; font-size:11px;}
.breadcrumbs p {font-size:11px; padding:0 0 0 0; line-height:normal; }

.detail-price p {padding:0;}
.rrp-price {text-decoration:line-through; color:#FFFFCC; padding:0 20px 0 0; font-weight:bold;}
.our-price {color:#fff; font-weight:bold;}

.results1 p {padding:0 0 0 0;}


/* Extras 
======================================================================*/
.left-column-title-image {padding:0 0 10px 0;}
.float-left {float:left;}
.float-right {float:right; padding:0 0 0 15px;}




 /* Form Style
==========================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 100px;
	color:#bdc8d1;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #636f76;
	background: #636f76;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #2c3137;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}




/* Cart  
---------------------------------------------*/
#cart th {
	text-align: left;
	background: #3a454f;
	color: #FFF;
	padding: 4px 6px 4px 6px;
}

#cart table table td {
	padding: 4px 6px 4px 6px;
	background: #4b5760;
	color:#bdc8d1;
	border-bottom: 1px solid #2c3137;
}

#cart .right { text-align: right; }

#cart table table table td { border-bottom: 0; }

#cart td.totalprice {
	text-align: right;
	font-weight: bold;
	padding: 8px 0;
	color:#FFFFCC;
}

#cart td.buttons {
	padding-top: 5px;
	text-align: right;
}




/* Search  
---------------------------------------------*/
form.search-form ol { list-style: none;}
form.search-form li { float:left;}
form.search-form input {width:125px;}
form.search-form li.button input {width:41px !important; padding:0 0 0 10px;}