@font-face{
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body{
	margin:0px; 
	padding:0px;
	background:url(images/bg.jpg) top center no-repeat fixed;
	background-size:cover;
}

.clear{
	clear:both;
}

#container{
	width:100%; 
	float:left;
}
#wrapper{
	width:980px; 
	margin:20px auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	background:url(images/bg2.jpg);
}

#header{
	width:980px; 
	float:left;
}

#top-area{
	float:left;
	width:980px;
	height:30px;
	background:url(images/top-bg.jpg) top repeat-x #141414;
}

#top-text{
	float:left;
	margin-left:10px;
	font-family:open_sansregular;
	font-size:10px;
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
}

#top-nav{
	float:right;
	height:30px;
}
#top-nav ul{}

#top-nav ul li{
	float:left;
	list-style:none;
}
#top-nav ul li a{
	float:left;
	display:inline-block;
	margin-right:10px;
	font-family:open_sansregular;
	font-size:10px;
	color:#fff;
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;
}
#top-nav ul li a img{
	float:left;
	margin-right:5px;
	margin-top:12.5px;
	border:none;
}
#top-nav ul li a:hover{
	text-decoration:underline;
}

#logo-bar{
	float:left;
	width:960px;
	margin:10px;
}
#logo{
	float:left;
	width:230px;
}

#newsletter{
	float:right;
	width:200px;
	height:70px;
	padding-left:10px;
	border-left:1px solid #dddad9;
}
#newsletter h1{
	float:left;
	width:200px;
	font-family:open_sanssemibold;
	font-size:12px;
	line-height:20px;
	color:#da5694;
}
#newsletter p{
	float:left;
	width:200px;
	font-family:open_sansregular;
	font-size:11px;
	color:#da5694;
}
#e-mail{
	float:left;
	height:24px;
	width:200px;
	margin-top:6px;
	background:#FFF; 
}
#e-mail span .txt-field{
	float:right;
	color:#000; 
	width:166px; 
	height:24px; 
	border:none; 
	font-size:9px;
	background:none;
	padding:0 5px; 
	text-decoration:none; 
	font-family:open_sansregular; 
}
#e-mail a img{ 
	float:left; 
	opacity:0.50; 
	filter:alpha(opacity=50); /* For IE8 and earlier */ 
	transition: all .2s ease-in-out;
}
#e-mail a:hover img{
	opacity:1.0; 
	filter:alpha(opacity=100); /* For IE8 and earlier */ 
}

#basket-search{
	float:right;
	width:200px;
	margin-right:10px;
	padding-left:10px;
	border-left:1px solid #dddad9;
}
#basket{
	float:right;
	width:200px;
}
#basket h1{
	float:left;
	width:200px;
	text-align:right;
	font-family:open_sanssemibold;
	font-size:12px;
	line-height:20px;
	color:#da5694;
}
#basket p{
	float:left;
	width:200px;
	text-align:right;
	font-family:open_sansregular;
	font-size:11px;
	color:#da5694;
}
#search{
	float:left;
	height:24px;
	width:200px;
	margin-top:6px;
	background:#FFF; 
}
#search span .txt-field{
	float:left;
	color:#000; 
	width:166px; 
	height:24px; 
	border:none; 
	font-size:9px;
	background:none;
	padding:0 5px; 
	text-decoration:none; 
	font-family:open_sansregular; 
}
#search a img{ 
	float:right; 
	opacity:0.50; 
	filter:alpha(opacity=50); /* For IE8 and earlier */ 
	transition: all .2s ease-in-out;
}
#search a:hover img{
	opacity:1.0; 
	filter:alpha(opacity=100); /* For IE8 and earlier */ 
}

#social{
	float:right;
	width:200px;
	height:70px;
	margin-right:10px;

}
#social h1{
	float:left;
	width:200px;
	font-family:open_sanssemibold;
	font-size:12px;
	line-height:20px;
	color:#da5694;
}
#social p{
	float:left;
	width:200px;
	font-family:open_sansregular;
	font-size:11px;
	color:#da5694;
}

