@font-face
{
font-family: Fine-Again;
src: url('fonts/Fine-Again.ttf')
} 

* { padding:0; margin:0; outline:0; }
body {
	background:#fff url(images/body.gif) repeat-x 0 0;
	font-family: helvetica, arial;
	font-size:12px;
	line-height:16px;
	color:#636363;
}

table {
	font-size:12px;
}
input, textarea, select { font-family: helvetica, arial; font-size:12px; }

.field { background:#ebebeb; border:solid 1px #dedede; padding:2px;}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:14px; line-height:16px; }
h3 { font-size:15px; line-height:14px; text-transform: uppercase; color:#000; }
h4 { font-size:12px; line-height:14px; color:#000; }


#logo { font-size:0; line-height:0; width:130px; height:64px; float:left; overflow:visible}

div.lang { position: absolute; margin-left:180px; margin-top:1px; z-index: 10; display: block; }
div.lang a{ margin-right: 3px; }

.shell { width:960px; margin:0 auto; padding:10px; background:#fff; }

#header { height:64px;  position:relative;}

#navigation { float:right; white-space:nowrap; height:64px; width:326px;}
#navigation.nav1{background:url(images/nav1.png) no-repeat 0 0;}
#navigation.nav2{background:url(images/nav2.png) no-repeat 0 0;}
#navigation.nav3{background:url(images/nav3.png) no-repeat 0 0;}

#navigation ul{ list-style-type: none; font-weight: bold; float:right; width:320px;}
#navigation ul li{ 
	float: left;
	list-style: none outside none; 
	width:100px; 
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	background: #ECECEC;
}
#navigation ul li:hover{ 
	background: #DDDDDD;
}
#navigation ul li.last{ 
	border-right: 1px #CCCCCC solid;
}
#navigation ul li.current{ 
	border-bottom: 0px #CCCCCC solid;
	background: #FFFFFF;
	border-top: 5px #108BEA solid;
}

#navigation ul li a{height:63px !important; text-decoration: none; color:#675f60; padding:0 15px;display:table-cell;vertical-align:middle;text-align:center;}

#navigation ul li.current a.current{height:60px !important; text-decoration: none; color:#675f60; padding:0 15px;display:table-cell;vertical-align:middle;text-align:center;}


