/* Body Setup - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;
	/* overflow: -moz-scrollbars-vertical; */
}



/* Basic Form Handling - - - - - - - - - - - - - - - - - - - - - - - -  */

form {
	margin: 0px;
	padding: 0px;	
}

select, input {
	color: #646464;
	font-size: 10px;
}


/* Framing Elements - - - - - - - - - - - - - - - - - - - - - - - -  */


.clear { clear:both; height:0px; overflow:hidden; }

#mainFrame { 
	width:861px;	
	text-align:left;
	z-index:1;
}

#headerFrame {
	z-index:1;
	position:relative;
	height:100px;
}

#contentFrame {
	z-index:1;
}

#footerFrame {
	z-index:1;
	position:relative;
	margin-top:20px;
}

#leftColumn {
	width:170px;
}

#contentColumn {
	padding-right:5px;
	margin-bottom:10px;
	
}

.contentAnchor {
	position:relative;
}



#breadCrumb {
	display:box;
	background:#ebebeb;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:5px;

}

#breadCrumb li {
	display:inline;
	list-style:none;
	padding:2px 2px 2px 2px;
	}

#breadCrumb li a {
	color:#333;
	text-decoration:none;
	font-size:10px;
	}

/* Category Elements - - - - - - - - - - - - - - - - - - - - - - - -  */
	
		.smallImageList	 {
			clear:both;
			margin-top:10px;
			margin-bottom:10px;
		}
		.smallImageList .productItem {
			margin-right:5px;
			float:left;
		/*	height:150px; */
			width:105px;
		}
		
		.smallImageList .productItem .imageBox {
			text-align:left;
		}
	
		.productList .productItem {

			margin-right:5px;
			float:left;
			width:200px;
		/*	height:225px; */
			position:relative;
			text-align:center;
		
		}

		.productList .productName {
		/*	position:absolute;
			bottom:0px;
			left:0px;
			width:200px; */
			text-align:center;
			padding-bottom:5px;
		}
		
		.productList .productName a {
			font-weight:bold;
			text-decoration:none;
			color:#333;
			padding-bottom:3px;
		}
		
		.productList .productName i {
		
			font-size:10px;
			color:#666;
		
		}
		.subcategoryTitle {
			display:block;
			font-weight:bold;
			color:#000032;
			font-size: 13px;
			text-decoration:none;
			height:20px;
			border-bottom:1px dotted #000032;
			position:relative;
		}

		.categoryProductList {
			padding-top:5px;
			padding-bottom:15px;
		}

		.moreLink {
			font-size:11px;
			padding-top:2px;
			font-style:italic;
			font-weight:normal;
			position:absolute;
			width:300px;
			text-align:right;
			top:0px;
			right:0px;
		}
		.nameText {
			position:absolute;
			top:0px;
			left:0px;
			width:300px;
		}

		#categoryDescription {
			padding-bottom:15px;
		}


/* Product Elements - - - - - - - - - - - - - - - - - - - - - - - -  */

	
		#productView {
			position:relative;
		
		}

		#productImage {
		/*	float:left; */
			width:400px;
			height:350px;
		}
		
		#similarProduct {
			width:140px;
			margin-left:20px;
			text-align:center;
		}
		#similarName {
			font-weight:bold;
			background:#dfdfdf;
			padding:5px;
			margin-bottom:5px;
		}
		.smallImageList .productItem .imageBox {
			text-align:center;
		}

		#similarProduct .smallImageList .productItem {
			float:none;
			width:auto;
		}
		
		.productInfo {
			width:510px;
			position:relative;
		}
		
		#productName {
		/*	float:right; */
			text-align:left;
			margin-top:20px;
			height:60px;
			width:280px;

		}
		
		#productOptions {
		/*
			clear:right;
			float:right; */
			text-align:right;
			width:280px;
		}
		.productPrice {
			font-size:12px;
			padding-bottom:5px;
			padding-right:1px;
		}
		
		#additionalImages {
			width:280px;
		/*	float:right; */
			padding-top:20px;
		}

		#additionalImages a {
			float:right;
			margin-left:2px;
			margin-bottom:2px;
		}
		
		#productCrossSell {
		
		}
	
		.tabNav {
			height:24px;
			border-bottom:1px solid #999;
			z-index:20;
			width: 100%;
		}
		
		.tabNavOn, .tabNavOff {
			float:left;
			height:24px;
			margin-right:3px;
			overflow:hidden;
			padding-left:10px;
			padding-right:10px;
			line-height:20px;
			background-color:#eee;
			border-right:1px solid #999;
			border-left:1px solid #ccc;
			border-top:1px solid #999;
			color:#000;
			text-decoration:none;
			z-index:21;
		}

		.tabNavOff {
			height:23px;
			background-color:#ddd;
		}

		#tabInfo {
			background-color:#eee;
			border-right:1px solid #999;
			border-bottom:1px solid #ccc;
			border-left:1px solid #ccc;
			padding:10px;
			z-index:15;
			position:relative;
			width: 100%;
		}
		
		.tabInfoOn {
			display:block;
		}

		.tabInfoOff {
			display:none;
		}
	
		.specGroup {
		
			padding-bottom:3px;
		
		}
		
		.specKey {
			float:left;
			width:200px;
			font-weight:bold;
		}
		
		.specValue {
			float:left;
		}
		
	
