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

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

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

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

#container{width:100%; float:left; background:url(images/bg.png) repeat-x top;}
#wrapper{margin:0px auto; width:980px;}

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

#logo{float:left; width:378px; margin-top:10px;}

#header-right{float:right; width:602px;}

#formal{float:right; width:auto; margin-top:5px;}
#formal ul{}
#formal ul li{family:pt_sansregular; font-size:12px;color:#676767; line-height:30px;}
#formal ul li a{ font-family:pt_sansregular; font-size:12px; text-transform:uppercase; color:#676767; text-decoration:none; display:block; line-height:30px; padding:0 10px; transition: all .3s ease-in-out; }
#formal ul li a:hover{text-decoration:underline; color:#7984ff;}


#search-n-nav-area{float:right; width:602px; margin-top:12px;}

#search{height:20px; float:right; background-color:#fff; box-shadow:inset 1px 2px 4px rgba(0,0,0,.2); margin-left:10px; border:1px solid #afafaf;}
#search span .txt-field{width:70px; height:18px; float:left; font-family:pt_sansregular; border:none; padding:0px 5px; font-size:11px; text-decoration:none; color:#676767; background:none;transition: all .5s ease-in-out; height:20px;}
#search span .txt-field:focus {width:150px; }
#search a img{ float: left; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ transition: all .5s ease-in-out;}
#search a:hover img{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}

#cat{float:right; width:auto; }
#cat ul{}
#cat ul li{list-style:none; }
#cat ul li a{float:left; font-family:pt_sansregular; font-size:12px; text-transform:uppercase; color:#676767; text-decoration:none; display:block; line-height:25px; padding:0 10px; transition: all .3s ease-in-out; background:none;}
#cat ul li a:hover{text-decoration:underline; color:#7984ff;}

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

#middle-area{float:left; width:980px; margin:10px 0;}

#pro-n-news{float:left; width:980px;}

#fea-pro{float:left; width:720px; margin-right:10px;}
#fea-pro h1{float:left; width:720px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}

#fea-products{width:720px; float:left;}

