/*css reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
html{height:100%;margin-bottom:1px;}/*Force a scrollbar*/

/*
 *.body{font-size:62.5%} //alows conversion from px to em. 12px = 1.2em;
 */
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
}	

/*
 * default list styles.
 */
.type-style ul, .site-webpage ol, .site-webpage dd{padding-left:20px;}
.type-style ul li{list-style:outside disc;display:list-item;}
.type-style ol li{list-style:inside decimal;display:list-item;}
.type-style p{margin:1em 0;}
b, strong{font-weight:bold;}
u{text-decoration:underline;}
i{font-style:italic;}
/*
 * Default link styles.
 */
a{
	color:#333;
}
a:hover{
	color:#003989;
} 
.clear-both{
	clear:both;
}
/*
 * Template Styles
 */
.site-webpage{
	font-size:1.4em;
	padding:20px 0;
}
/*
 * Site Wrapper
 */
#siteWrapper{
	width:926px;
	padding-top:10px;
	margin:0 auto;
}

/*
 * Header
 */
#siteHeader{
	padding-bottom:4px;
}

/*
 * Header Top
 */
#siteHeaderTop{
	min-height:109px;
	background:#001959 url(../Design/siteHeaderTop.png) left top no-repeat scroll;
}
#siteHeaderTopLeft{
	float:left;
	width:258px;
	margin:-5px 0 0 11px;
}
#siteHeaderTopRight{
	float:right;
	width:650px;
}
#siteLogo{
	display:block;
	width:236px;
	height:100px;
	background:url(../Design/siteLogo.png) left top no-repeat scroll;
	line-height:100px;
	text-indent:240px;
	overflow:hidden;
}

/*
 * Mini cart
 */
#siteMiniCart{
	height:27px;
	padding:9px 14px 0 0;
	background:url(../Design/siteMiniCart.png) 306px 10px no-repeat scroll;
	color:#CCE0F4;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}
#siteMiniCart a{
	margin-left:10px;
	color:#fff;
}
#siteMiniCart a:hover{
	color:#CFD2C8;
}
#siteMiniCart span.t{
	margin-left:10px;
}

/*
 * Editable Areas
 */
#siteHeaderEditableAreas{
	padding-top:16px;
	color:#DCDCCD;
	overflow:hidden;
	text-align:right;
	font-size:1.1em;
}
#siteHeaderEditableAreas strong,
#siteHeaderEditableAreas b{
	color:#fff !important;
	text-transform:uppercase;
}
#siteHeaderTelephone{
	float:right;
	width:190px;
	min-height:30px;
	padding:0 14px 0 0;
	background:url(../Design/siteTelephone.png) left top no-repeat scroll;
}
#siteHeaderDelivery{
	float:right;
	width:130px;
	min-height:30px;
	padding:0 25px 0 0;
	background:url(../Design/siteDelivery.png) left top no-repeat scroll;
}

/*
 * Header Bottom
 */
#siteHeaderBot{
	width:926px;
	min-height:36px;
	background:url(../Design/siteHeaderBot.png) left top no-repeat scroll;
	overflow:hidden;
}

/*
 * Web pages
 */
#siteHeaderLinks{
	float:left;
	width:430px;
	padding-top:9px;
}
#siteHeaderLinks ul{}
#siteHeaderLinks ul li{
	float:left;
	padding:0 6px 0 8px;
	background:url(../Design/siteWebpagesSep.png) left center no-repeat scroll;
}
#siteHeaderLinks ul li:first-child{
	padding-left:11px;
	background:none;
}
#siteHeaderLinks ul li a{
	color:#fff;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
}
#siteHeaderLinks ul li a:hover{
	color:#092C68;
}

/*
 * Search and Manufacturers
 */
#siteHeaderForm{
	float:right;
	width:480px;
}

/*
 * Search
 */