/* Cart/Order Elements - - - - - - - - - - - - - - - - - - - - - - - -  */

#itemTable {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-top:1px dotted #000032;
}
#itemTable li { 
	list-style-type:none;
}
#itemTable div {
	padding:10px;

}
#itemTable ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.itemInfo {
	clear:both;
	list-style-type:none;
	border-bottom:1px dotted #000032;
	margin:0px;
	padding:0px;
	height:120px;
}

.itemInfo li {
	float:left;
	height:120px;
}

.itemInfoDelete {
	border-right:1px dotted #000032;
	vertical-align:middle;
	width:75px;
	text-align:center;
}
.itemInfoDetail {
	width:400px;
}
.itemInfoPrice {
	border-left:1px dotted #000032;
}
li.clear {
	height:0px;
	overflow:hidden;
	padding:0px;
}
.itemTotalName {
	float:left;
	width:476px;
	text-align:right;
	height:50px;
}
.itemTotalValue {
	float:left;
	border-left:1px dotted #000032;
	height:40px;
}



.shortItemList{
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.shortItemList li { 
	list-style-type:none;
}
.shortItemList div {
	padding:10px;
}
.shortItemList ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:auto;
}
.itemBlock {
	clear:both;
	margin:0px;
	padding:0px;
	height:110px;
}

.itemBlock li {
	float:left;
	height:auto;
}

.itemBlockImage {
	width:100px;
	text-align:center;
}
.itemBlockInfo {

}
.itemBlockPrice {

}
li.clear {
	height:0px;
	overflow:hidden;
	padding:0px;
}
.shortItemList .itemTotalName {
	float:left;
	width:100px;
	text-align:right;
	height:auto;
}
.shortItemList .itemTotalValue {
	float:left;
	height:auto;
	border-width:0px;
}


/* - --- - - - - - - - - - - - 0- - - - - - - - Checkout styles --  -- */

.leftCheckoutColumn {
	float:left;
	width:390px;
}

.rightCheckoutColumn {
	float:right;
	width:290px;
}

.checkoutTitle {
	font-size: 14px;
	border-bottom:1px dotted #000032;
	margin-bottom:3px;
}

.frmSet {
	margin-top:8px;
	
}

.frmGroup {
	clear:both;
	margin-bottom:5px;
}
.frmName {
	float:left;
	width: 120px;
	padding-top:2px;	
	font-weight:bold;
}
.frmValue {
	float:left;
}



.prodActionBox {
		padding-top:10px;
		text-align:center;
		padding-bottom:10px;
	}
.prodActionBox a{
		padding:3px 4px;
		border:1px dotted #000038;
		margin:0px 4px;
		text-decoration:none;
		color:#000038;
	}
.prodActionBox a:hover {
			background-color:#dfdfdf;
		}
