.blank {clear: both;}

body {
	
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color: #e2f84f;
	scrollbar-arrow-color: #005260;
	scrollbar-DarkShadow-Color: #005260;
        background-color: #8eabb1;
}


h2 {
	font-weight: normal;
}


.link a:link, .link a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

.link a:hover, .link a:active {
	text-decoration: none;
	color: #e2f84f;

}

a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover, a:active {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;

}


.bg {
	background-image: url(../../../../../ekmps/shops/Artisanti/resources/Image/textbg1.jpg);
	background-repeat: no-repeat;
	
}


#container {
	margin: 0 auto;
	background-image: url(../../../../../ekmps/shops/Artisanti/resources/Image/bg.gif);
	width: 968px;
}


#header {
	margin: 0 0 0 0;
	height: 143px;
	width: 968px;
	background-image: url(../../../../../ekmps/shops/Artisanti/resources/Image/logo.jpg);
	background-repeat: no-repeat;

		
}

#logo_container {
	display: block;
	float: left;
	margin: 15px 0 15px 0;
}

#logo a{
	display: block;
	height: 120px;
	width: 350px;
	cursor: pointer;  /* for IE */
}


#search_box {
	float: right;
	margin-right: 0px;
	padding-right: 0px;
	margin-top: 30px;
	text-transform: uppercase;
	text-align: right;
	
}

#search_box ul {
	list-style: none;
	
}

#search_box li {
	display: inline;
}


#search {
	
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	width: 170px;
	height:25px;
	
	margin: 0;
	
	
	
	
}





#middle {
	min-height: 560px;
	width: 968px;
		
	
}


#left {
	float: left;
	width: 350px;
	padding-left: 50px;
	padding-top: 20px;
	
}


#left_prod {
	float: left;
	width: 500px;
	padding-left: 50px;
	padding-top: 20px;
	
}

#title {
	width: 900px;
	height: 25px;
	padding-top: 30px;
	font-size: 20px;
	font-weight: bold;
        padding-left: 50px;
}


#leftalone {
	float: left;
	width: auto;
	padding-left: 50px;
	height: 500px;
	overflow: auto;
	
	
}




#popularitems_box {
	width: 350px;
	height: 145px;
	background-color: #005260;
	background-image: url(../../../../ekmps/shops/Artisanti/resources/Image/a1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-transform: none;
	list-style: none;
	text-align: center;
	margin: 0;
	margin-top: -2px;
	padding: 0;
	padding-left: 0px;
        padding-top: 0px;
		border: none;	
}


.popularitems {



	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;
	
	
}
	
	

.popularitems_img {
	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;

}



.popularitems_title {
	width: 50%;
	height: 25%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;
	border: 1px solid #FF0000;

}



.popularitems_text {
	width: 50%;
	margin-top: 42px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	
	float: left;
	padding-top: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;

}


.popularitems_im3 {
	width: 32%;
	height: 45%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 2px;
	float: left;
	padding-top: 60px;
	background-image: url(../../../../ekmps/shops/Artisanti/resources/Image/popitem3.jpg);
	background-repeat: no-repeat;
	background-position: top;
}



#feature_box {
	width: 350px;
	height: 145px;
	background-color: #005260;
	background-image: url(../../../../ekmps/shops/Artisanti/resources/Image/a1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-transform: none;
	list-style: none;
	text-align: center;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-left: 0px;
    padding-top: 0px;
	border: none;
	
}


.feature_img {
	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;

}


.feature_text {
	width: 40%;
	margin-top: 19px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 0px;
	padding-left: 0px;
	line-height: 15px;
	
	float: left;
	padding-top: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}




.discountbox {
	background-color: #005260;
	border:  #005260 35px solid;
	color: #FFFFFF;
	font-size: 12px;
	height: 50px;
	width: 100px;
        margin: -10px;
}


.buttons {
	background-color: #005260;
	border:  #005260 65px solid;
	color: #FFFFFF;
	font-size: 12px;
	height: 50px;
	width: 150px;
        margin: -45px;
}



.buttonscontinue {
	background-color: #005260;
	border:  #005260 20px solid;
	color: #FFFFFF;
	font-size: 12px;
	height: 50px;
	width: 150px;
        margin: -15px;
}



#right {
	width: 530px;
	float: left;
	margin: 0 0 0 0;
	padding-top: 0px;
	
}


#right_prod {
	width: 380px;
	float: left;
	height: 470px;
	margin: 0 0 0 0;
	padding-top: 0px;
	
}



.items_box {
	width: 540px;
	min-height: 520px;
	float: left;
	list-style: none;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}