#siteHeaderSearch{
	float:left;
	padding-top:7px;
}
#siteHeaderSearch label{
	margin-right:5px;
	color:#fff;
	font-weight:bold;
	line-height:19px;
	vertical-align:middle;
	text-transform:uppercase;
}
#siteSearchTxt{
	width:149px;
	height:16px;
	padding:3px 3px 0;
	border:none;
	background:#fff url(../Design/siteSearchTxt.png) left top no-repeat scroll;
	vertical-align:middle;
}
#siteSearchBtn{
	width:17px;
	height:19px;
	border:none;
	background:url(../Design/siteSearchBtn.png) left top no-repeat scroll;
	vertical-align:middle;
	cursor:pointer;
}

/*
 * Manufacturers
 */
#siteHeaderManufacturers{
	float:right;
	padding:7px 7px 0 0;
}
#siteHeaderManufacturers select{
	width:227px;
	height:19px;
	text-transform:uppercase;
}

/*
 * Site Body
 */
#siteBody{
	background:url(../Design/siteBodyMid.png) left top repeat-y scroll;
}
#siteBodyTop{
	background:url(../Design/siteBodyTop.png) left top no-repeat scroll;
}
#siteBodyBot{
	width:926px;
	padding:7px 0;
	background:url(../Design/siteBodyBot.png) left bottom no-repeat scroll;
	overflow:hidden;
}
#siteBodyLeft{
	float:left;
	width:180px;
	padding-left:7px;
}
#siteBodyRight{
	float:right;
	width:180px;
	padding-right:7px;
}
#siteBodyCenter{
	margin:0 192px;
}

/*
 * Generic: Column Box
 */
.col-box{
	margin-bottom:10px;
	background:url(../Design/siteColBox.png) -360px top repeat-y scroll;
	overflow:hidden;
}
.col-box-top{
	background:url(../Design/siteColBox.png) left top no-repeat scroll;
	overflow:hidden;
}
.col-box-bot{
	padding:5px 0 13px;
	background:url(../Design/siteColBox.png) -180px bottom no-repeat scroll;
	overflow:hidden;
}
.col-box-header{
	padding:0 7px 6px;
	color:#fff;
	font-size:1.1em;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.col-box-body{
	padding:3px;
	border-top:1px solid #99CCFF;
	border-bottom:1px solid #99CCFF;
	background:url(../Design/siteColBox.png) -540px top repeat-y scroll;
	overflow:hidden;
}

/*
 * Categories
 */
#siteCategories .col-box-body{
	padding:3px 0;
}
#siteCategories ul{
	display:block;
	background:url(../Design/siteCategorySep.png) center bottom no-repeat scroll;
}
#siteCategories ul li{
	display:block;
	background:url(../Design/siteCategorySep.png) center top no-repeat scroll;
}
#siteCategories ul li.first{
	background:none;
}
#siteCategories ul li a{
	display:block;
	padding:4px 8px;
	color:#2C78C6;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	
}
#siteCategories ul li a:hover{
	background:url(../Design/siteCategoryArrow.jpg) left center no-repeat scroll;
	text-decoration:underline;
}
#siteCategories ul li ul{
	background-position:center top;
}
#siteCategories ul li ul li{
	background-image:url(../Design/siteCategorySep2.png);
}
#siteCategories ul li ul li a{
	color:#333;
}
#siteCategories ul li ul li a:hover{
	color:#000;
	background:none;
}

/*
 * Newsletter
 */
#siteNewsletter p{
	margin:3px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1.1em;
}
#ekmResponseEmailAddress{
	width:149px;
	height:16px;
	padding:3px 3px 0;
	border:none;
	background:#fff url(../Design/siteSearchTxt.png) left top no-repeat scroll;
	vertical-align:middle;
}
#ekmResponseSignupButton{
	width:17px;
	height:19px;
	border:none;
	background:url(../Design/siteSearchBtn.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	overflow:hidden;
	vertical-align:middle;
	cursor:pointer;
}

/*
 * Manufacturers (in left column)
 */