#social ul{
	float:left;
	width:200px;
	margin-top:6px;
}
#social ul li{
	float:left; 
	list-style:none; 
	margin:0 4px;
}
#social ul li a{
	opacity:0.50; 
	filter:alpha(opacity=50);
	transition: all .2s ease-in-out;
}
#social ul li a:hover{
	opacity:1.0; 
	filter:alpha(opacity=100);
}

#formal{
	float:left;
	width:980px;
	background:url(images/formal-bg.jpg) repeat-x top #5e2540;
}
#formal ul{}
#formal ul li{
	float:left;
	list-style:none;
	color:#fff;
	font-size:10px;
	line-height:40px;
	font-family:open_sanssemibold;
}
#formal ul li a{
	float:left;
	color:#fff;
	display:inline-block;
	padding:0 12px;
	font-size:12px;
	line-height:40px;
	text-decoration:none;
	font-family:open_sanssemibold;
	transition: all .2s ease-in-out; 
	background:url(images/formal-hover.png) top repeat-x;
}
#formal ul li a:hover{
	text-decoration:underline;
	background:url(images/formal-hover.png) bottom repeat-x;
}

#banner{
	float:left;
	width:980px;
}

#categories{
	float:left;
	width:960px;
	margin:0 10px;
	background:url(images/had-bg.png) repeat-x;
	background-position:0px 15px ;
}
#categories h1{
	margin:0 auto;
	width:154px;
	font-family:open_sanssemibold;
	font-size:18px;
	text-align:center;
	line-height:30px;
	color:#171717;
	background:url(images/bg2.jpg);
}

#cat-thumb-area{
	float:left;
	width:960px;
	margin-top:10px;
}
.cat-thumb{
	float:left;
	width:313px;
}
.cat-thumb a img{
	float:left;
	width:307px;
	height:104px;
	border-radius:60px;
	border: 3px solid #fff;
	transition: all .2s ease-in-out; 
	box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);
}
.cat-thumb a h2{
	float:left;
	width:313px;
	margin:10px 0px;
	font-family:Verdana;
	font-size:16px;
	text-align:center;
	color:#171717;
	text-decoration:none;
	text-transform:uppercase;
	transition: all .2s ease-in-out; 
	background:url(images/bg2.jpg);
}
.cat-thumb:hover a h2{
	text-decoration:underline;
}

.cat-thumb-sp{
	float:left;
	width:10px;
	height:50px;
}

#home-pro{
	float:left;
	width:960px;
	margin:0 10px;
	background:url(images/had-bg.png) repeat-x;
	background-position:0px 15px ;
}
#home-pro h1{
	margin:0 auto;
	width:180px;
	font-family:open_sanssemibold;
	font-size:18px;
	text-align:center;
	line-height:30px;
	color:#171717;
	background:url(images/bg2.jpg);
}

#home-products-thumb-area{
	float:left;
	width:960px;
	margin-top:10px;
}
#home-products-thumb-area ul{
}
#home-products-thumb-area ul li{
	float:left; 
	width:960px;
	display:block; 
	margin-bottom:10px;
	list-style:none;
	
}
.pro-thumb{
	float:left;
	width:232px;
	background:#d4d4d4;
	transition: all .2s ease-in-out; 
	margin-bottom:10px;
	margin-left:3px;
}
.pro-thumb-img{
	float:left;
	width:230px;
	height:225px;
	margin:1px;
}
.pro-thumb-img img{
	float:left;
	width:230px;
	height:230px;
	border:none;
}
.pro-thumb a h2{
	float:left;
	width:210px;
	margin:10px 10px 5px 10px;
	font-family:Verdana;
	font-size:14px;
	text-align:center;
	color:#171717;
	text-decoration:none;
	text-transform:uppercase;
	transition: all .2s ease-in-out; 
}
.pro-thumb a span{
	float:left;
	width:210px;
	margin:0px 10px 10px 10px;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	color:#171717;
	text-decoration:none;
	text-transform:uppercase;
	transition: all .2s ease-in-out; 
}
.pro-thumb:hover a span{
	color:#fff;
	text-decoration:underline;
}
.pro-thumb:hover a h2{
	color:#fff;
	text-decoration:underline;
}
.pro-thumb:hover {
	background:#a84272;
}
.pro-thumb-sp{
	float:left;
	width:10px;
	height:50px;
}

