/***************************************************

                     Doing

			  made by www.krojac.com

***************************************************/



*{

	margin: 0;

	padding: 0;

	border: none;

}



html, body{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	background: #FFF url(../pic/background.png) top left repeat-x;

}



/***************************************************

			      Global design

***************************************************/	



.clearing{

	clear: both;

	display: inline;

	width: 100%;

	height: 0;

	overflow:hidden;

}



.hidden{

	overflow: hidden;

	visibility: hidden;

}



p{

	display: block;

	font-size: 11px;

	color: #333;

}



a{

	text-decoration: none;

	color: #006699;

}



a:hover{

	text-decoration: underline;

}



ul{

	list-style: none;

}



.link2{

	font-size: 17px;

	color: #E30156;

}





/***************************************************

			    Main containers

***************************************************/



#container{

	position: relative;

	width: 972px;

	margin-right: auto;

	margin-left: auto;

	overflow:hidden;

}



#content, #container-left, #container-right{

	position: relative;

	float: left;

	padding-bottom: 20px;

}



#content{

	width: 950px;

	left: 25px;

}



#container-left{

	width: 280px;

	left: 25px;

}



#container-right{

	float: right;

	width: 280px;

	right: 25px;

}



/***************************************************

				   HOLDERS

***************************************************/	



.holder-content, .holder-content-line, .holder{

	position: relative;

	float: left;

	width: 100%;

}



.holder-content-line{

	background: url(../pic/line.png) bottom left repeat-x;

}



.holder{

	width: 920px;

	left: 25px;

}



#head{

	position: relative;

	float: left;

	width: 972px;

	margin-bottom: 20px;

	height: 350px;

}



#logo{

	position: absolute;

	top: 13px;

	left: 0px;

	z-index: 100;

}



#holder-flash{

	position: relative;

	width: 972px;

	height: 262px;

	z-index: 10;

	background: #FFF;

	top: 88px;

}



/***************************************************

			HEADING TEXT ELEMENTS

***************************************************/



h1, h2, h3, h4, h5, h6{

	position: relative;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

}



h1{

	margin-bottom: 15px;

	font-size: 16px;

	font-style: italic;

	color: #624C4A;

	border-bottom: 1px solid #DFDFDF;

}



h2{

	padding: 10px 0 2px 0;

	font-size: 11px;

	font-style: italic;

	color: #624C4A;

	border-bottom: 1px solid #DFDFDF;

}



h3{

	padding: 10px 0 2px 0;

	font-size: 12px;

	color: #666666;

}



h4{

	padding: 5px 0 2px 0;

	font-size: 12px;

	color: #333333;

}



.title{

	font-size: 14px;

	text-transform: uppercase;

}



.title2{

	font-size: 11px;

	padding-bottom: 2px;

}



.title span, .title2 span{

	color: #006699;

}



.text{

	padding-bottom: 5px;

	font-style: italic;

	color: #624C4A;

}



.text2{

	padding-bottom: 15px;

	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color: #888;

}



.link{

	padding-right: 20px;

	font-style: italic;

	background: url(../pic/link.png) center right no-repeat;

}



.link span{

	color: #666;

}



.link2{

	color: #0F6F9F;

}



.link3{

	font-size: 13px;

	font-style: italic;

}



.link4{

	font-style: italic;

}



.link5{

	color: #624C4A;

}



.link6{

	color: #C45D84;

}



.list li{

	padding: 12px 0;

	font-style: italic;

	background: url(../pic/line.png) bottom left repeat-x;

	color: #624C4A;

}



.list2 li{

	position: relative;

	padding: 6px 0;

	background: url(../pic/line.png) bottom left repeat-x;

	color: #624C4A;

}



.list3 li{

	position: relative;

	color: #624C4A;

	padding-top: 3px;

	padding-right: 0;

	padding-bottom: 3px;

	padding-left: 0;

}



.list3 li a{

	color: #624C4A;

}



.list2 li span{

	position: absolute;

	top: 6px;

	right: 0;

}



.block, .block2{

	display: block;

	padding-bottom: 5px;

	font-style: italic;

	color: #624C4A;

}



.block2{

	padding-bottom: 10px;

}



#cart{

	position: absolute;

	top: 0px;

	right: 0px;

	font: Arial, Helvetica, sans-serif;

	color: #666;

	z-index: 100;

}



