/*
========================================================
PRODUCT TEMPLATE
========================================================
*/

/*
--------------------------------------------------------
DEFAULT ELEMENTS
--------------------------------------------------------
*/




/*
--------------------------------------------------------
HEAD
--------------------------------------------------------
*/

#head {
	display:					block;
	margin:						0 0 12px 0;
}

a.backlink {
	display:					block;
	margin:						17px 0 0 0;
	padding:					0 22px 0 0;
	text-decoration:			none;
	font-size:					14px;
	color:						#f50024 !important;
	background-image: 			url(/images/icons/goto.png);
	background-repeat: 			no-repeat;
	background-position: 		right 2px;
}

/*
--------------------------------------------------------
CONTENT SECTIONS
--------------------------------------------------------
*/

#content {
	background-color:			#FFF;
	background-image: 			url(/images/template/background-content-product.png);
	background-repeat: 			no-repeat;
	background-position: 		-14px 170px !important;
}

.technicaldata {
	width:						380px;	
}

.schema {
	width:						250px;	
}

/*
--------------------------------------------------------
MODELLIST EXTEND
--------------------------------------------------------
*/

#content .blankmodel {
	background-image:		url(/images/elements/modellist/background-blankmodel.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#content .blankmodel div {
	height:					27px;
	background-image:		url(/images/elements/modellist/background-blankmodel-rgt.gif);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#content .blankmodel.fill1 div {
	width:					128px;
}

#content .blankmodel.fill2 div {
	width:					218px;
}

#content .blankmodel.fill3 div {
	width:					308px;
}

#content .blankmodel.fill4 div {
	width:					398px;
}

#content .blankmodel.fill5 div {
	width:					488px;
}

#content .blankmodel.fill6 div {
	width:					578px;
}

/*
--------------------------------------------------------
TABS
--------------------------------------------------------
*/

#tabs {
	display:				block;
	padding:				40px 0 0 0;
}


.ui-tabs {
	position: 				relative;
	zoom: 					1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav li {
	position: 				relative;
	top: 					1px;
	margin: 				0 !important;
	padding: 				0 !important;
	list-style: 			none;
	float: 					left;
	border-bottom: 			0 !important;
	white-space: 			nowrap;
	background-image:		url(/images/template/background-tab.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top !important;
}

.ui-tabs .ui-tabs-nav li a {
	display:				block;
	float: 					left;
	height:					22px;
	padding:				10px 12px 0 12px;
	text-decoration: 		none;
	color:					#000000;
	background-image:		url(/images/template/background-tab-end.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 			0;
	padding-bottom: 		1px;
	background-repeat: 		no-repeat !important;
	background-position: 	left bottom !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: 				text;
	background-position: 	right bottom !important;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: 				pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	display: 				block;
	padding:				35px 0 0 0;
}

.ui-tabs .ui-tabs-hide {
	display: 				none !important;s
}

/*
--------------------------------------------------------
TAB PANEL 1
--------------------------------------------------------
*/

.ui-tabs .text {
	padding:				20px 0 0 0;
	width:					390px;
}

.ui-tabs .image {
	width:					260px;
}

/*
--------------------------------------------------------
TAB ICONS
--------------------------------------------------------
*/

#content .icons ul,
#content .icons ul li {
	margin:				0;
	padding:			0;
	list-style:			none;
	background-image:	none;
}

#content .icons ul li {
	margin-right:		4px;
	float:				left;
}

/*
--------------------------------------------------------
ROUNDED
--------------------------------------------------------
*/

.roundedbox {
	background-color:		#eff1f3;
	padding:				0 20px 0 20px;
	border-radius:			1ex;
	-webkit-border-radius:	1ex;
	-moz-border-radius:		1ex;
	border:					1px solid #bdbec0;
	background-image: 		url(/images/template/background-advantagebox.png);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}