#tag{
	float:left;
	width:960px;
	margin:0 10px 10px 10px;
	background:url(images/had-bg.png) repeat-x;
	background-position:0px 15px ;
}
#tag h1{
	margin:0 auto;
	width:120px;
	font-family:open_sanssemibold;
	font-size:18px;
	text-align:center;
	line-height:30px;
	color:#171717;
	background:url(images/bg2.jpg);
}
.tag{
	float:left;
	width:960px;
	margin-top:10px;
}
.tag ul{}
.tag ul li{
	float:left;
	list-style:none; 
}
.tag ul li a{
	float:left;
	color:#fff;
	display:block;
	font-size:11px;
	margin:0 2px 4px 2px;
	padding:4px 10px;
	border-radius:4px;
	font-style:oblique;
	text-decoration:none;
	background-color:#da5694;
	font-family:open_sansregular;
}
.tag ul li a:hover{
	text-decoration:underline;
}

#fottor{
	float:left;
	width:940px;
	margin:0px 10px 10px 10px;
	background:url(images/had-bg.png) repeat-x;
}

#f-formal{
	float:left;
	width:980px;
	margin-top:10px;
}
#f-formal ul{
	margin:0 auto;
	width:775px;
}
#f-formal ul li{
	float:left;
	list-style:none;
	color:#171717;
	font-size:10px;
	line-height:30px;
	font-family:open_sanssemibold;
}
#f-formal ul li a{
	float:left;
	color:#171717;
	display:inline-block;
	padding:0 8px;
	font-size:10px;
	line-height:30px;
	text-decoration:none;
	font-family:open_sanssemibold;
}
#f-formal ul li a:hover{
	text-decoration:underline;
}
#copyright{
	float:left;
	width:960px;
	color:#171717;
	font-size:11px;
	text-align:center;
	margin-bottom:10px;
	font-family:open_sanssemibold;
}
#copyright a{
	color:#da5694; 
	padding:0 4px;
	text-transform:uppercase;
	text-decoration:underline; 
}

#pro-products{
	float:right;
	width:716px;
	margin-right:10px;
	margin-top:10px;
}
#pro-products h1{
	margin:0 auto;
	width:716px;
	font-family:open_sanssemibold;
	font-size:18px;
	line-height:30px;
	color:#171717;
	border-bottom:1px solid #171717;
}

#cat-nav{
	float:left;
	width:232px;
	margin-top:10px;
	margin-left:10px;
}
#cat-nav h1{
	margin:0 auto;
	width:232px;
	font-family:open_sanssemibold;
	font-size:18px;
	line-height:30px;
	color:#171717;
	border-bottom:1px solid #171717;
}

.nav{
	width:213px; 
	float:left; 
	margin:10px;
}
.nav ul{ }
.nav ul li{
	list-style:none; 
	width:213px;  
	margin-bottom:5px;
}
.nav ul li a{
	font-family:open_sanssemibold; 
	font-size:15px; 
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:0px 10px; 
	line-height:30px; 
	transition: all .2s ease-in-out;
	background:url(images/formal-hover.png) top repeat-x #a84272;
}
.nav ul li a:hover{
	text-decoration:underline; 
	background-color:#000000; 
	color:#fff;
	background:url(images/formal-hover.png) bottom repeat-x;
}

.nav ul li ul{
	margin:5px 10px 0px 10px; 
}
.nav ul li ul li{
	list-style:none; 
	width:180px;
}
.nav ul li ul li a{
	font-family:open_sansregular; 
	background:none; 
	font-size:12px; 
	color:#606060; 
	text-decoration:none; 
	display:block; 
	padding:5px 5px 5px 18px; 
	line-height:normal; 
	background:url(images/nav-arrow.png) no-repeat; 
	background-position:5px center; 
}
.nav ul li ul li a:hover{
	text-decoration:underline; 
	background:#000 url(images/nav-arrow-hover.png) no-repeat;  
	background-position:10px center; 
	color:#FFFFFF; 
	padding:5px 5px 5px 25px ; 
}