#siteManufacturers .col-box-body{
	padding:0 1px;
}
.manufacturer-image{
	padding:5px 0;
	text-align:center;
	background:url(../Design/siteManuImg.png) left bottom repeat-x scroll;
}
#siteViewAllManufacturers{
	padding:5px 15px;
	color:#666;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration:none;
	text-align:center;
}
#siteViewAllManufacturers:hover{
	color:#333;
}

/*
 * Special Offers
 */
.special-offer{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
.special-offer-image{
	text-align:center;
	padding:10px 0;
	height:136px;
}
.special-offer-name{
	padding:5px;
	font-size:1.2em;
	text-align:center;
}
.special-offer-name a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
.special-offer-name a:hover{
	color:#000;
}
.special-offer-price{
	padding:5px;
	color:#06c;
	font-size:1.1em;
	text-align:center;
}

/*
 * Top Sellers
 */
.top-seller{
	padding:2px 0;
	border-bottom:1px solid #809DB9;

	overflow:hidden;
}
.top-seller-image{
	float:left;
	width:48px;
	height:48px;
	text-align:center;
}
.top-seller-name{
	padding-top:4px;
	margin-left:50px;
}
.top-seller-name a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.top-seller-name a:hover{
	color:#1F6AB9;
	text-decoration:underline;
}
.top-seller-price{
	margin-left:50px;
	color:#06C;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

/*
 * Footer
 */
#siteFooter{}

/*
 * Footer Top
 */
#siteFooterTop{
	min-height:157px;
	padding-left:10px;
	background:#f7f7f7 url(../Design/siteFooterTop.png) left bottom no-repeat scroll;
	overflow:hidden;
}
.footer-col{
	float:left;
	background:url(../Design/siteFooterCol.png) left 20px no-repeat scroll;
	width:186px;
	padding:20px;
}
.footer-col:first-child{
	background:none;
}
.footer-col-heading{
	padding:5px;
	color:#003989;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	border-bottom:1px dotted #ccc;
}
.footer-col-body{
	padding:10px;
}

/*
 * Footer Bottom
 */
#siteFooterBot{
	padding:7px 0;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	overflow:hidden;
}
#siteFooterBotLeft{
	float:left;
}
#siteFooterBotRight{
	float:right;
}
#siteFooterBot a{
	color:#666;
	text-decoration:none;
}
#siteFooterBot a:hover{
	color:#333;
}

/*
 * Generic: Pail Box
 */
.pail-box{
	width:542px;
	margin-bottom:7px;
	background:url(../Design/sitePail.png) -1084px top repeat-y scroll;
}
.pail-box-top{
	background:url(../Design/sitePail.png) left top no-repeat scroll;
}
.pail-box-bot{
	background:url(../Design/sitePail.png) -542px bottom no-repeat scroll;
	padding:0 2px 11px;
	overflow:hidden;
}
.pail-box.alt .pail-box-top{
	background-position:-1626px top;
}
.pail-box.alt .pail-box-top{
	padding-top:12px;
}
.pail-box-header{
	height:32px;
	padding:0 8px;
	color:#666;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:29px;
	vertical-align:middle;
	overflow:hidden;
}
.pail-box-body{
	padding:2px 0;
}


/*
 * Generic: Category Listing
 */
.category-row{
	overflow:hidden;
	padding-left:6px;
	margin-bottom:10px
}
.category{
	float:left;
	width:162px;
	margin:0 0 0 10px;
}
.category-image{
	background:#fff url(../Design/pagecateogryimagetop.png) left top no-repeat scroll;
}
.category-image-inner{
	height:125px;
	padding:10px 0;
	background:url(../Design/pagecateogryimagebot.png) left bottom no-repeat scroll;
	text-align:center;
}
.category-name{
	text-align:center;
}
.category-name a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.category-name a:hover{
	color:#333;
	text-decoration:underline;
}

/*
 * Generic: Product Listing
 */
