/********************************************
*
* Structure 660
*
********************************************/

* {
	margin:0;
	padding:0;
}
ol, ul {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

/********************************************
*
* special font-size for Bibit
*
********************************************/
body #bibitRedirect {
	font-size:13px;
}

/* common */

#keywords {
	display:none;
	position:absolute;
	left:-100em;
}
.price {
	font-size:1.1em;
	white-space: nowrap;
}

.switzerland .price,
.scandinavia .price {
	font-size:0.8em;
}

.price-coupon {
	font-size:1.1em;
}
.price-old {
	font-size:0.84em;
	font-weight:bold;
	text-decoration:line-through;
	display:block;
	text-align:left;
	width:100px;
}

/********************************************
*
* icons
*
********************************************/

.button {
	display:block;
	padding:0.35em 1em 0.4em 1em;
	line-height:1em;
	width:auto;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
a[class~="button"] {
	height:1em;
}
.button.delete {
	border:0;
	text-indent:-1000em;
	cursor:pointer;
	height:18px;
	width:18px;
	background-position:2px 1px;
}

* hmtl .classicCompact .button {
	position:relative;
}
.button.basket {
	background-position:0px 0px;
}
.tag,
.delicious,
.recommend {
	display:block;
	text-indent:-100em;
	text-decoration:none;
}
.top {
	display:block;
	text-indent:-100em;
}

/********************************************
*
* main content
*
********************************************/

#main {
	float:left;
	margin:0 0 1em 0;
	width:47em;
	overflow:hidden;
}

/********************************************
*
* popup
*
********************************************/

.popup {
	width:47em;
	padding:0;
	margin:0 auto 0 auto;
}
.popup div {
	margin:0.5em 0 0 0;
}
.popup h3 {
	margin:0.5em 0 0.5em 0;
}
.popup p {
	font-size:0.85em;
}
.popup .button.main {
	float:left;
	width:auto;
	margin:0.5em 0 0 0;
}
.popup table {
	width:100%;
}
.fonts {
	width:20.5em;
	float:left;
}
#infoPrinttypes {
	float:left;
	width:43em;
}
.colors {
	width:13em;
	float:left;
}
#infoFonts {
	float:left;
}
#infoFonts .button {
	margin:1em 0 1em 0;
}
#infoFonts p {
	clear:both;
	width:47em;
}
#shirtomatHowto ul {
	list-style-type:none;
	margin:0.5em 0 0 2.5em !important;
}
#shirtomatHowto,
#shirtomatGetPartner {
	padding:1em 0 3em 0;
}
#shirtomatGetPartner hr {
	height:1px;
	border:0;
	margin:1em 0 1em 0;
}

/********************************************
*
* tooltip
*
********************************************/

#tooltip {
	max-width:264px;
	padding:10px 12px 12px 12px;
	text-align:left;
	font-size:1em;
}
#tooltip .url{
	font-style:italic;
}

/********************************************
*
* headlines
*
********************************************/

h1 {
	font-size:1.1em;
}
h2 {
	font-size:1.7em;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}
h5 {
	font-size:0.85em;
	font-weight:normal;
}

/********************************************
*
* links
*
********************************************/

a,
a:visited,
a:active {
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

/********************************************
*
* form elements
*
********************************************/

label {
	cursor:pointer;
}
select,
input,
textarea {
	font-weight:normal;
	font-size:0.6em;
	margin:0;
}
select {
	min-width:5.6em;
	padding:0.1em;
}
option {
	padding:0 0 0.1em 0.2em;
}
input,
textarea {
	padding:0.2em;
}
input[type="hidden"] {
	border:0;
	margin:0;
	padding:0;
}
.require {
	font-weight:bold;
}
fieldset {
	border:0;
}

/********************************************
*
* messages
*
********************************************/

.message {
	display:block;
	margin:0.5em 0.5em 0 0.5em;
	padding:0.2em;
	font-size:0.85em;
	font-weight:bold;
}
.error,
.pending,
.info,
.success {
	padding-left:2.5em;
}
.nojs {
	margin:10px 0 10px 0;
	float:none;
	clear:both;
	overflow:auto;
}

/********************************************
*
* additional elements (left side),
* additional elements (right side)
*
********************************************/

body.oneElement {
	width:61.5em;
}
body.twoElements {
	width:76.5em;
}
body.twoElements #main {
	margin-right:0.3em;
	float:left;
}
body.oneElement #barLeft,
body.oneElement #barRight,
body.twoElements #barLeft,
body.twoElements #barRight {
	display:block;
	width:14.5em;
	min-height:1px;
	float:left;
}
.box a.button {
	float:left;
	width:auto;
	margin:0.5em 0 0.5em 0;
}
.box select {
	width:95%;
	margin:0 0.5em 0.5em 0;
}
.box input {
	width:92%;
	margin:0 0.5em 0.5em 0;
}

/* ~~~~ one Element ~~~~ */

	body.oneElement.mvc
	{
		width:900px;
		/* width:
			600 = 820px
			650 = 890px
			660 = 900px
			828 = 1130px
		*/
	}
	body.oneElement.mvc #main
	{
		width:665px; /* current shop width + 5px */
		/* width:
			600 = 605px
			650 = 655px
			660 = 665px
			828 = 832px
		*/
		margin:0 0.5% 0 0.5%;
		float:left;
	}
	body.oneElement.mvc #barRight,
	body.oneElement.mvc #barLeft
	{
		width:25%;
	}

/* ~~~~ two Elements ~~~~ */

	body.twoElements.mvc
	{
		width:1140px;
		
		/* width:
			600 = 1040px
			650 = 1120px
			660 = 1140px
			828 = 1260px
		*/
	}
	body.twoElements.mvc #main
	{
		width:670px; /* current shop width + 10px */
		/* width:
			600 = 610px
			650 = 660px
			660 = 670px
			828 = 838px
		*/
		margin:0 0.5% 0 0.5%;
		float:left;
	}

	body.twoElements.mvc #barRight,
	body.twoElements.mvc #barLeft
	{
		width:20%;
	}
	
/* ~~~~ two Elements ~~~~ ie6 matched all additional settings from line 355 to 422 */	
	
	body.noElements.mvc
	{
		width:660px;
	}
	
/* ~~~~ bar left/right ~~~~ */

	.mvc #barLeft,
	.mvc #barRight
	{
		display:block;
		margin:0 auto 0 auto;
		min-height:1px;
		float:left;

	}
	.mvc #barLeft div
	{
		float:right;
	}
	.mvc #barLeft h3
	{
		margin:0;
		padding:0 0 0 3%;
		font-size:1em;
		line-height:1.6em;
	}
	.mvc #barRight *
	{
		float:left;
	}



.isPopup #help .button {
	float:left;
}