#large-products{
	float:right;
	width:716px;
	margin-right:10px;
	margin-top:10px;
}
#large-products h1{
	margin:0 auto;
	width:716px;
	font-family:open_sanssemibold;
	font-size:18px;
	line-height:30px;
	color:#171717;
	border-bottom:1px solid #171717;
}


#large-area{
	float:left; 
	width:716px; 
	margin-top:10px;
	}	

#large-img{
	width:465px; height:465px; 
	float:left; 
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); 
	text-align:center;
}

#large_text-area{
	float:right; 
	width:235px; 
}

.large_name{float: right; width:225px; font-family:open_sansregular; font-size:13px; color:#333333; margin-bottom:8px; padding-left:10px; border-bottom:3px solid #dfdfdf;}
.large_name span {font-family:open_sansregular; padding-left:10px; font-size:14px; color:#333333; text-transform:uppercase;}

.large_art{float: right; width:225px; font-family:open_sansregular; font-size:13px; color:#333333; margin-bottom:8px; padding-left:10px; border-bottom:3px solid #dfdfdf;}
.large_art span {font-family:open_sansregular; padding-left:10px; font-size:14px; color:#333333; text-transform:uppercase;}

.large_size{float: right; width:225px; font-family:open_sansregular; font-size:13px; color:#333333; margin-bottom:8px; line-height:30px; padding-left:10px; border-bottom:3px solid #dfdfdf;}
.large_size span .jumpmenu{width:75px; height:20px; line-height:20px; font-family:open_sansregular; padding-left: 5px; font-size:12px; text-decoration:none; color:#333333; }

.large_qty{float: right; width:225px; font-family:open_sansregular; font-size:13px; color:#333333; margin-bottom:8px; line-height:30px; padding-left:10px; border-bottom:3px solid #dfdfdf;}
.large_qty span .txt-field{width:50px; height:20px; font-family:open_sansregular; padding:0px 5px; font-size:12px; text-decoration:none; color:#333333; }

.large_basket {float: right;  width:235px; margin-bottom:8px;  border-bottom:3px solid #dfdfdf;}
.large_basket a{float:left; font-family:open_sansregular; font-size:13px; color:#333333; text-decoration:none; margin-bottom:8px; line-height:30px; padding-left:5px;}
.large_basket a:hover{font-family:open_sansregular; font-size:13px; text-decoration: underline; color:#333333}


.large_dis{float: right; margin-bottom:8px; border-bottom:3px solid #dfdfdf;}
.large_dis p{float:left; width:225px; font-family:open_sansregular; margin-bottom:5px; font-size:13px; color:#333333; padding-left:10px; }
.large_dis span p {font-family:open_sansregular; font-size:12px; color:#333333; margin-bottom:5px; line-height:20px; clear:both; padding:5px; width:205px; margin-left:10px; background-color:#dfdfdf;}



.holder {
	font-size: 14px;
	font-family:open_sansregular;
	padding: 10px 0px 5px 10px;
	height:22px;
	
	
	
	border-bottom:1px #000 solid;

text-decoration: none;
	text-align:right;
	}
.holder a {
	color: #a21024; text-decoration: underline;
	border: 1px solid #a21024;
	text-decoration: none;
	 padding: 0.2em 0.5em;
	cursor:pointer; margin:2px;
	
}
.holder a:hover {

border: 1px solid #a21024;
background-color:#1f2426;
color:#FFF;

}
.holder a.jp-previous { margin-right: 20px; }
.holder a.jp-next { margin-left: 20px; }
.holder a.jp-current, a.jp-current:hover { 
	border: 1px solid #a21024;
	padding: 0.2em 0.5em; 
	font-weight: bold;
	background: #1f2426; 
	color: #FFF;

}
.holder a.jp-disabled, a.jp-disabled:hover {
	color:;
}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
}
.holder span { margin: 0 0px; }
/* Content -> Unordered Lists */
#itemContainer { list-style: none; padding:0; margin: 0px 0;  }
#itemContainer li { display: inline-block; margin: 0px; zoom: 1; *display:inline; }
.brd{ border:#888888 1px solid;}
.clear {clear:both}