.items {

	width: 29%;
	height: 5%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 9px;
	float: left;
	border: #FFFFFF 1px solid;
	display: block;
	padding-top: 120px;
	
	
}	



	
.footer {
	height: 25px;
	width: 968px;
	background-color: #5d8991;
	text-transform: uppercase;
	padding-top: 10px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	


}



.footer a:hover {
	font-weight: normal;
}


.footer_left {
	height: 25px;
	
	float: left;
	padding-left: 15px;


}


.footer_img {
	height: 25px;
	float: left;
	padding-left: 15px;
	
}


.footer_right {
	height: 25px;
	float: right;
	padding-right: 15px;

}



.footer_right ul {
	
	
	
}

.footer_right li {
	display: inline;
	vertical-align: top;
	list-style: none;
}












/* TOOLS */


.left {
	text-align: left;
}

.center {
	text-align: center;
}


.right {
	text-align: right;
}


.hidden {
	display: none;
}

.whitebox {
	padding: 1px 1px 1px 1px;

	background-color: #FFFFFF;
	border: #FFFFFF solid 2px;
	vertical-align: top;
	color: #005260;
}

.teale {
	color: #005260;
}


.lime {
	color: #e2f84f;
}

.paddingleft10 {
	padding-left: 10px;
}

.paddingright10 {
	padding-right: 10px;
}

.paddingright20 {
	padding-right: 20px;
}

.paddingright25 {
	padding-right: 25px;
}

.paddingright30 {
	padding-right: 30px;
}

.paddingleft5 {
	padding-left: 5px;
}

.paddingright5 {
	padding-right: 5px;
}



.paddingtop5 {
	padding-top: 5px;
}


.margin-20left {
	margin-left: -20px;
	
}


.margin-10left {
	margin-left: -10px;
	
}

.margin-10right {
	margin-right: -10px;
	
}

.margin-5left {
	margin-left: -5px;
	
}


.margin3left {
	margin-left: 3px;
	
}


.margin4left {
	margin-left: 4px;
	
}


.margin5left {
	margin-left: 5px;
	
}

.margin10left {
	margin-left: 10px;
	
}

.margin15left {
	margin-left: 15px;
	
}

.margin20left {
	margin-left: 20px;
	
}

.margin25left {
	margin-left: 25px;
	
}

.margin30left {
	margin-left: 30px;
	
}

.margin35left {
	margin-left: 35px;
	
}

.margin40left {
	margin-left: 40px;
	
}

.margin45left {
	margin-left: 45px;
	
}

.margin50left {
	margin-left: 50px;
	
}


.margin55left {
	margin-left: 55px;
	
}


.margin60left {
	margin-left: 60px;
	
}


.margin65left {
	margin-left: 65px;
	
}


.margin70left {
	margin-left: 70px;
	
}

.margin75left {
	margin-left: 75px;
	
}


.margin80left {
	margin-left: 80px;
	
}


.margin85left {
	margin-left: 85px;
	
}


.margin90left {
	margin-left: 90px;
	
}

.margin150left {
	margin-left: 150px;
	
}

.margin190left {
	margin-left: 190px;
	
}


.margin-5top {
	margin-top: -5px;
	
}

.margin-10top {
	margin-top: -10px;
	
}

.margin-15top {
	margin-top: -15px;
	
}


.margin-20top {
	margin-top: -20px;
	
}


.margin-25top {
	margin-top: -25px;
	
}


.margin-30top {
	margin-top: -30px;
	
}


.margin-35top {
	margin-top: -35px;
	
}


.margin-40top {
	margin-top: -40px;
	
}


.margin0top {
	margin-top: 0px;
	
}


.margin5top {
	margin-top: 5px;
	
}


.margin10top {
	margin-top: 10px;
	
}

.margin15top {
	margin-top: 15px;
	
}

.margin20top {
	margin-top: 20px;
	
}

.margin25top {
	margin-top: 25px;
	
}

.margin30top {
	margin-top: 30px;
	
}

.margin35top {
	margin-top: 35px;
	
}

.margin40top {
	margin-top: 40px;
	
}

.margin45top {
	margin-top: 45px;
	
}




.margin3right {
	margin-right: 3px;
	
}


.margin4right {
	margin-right: 4px;
	
}


.margin5right {
	margin-right: 5px;
	
}

.margin10right {
	margin-right: 10px;
	
}

.margin15right {
	margin-right: 15px;
	
}

.margin20right {
	margin-right: 20px;
	
}

.margin25right {
	margin-right: 25px;
	
}

.margin30right {
	margin-right: 30px;
	
}

.margin35right {
	margin-right: 35px;
}

