@charset "utf-8";
/* CSS Document */

*{
	margin:0;	
}
a:active,a:link,a:hover{
	color:#0c5ba0;
	text-decoration:none;
}
	


a:hover{
	text-decoration:underline;
}
.important{
	font-size:12px;
	color:red;
	font-weight:bold;
	
	background-color:#f7e6bc;
	
}

div#e1cart {
	clear:both;
}

ol#progress{
	margin:0;
	padding:0;
	float:left;
	clear:both;
	margin-bottom:0.5em;
}

ol#progress li{
	 margin-left:2.5em;
	
	float:left;
	
	font-size:0.8em;
	color:#ccc;
	font-weight:normal;
	}

ol#progress li.active{
	
	font-weight:bold;
	color:black;
}

input[type="submit"],input[type="button"]{
		text-transform:capitalize;
	background-color:#ececec;
	font-size:0.9em;
	border:1px double #ccc;
	padding:0.2em;
	padding-bottom:0.2em;
	margin:0.3em;
}

form{
 	
	
}


table.form{
	border:none;
	width:100%;
	margin:0;
	font-size:0.8em;
	border:1px solid #ccc;
	
}

 table.form th{
 	background-color:#ececec;
	border:none;
	text-align:left;
	border-bottom:1px dotted #ccc;
	margin:0;
	padding:0.3em;
}

 table.form td{
 	
	border:none;
	padding:0.5em;
	vertical-align:top;
	
	margin:0;
}
 table.form td input, form table td select, form table td textarea{
	margin-bottom:0.1em;
}



 table.form td em{
	font-size:0.8em;
	color:#666;
	margin:0.3em;
}
 table.form td label{
	margin-right:0.3em;
	font-size:0.9em;
	margin-top:0.2em;
	text-align:right;

	float:right;
	
	
}

table.form td.different label{
	margin-right:0.3em;
	font-size:0.9em;
	margin-top:0.2em;
	text-align:right;

	float:right;
	text-decoration:none;
	
}

 table.form tr.lastTR td{
	border-top:1px dotted #ccc;

	margin:0;
	padding:0.2em;
	
}

table.form table.order-items{
	font-size:0.9em;
	width:98%;
	margin:0.3em;
	border:1px solid #ccc;
}

table.form table.order-items td.optionLabel{
	text-align:right;
}
table.form table.order-items td.optionValue{
	text-align:left;
}

table.form table.order-items td.spacer{
	border-right:none;
	border-left:none;
}

table.form table.order-items th{
background-color:#ccc;
padding-top:1em;
border-bottom:none;
text-decoration:underline;
font-weight:normal;
font-style:normal;
border-top:1px solid #ccc;
}
table.form table.order-items  th{
padding-top:0.5em;
background-color:#ccc;
border-bottom:none;
text-decoration:underline;
border-top:none;
}
table.form table.order-items td{
	padding:0.5em;
}
table.form table.order-items td.subtotal{
	padding-right:0.5em;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:bold;
	text-align:right;
}

table.form table.order-items td.total{
	border-right:1px solid #fff;
	background:#666;
	padding-right:0.5em;
	width:95%;
	text-align:right;
	border-top:none;
	color:white;
}

table.form table.order-items td.subtotalValue{
	border-top:1px solid #ccc;
	padding:0;
	padding:0.5em;
	
	width:5%;
	text-align:left;
}

table.form table.order-items td.totalValue{
	padding-left:0.5em;
	padding-right:0.5em;
	width:5%;
	background:#666;
	text-align:left;
	border-top:none;
	color:white;
}

 



body{
	font-size: 100%;
	/*background:url(/cjw/css/themes/capejaffa/images/background.png) #dfbf92 repeat-x;*/
	background:black;
}

.cjw-container{
	margin-top:15px;
	margin-bottom:15px;
	width:939px;
	margin-left:auto;
	margin-right:auto;

}
 
.cjw-sub-container{ 
	width:939px;
	margin-left:auto;
	margin-right:auto;
	
}

.cjw-banner{
	background:url(/cjw/css/themes/capejaffa/images/banners/banner1.jpg) no-repeat top left;
	width:939px;
	height:259px;

}
 
.cjw-banner-small{
	background:url(/cjw/css/themes/capejaffa/images/banners/banner-small.jpg) no-repeat top left;
	width:939px;
	height:165px;

}

.cjw-shadow-left{

	/*background:url(/cjw/css/themes/capejaffa/images/shadow-left.png) repeat-y left;*/
	
	
}

.cjw-shadow-right{

	
	/*background:url(/cjw/css/themes/capejaffa/images/shadow-right.png) repeat-y right;*/
	
}

.cjw-navigation{
	height:50px;
	background:#900;
	border:1px solid #900;
}

.cjw-content-container{
	
	background:white;
}
 
.cjw-clear{
	clear:both;	
}

