/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#ja-wrapper {}



#ja-headerwrap,

#ja-topslwrap,

#ja-botslwrap,

#ja-containerwrap,

#ja-footerwrap { clear: both; }



#ja-header,

#ja-topsl,

#ja-botsl,

#ja-container,

#ja-footer {

	width: 1010px;

	margin: 0 auto;

}





#ja-containerwrap { padding: 10px 0; }

#ja-main {

	float: left;

	width: 830px;

}



/*main content---*/

#ja-content { clear: both; display: block; float: right; width: 75%; }

#ja-current-content {

	margin: 0px;

	min-height: 1350px;

	height:auto;

}



/*columns---*/

#ja-col1 { float: left; width: 25%; overflow: hidden; }

#ja-col2 {

	float: left;

	width: 180px;

	overflow: hidden;

}





/*1 Column---*/

.ja-lo-1col #ja-current-content { margin: 0; }

.ja-lo-1col #ja-main,.ja-lo-1col #ja-content { float: none; width: 100%; }



/*2 Columns Right---*/

.ja-lo-2colsr #ja-content { float: none; width: 100%; }

.ja-lo-2colsr #ja-current-content { margin-right: 10px; }



/*2 Columns Left---*/

.ja-lo-2colsl #ja-main { float: none; width: 100%; }

.ja-lo-2colsl #ja-content { width: 80%; }

.ja-lo-2colsl #ja-current-content { margin-right: 0; }

.ja-lo-2colsl #ja-col1 { width: 180px; }



html, body, div, span, applet, object, iframe,

h1, h2, h3, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	background: transparent;

	

}

body {

	line-height: 1;

}





ul, ol {

	list-style: none;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

	empty-cells: show;

}



/* Clearfix

-------------------------------------------------------------*/

* html .clearfix {

	height: 1%; /* IE5-6 */

}



.clearfix {

	display: inline-block; /* IE7xhtml*/

}



html[xmlns] .clearfix { /* O */

	display: block;  

}



.clearfix:after { /* FF, O, etc. */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* Mis.

-------------------------------------------------------------*/

.clear, .divider {clear: both;}



.no-display {display: none;}



.nowrap,.nobr {white-space: nowrap !important;}



.no-border {

	border-bottom: none;

	border-left: none;

	border-right: none;

	border-top: none;

}



.no-padding {padding: 0 !important}

.no-margin 	{margin: 0 !important;}



.pipe {

	padding: 0 4px;

	text-align: center;

	color: #999999;

}



/*Alignment---*/

.v-top 		{vertical-align: top;}

.v-middle	{vertical-align: middle;}

.v-bottom 	{vertical-align: bottom;}



.a-left		{text-align: left;}

.a-center	{text-align: center;}

.a-right		{text-align: right;}



.left		{float: left;}

.right	{float: right;}



.normal-weight {font-weight: normal;}



.auto-width {width: auto;}



/*Various Clears---*/

.clear:after,

.col2-set:after,

.col3-set:after,

.col4-set:after,

.col2-alt-set:after,

.head:after,

.inner-head:after,

.box .head:after,

.box ol li:after,

.header-top:after,

.quick-access:after,

.header-nav:after,

.middle:after,

.more-views ul:after,

.button-set:after,

.actions:after,

.legend:after,

.form-list li:after,

.button-container:after,

.ratings:after,

.page-head:after,

.page-head-alt:after,

.page-popup .print-head:after,

.group-select li:after,

.search-autocomplete li:after,

.tool-tip .btn-close:after,

.account-box li:after,

.address-list li:after,

.generic-product-list li:after,

.listing-type-list .listing-item:after,

.listing-type-list .product-info .product-reviews:after,

.my-review-detail:after,

.product-options dt:after,

.product-options-bottom:after,

.product-options dd ul.options-list li:after,

.add-to-holder:after,

.listing-type-grid .grid-row:after,

.advanced-search-summary-box:after,

.shopping-cart-totals .checkout-types:after {

	content:"."; 

	display:block; 

	clear:both; 

	height:0; 

	font-size:0; 

	line-height:0; 

	visibility:hidden; 

	overflow:hidden;

}





.header-nav-container {

	border: 1px solid #4F4F4F;

	border-bottom: none;

}



#nav {}



/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */

#nav li {

	position: relative;

	text-align: left;

}