#cart a{

	padding-left: 30px;

	background: url(../pic/cart.png) 0px 0px no-repeat;

	color: #666;

}



#cart a:hover{

	text-decoration: none;

	color: #333;

}



.product-desc{

	position: relative;

	float: left;

	width: 100%;

	height: 65px;

	background-image: url(../pic/product-desc-bg.gif);

	background-repeat: repeat-x;

	background-position: left 5px;

	padding-top: 10px;

}



.product-title{

	display: block;

	padding: 0 6px;

	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color: #2E5FA6;

}



.product-title2{

	padding: 0 0 10px 0;

	font-size: 14px;

	font-style: italic;

	color: #006699;

	border: none;

}



.product-title span{

	color: #666;

}



.product-price{

	position: absolute;

	bottom: 6px;

	right: 8px;

	font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color: #666;

}



.product-price2{

	position: absolute;

	bottom: 0px;

	right: 0px;

	font-size: 14px;

	font-style: italic;

	color: #624C4A;

}



.product-add{

	position: absolute;

	bottom: 6px;

	left: 6px;

	padding-right: 20px;

	font: 10px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	background: url(../pic/link.png) center right no-repeat;

	color: #666;

}



.action, .discount, .recommendation, .promotion{

	position: absolute;

	display: block;

	width: 70px;

	height: 70px;

	top: 0px;

	right: 1px;

	z-index: 101;

}



html>body .action{

	background: url(../pic/action.png);

}/* Mozilla, Opera, IE7+ */



html>body .discount{

	background: url(../pic/discount.png);

}/* Mozilla, Opera, IE7+ */



html>body .recommendation{

	background: url(../pic/recommendation.png);

}/* Mozilla, Opera, IE7+ */





html>body .promotion{

	background: url(../pic/promotion.png);

}/* Mozilla, Opera, IE7+ */





.button-info-1, .button-info-2, .button-info-3, .button-info-1-on, .button-info-2-on, .button-info-3-on{

	position: absolute;

	width: 100px;

	height: 23px;

	top: 26px;

	right: 565px;

	z-index: 499;

	background-image: url(../pic/button-off-info.png);

	text-align: center;

	padding-top: 7px;

	display: block;

	

}



.button-info-2, .button-info-2-on{right: 357px;}

.button-info-3, .button-info-3-on{right: 461px;}



.button-info-1-on, .button-info-2-on, .button-info-3-on{color:#C0557E; background-image: url(../pic/button-on-info.png);}



a.button-info{color:#FFFFFF;}



.holder-more-info{

	position: relative;

	width: 640px;

	height:133px;

	background-image: url(../pic/more-info.gif);

	background-repeat: no-repeat;

	padding: 15px;

	font-size: 11px;

	overflow: auto;

}



/***************************************************

			        GALERY

***************************************************/



.image, .image2, .image3, .image4, .image5, .image6{

	position: relative;

	float: left;

}



.image{

	margin-bottom: 10px;

	padding: 1px;

	border: 1px solid #EDEAE3;

}



.image2{

	margin-top: 0px;

	margin-right: 7px;

	margin-bottom: 10px;

	margin-left: 7px;

}



.image3{

	position: absolute;

	width: 100px;

	top: 0;

	left: 0;

	text-align: center;

}



.image4{

	width: 170px;

	height: 165px;

	margin-right: 20px;

	text-align: center;

	background: url(../pic/image4.png) top left no-repeat;

}



.image5{

	width: 200px;

	height: 200px;

	text-align: center;

	background: url(../pic/image5.png) top left no-repeat;

}



.image6{

	width: 90px;

	height: 90px;

	margin-left: 15px;

	text-align: center;

	background: url(../pic/image6.png) top left no-repeat;

}



.date-img{

	position: absolute;

	top: 4px;

	left: 280px;

	color:#FF3300;

}



/***************************************************

				       FORMS

***************************************************/



label{

	display: block;

	float: left;

	width: 100px;

	line-height: 30px;

	color: #624C4A;

	font-size: 11px;

}



.textbox, textarea, .box-error, .textarea-error, select{

	float: left;

	width: 160px;

	height: 22px;

	margin: 4px 0 0 4px;

	line-height: 22px;

	border: 1px solid #CCC;

	background: #FFF;

	color: #666;

	padding:  0 2px;

	font-size: 11px;

}



select{

padding:0;

width:167px;

}



textarea, .textarea-error{

	width: 380px;

	height: 100px;

	font-size: 11px;

	padding: 4px;

	line-height: 14px;

	font-family: Arial, Helvetica, sans-serif;

}



.box-error, .textarea-error{

	border:1px solid #999999;

	background-color: #F4F4F4;

}



.error-form{

	position: absolute;

	line-height: 24px;

	color: #ED5400;

	left: 264px;

	top: 4px;

	text-align: left;

	width: 214px;

}



#formError, #answerMenuError {

color:#FF0000;

position:absolute;

bottom:30px;

left:205px;

}

 #answerMenuError {

bottom:0;

left:300px;

 }