.cjw-content-one-col{

	
	padding-top:5px;
	padding-left:10px;
	
	
	
}
.cjw-content-single{

	
	padding:1.2em;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.3em;
	
	
	
}  
.cjw-content-left{
	float:left;
	 
	width:65%;
	padding:1.2em;
	padding-left:1em;
	padding-right:0;
	padding-top:0.3em;
}
/*
.cjw-content-middle{
	float:left;
	
	width:20%;
	padding:10px;
}
*/
.cjw-content-right{
	width:30%;
	float:right;
	padding-right:0.9em;
	
}

.cjw-content-bottom{
	background:white;
	padding:10px;
}


.cjw-shim{
	height:280px;
	width:1px;
	float:left;
}

.cjw-footer{

	background:url(/cjw/css/themes/capejaffa/images/footer.jpg);
	width:939px;
	height:29px;
	text-align:Center;
	color:#666;
	font-size:0.8em;
	font-weight:normal;
	}
	
/*customizeable page layout styles */
.clearer{
	clear:both;
}

div#crumbs{
	margin-bottom:0.5em;

}

/*home styles */
div#home div#results{
	font-size:0.8em;
}

div#home div#results div.resultAlt{
	
	float:left;
	margin:0.3em;
	width:90px;
	text-align:center;
}

div#home div#results div.resultPri{
	
	float:left;
	margin:0.3em;
	width:90px;
	 text-align:center;
}

div#home div#results a{
	
}
/*Product Listing layouts and formatting */
div#productListing{
	
	
}

div#productListing div#search{

}

div#productListing div#results{

}



div#productListing div#results div.resultAlt{

	padding:0.5em;
	padding-bottom:1em;

	background:#F4F4F4;
	
}


div#productListing div#results div.resultPri{

	padding:0.5em; 
	padding-bottom:1em;
	
	
}
div#productListing div#results div.resultPri div.image,div#productListing div#results div.resultAlt div.image{
	
	border:1px solid #CCC;
	margin:0.8em;
	margin-bottom:0.4em;
	margin-top:0;
	margin-left:0em;
	
	
}
div#productListing div#results div.resultPri div.image img,div#productListing div#results div.resultAlt div.image img{
	margin:0.8em;
}


div#productListing div#results div.resultPri div.content,div#productListing div#results div.resultAlt div.content{
	
}

div#productListing div#results div.resultPri div.content h3,div#productListing div#results div.resultAlt div.content h3{
	
}

div#productListing div#results div.resultPri div.content p,div#productListing div#results div.resultAlt div.content p{
	
}

div#productListing div#pagination{
	margin-top:1em;
	
	text-align:center;
	
}

div#productListing div#pagination a{
	
}
/*productDetail layouts/styles */

div#product{
	
}

div#product div#details{
	
}

div#product div#details h2{
	
}

div#product div#details p{
	font-size:0.8em;
	line-height:1.5em;
	
	margin:1.5em 1em 1.5em 0;
}


div#product div#details p span#primaryImage{
	border:1px solid #CCC;
	margin:1em;
	float:left;
	margin-top:0.4em;
	margin-left:0;
	margin-bottom:1em;
}

div#product div#details p span#primaryImage img{
	
	margin:0.8em;
}


div#product div#details div#categories{
  font-size: 0.7em;
  margin-bottom:1.2em;
  margin-left:0.4em;
}

div#product div#details div#categories a{
	
}

div#product div#images{
	margin-bottom:1.2em;
}

div#product div#images div.image{
	float:left;
	margin:0.2em;
	
	
}

div#product div#images div.image img{
	
}

div#product div#rel_images{
	margin-bottom:1.2em;
}

div#product div#rel_images div.image{
	float:left;
	margin:0.2em;
	width:100px;
	text-align:center;
	
}

div#product div#rel_images a{
	display:block;
	font-size:0.8em;
	
	
}

div#product div#images div.image img{
	
}




div#product div#orderDetails{
	
	
}

div#product div#orderDetails form{
	margin:0;
	padding:0;
	
}

div#product div#orderDetails h3{
	
	
}

div#product div#orderDetails div#addToCart{

	float:left;
	width:100%;
	padding-bottom:1.2em;
	background:#ececec;
	
}



div#product div#orderDetails div#addToCart dl{
	margin:1.2em;
}

div#product div#orderDetails div#addToCart dt{
	float:left;
	font-weight:bold;
	
	margin:0.2em;
	clear:left;
	width:75px;
	text-align:right;
	font-size:0.8em;
	padding:0.3em;

}

div#product div#orderDetails div#addToCart dd{
	float:left;
	clear:right;
	margin:0.2em;
	padding:0.1em;
	margin-right:0.6em;
	text-align:left;
	
	
}

div#product div#orderDetails div#addToCart dd input{
	
	margin-right:0.4em;
	font-size:0.8em;
	
	
}


div#cart-small{
	margin-top:0.8em;
}

div#cart-small h3{
	margin:0;
	padding:0;
	margin-bottom:0.3em;
}

div#cart-small div#content{
	
		background:#ececec;
		padding-bottom:0.3em;
		overflow:hidden;
	
}

