/***** REDSYS COMPONENTS *****/

/*** styles for the redsys floating area - solves problems with right margins through fixed width divs */
div.cutOverflow {
	width: 100%;
	overflow: hidden;
}
div.floating761 { /* is only used when no leftpanel is shown, special width (not 768) to be able to position different floating elements with margin-right next to each other */
	margin-bottom: 10px;
	width: 775px;
}
div.floating561 { /* is only used if left- and rightpanel is shown, special width (not 561) to be able to position different floating elements with margin-right next to each other */
	margin-bottom: 10px;
	width: 568px;
}

/*** grid for CatFixed ***/
div.catFixed div.mainup {
	position:relative;
	width: 561px;
}
div.catFixed div.mainmiddle1, div.catFixed div.mainmiddle2, div.catFixed div.mainmiddle3, 
div.catFixed div.maindown1, div.catFixed div.maindown2, div.catFixed div.maindown3 {
	position:relative;
	float: left;
	width: 183px;
	height: 173px;
	overflow: hidden;
}
div.catFixed div.mainmiddle1, div.catFixed div.mainmiddle2, div.catFixed div.maindown1, div.catFixed div.maindown2 {
	margin: 0px 6px 6px 0px;
}
div.catFixed div.mainmiddle3, div.catFixed div.maindown3 { /* right element doesnt have a margin-right */
	margin: 0px 0px 6px 0px;
}

/*** grid for HomeFixed ***/
div.homeFixed {
	width: 767px; /* special width (not 768) to be able to position 3 teaser width the same width next to each other */
}
div.homeFixed div.mainup1, div.homeFixed div.mainup2, 
div.homeFixed div.mainmiddle, 
div.homeFixed div.maindown1, div.homeFixed div.maindown2, div.homeFixed div.maindown3 {
	position:relative;
	float: left;
	overflow: hidden;	
}
div.homeFixed div.mainup1 {	
	margin: 0px 7px 0px 0px;
	width: 449px;
}
div.homeFixed div.mainup2 { /* right element doesnt have a margin-right */
	width: 311px;
} 
div.homeFixed div.mainmiddle {
	width: 767px;
} 
div.homeFixed div.maindown1, div.homeFixed div.maindown2, div.homeFixed div.maindown3 {
	width: 251px;
	height: 138px;
}
div.homeFixed div.maindown1, div.homeFixed div.maindown2 {
	margin: 0px 7px 8px 0px;
}
div.homeFixed div.maindown3 { /* right element doesnt have a margin-right */
	margin: 0px 0px 8px 0px;
}

/*** div for left and rightpannel slots ***/
div.leftpanelSlot, div.rightpanelSlot {
	position: relative;
}

/*** generic image style for redsys images */
div.imageteaser {
	float: left;
	padding: 0px 7px 8px 0px; /* you have to use padding instead of margin because of ie */
}
*+html div.imageteaser {
	padding-bottom: 6px; /* ie7: adds 2px that have to be substracted */
}
/* special image teaser for the rightpanel */
div.imageteaser182px { 
	margin: 0px;
	padding: 0px;
	width: 182px;
	overflow: hidden;
}
/* special image teaser for the category view */
div.imageteaser183px {
	float: left;
	width: 183px;
	height: 173px;
	margin: 0px 6px 6px 0px;
	overflow: hidden;
}