.pro-thumb{width:233px; float:left;}
.pro_img{float:right; width:119px;}
.pro_img a {float: right; width:117px; border:1px solid #eaeaea;}
.pro_img span img{float: right;}

.pro_text{float:left; width:103px;}
.pro_name{float:left; width:103px; font-family:pt_sansregular; text-transform:uppercase; font-size:13px; line-height:20px; color:#7984ff;}
.pro_art{float:left; width:103px; font-family:pt_sansregular;  font-size:12px; color:#676767; margin-bottom:8px; line-height:20px;}
.pro_d{float:left; width:103px; height:50px; overflow:auto; font-family:pt_sansregular;  font-size:11px; line-height:15px; color:#676767; }
.pro_bas a{float:left; width:103px; margin-top:8px;  text-align:center; line-height:20px;font-family:pt_sansregular; font-size:12px; color:#676767; background-image:url(images/basket.jpg); background-repeat:repeat-x; background-position:bottom; border:1px solid #eaeaea;}

.pro-sp{ float:left; width:10px; height:30px;}

#news{float:right; width:250px; background-color:#f1e4e5;}
#news h1{float:left; width:240px; line-height:30px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; margin-bottom:10px; padding-left:10px;}
#news span{float:left; width:250px; max-height:250px; overflow:auto;}

.news{float:left; margin:0px 10px 10px 10px; width:230px; padding-bottom:5px; border-bottom:1px dotted #676767;}
.news a p{float:left; font-family:pt_sansregular; font-size:11px; color:#676767;  width:230px; text-decoration:none;}
.news a p:hover{ text-decoration:underline;}
.news a p img{float:left; margin-right:5px;}

#bot-area{float:left; width:980px; margin-top:10px;}

#bot-left{float:left; width:250px;}

#pro-info{float:left; width:250px; margin-bottom:10px;}
#pro-info h1{float:left; width:250px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}
#pro-info p{float:left; font-family:pt_sansregular; font-size:11px; color:#676767; line-height:18px; max-height:95px; overflow:auto; width:250px;}
#pro-info p img{float:right; border:none; margin-left:5px;}

#visitors{float:left; width:250px;}
#visitors h1{float:left; width:250px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}
#visitors span{float:left;}

#welcome{float:left; width:460px; margin:0 10px;}
#welcome h1{float:left; width:460px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}
#welcome p{float:left; font-family:pt_sansregular; font-size:11px; color:#676767; line-height:18px; width:460px; max-height:200px; overflow:auto;}
#welcome p span a {font-family:pt_sansbold; font-size:12px; color:#7984ff; padding-left:5px;}

#bot-right{float:right; width:250px;}

#signup{float:left; width:250px; margin-bottom:10px;}
#signup h1{float:left; width:250px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}
#signup p{float:left; font-family:pt_sansregular; font-size:11px; color:#676767; line-height:18px; width:250px;}
#e-mail{height:25px; float:left; background-color:#fff; box-shadow:inset 1px 2px 4px rgba(0,0,0,.2); margin:7px 0; border:1px solid #afafaf;}
#e-mail span .txt-field{width:205px; height:18px; float:left; font-family:pt_sansregular; border:none; padding:0px 5px; font-size:11px; text-decoration:none; color:#676767; background:none;transition: all .5s ease-in-out; height:25px;}
#e-mail a img{ float: left; opacity:0.50; filter:alpha(opacity=50); /* For IE8 and earlier */ transition: all .5s ease-in-out;}
#e-mail a:hover img{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}

#pdf{float:left; width:250px;}
#pdf h1{float:left; width:250px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}
#pdf img{float:left; margin-right:10px; width:48px;}
#pdf span{ float:left; width:190px; margin-top:5px;}
#pdf span p{float:left; font-family:pt_sansregular; font-size:12px; color:#676767; line-height:18px; text-transform:uppercase;}
#pdf span p a{float:left; font-family:pt_sansregular; font-size:12px; text-transform:uppercase; color:#676767; text-decoration:none; line-height:20px; transition: all .3s ease-in-out; background:none;}
#pdf span p a:hover{text-decoration:underline; color:#7984ff;}

#footer{float:left; width:980px; border-top:1px solid #e3d7d8;}

#copyright{float:left; font-family:pt_sansregular; line-height:35px; font-size:12px; color:#676767; }
#copyright a{font-family:pt_sansbold; font-size:12px; color:#7984ff; text-decoration:none; text-transform:uppercase;}
#copyright a:hover{text-decoration:underline;}

#social{float:right; font-family:pt_sansregular; line-height:35px; font-size:12px; color:#676767;}
#social span a img{float:right; margin-left:5px; border:none; margin-top:6px;}

#products{width:737px; float: right;}
#products h1{float:left; width:737px; line-height:28px; height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}



.holder {
	margin: 5px 5px 5px 5px;
	float:right; 
}
.holder a {
	font-size: 14px;
	cursor: pointer;
	margin: 0 5px;
	color: #000;
	font-family:pt_sansregular;
	
	
}
.holder a:hover {

color: #000000;

}
.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }
.holder a.jp-current, a.jp-current:hover { 
	color: #888888;
	font-weight: bold;
}
.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; 
	background: none;
}
.holder span { margin: 0 0px; }
/* Content -> Unordered Lists */
#itemContainer { list-style: none; padding:0px; margin: 30px 0;  }
#itemContainer li { display: inline-block; float:left; margin: 30px; zoom: 1; *display:inline; }
.brd{ border:#888888 1px solid;}
.clear {clear:both}
/* remove the list style */


.txt_l{ font-family:open_sansregular; font-size:16px; color: #111111; font-weight:normal; text-transform:uppercase; float: left; }
.txt_ll{ font-family:open_sansregular; font-size:14px; color: #111111; font-weight:normal; text-transform:uppercase; float: left; }
.txt_l1{ font-family:open_sansregular; font-size:14px; color: #111111; font-weight:normal; }
.txt_3{ font-family:open_sansregular; font-size:14px; color: #111111; font-weight:normal; padding:10px; }

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}





#large-area{float:left; width:733px; margin:0px 0px 10px 0px;}	

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

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

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

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

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

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

.large_basket {float:right; width:235px; background:#000;}
.large_basket a{float:left; width:235px; font-family:pt_sansregular; font-size:13px;text-align:center; color:#fff; text-decoration:none; line-height:30px;}
.large_basket a:hover{font-family:pt_sansregular; font-size:13px; text-decoration:underline; color:#7984ff}


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









#cat-nav{
	float:left;
	width:233px;
}
#cat-nav h1{float:left; width:233px; line-height:28px; font-family:pt_sansbold; font-size:14px; color:#7984ff; text-transform:uppercase; border-bottom:1px solid #e3d7d8; border-top:1px solid #e3d7d8; margin-bottom:10px;}

.nav{
	width:233px; 
	float:left;
}
.nav ul{}
.nav ul li{
	list-style:none; 
	width:233px;  
	margin-bottom:5px;
}
.nav ul li a{
	font-family:pt_sansbold;  
	background-color:#7984ff; 
	font-size:12px; 
	text-transform:uppercase; 
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding-left:10px; 
		border-radius:4px;
	line-height:30px;
}
.nav ul li a:hover{
	text-decoration:underline;
}
.nav ul li ul{ 
	margin:5px 0px 0px 0px;
}
.nav ul li ul li{
	list-style:none; 
	width:213px;  
	margin:1px 10px 1px 10px;
}
.nav ul li ul li a{
	font-family:pt_sansbold; 
	
	font-size:12px; color:#fff; 
	text-decoration:none; 
	text-transform:none; 
	display:block; 
	padding-left:8px; 
	line-height:25px;
}
.nav ul li ul li a:hover{
	text-decoration:underline;
}