/* modal classes */


	#modalCover {
		position:absolute;top:0px;left:0px;
	/*	background: #000; */
		z-index:400;
		/* background: url('/images/greyoutBack.png'); */
	}

	.coverOn {
		width:100%;height:100%;
	/*	background-image: url('http://images.locale.com/gen/cover_background.png'); */
		opacity: .50;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		background:#fff;
		display:block;
	}

	.coverOff {
		display:none;
	}
	
	#closeModal  {
		font-size:10px;
		position:absolute;
		right:-1px;bottom:0px;
		color:#000038;
		padding:5px;
		background-color:#fff;
		border-top:1px dotted #000038;
		border-left:1px dotted #000038;
		border-right:1px dotted #000038;
		z-index:500;
	}
	
	#workspace {
		display:none;
		visibility:hidden;
		position:absolute;
		top:0px;
		left:0px;
		text-align:center;
		z-index:500;
		border:1px dotted #000038;
		background-color:#ffffff;
	}
	.modalPadding {
		padding:10px;
	}
	
	.modalContent {
		position:relative;
		text-align:center;
	}
	
	
	
/* - - - - - - - - - -- - - - - - navigation -- - - - - -- - - -*/


	#mainNav {
		height:25px;
		position:absolute;
		z-index:100;
		left:0px;
		bottom:0px;
	}

	#mainNav ul {
		list-style:none;
		display:inline;
		margin:0px;
		padding:0px;
		z-index:110;
	}

	#mainNav li {
		display:block;
		float:left;
		position:relative;
		list-style:none;
		margin:0px;
		padding:0px;
		z-index:111;
	}

	#mainNav ul ul {
		position:absolute;
		top:24px;left:0px;
		display:none;
		width:150px;
		background:#fff;
		opacity: .90;
		filter:alpha(opacity=90);
		-moz-opacity:.90;
		border:1px dotted #000038;
	}

	ul.sNav li {
		float:none;
		clear:both;
		width:150px;
		opacity: 1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		display:block;
	}
	
	.sNav a, .tNav a {
		display:block;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		color:#333;
		padding-top:3px;
		padding-bottom:7px;
	}

	.sNav a:hover, .tNav a:hover {
		background-color:#efefef;
	}

	.tNav a {
		padding-top:7px;
	}
	
	#utilityNav {
		position:absolute;
		top:6px;
		right:10px;
		font-size:10px;
		color:#FFFFFF;
	}
	#utilityNav ul {
		display:block;
		padding:0px;
		margin:0px;
	}
	#utilityNav ul li{
		display:inline;
		padding:0px;
		padding-left:5px;
		padding-right:5px;
		margin:0px;
	}
	#utilityNav ul li a {
	color:#64FFFF;
	text-decoration:underline;
	}



	.leftPosition {
		width:150px;
	}

	.leftNav {
		margin-top:10px;
		width:150px;
		border-bottom:1px dotted #000032;
	}

	.leftNav ul {
		list-style:none;
		display:block;
		margin:0px;
		padding:0px;
	}

	.leftNav ul li {
		display:block;
		position:relative;
		list-style:none;
		margin:0px;
		padding:0px;
		border:1px solid #fff;
		border-top:1px dotted #000032;
	}
	
	.leftNav ul ul li {
		border:0px solid #fff;
	}

	.leftNav ul ul {
		padding-left:10px;
	}

	.leftNav .sNav a, .leftNav .tNav a {
		display:block;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		color:#333;
		padding-top:5px;
		padding-bottom:5px;
		margin:0px;
	}
	
	.leftNav .tNav a {

	}

	.leftNav .tNav a.off {
		color:#dfdfdf;
		font-style:italic;
	}
	
	.leftNav ul {
		list-style:none;
		display:block;
		margin:0px;
		padding:0px;
		margin-left:5px;
	}
	
	
	#footerLeft {
		position:absolute;
		top:7px;
		left:10px;
	}
	
	#footerRight {
		position:absolute;
		top:7px;
		right:10px;
	}
	
	.footerNav {
		display:block;
		padding:0px;
		margin:0px;
		font-size:10px;
	}
	.footerNav li{
		display:inline;
		padding:0px;
		padding-left:5px;
		padding-right:5px;
		margin:0px;
	}
	.footerNav li a {
		color:#333;
		text-decoration:none;
	}

	.mapNav li {
		list-style:none;
	}
	
	.mapNav li a {
		color:#333;
		text-deocration:none;
		padding:0px;
	}