#nav li.over {

	z-index: 999;

}



#nav a, #nav a:hover, #nav a:active, #nav a:focus {

	display: block;

	text-decoration: none;

}



#nav span {

	display: block;

	cursor: pointer;

	white-space: nowrap;

}



#nav li ul span {

	white-space: normal;

}



/************ 0 LEVEL  ***************/

#nav li {

	float: left;

	border-right: 1px solid #4F4F4F;

}



#nav li.over a, #nav a:hover, #nav a:active, #nav a:focus, #nav a.over {

	color: #FFFFFF;

	border-color: #2F2F2F;

	background: #333333;

}



#nav li.active a {

	color: #FFFFFF;

	background: url(../img/grad_d1.gif) repeat-x top #0088CC;

}



#nav a {

	float: left;

	text-decoration: none;

	padding: 8px 15px 7px;

	color: #CCCCCC;

	border: 1px solid #3F3F3F;

	border-bottom: none;

	font-weight: bold;

	font-size: 13px;

}



/************ 1ST LEVEL ************/

#nav ul li,

#nav ul li.active {

	float: none;

	margin: 0;

}



/*#nav ul li.over { background:#d5e4eb url(../img/nav_divider.gif) repeat-x 0 100%; }*/



#nav ul li.last {

	padding-bottom: 0;

}



#nav ul a,

#nav ul a:hover, #nav ul a.over {

	float: none;

	padding: 0;

	background: none;

	font-size: 12px;

}



#nav ul li a {

	font-weight: normal !important;

}



/************ 2ND LEVEL ************/

#nav ul {

	position: absolute;

	width: 15em;

	top: 33px;

	left: -10000px;

	border: 1px solid #4F4F4F;

	background: #333333;

}



#nav ul li {

	border-bottom: 1px solid #4F4F4F;

	border-right: none;

	background: none;

}



/* Show menu */

#nav li.over > ul { left:0; }

#nav li.over > ul li.over > ul { left:150px; }

#nav li.over ul ul { left:-10000px; }



#nav ul li a,  #nav li.active li a {

	border: none;

	margin: 0;

	color: #CCCCCC;

	background: url(../img/blank.png);

	font-weight: normal;

	font-size: 12px;

}



#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus, #nav ul li a.over {

	background: url(../img/grad_d1.gif) repeat-x top #0088CC;

	color: #FFFFFF;

}



#nav ul span, #nav ul li.last li span {

	padding: 6px 15px;

}



/************ 3RD+ LEVEL ************/

#nav ul ul { top: 5px; }





/* ROUNDED ELEMENTS

--------------------------------------------------------------*/

#ja-current-content, /*layout*/

#jm-cssmenu li ul ul, /*nav*/

.box, .account-nav, .account-box, .generic-box, /*box*/

.form-button, .form-button-alt, input.input-text, select, textarea, /*form*/

.error-msg, .success-msg, .notice-msg, .note-msg, /*messages*/

.add-to-holder, .product-pricing,

.login-box .col-1, .login-box .col-2,

.shopping-cart-totals, .shopping-cart-collaterals .upsell,

.checkout-progress /*others*/ {

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px; 

}







/*Main Nav---*/

.header-nav-container , #ja-mainnav {

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

	-moz-border-radius-topleft: 5px;  

	-moz-border-radius-topright: 5px;

	-webkit-border-top-right-radius: 5px;  

	-webkit-border-top-left-radius: 5px; 

}







/*Box---*/

.box .head {

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

	-moz-border-radius-topleft: 5px;  

	-moz-border-radius-topright: 5px;

	-webkit-border-top-right-radius: 5px;  

	-webkit-border-top-left-radius: 5px; 

}



.box .actions,

.narrow-by dl {

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	-moz-border-radius-bottomleft: 5px;  

	-moz-border-radius-bottomright: 5px;

	-webkit-border-bottom-right-radius: 5px;  

	-webkit-border-bottom-left-radius: 5px; 

}



/*Breadcrums---*/

#ja-pathway {

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

	-moz-border-radius-topleft: 5px;  

	-moz-border-radius-topright: 5px;

	-webkit-border-top-right-radius: 5px;  

	-webkit-border-top-left-radius: 5px; 

}