.margin40right {
	margin-right: 40px;
	
}

.margin45right {
	margin-right: 45px;
	
}

.margin-25right {
	margin-right: -25px;
	
}



.margin5bottom {
	margin-bottom: 5px;
	
}

.margin10bottom {
	margin-bottom: 10px;
	
}

.margin15bottom {
	margin-bottom: 15px;
	
}

.margin20bottom {
	margin-bottom: 20px;
	
}

.margin25bottom {
	margin-bottom: 25px;
	
}

.margin30bottom {
	margin-bottom: 30px;
	
}

.margin35bottom {
	margin-bottom: 35px;
}

.margin40bottom {
	margin-bottom: 40px;
	
}

.margin45bottom {
	margin-bottom: 45px;
	
}

.font20 {
	font-size: 20px;
}



.font18 {
	font-size: 18px;

}



.font16 {
	font-size: 16px;
}



.font15 {
	font-size: 15px;
}



.font14 {
	font-size: 14px;
}


.font13 {
	font-size: 13px;
}


.font12 {
	font-size: 12px;
}


.font11 {
	font-size: 11px;
}

.font10 {
	font-size: 10px;
}

.font9 {
	font-size: 9px;
}


.font8 {
	font-size: 8px;
}


.font40 {
	font-size: 40px;
}

.font50 {
	font-size: 50px;
}


.font60 {
	font-size: 60px;
}



.width20 {
	width: 20px;
}

.width25 {
	width: 25px;
}


.width30 {
	width: 30px;
}


.width35 {
	width: 35px;
}


.width40 {
	width: 40px;
}


.width45 {
	width: 45px;
}



.width50 {
	width: 50px;
}


.width55 {
	width: 55px;
}



.width60 {
	width: 60px;
}


.width65 {
	width: 65px;
}


.width70 {
	width: 70px;
}


.width75 {
	width: 75px;
}



.width80 {
	width: 80px;
}


.width85 {
	width: 85px;
}

.width90 {
	width: 90px;
}


.width95 {
	width: 95px;
}



.width100 {
	width: 100px;
}


.width105 {
	width: 105px;
}


.width110 {
	width: 110px;
}


.width115 {
	width: 115px;
}


.width120 {
	width: 120px;
}

.width125 {
	width: 125px;
}


.width130 {
	width: 130px;
}


.width135 {
	width: 135px;
}


.width140 {
	width: 140px;
}


.width145 {
	width: 145px;
}



.width150 {
	width: 150px;
}


.width155 {
	width: 155px;
}



.width160 {
	width: 160px;
}


.width165 {
	width: 165px;
}


.width170 {
	width: 170px;
}


.width175 {
	width: 175px;
}



.width180 {
	width: 180px;
}


.width185 {
	width: 185px;
}

.width190 {
	width: 190px;
}


.width195 {
	width: 195px;
}

.upper {
	text-transform: uppercase;
        
}

.white {
	color: #FFFFFF;
}



.lineheight22 {
	line-height: 22px;
}

.lineheight23 {
	line-height: 23px;
}

.lineheight24 {
	line-height: 24px;
}

.lineheight25 {
	line-height: 25px;
}

/* MENU */

.menu {
	width:943px;
	height:30px;
	background-color: #5d8991;
	text-transform: uppercase;
	top: -10px;
	position: relative;
	z-index: +1;
	padding-left: 25px;	
	
}


/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:968px; 
	w\idth:968px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin-left: 25px;
	list-style-type:none;
	
	
}

.menu ul ul {
	background:#5d8991;
	padding: 0;
	margin: 0;
	margin-left: -8px;
	
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;

}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none; 
	color:#fff; 
	width: auto; 
	height: 30px; 
	line-height:29px;
	margin: 0;
	padding: 0;
	
	
}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width: auto; 
	w\idth: auto;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#5d8991;
}

/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#5d8991;
}

.menu ul ul :hover > a.drop {
	background:#5d8991;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#5d8991;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background:#5d8991;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0; 
	width:130px;
	
	
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;}

/* position the third level flyout menu 
.menu ul ul ul{
	left:120px; 
	top: 0px; 
	width:120px;
}


 position the third level flyout menu for a left flyout 
.menu ul ul ul.left {
	left:-120px;
}*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 

	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#5d8991; 
	color:#fff; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:140px;
	border-bottom: 1px #FFFFFF solid;
	
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:140px;
	w\idth:140px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#fff; 
	font-weight: normal;
}

.menu ul ul li a:hover{
	color:#fff; 
	font-weight: bold;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#fff; 
	font-weight: normal;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}