div#cart-small div#content dl#items{
	
}

div#cart-small div#content dl#items div.item{
	font-size:0.7em;
	padding-bottom:0.1em;
	padding-top:0.6em;
	display:inline-block;
	width:100%;
	border-bottom:1px solid #ccc;
	padding-left:0.8em;
}



div#cart-small div#content dl#items div.item dt.name{
	
}


div#cart-small div#content dl#items div.item dd.qty{
	clear:left;
	float:left;
	margin:0.5em;
	margin-left:1.2em;
	
}
div#cart-small div#content dl#items div.item dd.qtyType{
	float:left;
	margin:0.5em;
}

div#cart-small div#content dl#items div.item dd.amt{
	
	float:left;
	margin:0.5em;
}


div#cart-small div#content dl#items div.item dd.opt{
	float:left;
	clear:right;
	margin:0.5em;
}

div#cart-small div#content dl#items div#total{
	background:#ccc;
	font-size:0.9em;
	padding-bottom:0.2em;
	padding-top:0.2em;
	clear:both;
	
	
	padding-left:0.8em;
	text-align:right;
	padding-right:0.8em;
}


div#cart-small div#content ul{
	margin:0.3em;
	display:inherit;
	
	padding:0;
	list-style:none;

	font-size:0.8em;
	
}

div#cart-small div#content ul li{
	text-align:right;
	padding:0;
	
}

div.notification{
	
	border:1px solid #ccc;
	color:red;
	padding:0.8em; 
}

div#categories-list{
	
	margin-top:1em;
	padding:0.3em;
	font-size:0.8em;
	overflow:auto;
}

div#categories-list ul{
	margin-left:1.5em;
	padding:0;
	margin-bottom:1em;

}
div#categories-list ul li{
	
	margin:0.2em;
}


/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Primary
===================================== */

#navPrimary {
	
	margin: 0;
	list-style: none;
	font-size:0.75em;
	padding:0;
	}
#navPrimary li {
	float: left;
	margin: 0 0 0 0;
	line-height: 1.5;
	}


/* @group Nav - Primary - Dropdown
===================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#navPrimary li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	z-index: 1000;
	width: 12em;
	margin: 0;
	padding-left: 0;
	list-style: none;
	}

#navPrimary li li { /* all list items */
	float: left;
	width: 12em; /* width needed for Opera */
	margin: 0;
	}

#navPrimary li li a {
	display: block;
	padding: .5em;
	line-height: 1;
	text-transform: none;
	}

#navPrimary ul li.first,
#navPrimary ul li li.first { /* all list items */
	border: 0;
	}

#navPrimary li ul ul { /* third-and-above-level lists */
	margin: -2.1em 0 0 12em;
	}

#navPrimary li:hover ul ul,
#navPrimary li:hover ul ul ul,
#navPrimary li.sfhover ul ul,
#navPrimary li.sfhover ul ul ul {
	left: -9999px;
	}

#navPrimary li:hover ul,
#navPrimary li li:hover ul,
#navPrimary li li li:hover ul,
#navPrimary li.sfhover ul,
#navPrimary li li.sfhover ul,
#navPrimary li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* @end Nav - Primary - Dropdown
-------------------------------- */

/* @end Nav - Primary
-------------------------------- */

/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Breadcrumb
===================================== */
.pageTitle{
	display:none;
}

#crumbList {
	margin-bottom: 1em;
	clear:both;
	display:none;
	
	}
	
ul#crumbList{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 1em;
	padding:0;
	

}	

#crumbList li {
	color: #999;
	display:inline;
	font-size:0.7em;
	}

#crumbList li a {
	padding-bottom: 0;
	border: 0;
	color: #999;
	}

/* @end Nav - Breadcrumb
-------------------------------- */


/* @group Nav - Primary
===================================== */

#navPrimary {
	
		
	}

#navPrimary li {
	margin: 0;
	}
#navPrimary li.first {
	margin-left: 12px;
	}

#navPrimary li a {
	font-weight:bold;
	display: block;
	padding: 16px;
	
	
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	}

#navPrimary li a:hover,
#navPrimary li:hover,
#navPrimary li.sfhover {

	text-decoration: none;
	color:black;
	}

#navPrimary li.current a {
	background-color: #900;
	color:black;
	}
#navPrimary li.current ul li a {
	background-color: transparent;
	color:white;
	}

#navPrimary li ul { /* second-level lists */
border-top: 1px solid #800000;
	background-color: black;
	color:white;
	}
	

#navPrimary li li.first {
	margin-left: 0;
	
	}
 
#navPrimary li li {
	border-top: 1px solid white;
	}

#navPrimary li:hover li a:hover,
#navPrimary li.sfhover li a:hover {
	color: #fff;
	background: #900;
	}

#navPrimary li li ul { /* third-level lists */
	border-left: 1px solid white;
	background-color: black;
	}

/* @end Nav - Primary
-------------------------------- */

/* @end NAVIGATION/UI
-------------------------------- */