.holder-form-height, .holder-form{

	position: relative;

	float: left;

	width: 100%;

}



.holder-form{

	height: 30px;

}



.holder-button{

	position: relative;

	float: right;

	display: block;

	width: 100%;

	padding: 20px 0;

	text-align: right;

}



.product-input{

	width: 25px;

	height: 20px;

	padding: 5px 0 0;

	font-size: 15px;

	text-align: center;

	color: #666;

	background: url(../pic/input-bg.png) top left no-repeat;

	margin-right: 5px;

}



.sub-button{

	width: 134px;

	height: 29px;

	font-size: 11px;

	line-height: 25px;

	background: url(../pic/sub-button.png) top left no-repeat;

	color: #333333;

	cursor: pointer;

	margin-left: 15px;

}



/***************************************************

			   PAGE NAVIGATION

***************************************************/



#page-nav-holder{

	float: right;

	position: relative;

	width: 480px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	margin-top: 20px;

	margin-bottom: 10px;

}



.page-nav-right, .page-nav-left{

	float: right;

	position: relative;

	width: 400px;

}



.page-nav-left{

	float: left;

	padding-top: 5px;

	width: 270px;

}



a.page-nav-link{

	color: #666666;

	font-family: "Lucida Sans Unicode", Arial;

	font-size: 11px;

	text-decoration: none;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 2px;

	padding-bottom: 2px;

	line-height: 25px;

}



a.page-nav-link:hover{color: #CCCCCC;}



.page-nav-link-active{

	color: #666666;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-decoration: none;

	background-color: #EFEFEF;

	border: 1px solid #CCCCCC;

	padding: 2px 5px;

}



/***************************************************

			        FOOTER

***************************************************/



#footer{

	position: relative;

	float: left;

	width: 972px;

	padding: 20px 0 10px 0;

	font-size: 10px;

	color: #666;

	background-image: url(../pic/footer-bg.png);

	background-repeat: repeat-x;

	background-position: 0 15px;

}



#FooterOne{

	position: relative;

	float: left;

	width: 500px;/* Opera */

}



#FooterOne span{

	display: block;

	padding-bottom: 15px;

}



#FooterTwo{

	position: relative;

	text-align: right;

	float: right;

	width: 200px;

}



a.krojac{

	color: #FF8635;

	font-size: 11px;

}



a.krojac:hover{

	text-decoration: underline;

}



/***************************************************

				       MENU

***************************************************/



#top-menu{

	position: absolute;

	top: 35px;

	right: 0px;

	z-index: 100;

}



#top-menu li{

	float: left;

	margin-left: 5px;

	color: #545456;

}



#top-menu li a{

	text-transform: lowercase;

	color: #545456;

}



#top-menu li a:hover{

	text-decoration: underline;

}



#nav-menu{

	position: absolute;

	top: 60px;

	right: 0px;

	z-index: 100;

}



#nav-menu li{

	float: left;

	margin-left: 10px;

}



#nav-menu li a{

	font-size: 12px;

	text-transform: uppercase;

	color: #333;

}



#nav-menu li a:hover{

	color: #999999;

	text-decoration: none;

}



body#home a#home_link, body#about a#about_link, body#distribution a#distribution_link, body#info a#info_link, body#contact a#contact_link, body#product a#product_link, body#small a#small_link, body#selling a#selling_link {

	color: #006699;

	font-weight: bold;

}



#menu{

	position: relative;

	float: left;

}



#menu li{

	float: left;

	margin-right: 10px;

}



#menu li a{

	font-style: italic;

	text-transform: uppercase;

	color: #2F63AA;

}



#menu li a.selected{

	text-decoration: none;

	color: #999;

}

.prev_bottom, .next_bottom {
	position: absolute;
	top: 67px;
	z-index: 400;
	left: 0;
}.next_bottom {
	right: -110px;
}