#cart { float:right; width:160px; top:0; right:0; height:51px; color:#000; padding:13px 10px 0 10px; white-space:nowrap; line-height:20px; }
a.cart-link { color:#000; background:url(images/cart.png) no-repeat 0 0; padding:0 0 0 32px; text-decoration: none; background-position: 0px -5px}
a.cart-link:hover { text-decoration: underline;}
#cart strong{ color: #ff0000; }

#sidebar { float:left; width:226px;}
#content { float:right; width:724px;}

#main { padding:10px 0 0 0; }

.main-categories ul li a {
	height: 25px;
    border-bottom: 1px solid #F8F8F8;
    color: #555555;
    display: table-cell;
	padding: 10px 0px 10px 0;
    font-size: 13px;
	font-weight: bold;	
    position: relative;
    text-align: left;
	vertical-align: middle;
    text-decoration: none;
    width: 200px;

}

.main-categories ul li a:hover {
	color:#00008b;
}

.main-categories ul li a div{
	width: 45px;
	height: 40px;
	float: left;
}

.main-categories ul li.main1 a div{	
	background: #fff url(images/1.jpg) no-repeat 0 0
}

.main-categories ul li.main1 a:hover div{
	background: #fff url(images/1.jpg) no-repeat 0 -40px
}
.main-categories ul li.main2 a div{	
	background: #fff url(images/2.jpg) no-repeat 0 0
}

.main-categories ul li.main2 a:hover div{
	background: #fff url(images/2.jpg) no-repeat 0 -40px
}
.main-categories ul li.main3 a div{	
	background: #fff url(images/3.jpg) no-repeat 0 0
}

.main-categories ul li.main3 a:hover div{	
	background: #fff url(images/3.jpg) no-repeat 0 -40px
}

.box { padding:1px; border:solid 1px #dedede; margin-bottom:10px; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.box h2{ background:#379CCC; color:#fff; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; border:solid 1px #dedede; }
.box-content { padding:5px;}

a.bul { background:url(images/bul.gif) no-repeat 0 center; padding-left:10px;}

.search { }
.search label { display:block; padding-bottom:3px; }

.search .field { display:block; margin-bottom:10px; }
.search .inline-field label { display:inline; padding:0; }
.search .inline-field .field { display:inline; margin:0; }
.search input.field { width:206px; }
.search select.field { width:212px; }
.search select.small-field { width:50px; }

.search-submit { width:70px; background:#00008b; border:0; color:#fff; height:27px; display:block; line-height:26px; cursor:pointer; margin:12px 0 10px 0;}

.free	a	{text-decoration:none; color:#555555}
.free	a:hover	{text-decoration:underline; color:#00008b}

.offer	td	{width: 100px; height:100px;}
.offer	td.sale-icon { background-image:url(images/sale1.png) }
.offer	td.sale-icon:hover { background-image:url(images/sale2.png) }
.offer	td.wholesale-icon { background-image:url(images/wholesale1.png) }
.offer	td.wholesale-icon:hover { background-image:url(images/wholesale2.png) }

.categories { min-height:383px; }
.box ul {list-style: none outside none; padding: 0; font-size:13px;}
.categories ul li{ 
    font-size: 12px;
    height: 34px;
    position: relative;
    width: 210px;
}
.categories ul li.last{ border-bottom:0; padding-bottom:0;}
.categories ul li.parent a{color:#555555; text-decoration: none;}
.categories ul li.parent a i{
    background: url("images/joseph.png") no-repeat scroll -19px -9px transparent;
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 12px;
}
.categories ul li a{
    border-bottom: 1px solid #F8F8F8;
    color: #555555;
    display: block;
    font-size: 13px;
    padding: 10px 0 10px 20px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
.categories ul li a:hover{ color:#00008b; }

.categories ul li.parent div.dropdown{
	background: none repeat scroll 0 0 ;
    box-shadow: 0 4px 6px 0 #CCCCCC;
    display: none;
    left: 185px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 335px;
    z-index: 100;
}

.categories ul li.parent:hover div.dropdown{
	display: block;
}
.categories ul li.parent div.dropdown {display:none; background:#fff; width:215px; }
.categories ul li.parent div.dropdown ul { list-style-type: none; font-size:13px;}
.categories ul li.parent div.dropdown ul li{ padding: 10px 0 0; }
.categories ul li.parent div.dropdown ul li a{ color: #555555; border-bottom:0px; }
.categories ul li.parent div.dropdown ul li a:hover{ color:#00008b; text-decoration:underline; }


#slider { height:252px; position:relative; overflow:hidden; }
#slider-holder { width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder ul{ width:720px; height:252px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:720px; height:252px; position:relative; overflow:hidden; float:left; }

#slider-nav { position:absolute; top:231px; left:20px; z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #00008b; background:#00008b; float:left; margin-right:5px; }
#slider-nav a:hover,
#slider-nav a.active { background:#fff;}

#content h2{margin-top:15px; background:#F4F4F7; color:#000; padding:5px; border-bottom: 1px solid #CCCCCC; border-top:1px solid #FFFFFF;font-size:13px;}

.breadcrumb { 
	padding:1px; 
	border:solid 1px #dedede;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	margin-bottom:10px; 
	background-color:#379CCC;
	color: #FFFFFF;
}
.breadcrumb h1{color:#fff; font-weight: normal; font-size:14px; padding:0 5px; position:relative; height:27px; line-height:27px;}
.breadcrumb h1 a{ color: #fff }
.breadcrumb h1 a:hover{ text-decoration: underline; color:#00008b }
.breadcrumb h1 span.gotoSub{ margin-left:5px }
div.SubCategory{ 
	display:block;
	overflow:hidden; 
	border-radius: 5px 5px 5px 5px; 
	border: 2px solid #379ccc;
	margin:5px; 
	background:none repeat scroll 0 0 #FFFFFF;
	z-index:99;  box-shadow: -1px 6px 9px 2px #999999; 
	padding:7px;
	line-height:250%
}

div.SubCategory ul { width: 100%; display: inline-block; margin:0 5px 0 10px;  list-style-type: none;} 
div.SubCategory li { display: inline; width:230px; float:left;}
div.SubCategory ul li a {text-decoration: none; color:#555555; vertical-align:middle;}
div.SubCategory ul li a.active,
div.SubCategory ul li a:hover{ background:#fff; color:#00008b; text-decoration:underline; }
div.SubCategory:hover div.dropdown a{color:#555555}

.products {}
.products ul{ list-style-type: none;}
.products ul li{ position:relative; padding:1px; border:solid 2px #dedede; float:left; width:231px; margin-top:9px; margin-right:6px; height:383px; overflow:hidden; }
.products ul li.last{ margin-right:0; }
.products ul a{ color:#5f5f5f; text-decoration: none; }

.products ul li div.product-description{ display:block;  opacity:1; z-index:3}

.product-info{ position:absolute; width:190px; top:260px; left:0; background:url(images/info.png);}
.product-info h3{ background:#303b82; color:#fff; padding:6px 10px; }
.product-info h4{ font-weight: normal;}
.product-info p{ font-size:13px; line-height:18px; text-transform: uppercase; font-weight: bold; color:#000; padding:5px 0 7px 0;}
.product-info img{ margin-top:5px}
.product-info .product-desc{ padding:10px; width:150px; height:110px}
.product-info .product-desc a{color:#000}
.product-info .product-desc a:hover{ text-decoration:underline}

.prom {
    height: 82px;    
    width: 106px;
    color: #FFFFFF;
    overflow: hidden;
    padding: 12px 0 0;
    position: absolute;
    text-align: center;
}

.prom span.tape {
	text-transform: uppercase;
    height: 24px;
    left: -30px;
    margin: 1px 0 0 1px;
    padding-top: 4px;
    top: 12px;
    width: 142px;
    background-position: -6px -91px;
    font-size: 13px;

    position: relative;
    
	background-image: url("images/joseph.png") !important;
    display: block;
	
	-webkit-transform:rotate(-40deg);
	-moz-transform:rotate(-40deg);
	-ms-transform:rotate(-40deg);
	-o-transform:rotate(-40deg);
	transform:rotate(-40deg);

}
.prom span.orangetape {
    height: 24px;
    left: -30px;
    margin: 1px 0 0 1px;
    padding-top: 4px;
    top: 12px;
    width: 142px;
    background-position: -6px -60px;
    font-size: 13px;

    position: relative;
    
	background-image: url("images/joseph.png") !important;
    display: block;

	transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	
}
.buy {
	width: 70px;
	height: 70px;
	left:160px;
	top:310px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	'background-image: url("images/buy.png");
}

.buy img {foo
	width: 70px;
	height: 70px;
	float:right;
}

.price { display:block; font-size:21px; color:#8b0000; line-height:23px; }

.more-products { border:solid 1px #dedede; position:relative; height:114px; overflow:hidden; }
.more-products ul{ list-style-type: none; height:94px; position:relative; overflow:hidden; width:805px;}
.more-products ul li{ float:left; width:94px; height:94px; border-right:dashed 1px #ccc; padding:0 10px;}
.more-products ul li.last{ border-right:0; }

.more-products-holder { width:804px; height:94px; position:relative; overflow:hidden; top:10px; left:70px;}
.more-products-holder .jcarousel-clip{ width:804px; height:94px; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:40px; left:0; width:30px; height:32px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(images/next.gif); left:910px;}
.more-nav a.prev{ background:url(images/prev.gif); left:20px;}


.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:40px; left:0; width:30px; height:32px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(images/next.gif); left:910px;}
.more-nav a.prev{ background:url(images/prev.gif); left:20px;}

.cols { padding:15px 0;}
.col { float:left; display:inline; width:217px; margin-right:30px;}
.col-last { margin-right:0;}

h3.ico { background-repeat:no-repeat; background-position:0 2px; padding:6px 0 8px 30px;}
h3.ico1 { background-image:url(images/ico1.gif);}
h3.ico2 { background-image:url(images/ico2.gif);}
h3.ico3 { background-image:url(images/ico3.gif);}
h3.ico4 { background-image:url(images/ico4.gif);}

#footer { height:60px; background:#717074; white-space:nowrap; line-height:30px; padding:0 15px; color:#ffffff; margin-top:12px;}
#footer a{ color:#ffffff; text-decoration: none;}
#footer a:hover{ color:#ffffff; text-decoration: underline;}
#footer span{ padding:0 2px;}

#mainImg { border:1px solid #dedede }

.product-image{ width:410px; float:left}
.product-image div.clearance-mark{
	background: url(images/onsale.png);
	width: 120px;
	height: 178px;
	position: absolute;
	margin-left: 270px;
	margin-top: -5px;
}
.product-image div.clearance-mark p{
	font-family: "Tahoma";
	font-size:15px;
	font-weight:bold;
	color: #fff;
	text-align: center;
	margin-top: 115px;
}
.product-image div.big{ width:400px; height:400px; vertical-align:middle;}
.product-image ul{ list-style-type: none; margin-top: 10px}
.product-image ul li{ position:relative; border:solid 1px #dedede; float:left; width:78px; height:78px; overflow:hidden; background:#FFF }
.product-image ul li.last{ margin-right:0; }
.product-image ul li:hover {border:solid 1px #000}


.product-term {width: 310px; margin-left:412px}

.product-detail{width: 724px}

.price-pad{ background:#F0F0F0; margin-top:30px; padding:10px 5px 10px 20px}
.price-pad table tr{ height: 30px; font-size:14px}

.btn{
	filter: none;
	padding: 5px 0;
	width: 105px;	
	text-decoration: none;
			
	border: 1px solid transparent;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04);
	cursor: pointer;
	display: inline-block;
	padding: 0.5em 1.2em;
	
	text-align: center;
	text-decoration: none;
	vertical-align: baseline;
	white-space: nowrap;
}

.btn-buy
{
	background: #00509D;
	color: #FFFFFF !important;
	font-size: 17px;
	font-weight: 800;
}

.btn-buy:hover
{
	color:#FFF;
	background: #f8bb49;
}

.btn-update
{
	background: #00509D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
}

.btn-update:hover
{
	color:#FFF;
	background: #5ba71b;
}

.btn-sold
{	
	background: #BB0000;
	color: #FFFFFF  !important;
}

.btn-view a:active, 
.btn-view a:link, 
.btn-view a:visited, 
.btn-view a {color: #fff;}

.btn-view 
{
	background: #949494;
	color: #FFFFFF !important;
	font-size: 14px;
	font-weight: 700;
	left:120px;
	top:340px;
	overflow: hidden;
	position: absolute;
	z-index: 1;	
}

.btn-view:hover 
{
	color: #FFFFFF !important;
	background: #5ba71b;
	
}

.purchase {
	margin-top: 10px;
	width: 100%;
	color: #000;
}

.purchase thead {
	background-color: #C1D0D7;
	height: 27px;
	font-size: 13px;
	text-align: left;	
}


.purchase tr {
	height: 25px;
}

.purchase a
{	
	text-decoration: none;
	padding-left: 3px;
}

.purchase a:hover
{
	text-decoration: underline;
}

.new-arrival
{
	min-height: 100px;
}
.new-arrival a, .new-arrival a:hover
{
	text-decoration: none;
	color:#555555;
}

.new-arrival a Strong
{
	text-decoration: none;
	color:#8B0000 !important;
}

.new-arrival table
{	
	border-top: 1px solid #D8D8D8;
	width: 100%;
}

.new-arrival table.first
{
	border-top: 0px;
}

.product-detail table {
	padding: 5px 0;
}

.product-detail p
{
	padding: 5px 0;
}