/*
	Site: Apolloni & Blom
	www: apolloniblom.com
	Author: Patrik Westelius, patrik.westelius@atrox.se
*/

/* Advanced form */
.advance_form_top{background: url(../images/common/advance_form_top.gif); width: 440px; height: 15px; float: left; margin: 10px 0 0 0;}
.advance_form_bottom{background: url(../images/common/advance_form_bottom.gif); width: 440px; height: 15px; float: left;}
.advForm{
	float: left;
	width: 390px;
	background: #fff;
	border-left: 10px solid #cee9cc;
	border-right: 10px solid #cee9cc;
	padding: 10px 20px 20px 10px;
}		
.advForm h1{
	display: none;
}
.advForm h2{
	padding: 6px 0 10px 0;
}
.advForm label{
	display: block;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0 0 2px 0;
}
.advFormLeft, .advFormRight, .advFormFull, .advFormProduct{
	margin: 0 0 10px 0;
}
.radioValue, .checkboxValue{
	margin-right: 20px;
}
.advFormLeft{
	float: left;
	display: inline;
	width: 185px;
	margin: 0 20px 10px 0;
}
.advFormFull .text{
	width: 98%;
	padding: 4px 3px 4px 3px;
	color: #555;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}
.advFormLeft .text, .advFormRight .text{
	width: 177px;
	padding: 4px 3px 4px 3px;
	color: #555;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}
.advFormRight{
	float: left;
	display: inline;
	width: 185px;
}
.advFormFull, .advFormProduct{
	clear: both;
	float: none;
}
.advFormFull .select{
	width: 100%;
	padding: 4px 3px 4px 3px;
	color: #555;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
.advForm .textarea{
	width: 98%;
	height: 132px;
	padding: 4px 3px 4px 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555;
}
.advFormProduct .text{
	width: 98%;
	padding: 4px 3px 4px 3px;
	color: #555;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	}
.submitContainer{
	clear: both;
	float: none;
	text-align: right;
}
.submitContainer .submit{font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; font-weight: bold; background: url(../images/common/send.gif) repeat-x top; width: 62px; height: 21px; overflow: hidden; cursor: pointer; border: none; padding: 0 0 3px 0;}

.submitContainer .submit:active, #comments .submit:active{background-position: 0 -21px;}
.msgInfo{color: #5CB557; font-weight: bold;}
.msgLegend{display: none;}
.msgError{color: #F05325; font-weight: bold;}
.mandatory{display: none;}


/* PRODUCT PICTURES */
/* styling for the image wrapper  */
#imageWrapper{
	width: 670px;
	height: 500px;
	margin: 0 0 25px 0;
	overflow: hidden;
}
#image_wrap{ 
	position: relative;
	width:670px;
	height: 446px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
#image {
	position: absolute;
	top: 0;
	left: 0;
	width:20000em;
	height: 446px;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	-moz-ouline-radius:4px;
}
#image .thumbnail{ position: absolute; width: 670px; height: 446px; }
.navigate{
	background: #e5e9eb url(../images/common/scrollable.gif) repeat-x top left;
	height: 47px;
	overflow: hidden;
	position: relative;
	width: 670px;
}
.gradient{
	background: url(../images/common/gradient.png) no-repeat;
	width: 10px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 440px;
	z-index: 9999;
}
.scrollable{
	height: 47px;
	overflow: hidden;
	position: relative;
	width: 450px;
	float:left;
}
.scrollable .items {
	clear:both;
	position:absolute;
	width:20000em;
	z-index: 999;
}
.scrollable .active {
	background-position: 0 -40px;
	position:relative;
	z-index:9999;
}
.scrollable img {
	background: #ffffff url(../images/common/scrollable-img.png) no-repeat;
	cursor:pointer;
	float:left;
	height:34px;
	margin: 4px 0 0 4px;
	padding: 2px 3px 4px 3px;
	width:51px;
}
a.disabled {
	visibility:hidden !important;
}
a.left{
	background: url(../images/common/my-prev.png) no-repeat;
}
a.right{
	background: url(../images/common/my-next.png) no-repeat;
}
a.left:hover, a.right:hover, #allPics:hover{
	background-position: 0 -37px;
}
a.left:active, a.right:active, #allPics:active{
	background-position: 0 -74px;
}
a.browse{
	cursor:pointer;
	display:block;
	float:left;
	font-size:0;
	height:37px;
	width:38px;
}
#allPics{
	background: url(../images/common/all-images.png) no-repeat;
	cursor: pointer;
	display :block;
	float: left;
	height: 25px;
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	width: 77px;
	font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	text-shadow: 0 1px #fff;
	color: #444444;
}
#count{
	float: left;
	height: 25px;
	margin: 12px 0 0 0;
	width: 48px;
	text-align: center;
}
.pagination{
	height: 42px;
	overflow: hidden;
	position: relative;
	width: 213px;
	padding: 5px 0 0 7px;
}
.prodImgLeft{
	height: 446px;
	width: 670px;
}
/* PAGINATION */
#paginationPrevious, #paginationNext{display:none !important;}
#paginationContainer{clear: both;width:320px;height:30px;overflow:hidden;position:relative;}
#paginationContainer2{clear: both;width:320px;height:30px;overflow:hidden;position:relative;}

#paginationWrapper{width:270px;height:30px;overflow:hidden;position:relative;left:30px;}
	#minus
	{
		position:absolute;
		top:0;
		left:0;
		width:22px;
		height:22px;
		text-indent:-9999px;
		display:none;
		background:url(../images/common/minus.gif) no-repeat;
	}
	
	#plus
	{
		position:absolute;
		top:0;
		right:0;
		width:22px;
		height:22px;
		text-indent:-9999px;
		background:url(../images/common/plus.gif) no-repeat;
	}
	
#paginationWrapper2{width:270px;height:30px;overflow:hidden;position:relative;left:30px;}
	#minus2
	{
		position:absolute;
		top:0;
		left:0;
		width:22px;
		height:22px;
		text-indent:-9999px;
		display:none;
		background:url(../images/common/minus.gif) no-repeat;
	}
	
	#plus2
	{
		position:absolute;
		top:0;
		right:0;
		width:22px;
		height:22px;
		text-indent:-9999px;
		background:url(../images/common/plus.gif) no-repeat;
	}
	
#paginationContainer span{width: 35px; display: block; float: left; line-height: 20px;}
#pagination, #pagination2{margin: 0; padding: 0; list-style: none; float: left;width:20000em;position:absolute;left:0px;}
	#pagination li, #pagination2 li{width: 22px; height: 22px; display: inline; text-align: center; line-height: 20px; float: left; display: block; padding: 0; margin: 0 5px 0 0; background: url(../images/common/pagination.gif) 0 -22px;}
		#pagination li a, #pagination2 li a{color: #5CB557; width: 22px; height: 22px; display: block; background: url(../images/common/pagination.gif) no-repeat top;}

/* CAROUSEL */
#browsable br{ 
	display: none;
}
div.scrollableStart{
    position: relative; 
    overflow: hidden; 
    width: 900px;
	height: 390px;
}
scrollableStart div.items{ 
    /* this cannot be too large */ 
    width: 20000px; 
    position: absolute; 
}
scrollableStart div.images div{ 
    float: left; 
}
div.images div.active{ 
    border: 1px inset #ccc; 
    background-color: #fff;  
}