/*** styles for categoryteaser182px/183px and productteaser182px/183px */
div.categoryteaser182px, div.productteaser182px{ /* category / product teaser for left and right pannel */
	position: relative;
	margin: 0px 0px 8px 0px;
	width: 180px;
	height: 171px;
	border: solid 1px #CCCCCA;
}
div.categoryteaser183px, div.productteaser183px { /* category product teaser for working template - has to have odd width */
	float: left;
	position: relative;
	margin: 0px 6px 6px 0px;
	width: 181px;
	height: 171px;
	border: solid 1px #CCCCCA;
}
div.categoryteaser182px div.head, div.categoryteaser183px div.head {
	height: 14px;
	padding: 2px 20px 3px 5px;
	background: #CCCCCA url(double_arrow_gray.gif) no-repeat right;
	font-size: 110%;
	overflow: hidden;
}
div.categoryteaser182px div.head a, div.categoryteaser183px div.head a {
	color: #666666;
}
div.categoryteaser182px div.image, div.categoryteaser183px div.image {
	text-align: center;
	height:100px;
	padding: 1px 0px 1px 0px;
}
div.productteaser182px div.image, div.productteaser183px div.image {
	text-align: center;
	height:100px;
	padding: 4px 0px 4px 0px;
}
div.categoryteaser182px div.image img, div.categoryteaser183px div.image img, div.productteaser182px div.image img, div.productteaser183px div.image img {
	height: 100px;
}
div.categoryteaser182px div.name, div.categoryteaser183px div.name {
	height: 28px;
	padding: 0px 4px 0px 4px;
	background: #EAEAEA;
	font-weight: bold;
	overflow: hidden;
}
div.productteaser182px div.name, div.productteaser183px div.name {
	height: 41px;
	padding: 0px 4px 0px 4px;
	background: #EAEAEA;
	font-weight: bold;
	overflow: hidden;
}
div.categoryteaser182px div.price, div.categoryteaser183px div.price, div.productteaser182px div.price, div.productteaser183px div.price {
	height: 17px;
	padding: 5px 4px 0px 4px;
	background: #EAEAEA;
	overflow: hidden;
}

/*** styles for productteaser249px */
div.productteaser251px {
	float: left;
	margin: 0px 7px 8px 0px;
	border: solid 1px #CCCCCA;
	width: 249px;
	height: 136px;
}
div.productteaser251px div.details {
	float: left;
	width: 120px;
	padding: 8px 0px 0px 8px;
	color: #666666;
}
div.productteaser251px div.details a {
	color: #666666;
}
div.productteaser251px div.description {
	height: 106px;
	overflow: hidden;
}
div.productteaser251px div.price {
	height: 20px;
	overflow: hidden;
}
div.productteaser251px img {
	float: right;
	margin: 8px 8px 8px 0px;
	width: 100px;
}

/*** freestyle content componets - KUPU editor created content */
div.freestyle761px, div.freestyle561px, div.freestyle449px, div.freestyle311px, div.freestyle251px, div.freestyle183px, div.freestyle182px {
	/*border: solid 1px #CCCCCA;*/
	margin: 0px 7px 8px 0px;
	overflow: hidden;
}
div.floating761 div.freestyle761px, div.floating761 div.freestyle561px, div.floating761 div.freestyle449px, div.floating761 div.freestyle311px, div.floating761 div.freestyle251px, div.floating761 div.freestyle183px {
	float: left;
}
div.freestyle761px {
	width: 761px;
}
div.freestyle761px ol {
padding-left: 24px;
}
div.freestyle761px ul {
padding-left: 16px;
list-style-type: square;
}
div.freestyle561px {
	width: 561px;
}
div.freestyle561px ol {
padding-left: 24px;
}
div.freestyle561px ul {
padding-left: 16px;
list-style-type: square;
}
div.freestyle449px {
	width: 449px;
}
div.freestyle499px ol {
padding-left: 24px;
}
div.freestyle499px ul {
padding-left: 16px;
list-style-type: square;
}
div.freestyle311px {
	width: 311px;
}
div.freestyle311px ol {
padding-left: 24px;
}
div.freestyle311px ul {
padding-left: 16px;
list-style-type: square;
}
div.freestyle251px {
	width: 251px;
	height: 138px;
	overflow: hidden;
}
div.freestyle251px ol {
padding-left: 24px;
}
div.freestyle251px ul {
padding-left: 16px;
list-style-type: square;
}
div.freestyle183px {
	width: 183px;
	height: 173px;
	margin: 0px 6px 6px 0px;
}
div.freestyle183px ol {
padding-left: 24px;
}
div.freestyle183px ul {
padding-left: 16px;
list-style-type: square;
}
div.freestyle182px {
	width: 182px;
	margin: 0px 0px 8px 0px;
}
div.freestyle182px ol {
padding-left: 24px;
}
div.freestyle182px ul {
padding-left: 16px;
list-style-type: square;
}