@charset "UTF-8";
/* Created by Mark Mikloska (dmckdesign.com) / 28.04.2008 */

body {
	margin:0px 0px 130px 0px;
	background:#ffffff url(../images/kikass_bg.gif) repeat;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

a:link { color:#d8252c; text-decoration:underline; }
a:visited { color:#d8252c; text-decoration:underline; }
a:active { color:#d8252c; text-decoration:underline; }
a:hover { color:#000; text-decoration:underline; }

img { border:none; }

#mainContainer {
	margin:50px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	border:none;
	background:url(../images/content_bg.gif) repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:798px;
	height:auto;
}

#footer {
	clear:both;
	margin:0px;
	padding:15px 8px 0px 8px;
	border:none;
	background:#FFFFFF url(../images/content_bottom.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:798px;
}

#footer .copy {
	font-size:8px;
	color:#999999;
	float:left;
	margin-left:10px;
	margin-top:3px;
	text-align:left;
}

#footer .menu {
	font-size:11px;
	color:#666666;
	float:right;
	margin-right:25px;
}

a.afooter:link {
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}

a.afooter:visited {
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}

a.afooter:active {
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}


a.afooter:hover {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}


#mainContainer .contentHolder {
	width:782px;
	height:auto;
	padding-bottom:70px;
	overflow:auto;
	position:relative;
}


#mainContainer .contentHolder .header {
	width:782px;
	text-align:right;
}

#mainContainer .contentHolder .header .mainmenu ul {
	list-style:none;
	margin:0;
	padding:12px 0px 0px 0px;
}

#mainContainer .contentHolder .header .mainmenu ul li {
	list-style-type:none;
	display:inline;
	background:none;
	padding:15px 0px 15px 0px;
}

#mainContainer .contentHolder .header .mainmenu ul li.last {
	list-style-type:none;
	display:inline;
	background:none;
	padding:15px 18px 15px 0px;
}

a.amenu { padding:15px 8px 5px 8px; }

a.amenu:link {
	font-size:18px;
	color:#000000;
	background:#fff;
	border-bottom:2px solid #cddef1;
	text-decoration:none;
}

a.amenu:visited, a.amenu:active  {
	font-size:18px;
	color:#000000;
	border-bottom:2px solid #cddef1;
	text-decoration:none;
	background:#fff;
}

a.amenu:hover  {
	font-size:18px;
	color:#000000;
	border-bottom:2px solid #000;
	text-decoration:none;
	background:#fff;
}

a.mmenuselected  {
	font-size:18px;
	color:#000000;
	background:#fff;
	border-bottom:2px solid #000;
	text-decoration:none;
	padding:15px 8px 5px 8px;
}


a.biglink { padding:0px 5px 0px 5px; margin:5px 0 0 0; line-height:40px;	background:#FFF; }

a.biglink:link {
	font-size:30px;
	color:#000000;
	background:#FFF;
	text-decoration:none;
	font-style:italic;
	letter-spacing:-1px;
}

a.biglink:visited, a.biglink:active  {
	font-size:30px;
	color:#000000;
	border-bottom:2px solid #cddef1;
	text-decoration:none;
	font-style:italic;
	letter-spacing:-1px;
}

a.biglink:hover  {
	font-size:30px;
	color:#000000;
	border-bottom:2px solid #000;
	text-decoration:none;
	font-style:italic;
	letter-spacing:-1px;
}




#mainContainer .contentHolder .contentHome {
	position:relative;
	margin-left:70px;
	margin-top:105px;
	text-align:left;
	width:642px;
	_height:500px;
}

#mainContainer .contentHolder .contentReg {
	position:relative;
	margin-left:70px;
	margin-top:105px;
	text-align:left;
	width:642px;
	clear:both;
}

#mainContainer .contentHolder .footer {
	width:782px;
}


.productListingLeft {
	width:320px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	height:220px; 
	float:left;
	position:relative;
	background:#fff;
}

.productListingRight {
	width:321px;
	border-bottom:1px solid #CCC;
	height:220px; 
	float:right;
	position:relative;
	background:#fff;
}

.feeturesOriginal {
	background:url(../images/tag_feetures_orig.png) top left;
	width:76px;
	height:24px;
	position:absolute;
	top:0;
	left:0;
}

.feeturesLight {
	background:url(../images/tag_feetures_light.png) top left;
	width:76px;
	height:35px;
	position:absolute;
	top:0;
	left:0;
}

.feeturesBamboo {
	background:url(../images/tag_bamboo_wool.png) top left;
	width:68px;
	height:35px;
	position:absolute;
	top:0;
	left:0;
}

.esus {
	background:url(../images/tag_esus.png) top left;
	width:56px;
	height:24px;
	position:absolute;
	top:0;
	left:0;
}

.productListingImage {
	width:133px;
	height:75px;
	float:right;
	margin-right:30px;
	margin-top:25px;
}

.productListingInfo {
	width:145px;
	height:75px;
	position:absolute;
	top:30px;
	left:25px;
	color:#666666;
}

.productListingInfo .ph {
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

.productListingInfo .price {
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

.productListingCart {
	border-top:1px dashed #ccc;
	padding-top:16px;
	width:100%;
	position:absolute;
	top:165px;
}

/* ################### EXTRAS #################### */

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     bottom:0px;
     width:100%;
	 overflow:auto;
     text-align:center;
     z-index: 1000;
     background-image: url(../images/bg_overlay.gif);
     filter:alpha(opacity=97);
	 -moz-opacity:.975;
	 opacity:.97;
	 _height:1200px; /*IE HACK*/
}

#overlay #overlay_container {
	 width:500px;
     margin: 150px auto;
     background-color: #fff;
     border:2px solid #f2f2f2;
     text-align:center;   
}

#overlay #overlay_container #overlay_content {
	margin:14px 10px 10px 14px;text-align:left;border:0px;width:auto;
}

#overlay #overlay_container #overlay_content h1 {
	margin:5px 0 5px 0; padding:0; font-size:16px; color:#f22240; font-weight:bold;
}

#overlay #overlay_container #overlay_content p {
	margin:0; padding:0; font-size:11px; color:#333333;
}

.pics { height: 147px; width: 183px; padding:0; margin:0; overflow: hidden }
.pics img { height: 147px; width: 183px; padding: 0px; top:0; left:0 }
.pics img {
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
}