.product-row{
	overflow:hidden;
	padding-left:1px;
	margin:0 0 60px 0;
}
.product{
	float:left;
	width:104px;
	margin:0 0 0 24px;
}
.product-image{
	background:#fff url(../Design/pageProductImageTop.png) left top no-repeat scroll;
}
.product-image-inner{
	height:104px;
	padding:10px 0;
	background:url(../Design/pageProductImageBot.png) left bottom no-repeat scroll;
	text-align:center;
}
.product-name{
	margin:5px 0;
	text-align:center;
}
.product-name a{
	color:#034E9C;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.product-name a:hover{
	color:#333;
	text-decoration:underline;
}
.product-price{
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.product-price.rrp{
	color:#333;
	text-decoration:line-through;
}
.product-atc{
	margin-top:10px;
}
.product-atc a{
	display:block;
	width:101px;
	height:20px;
	margin:0 auto;
	background:url(../Design/pageProductAtc.png) left top no-repeat scroll;
	line-height:20px;
	text-indent:120px;
	overflow:hidden;
}
.product-atc a:hover{
	background-position:left -20px;
}

/*
 * Generic: Scrolling text area
 */
.text-area{
	width:516px;
	margin:0 auto;
	background:#fff url(../Design/pagetextareatop.png) left top no-repeat scroll;
}
.text-area-inner{
	padding:3px 0 3px 15px;
	background:url(../Design/pagetextareabot.png) left bottom no-repeat scroll;
}
.text-area-scroll{
	height:160px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	overflow:auto;
}
.text-area-heading{
	color:#5884CA;
	font-size:1.4em;
	font-weight:bold;
}
.text-area-body{
	color:#666;
	font-size:1.2em;
}
.text-area-body p{
	padding-right:15px;
}

/*
 * Cart Page
 */
.cartcheckout-navigation{
	width:514px;
	padding:2px 0;
	border:1px solid #ccc;
	background:#042C60 url(../Design/siteCartLinkGrad.png) left -28px repeat-x scroll;
	color:#fff;
}
.cartcheckout-navigation .le-continue-shopping,
.cartcheckout-navigation .le-update-cart,
.cartcheckout-navigation .le-checkout{
	display:block;
	height:28px;
	margin:0 auto;
	background-image:url(../Design/siteCartLinks.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	line-height:28px;
	text-indent:155px;
	overflow:hidden;
	cursor:pointer;
}
.cartcheckout-navigation .le-continue-shopping{
	width:153px;
	background-position:left top;
}
.cartcheckout-navigation .le-update-cart{
	width:110px;
	background-position:-153px top;
}
.cartcheckout-navigation .le-checkout{
	width:95px;
	background-position:-263px top;
}
.cartcheckout-navigation .le-continue-shopping:hover{
	background-position:left -28px;
}
.cartcheckout-navigation .le-update-cart:hover{
	background-position:-153px -28px;
}
.cartcheckout-navigation .le-checkout:hover{
	background-position:-263px -28px;
}
#ekmCustomerLoginPage{
	width:auto !important;
}
#ekmCustomerLogin{
	float:none !important;
	display:block !important;
	width:auto !important;
}
#ekmCheckoutNote{
	float:none !important;
	width:auto !important;
	display:block !important;
}
#ekmCheckoutNoteTitle{
	background-color:#003989 !important;
	color:#fff;
}
#ekmCheckoutNoteText{
	border:1px solid #003989 !important;
}
#agreeToTermsPara{
	display:none;
}
.checkout-page #agreeToTermsPara{
	display:block;
}

.product{
	width:146px;
}
.product-image{
	background:#fff url(/ekmps/shops/jtspasni/resources/Design/pageProductImageTop2.png) left top no-repeat scroll;
}
.product-image-inner{
	height:142px;
	background:url(/ekmps/shops/jtspasni/resources/Design/pageProductImageBot2.png) left bottom no-repeat scroll;
}