/*-----------------------------------------------------

	* Filename			3ds-styles.css
	* Description		Global CSS
	* Version			2010-05-05
	* Website			3dsupply.de
	* Author			schönherr & volkmer // designbue.ro
	
	        .-/+osssssoo+:-`                               
    ./ossssssssssssssss+-`                        
   .+ssssssssssssssssssss/`                     
  /sssssssssyyyyyyyyyyys:.......................   schönherr & volkmer
 /ssssssssssdNNNNNNNNNNNh+++++++++++++++++++++/.   gestaltung für papier und bildschirm
:sssssssssssshNNNNNNNNNNNd+++++++++++++++++++/`    
osssssssssssssyNNNNNNNNNNNh+++++++++++++++++:`     kammerichstraße 39
sssssssssssssssymNNNNNNNNNNo+++++++++++++++-       33647 bielefeld
sssssssssssssssssdNNNNNNNNNs++++++++++++++-        hi@designbue.ro
/sssssssssssssssssdNNNNNNNNs++++++++++++/.      
`ossssssssssssssssshNNNNNNm++++++++++++/`       
 `+sssssssssssssssssyNNNNNy+++++++++++:`        
  `/sssssssssssssssssymNNy+++++++++++:          
 `:ossssssssssssssssssyhs+++++++++++-           
`/sssssssssssssssssss+-`:+++++++++/.            
  `:+ossssssssssso+:.    -+++++++/`             
      `.-:::::-.`         .+++++/`              
                           `/++:                
                            `/-  

	
	==STRUCTURE========================================
	
	*Page width			970px
	*Number of Colums	2
	
	$__header					Site Header Definitions
	$__navigation & search		Site Navigations & Searchbox
	$__home						Contents of Home Page
	$__catalog					Contents of Catalog Page
	$__product					Contents of Product Page
	$__profile					Contents of Profile Page
	$__flatpages				Contents of Flatpages
	$__forms					Form elements
	$__footer					Site Footer
	$__overlays					Overlay elements
	
	
------------------------------------------------------*/

/* CSS reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS reset is hier zuende */

#container{
	width:  970px;
	margin:  0 auto;
	padding:  10px 0 0 0;
}
#session_messages {
    padding: 0;
    margin-bottom: 0;
    background-color: #0095dd;
    padding: 3px 0 4px 0;
    display: none;
}
#session_messages ul.messages li {
    width:auto;
    padding: 5px;
	font: bold 13px/23px arial, helvetica, sans-serif;
    color: #fff;
    display: inline;
    cursor: pointer;
}
#session_messages ul.messages li div.body {
   width: auto; 
   float:left;
   height: 25px;
   padding-left: 10px;
   background: url(../gfx/topmessage-bg.png) no-repeat;
}
#session_messages ul.messages li div.close {
    float:left;
    height: 30px;
    background: url(../gfx/topmessage-close.png) no-repeat;
    width: 30px;
}
#session_messages ul.messages{
    list-style: none;
    width: 970px;
    margin: auto;
}
.ajax_loader{
    margin: auto; 
    margin-top: 300px; 
    width: 100px;
}

/* 	__header
------------------------------------------------------*/

#header{
	width:  970px;
	height: 60px;
	background: url(../gfx/mainsprite.png) 0 0 no-repeat;
	position:  relative;
}
#header form{
	position: absolute;
	top:  8px;
	right:  8px;
	padding:  0;
}
#header form input{
	display:  inline-block;
	width:  129px;
	height:  22px;
	background:  url(../gfx/mainsprite.png) -178px -135px no-repeat;
	border: none;
	float: left;
	margin:  0 10px 0 0;
	padding: 0 0 0 8px;
	font: bold 13px/22px arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:  #333333;
	text-decoration: none;
	float:  left;
}
#header form input.submit{
	width:  97px;
	height:  22px;
	background:  url(../gfx/mainsprite.png) -325px -135px no-repeat;
	border: none;
	font: bold 13px/23px arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:  #ffffff;
	margin:  0;
	padding:  0;
	cursor:  pointer;
}
#header #links{
	position: absolute;
	top:  36px;
	right:  8px;
	height:  20px;
}
#header #links a{
	font: normal 11px/18px arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:  #ffffff;
	text-decoration: none;
	margin: 0 0 0 10px;
	float:  left;
}
#header #links a.cart{
	background:  url(../gfx/mainsprite.png) -266px -263px no-repeat;
	display: block;
	float: right;
	width: 18px;
	height: 18px;
	text-align: left;
	text-indent: -99999em;
	color:  #ffffff;
	text-decoration: none;
	overflow: hidden;
}
#header #home_link_outer{
	width: 70px; 
}
#header #home_link{
	width: 70px; 
	height: 60px; 
	background-color: transparent;
}
/* 	__navigation & search
------------------------------------------------------*/
#searchbox_submit {
    background: none; 
    position: relative; 
    top: -20px; 
    right: -147px; 
    cursor:pointer;
    border: none; 
}
#left{
	width:  170px;
	margin: 10px 0 0 0;
	float:  left;
}
#left #q{
	width:  136px;
	height:  18px;
	background:  url(../gfx/mainsprite.png) 0 -70px no-repeat;
	border: none;
	padding: 4px 26px 0 8px;
	font: normal 13px arial, helvetica, sans-serif;
	color:  #333333;
    z-index: 999;
}
#left ul.cat{
	list-style: none;
	font: normal 13px/20px arial, helvetica, sans-serif;
	color:  #333333;
	margin:  10px 0 0 0;
}
#left ul.cat li{
	text-indent:  10px;
}
#left ul.cat li.head{
	background:  url(../gfx/mainsprite.png) 0 -102px no-repeat;
	text-transform:  uppercase;
	color:  #ffffff;
	height:  22px;
	font-weight:  bold;
	line-height:  22px;
	margin: 0 0 4px 0;
}
#left ul.cat li a{
	display:  block;
	color: #333333;
	text-decoration: none;
}
#left ul.cat li a:hover {
	color: #d859c1;
	text-decoration: none;
}
#left ul.cat li.active a{
    font-weight: bold;
	color: #009ee0;
}
#left #newsletter{
	width:  162px;
	height:  140px;
	background:  url(../gfx/mainsprite.png) -344px -167px no-repeat;
	margin:  10px 0 0 0;
	padding:  0 0 0 6px;
}
#left #newsletter h3{
	font: bold 16px arial, helvetica,sans-serif;
	color:  #009ee0;
	text-align:  center;
	text-transform: uppercase;
	padding:  6px 0 6px 0;
}
#left #newsletter input.address{
	width:  150px;
	height:  22px;
	background:  url(../gfx/mainsprite.png) -178px -167px no-repeat;
	border: none;
	padding: 0 0 0 8px;
	margin:  0 0 6px 0;
	font: normal 13px arial, helvetica, sans-serif;
	color:  #333333;
}
#left #newsletter input.radio{
	margin:  0;
	padding:  0;
}
#left #newsletter span{
	font: normal 13px arial, helvetica, sans-serif;
	color:  #ffffff;
	text-transform: uppercase;
}
#left #newsletter a{
	display:  block;
	width:  156px;
	height:  22px;
	font: bold 13px/23px arial, helvetica, sans-serif;
	text-decoration:  none;
	margin: 6px 0 0 0;
	text-align:  center;
	text-transform: uppercase;
}
#left #newsletter input.submit{
	display:  block;
	width:  156px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px arial, helvetica, sans-serif;
	border:  none;
	background:  url(../gfx/mainsprite.png) -178px -231px no-repeat;
	color: #ffffff;
	margin: 8px 0 0 0;
	cursor:  pointer;
}
#left #newsletter a.show{
	background:  url(../gfx/mainsprite.png) -178px -199px no-repeat;
	color: #333333;
}
#left #minicart{
	margin:  10px 0 0 0;
	font: bold 13px/22px arial, helvetica, sans-serif;
	list-style:  none;
	
}
#left #minicart li.head{
	background:  url(../gfx/mainsprite.png) -1310px -557px no-repeat;
	border:  none;
	color:  #fff;
	text-align:  center;
	text-transform:  uppercase;
	font-weight:  normal;
	height:  28px;
	line-height: 20px;
	width:  170px;
}
#left #minicart li{
	border:  1px solid #d6d6d6;
	border-top:  none;
	display:  inline-block;
	height:  22px;
	width:  166px;
	background-color: #fff;
}
#left #minicart li a.product{
	display:  block;
	width:  150px;
	height:  20px;
	overflow:  hidden;
	text-decoration:  none;
	text-indent:  8px;
	color:  #333;
	float:  left;
}
#left #minicart li a.del{
	display:  block;
	width: 14px;
	height:  22px;
	background:  url(../gfx/mainsprite.png) -775px -295px no-repeat;
	float:  right;
}
#left #minicart li a.del:hover {
	background-position: -775px -313px;
}
#left #minicart  li a{
	text-decoration:  none;
}
#left #minicart  li a:hover {
	color:  #d859c1;
}
#left #minicart li.checkout{
	border:  none;
	background:  url(../gfx/mainsprite.png) -531px -369px no-repeat #fff;
	width:  168px;
	height:  23px;
	margin:  -1px 0 0 0;
	clear:  both;
}
#left #minicart li.checkout a{

	background:  url(../gfx/mainsprite.png) -531px -369px no-repeat #fff;
	display:  block;
	border:  none;
	color:  #fff;
	text-align:  center;
	text-transform:  uppercase;
	line-height:  24px;
	width:  170px;
}
#content{
	width:  790px;
	float:  right;
	overflow:  hidden;
}

/* 	__home
------------------------------------------------------*/

/* 	box with tabs
------------------------------------------------------*/
#tabbox{
	width:  539px;
	height:  188px;
	margin:  10px 0 0 0;
	float:  left;
}
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
}
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 4px 0 0 !important;
	list-style-image:none !important; 
}
ul.tabs a { 
	background:  url(../gfx/mainsprite.png) -547px -135px no-repeat;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 174px;
	text-align:center;	
	text-decoration:none;
	font:  bold 18px/30px arial, helvetica, sans-serif;
	text-transform:  uppercase;
	color:#ffffff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;		
}
ul.tabs a:hover {
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -731px -135px;	
	cursor:default !important; 
}
div.panes div {
	display:none;		
}
div.panes a img{
	border:  none;
}

/* 	blog entries
------------------------------------------------------*/

#blog{
	display: inline-block;
	float: left;
	list-style: none;
	width:  240px;
	height:  189px;
	background:  url(../gfx/mainsprite.png) -522px -167px no-repeat;
	font:  normal 13px/30px arial, helvetica, sans-serif;
	margin:  10px 0 0 11px;
}
#blog li{
	border-bottom: 1px solid #c1c1c1;
	color: #333333;
	text-indent: 10px;
	overflow:  hidden;
}
#blog li.head{
	border-bottom: none;
	color:  #ffffff;
	text-align: center;
	text-indent: 0;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight:  bold;
}
#blog li.last{
	border:  none;
    }
#blog li a{
	display:  block;
	color: #333333;
	text-decoration:  none;
    }
#blog li a:hover {
	color: #d859c1;
	}
#blog .coop_pic_head {
    position:relative;
    top: -4px;
    }
#blog .coop_head {
    width: 240px;
    height: 158px;
    z-index: 9999;
    }
/* 	slider with photos
------------------------------------------------------*/
#slider1{
	width:  auto;
	height:  auto;
	margin: 20px 0 0 0;
}
#slider1 h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
}
#slider1 h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif !important;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#slider1 .next, #slider1 .prev{
	display:  inline-block;
	height:  180px;
	width:  21px;
	float: left;
	margin:  6px 0 0 0;
	cursor:  pointer;
} 
#slider1 .next_inactive, #slider1 .prev_inactive{
	display:  inline-block;
	height:  180px;
	width:  21px;
	float: left;
	margin:  6px 0 0 0;
}

#slider1 .next{
	background: url(../gfx/mainsprite.png) -147px -134px no-repeat;
}
#slider1 .prev{
	background: url(../gfx/mainsprite.png) -119px -134px no-repeat;
}

#slider1 .next_inactive{
	background: url(../gfx/slider-grey.png) -30px +0  no-repeat;
}
#slider1 .prev_inactive{
	background: url(../gfx/slider-grey.png) 0 0 no-repeat;
}

#slider1 .next:hover {
	background: url(../gfx/mainsprite.png) -147px -314px no-repeat;
}
#slider1 .prev:hover {
	background: url(../gfx/mainsprite.png) -119px -314px no-repeat;
}
#slider1 .scrollable{
	float:  left;
	width:  744px;
	height:  180px;
	overflow:  hidden;
	margin:  6px 2px 0 2px;
	position:  relative;
}
#slider1 .scrollable ul{
	list-style:  none;
	width:20000em; 
    position:absolute; 
}
#slider1 .scrollable ul li{
	position: relative;
	display: inline-block;
	width: 180px;
	height:  180px;
	float:  left;
	margin: 0 8px 0 0;
}
#slider1 .scrollable a{
	text-decoration:  none;
}
#slider1 .scrollable ul li.over{
	cursor: pointer;
}
#slider1 .scrollable ul li img{
	border:  none;
}
#slider1 .scrollable ul li span{
	width:  88px;
	height:  22px;
	display:  inline-block;
	position:  absolute;
	background:  url(../gfx/mainsprite.png) -178px -263px no-repeat;
	bottom:  0;
	left:  0;
	font:  bold 13px/20px arial, helvetica, sans-serif;
	color:  #ffffff;
	text-align:  center;
	text-decoration:  none;
}
.prodpop{
	width:  290px;
	height:  290px;
	display:  none;
	z-index:  99999;
}
.prodpop a{
	text-decoration:  none;
}
.prodpop img{
	border:  none;
}
.prodpop .textfield{
	display:  block;
	background:  url(../gfx/mainsprite.png) -178px -317px no-repeat;
	width:  280px;
	height:  44px;
	position:  absolute;
	top:  5px;
	left:  5px;
	font: normal 13px arial, helvetica, sans-serif;
	color:  #333333;
}
.prodpop .textfield .price{
	display:  inline-block;
	width:  64px;
	height:  32px;
	border-right: 1px solid #333333;
	text-align: center;
	margin:  5px 0 0 5px;
	float:  left;
}
.prodpop .textfield .descr{
	margin:  5px 0 0 10px;
	display:  inline-block;
}
.prodpop .textfield em{
	display: block;
	font: bold 18px/18px arial, helvetica, sans-serif;
	font-style:  normal;
	color: #009ee0;
}

/* 	slider with productimages
------------------------------------------------------*/
#slider2{
	width:  auto;
	height:  auto;
	margin: 20px 0 0 0;
}
#slider2 h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	margin: 20px 0 0 0;
	padding: 3px 0 0 25px;
	overflow:  hidden;
}
#slider2 h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#slider2 .next, #slider2 .prev{
	display:  inline-block;
	height:  292px;
	width:  21px;
	float: left;
	margin:  6px 0 0 0;
	cursor:  pointer;
}
#slider2 .prev{
	background:  url(../gfx/mainsprite.png) 0px -134px no-repeat;
}
#slider2 .next{
	background:  url(../gfx/mainsprite.png) -28px -134px no-repeat;
}
#slider2 .prev:hover {
	background:  url(../gfx/mainsprite.png) -59px -134px no-repeat;
}
#slider2 .next:hover {
	background:  url(../gfx/mainsprite.png) -88px -134px no-repeat;
}
#slider2 .scrollable{
	float:  left;
	width:  744px;
	height:  292px;
	overflow:  hidden;
	margin:  6px 1px 0 3px;
	position:  relative;
}
#slider2 .scrollable ul{
	list-style:  none;
	width:20000em; 
    position:absolute; 
}
#slider2 .scrollable ul li{
	position: relative;
	display: inline-block;
	width: 150px;
	height:  292px;
	float:  left;
}
#slider2 .scrollable ul li a{
	display:  block;
	width:  142px;
	height:  142px;
	margin:  0 0 8px 0;
}
#slider2 .scrollable ul li a img{
	border:  none;
}
#slider2 .scrollable ul li a span{
	width:  88px;
	height:  22px;
	display:  inline-block;
	position:  absolute;
	background:  url(../gfx/mainsprite.png) -178px -263px no-repeat;
	bottom:  0;
	left:  0;
	font:  bold 13px/20px arial, helvetica, sans-serif;
	color:  #ffffff;
	text-align:  center;
}

/*  __catalog
------------------------------------------------------*/

#catalog{
	width: 829px;
	margin: 0 0 0 -10px;
}
#catalog .item{
	width:  190px;
	height:  204px;
	display:  inline-block;
	margin:  10px 0 8px 10px;
	font:  normal 13px/13px arial, helvetica, sans-serif;
	color:  #333333;
	overflow:  hidden;
	float:  left;
	position:  relative;
}
#catalog .item a{ 
	text-decoration:  none !important;
}
#catalog .item img{
	width:  190px;
	height:  160px;
	border:  0;
	margin:  0 0 10px 0;
}
#catalog .item span{
	display:  block;
	width:  62px;
	border-right:  1px solid #333;
	color:  #333;
	height:  30px;
	text-align: center;
	float:  left;
    padding-right: 5px;
}
#catalog .item span em{
	display:  inline-block;
	width:  62px;
	font:  bold 18px/20px arial, helvetica, sans-serif;
	color:  #009ee0;
	text-transform:  none;
}
#catalog .item.bargain span em{
	color:  #d859c2 !important;
}
#catalog .item .prname{
	border:  none;
	width:  116px;
	height:  30px;
	text-align: left;
	padding:  0 0 0 4px;
}
#catalog .item a.admin{
	display:  inline-block;
	font:  bold 16px arial, helvetica, sans-serif;
	position:  absolute;
	padding:  0 0 0 20px;
	width:  16px;
	height: 16px;
	z-index:  999;
	top:  5px;
	left:  5px;
	background: url(../gfx/page_edit.png) no-repeat center;
}
#catalog .item div.feed_links{
	display:  inline-block;
	position:  absolute;
	padding:  0;
    margin-left: 15px;
	height: 15px;
	z-index:  999;
	top:  5px;
	left:  25px;
}
#catalog .item a.feed_link_item{
	display:  inline-block;
	margin-left:  5px;
	width:  auto;
	height: 15px;
    float:left;
}
/* 	__product 
------------------------------------------------------*/

#product h1{
	background:  url(../gfx/mainsprite.png) -1310px -493px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
	width: 500px;
}
#product #slider1 h1, #product #related h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	width:  790px;
}
#product div.left{
	float:  left;
	width:  524px;
	height:  auto;
	position:  relative;
}
#product h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  bold 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#product #image{
	width: 524px;
	height:  389px;
	background:  url(../gfx/mainsprite.png) -980px 0 no-repeat;
	margin:  10px 0 0 0;
	position:  relative;
	float:  left;
}
#product #info{
	background:  url(../gfx/mainsprite.png) -178px -371px no-repeat;
	width:  92px;
	height:  22px;
	position:  absolute;
	cursor: pointer; 
	top:  0;
	right:  0;
	font:  bold 13px/22px arial, helvetica, sans-serif;
	color:  #ffffff;
	text-align: center;
}
#product #textile_info{
	background:  url(../gfx/mainsprite.png) -305px -438px no-repeat;
	width:  120px;
	height:  22px;
	position:  absolute;
	cursor: pointer; 
	top:  0;
	right:  +406px;
	font:  bold 13px/22px arial, helvetica, sans-serif;
	color:  #ffffff;
	text-align: center;
    text-decoration: none;
}
#product #productinfo{
	clear: both;
	position: absolute;
	width:  320px;
	height:  285px;
	background:  url(../gfx/mainsprite.png) -980px -399px no-repeat;
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color: #333333;
	left:  -3000px;
	z-index:  999;
}
#product #textinput{
	position: absolute;
	z-index: 555;
	width: 524px;
	height: 34px;
	background:  url(../gfx/freitext.png) no-repeat;
	bottom: 0;
	}
#product #textinput-1{
	position: absolute;
	z-index: 555;
	width: 524px;
	height: 34px;
	background:  url(../gfx/freitext-1.png) no-repeat;
	bottom: 0;
	}
#product #textinput input, #product #textinput-1 input{
	width: 164px;
	border: none;
	background: none;
	font:  normal 13px/13px arial, helvetica, sans-serif;
	padding: 10px 0 0 10px;
	}
#product #textinput span, #product #textinput-1 span{
	font:  bold 13px/18px arial, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	}
#product #productinfo #text{
	width:  310px;
	height:  255px;
	margin: 0 0 30px 10px;
	padding: 0 10px 0 0;
	overflow:  auto;
	float:  left;
}
#product #productinfo #text p{
	margin:  0 0 16px 0;
}
#product #productinfo .close { 
    background:  url(../gfx/mainsprite.png) -178px -371px no-repeat; 
    position:absolute; 
    left: 0; 
    bottom: 0;
    cursor: pointer; 
    width:  92px;
	height:  22px;
	font:  bold 13px/22px arial, helvetica, sans-serif;
	color:  #ffffff;
	text-align: center;
}
#product #options{
	font:  normal 13px/13px arial, helvetica, sans-serif;
	color:  #333;
	float:  right;
	width:  241px;
	margin:  10px 0 0 0;
	position: relative;
	height: 452px;
}
#product #options a#shirts{
	font:  normal 9px arial, helvetica, sans-serif;
	color:  #009ee0;
	position: absolute;
	right:  0px;
	top:  2px;
	text-decoration:  none;
}
#product #options a#sizes{
	font:  normal 9px arial, helvetica, sans-serif;
	color:  #009ee0;
	position: absolute;
	right:  0px;
	top:  206px;
	text-decoration:  none;
}
#product #options label{
	display:  block;
	margin:  0 0 6px 0;
	float:  left;
}
#product #options input{
	border:	1px solid #ccc;
	height: 18px;
}
#product #options .size{
	float:  right;
	width:  188px;
}
#product #options .size ul.newList{
	width:  185px;
}
#product #options .size .newListSelected {
	width: 185px;
	background-position: -336px -372px;
	float:  right;
}
#product #options .size .newListHover {
	width: 185px;
	background-position: -336px -402px;
}
#product #options .size .selectedTxt{
	width:185px;
	text-indent:  8px;
	}
#product #options .size li, #product #options .shirt li{
	text-indent:  8px;
}
#product #options .shirt .selectedTxt{
	text-indent:  8px;
}
#product #options #shirt_options_inactive {
    width: 242px;
    height: 154px;
    background: #fff url(../gfx/parameter-inaktiv.gif) no-repeat;
}
#product #options #shirt_options_top_inactive {
    width: 242px;
    height: 100px;
    background: #fff url(../gfx/parameter-inaktiv.gif) no-repeat;
}
#product #options #size_options_inactive {
    width: 190px;
    height: 42px;
    float: right;
    background: #fff url(../gfx/parameter-inaktiv.gif) -52px -152px no-repeat;
    margin-bottom: 8px;
}
#product #options #color_option_inactive {
    clear: both;
    width: 242px;
    height: 42px;
    background: #fff url(../gfx/parameter-inaktiv.gif) 0 -100px no-repeat;
    margin-bottom: 10px;
}
#product #options #shirt_print_positions_inactive {
    clear: both;
    width: 242px;
    height: 42px;
    background: #fff url(../gfx/parameter-inaktiv.gif) 0 -152px no-repeat;
    margin-bottom: 10px;
}
#product #url{
	width:  354px;
	height: 26px;
	background:  url(../gfx/mainsprite.png) -429px -432px no-repeat;
	float:  left;
	margin: 10px 0 0 0;
	color:  #333;
}
#product #url input{
	font:  normal 13px/23px arial, helvetica, sans-serif;
	display:  inline-block;
	height:  20px;
	padding:  0 0 0 6px;
	border:  none;
	width:  218px;
	background:  none;
	overflow:  hidden;
	float: left;
}
#product #url span{
	display:  block;
	font:  bold 13px/23px arial, helvetica, sans-serif;
	text-transform: uppercase;
	width: 122px;
	height: 24px;
	float: left;
	text-indent: 8px;
}
#product a#wallpaper{
	display: block;
	width: 121px;
	height: 22px;
	background:  url(../gfx/mainsprite.png) -1562px -400px no-repeat;
	float: left;
	font:  bold 13px/23px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color:  #333;
	margin: 10px 0 0 0;
}
#product #wp-download, #product #wp-download_inactive{
	width: 117px;
	height: 124px;
	background: url(../gfx/mainsprite.png) -1766px -348px no-repeat;
	position: absolute;
	z-index: 999;
	top:  442px;
	left:  354px;
	text-align: center;
}
#product #wp-download_inactive{
	width: 117px;
	height: 124px;
	background: url(../gfx/mainsprite.png) -1766px -348px no-repeat;
	position: absolute;
	z-index: 999;
	top:  442px;
	left:  354px;
	text-align: center;
}
#product #wp-download p, #product #wp-download_inactive p{
	font: bold 13px/23px arial, helvetica, sans-serif;
	color: #fff;
	dislay: block;
	width:  117px;
	height:  25px;
	text-transform: uppercase;
	text-indent: 3px;
}
#product #wp-download a, #product #wp-download_inactive a{
	display: block;
	width: 113px;
	height: 20px;
	background:  url(../gfx/mainsprite.png) -1310px -526px no-repeat;
	float: left;
	font:  bold 13px/20px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color:  #333;
	margin: 4px 0 0 2px;
	
}
#product a#twitter{
	display: block;
	width: 26px;
	height: 22px;
	background:  url(../gfx/mainsprite.png) -1562px -432px no-repeat;
	float: left;
	margin: 10px 0 0 0;
	text-indent: -9999px;
}
#product a#facebook{
	display: block;
	width: 22px;
	height: 22px;
	background:  url(../gfx/mainsprite.png) -1594px -432px no-repeat;
	float: left;
	margin: 10px 0 0 0;
	text-indent: -9999px;
}
#product span#tellfriend{
	display:  inline-block;
	margin:  10px 0 0 10px;
	width:  226px;
	height:  22px;
	float:  right;
	background:  url(../gfx/mainsprite.png) -178px -470px no-repeat;
	font:  bold 13px/22px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration:  none;
	color:  #333;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
}

#product div.scrollable a.pmlink {
	display:  inline-block;
	font:  bold 16px arial, helvetica, sans-serif;
	position:  absolute;
	padding:  0 0 0 20px;
	width:  16px;
	height: 16px;
	z-index:  999;
	top:  5px;
	left:  5px;
	background: url(../gfx/page_edit.png) no-repeat center;
}
/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
3dsupply skin
====================================*/
ul.newList * {
	margin:0; 
	padding:0;
	}
ul.newList {
	margin: -2px 0 0 -1px; 
	padding:0; 
	list-style:none; 
	color:#333; 
	width:239px;
	background:#fff; 
	border-left:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-bottom:1px solid #ccc;  
	z-index:9999;
	float:  left;
	position:  absolute;
	}
.newListSelected{
	margin: 0 0 10px 0; 
	border:1px solid #ccc; 
	width:239px; 
	color:#333; 
	padding:0; 
	float:left; 
	background: url(../gfx/mainsprite.png) -282px -372px no-repeat; 
	line-height: 19px;
	}
.newListSelected span{
	width:240px; 
	display:block;
	}
ul.newList li{
	display:  block;
	padding:0;
	margin:0;
	height:  22px;
	width:  239px;
	text-indent:  24px;
	background-repeat: no-repeat !important;
	background-position: 2px 2px !important;
	float:  left;
	overflow:  hidden;
	}
.selectedTxt{
	width:240px; 
	overflow:hidden; 
	height:20px; 
	padding:0 23px 0 0;
	text-indent:  24px;
	background-repeat: no-repeat !important;
	background-position: 2px 2px !important;
	}
.hiLite{
	background-color:#ccc!important; 
	color:#333!important;
	}
.newListHover{
	background-color:#009ee0!important; 
	color:#fff!important; 
	cursor:default;
	}
.newListSelHover, .newListSelFocus{
	background-position:-282px -402px; 
	cursor:default;
	}
#product #options #price{
	background: url(../gfx/mainsprite.png) -1310px -399px no-repeat;
	width:  241px;
	height:  84px;
	float:  left;
	}
#product #options #price span{
	font: normal 9px/24px arial, helvetica, sans-serif;
	padding:  0 0 0 12px;
	color:  #fff;
	}
#product #options #price span.price{
	display:  block;
	padding:  0 0 0 20px;
	margin: 13px 0 0 0;
	font: bold 34px arial, helvetica, sans-serif;
	color: #333;
	}
#product #options #price a#delivery{
	color:  #fff;
	}
#product #options input#gimme{
	display:  block;
	width:  241px;
	height: 44px;
	text-align: center;
	color:  #fff;
	font: bold 22px/45px arial, helvetica, sans-serif;
	background:  url(../gfx/mainsprite.png) -1514px -348px no-repeat;
	float:  left;
	text-transform: uppercase;
	text-decoration:  none;
	margin:  9px 0 0 0;
    border:none;
    cursor:pointer;
}
#product #options input#bookmark, #product #options input#wishlist{
	display: block;
	width: 117px;
	height: 22px;
	background:  url(../gfx/mainsprite.png) -1562px -400px no-repeat;
	float: left;
	font:  bold 13px/13px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color:  #333;
	margin: 8px 0 0 0;
    border:none;
    cursor:pointer;
}

#product #options input#wishlist{
	margin: 8px 0 0 7px;
}


#product #slider1{
	width:  auto;
	height:  auto;
	margin: 10px 0 0 0;
}
#product #related{
	padding:  10px 0 0 0;
}
#product #related ul{
	margin:  8px 0 0 0;
    float:left; 
    padding-left: 0; 
	list-style: none;
}
#product #related ul li{
    float:left; 	
    margin: 0; 
    padding: 0; 
    width: 158px;
}
#product #related img{
    float: left; 
    margin:0; 
    padding: 0; 
	border:  none;
}

/* 	comments
------------------------------------------------------*/

#comments h1{
		background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
		margin: 20px 0 4px 0;
		padding: 3px 0 0 25px;
		overflow: hidden;
		width:  790px;
	}
#comments h1 span{
		display: inline-block;
		height: 20px;
		overflow: hidden;
		font: bold 22px/22px arial, helvetica, sans-serif;
		background-color: #ffffff;
		text-transform: uppercase;
		color: #333333;
		padding: 0 10px 0 10px;
	}
#comments ul{
}
#comments li{
	font: normal 13px/18px arial, helvetica, sans-serif;
	color: #333;
	width: 790px;
	float: left;
	margin: 4px 0 0 0;
}
#comments li.even{
	background: url(../gfx/bg-comment.jpg) repeat-y;
}
#comments li img{
	width: 46px;
	height: 46px;
	float: left;
}
#comments span.name{
	display: block;
	width: 150px;
	float: left;
	padding: 4px 0 0 10px;
}
#comments span.comment{
	display: block;
	padding: 4px 0;
}
#comments div.login{
	font: normal 13px/40px arial, helvetica, sans-serif;
	color: #333;
	float: left;
}
#comments div.login a{
	display: block;
	width:  105px;
	height:  22px;
	line-height: 22px;
	background:  url(../gfx/mainsprite.png) -432px -135px no-repeat;
	float:  left;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 8px 0 0;
}
#comments form#comment{
	width: 470px;
	float: left;
	padding: 0 50px 0 0;
}
#comments form#comment img{
	float: left;
}
#comments form#comment textarea{
	display:  block;
	float:  right;
	overflow: hidden;
	font: normal 13px/18px arial, helvetica, sans-serif;
	padding-left: 14px;
	padding-bottom: 4px;
	width: 396px;
	height: 116px;
	border: none;
	resize: none;
	background: url(../gfx/input-comment-bg.jpg) no-repeat;
}
#comments form#comment span{
	display:  block;
	width: 200px;
	float: left;
	color: #cdcdcd;
	font: normal 13px/26px arial, helvetica, sans-serif;
	padding: 0 0 0 68px;
}
#comments input.btn{
	display: block;
	width:  105px;
	height:  22px;
	line-height: 22px;
	background:  url(../gfx/mainsprite.png) -432px -135px no-repeat;
	float: right;
	margin: 4px 0 0 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font: bold 13px/20px arial, helvetica, sans-serif;
	text-decoration: none;
	border: none;
}
/* 	overlay
------------------------------------------------------*/

#overlay{ 
    color: #efefef; 
    width: 970px;
    height: auto;
    display: none;
    overflow-x: hidden;
    margin-top:  -30px;

} 
div.contentWrap { 
    overflow-y: auto; 
} 

div.overlay div.close {
	position:absolute;
	right:0px;
	top:5px;
	cursor:pointer;
	display:  block;
	width:  30px;
	height: 22px;
	background:  url(../gfx/mainsprite.png) -1535px -292px no-repeat;
}

/* 	textilien
------------------------------------------------------*/

#textiles{
	
}
#textiles h1{
	font:  normal 24px arial, helvetica, sans-serif;
	color:  #fff;
	margin: 0 0 10px 0;
}
#textiles p{
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #fff;
}
#textiles p a{
	color:  #fff;
}
#textiles ul{
	list-style:  none;
	margin: 20px 0 0 -10px;
	width:  980px;
	overflow:  hidden;
}
#textiles ul li{
	width:  234px;
	height:  250px;
	display:  block;
	float:  left;
	margin:  0 0 11px 11px;
	background:  url(../gfx/mainsprite.png) -1514px 0px no-repeat;
	text-align:  center;
	color:  #333;
	overflow:  hidden;
}
#textiles h3{
	font:  bold 13px/24px arial, helvetica, sans-serif;
	height: 20px;
	width:  234px;
	overflow:  hidden;
}
#textiles span{
	display:  block;
	height:  18px;
	font:  normal 10px/12px arial, helvetica, sans-serif;
	overflow:  hidden;
	width:  234px;
	overflow:  hidden;
}
#textiles img{
	display:  block;
	height:  160px;
	width:  auto;
	margin:  0 auto;
}
#textiles div{
	font:  normal 13px/18px arial, helvetica, sans-serif;
	width:  234px;
	height:  20px;
	text-align:  left;
	padding:  7px 0 0 0;
}
#textiles div span{
	font:  normal 13px/12px arial, helvetica, sans-serif;
	width:  40px;
	float:  left;
	padding: 0 0 0 10px;
}
#textiles div a{
	text-indent:  -9999em;
	display:  inline-block;
	width: 12px;
	height:  12px;
	float:  left;
	margin: 0 2px 0 0;
}
#textiles div a.active{
	background-image:  url(../gfx/mainsprite.png);
	background-position:  -1514px -291px;
	background-repeat:  no-repeat;
}
#textiles a.btn{
	display:  block;
	background:  url(../gfx/mainsprite.png) -1514px -260px no-repeat;
	font:  bold 13px/22px arial, helvetica, sans-serif;
	width:  228px;
	height:  22px;
	color:  #fff;
	clear:  both;
	margin: 0 0 0 3px;
	text-transform:  uppercase;
	text-decoration:  none;
}
/* 	__profile
------------------------------------------------------*/

#profile{
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #333;
}
#profile br{
	clear:  both;
}
#profile h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
#profile h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif !important;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#profile h3{
	font:  bold 18px/22px arial, helvetica, sans-serif;
	margin: 10px 10px 10px 0;
}
#profile .left{
	width:  400px;
	float:  left;
	font-weight:  bold;
}
#profile .right{
	width:  380px;
	float:  right;
	font-weight:  bold;
}
#profile a.grey{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
}
#profile .left span, #profile .right span{
	display:  inline-block;
	font-weight:  normal;
	width:  115px;
	height:  20px;
}
#profile a.grey span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
	font: bold 13px/22px arial, helvetica, sans-serif;
}
#profile .line{
	width:  790px;
	height:  10px;
	border-bottom:  1px solid #cccccc;
	clear:  both;
}
#profile a.blue{
	width:  228px;
	height:  22px;
	display:  inline-block;
	background:  url(../gfx/mainsprite.png) -1514px -260px no-repeat;
	margin:  10px 0 0 0;
	font: bold 13px/22px arial, helvetica, sans-serif;
	color:  #fff;
	text-transform:  uppercase;
	text-align:  center;
	cursor:  pointer;
}

#profile ul.errorlist {
    width: auto;
    padding:0;
    margin:0;

    white-space: nowrap; 
}
#profile ul.errorlist li{
    border:none;
    width:auto;
    white-space: nowrap; 
}
#profile ul.error_form li{
    border: none;
    padding:  0 10px 0 0;
	color: #d80000;
	font: normal 13px/26px arial, helvetica, sans-serif;
    clear: both;
    list-style: none;
    white-space: nowrap; 
}
#profile ul.error_form li.left{
    width: 600px;
}
#profile ul.error_form li label{
	color: #333;
    white-space: nowrap; 
}
#profile ul.error_form span.error, #profile ul.error_form span.error span{
    height: 30px;
    white-space: nowrap; 
}
#profile ul.error_form span.error span{
    width:350px;
    text-align:right;
    white-space: nowrap; 
}
#profile ul.error_form span.error_left {
    height: 28px;
    width: 346px;
    position: relative;
    right: +480px;
    
    white-space: nowrap; 
}
#profile ul.error_form span.error_left span{
    width: 350px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap; 
}
/* 	__flatpages
------------------------------------------------------*/

.flatpage{
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #333333;
	}
.flatpage p{
	margin: 24px 0 0 0;
	}
.flatpage h2{
	font:  bold 13px/18px arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	}
.flatpage h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
.flatpage h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  bold 22px/22px arial, helvetica, sans-serif !important;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
.flatpage a{
	color: #333;
	}
.flatpage ol{
	list-style: decimal outside;
	margin: 0 0 0 20px;
	}
.flatpage ul{
	list-style: none;
	margin: 0 0 0 20px;
	}
.flatpage ul li{
	margin: 0 0 9px 0;
	}
.flatpage ol li{
	margin: 0;
	}
.flatpage table{
	width: 500px;
	line-height: 20px;
	border-collapse: collapse;
	}
.flatpage table td{
	border: 1px solid #ccc;
	padding: 4px;
	}
div#charges{
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #333;
}
div#charges h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
div#charges h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  bold 22px/22px arial, helvetica, sans-serif !important;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
div#charges ul{
	margin:  20px 0 0 0;
}
div#charges ul ul{
	margin:  0 0 20px 10px;
}
div#charges ul ul li{
	border-bottom:  1px solid #e0e0e0;
	height: 24px;
	line-height:  24px;
	width:  550px;
}
div#charges ul h3{
	font:  bold 13px/18px arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	}
div#charges ul span.country{
	display:  block;
	width:  120px;
	float:  left;
}
div#charges ul span.value{
	display:  block;
	width:  140px;
	margin:  0 20px 0 0;
	float:  left;
	text-align:  right;
}
div#charges ul span.shipping{
	display:  block;
	width:  160px;
	margin:  0 20px 0 0;
	text-align:  right;
	float:  left;
}
div#charges ul br{
	clear:  both;
}
/* 	__checkout
------------------------------------------------------*/
#cart #paypal_button {
    position: relative;
    top: -163px;
    left: +495px;
    width: 145px;
}
#cart, #checkout{
	padding:  0 0 20px 0;
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #333;
}
#cart h1, #checkout h1, #order h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
#cart h1 span, #checkout h1 span, #order h1 span {
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif !important;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#cart ul, #checkout ul{
	margin:  10px 0 0 0;
	list-style: none;
}
#cart ul li, #checkout ul li{
	border-bottom: 1px solid #cccccc;
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #333333;
	padding: 4px 0;
	float:  left;
	width:  790px;
	}
#cart ul li.head{
	padding: 20px 0 4px 0;
	border:  none;
}
#cart ul li.head span{
	display:  inline-block;
	float: left;
}
#cart ul li input{
	width:  32px;
	height: 18px;
	background:  url(../gfx/mainsprite.png) -709px -370px no-repeat;
	font:  normal 13px arial, helvetica, sans-serif;
	color:  #333333;
	border:  none;
	float:  left;
	padding:  4px 0 0 8px;
}
#cart ul li span.item{
	display:  block;
	width:  150px;
	float:  left;
	font-weight: bold;
}
#cart ul li span.details{
	display:  block;
	width:  260px;
	float:  left;
}
#cart ul li span.pricesingle{
	display:  block;
	width:  104px;
	padding: 0 0 0 10px;
	float:  left;
	text-align:  right;
}
#cart ul li span.price{
	display:  block;
	width:  95px;
	float:  left;
	text-align:  right;
}
#cart ul li a.del{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
	font: bold 13px/22px arial, helvetica, sans-serif;
	float: right;
}
#cart ul li a.del span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
    cursor: pointer;
}
#cart ul li.total{
	border:  none;
	padding: 10px 0 0 0;
}
#cart ul li.total span{
	display:  block;
	width:  660px;
	text-align:  right;
	font-weight:  bold;
	float:  left;
}
#cart ul li.total span.price{
	display:  block;
	width:  70px;
	float:  right;
	text-align:  right;
	font-weight:  bold;
}
#cart ul li.buttons{
	padding:  20px 0 0 0;
	border:  none;
	text-align: right;
}
#cart ul li.buttons input, #cart ul li.buttons a, #checkout a.grey{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
	font: bold 13px/22px arial, helvetica, sans-serif;
}
#cart input{
    cursor: pointer;
}
#cart ul li.buttons input{
    margin-left: 5px;
    width: auto;
    float: right
}
#cart span.refresh{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
    float:right;
    cursor: pointer;
}
#cart ul li.buttons a span, #checkout a.grey span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
    cursor: pointer;
}
#cart ul li.checkout{
	padding:  10px 0 0 0;
	border:  none;
	text-align:  right;
}
#cart ul li.checkout input{
	display:  inline-block;
	height:  28px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1610px -672px no-repeat;
	padding: 0 0 0 18px;
	text-decoration:  none;
	color:  #ffffff;
	text-transform:  uppercase;
    background-color: #fff;	
    font: bold 18px/28px arial, helvetica, sans-serif;
    cursor: pointer;
}
#cart ul li.checkout span{
	display:  inline-block;
	height:  28px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -672px no-repeat;
	padding: 0 16px 0 0;
    cursor: pointer;
}
#cart ul li.voucher{
	margin:  30px 0 20px 0;
	padding:  10px 0 0 0;
	border:  none;
	border-top:  1px solid #cccccc;
}
#cart ul li.voucher span{
	padding:  0 0 10px 0;
	float:  left;
	width:  600px;
	display:  inline-block;
}
#cart ul li.voucher input{
	width:  152px;
	height: 18px;
	background:  url(../gfx/mainsprite.png) -759px -370px no-repeat;
	font:  normal 13px arial, helvetica, sans-serif;
	color:  #333333;
	clear:  both;
	float:  left;
	padding:  4px 0 0 8px;
}
#cart ul li.voucher a{
	display:  inline-block;
	float:  left;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
	font: bold 13px/22px arial, helvetica, sans-serif;
}
#cart ul li.voucher a span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
}
#cart a{
    color: #333;
}
#cart .remove{
    margin-left: 5px;
	width: 14px;
	height:  22px;
	background:  url(../gfx/mainsprite.png) -775px -295px no-repeat;
    float: left;
}
#checkout .left{
	width:  400px;
	float:  left;
}
#checkout .right{
	width:  380px;
	float:  right;
}
#checkout input.blue{
	display:  block;
	width:  156px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px/23px arial, helvetica, sans-serif;
	border:  none;
	background:  url(../gfx/mainsprite.png) -178px -231px no-repeat;
	color: #ffffff;
	margin: 8px 0 0 0;
	cursor:  pointer;
}
#checkout input.pink{
	display:  block;
	width:  156px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px/23px arial, helvetica, sans-serif;
	border:  none;
	background:  url(../gfx/mainsprite.png) -531px -370px no-repeat;
	color: #ffffff;
	margin: 8px 0 0 0;
	cursor:  pointer;
}
#checkout h3{
	font-size: 18px;
	}
#checkout p{
	margin-bottom: 20px;
	}
#checkout ul li{
	padding-top: 10px;
	position: relative;
	}
#checkout ul li.completed_form{
	padding-top: 3px;
	position: relative;
    border:none;
	}
#checkout .left{
	width:  400px;
	float:  left;
}
#checkout .right{
	width:  380px;
	float:  right;
}
#checkout input.blue{
	display:  block;
	width:  156px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px arial, helvetica, sans-serif;
	border:  none;
	background:  url(../gfx/mainsprite.png) -178px -231px no-repeat;
	color: #ffffff;
	margin: 8px 0 0 0;
	padding: 0 0 2px 0;
	cursor:  pointer;
}
#checkout .pink{
	display:  block;
	width:  170px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px arial, helvetica, sans-serif;
	border:  none;
	background:  url(../gfx/mainsprite.png) -531px -370px no-repeat;
	color: #ffffff;
	margin: 8px 0 0 0;
	padding: 0 0 2px 0;
	cursor:  pointer;
}
#checkout .next{
	position: absolute;
	bottom: 10px;
	right: 0px;
	display:  block;
	width:  170px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px/22px arial, helvetica, sans-serif;
	background:  url(../gfx/mainsprite.png) -531px -370px no-repeat;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
    z-index: 99999;
	}
#checkout div.submitter {
	width:  235px;
	height:  20px;
    padding: 10px 10px 10px 0px;
	background:  url(../gfx/mainsprite.png) -177px -427px no-repeat;
	float: right;
    }
#checkout input.submit{
	color: #fff;
	text-transform:uppercase;
	border:none;
    background: transparent;
    font: bold 15px arial, helvetica, sans-serif;
    text-decoration:none;
    cursor:pointer;
}
#checkout .simpleform.noborders li {
    border:none;
    padding: 0;
    margin: 0
}
#checkout #direct_debit ul {
    padding: 0;
    margin: 0;
}
#checkout ul.errorlist {
    padding:0;
    margin:0;
}
#checkout ul.errorlist li{
    padding: 0;
    margin: 0;
    border:none;
    text-align: right;
    width:auto;
}
#checkout ul.error_form li{
    border: none;
    padding:  0 10px 0 0;
	font: normal 13px/26px arial, helvetica, sans-serif;
	color: #d80000;
	}
#checkout ul.error_form li label{
    margin: 0;
    padding: 0;
	color: #333;
    overflow: visible;
}
#checkout ul.address_picker li{
    width: 125px;
    border: none;
    padding:  0;
	font: normal 13px/17px arial, helvetica, sans-serif;
}
#checkout #order_summary {
    clear: both;
}
#checkout ul.errorlist {
    width: auto;
    padding:0;
    margin:0;
    white-space: nowrap; 
}
#checkout ul.errorlist li{
    border:none;
    width:auto;
    white-space: nowrap; 
}
#checkout ul.error_form li.left{
    width: 6000px;
}
#checkout ul.error_form li label{
	color: #333;
    white-space: nowrap; 
}
#checkout ul.error_form span.error, #profile ul.error_form span.error span{
    height: 30px;
    white-space: nowrap; 

    z-index: 99999;
}
#checkout ul.error_form span.error span{
    width:350px;
    text-align:right;
    white-space: nowrap; 

    z-index: 99999;
}
#checkout ul.error_form span.error_left {
    height: 28px;
    width: 346px;
    position: relative;
    right: +615px;
    white-space: nowrap; 

    z-index: 99999;
}
#checkout ul.error_form span.error_left span{
    width: 350px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap; 

    z-index: 99999;
}
#checkout h1 {
    text-transform: uppercase;
}
#order{
	font: normal 13px/18px arial, helvetica, sans-serif;
	COLOR: #333;
	}
#order ul{
	list-style: none;
	}
#order ul li{
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #e0e0e0;
	}
#order li.head p{
	padding: 18px 0 0 0;
	}
#order li.head p span{
	float: left;
	display: block;
	width: 200px;
	}
#order li.head p br{
	clear: both;
	}
#order .overview span.amount{
	 width: 40px; 
	 display: block; 
	 float: left;
	}
#order a.facebook, #order a.twitter{
	display: block;
	width: 308px;
	height: 30px;
	font: bold 18px/30px arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	text-indent: 28px;
	text-align: center;
	float: left;
	margin: 0 12px 0 0;
	} 
#order a.facebook{
	background: url(../gfx/btn-order-facebook.gif) no-repeat;
	}
#order a.twitter{
	background: url(../gfx/btn-order-twitter.gif) no-repeat;
	}
#order h3{
	font: bold 18px/24px arial, helvetica, sans-serif;
	height: 30px;
	}
#order li.overview ul li{
	border: none !important;
	padding: 4px 0 4px 0 !important;
	}
#order li.overview ul li.total{
	font-weight: bold;
	}
#order li.personal{
	padding: 20px 0 20px 0;
	}
#order li.personal h3{
	width: 200px;
	}
#order li.personal div.col{
	float: left;
	width: 200px;
	}
#order a.grey{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
	float: right;
}
#order a.grey span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
	font: bold 13px/22px arial, helvetica, sans-serif;
}
/* __bookmarks, wishlist	
------------------------------------------------------*/
#bookmarks h1, #wishlist h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
#bookmarks h1 span, #wishlist h1 span {
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif !important;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}

#bookmarks ul, #wishlist ul{
	margin:  10px 0 0 0;
	list-style: none;
}
#bookmarks ul li, #wishlist ul li{
	border-bottom: 1px solid #cccccc;
	font:  normal 13px/18px arial, helvetica, sans-serif;
	color:  #333333;
	padding: 10px 0;
	float:  left;
	width:  790px;
	}
#bookmarks ul li.head, #wishlist ul li.head{
	padding: 20px 0 4px 0;
	border:  none;
}
#bookmarks ul li.head span, #wishlist ul li.head span{
	display:  inline-block;
	float: left;
}
#bookmarks ul li span.image, #wishlist ul li span.image{
	display:  block;
	width:  100px;
	float:  left;
}
#bookmarks ul li span.details, #wishlist ul li span.details{
	display:  block;
	width:  280px;
	float:  left;
}
#bookmarks ul li span.details h3, #wishlist ul li span.details h3{
	font: bold 15px/15px arial, helvetica, sans-serif;
	margin: 0 0 10px 0;
}
#bookmarks ul li span.amount{
	display:  block;
	width:  80px;
	float:  left;
}
#bookmarks ul li span.amount input{
	width:  32px;
	height: 18px;
	background:  url(../gfx/mainsprite.png) -709px -370px no-repeat;
	font:  normal 13px arial, helvetica, sans-serif;
	color:  #333333;
	border:  none;
	float:  left;
	padding:  4px 0 0 8px;
}
#bookmarks ul li span.price{
	display:  block;
	width:  150px;
	float:  left;
	}
#bookmarks ul li span.btn{
	display:  block;
	width:  170px;
	float:  right;
	text-align: right:
	}
#wishlist ul li span.btn{
	display:  block;
	width:  240px;
	float:  right;
	text-align: right:
	}
#bookmarks ul li span.btn a, #wishlist ul li span.btn a{
	float:  right;
	}
#bookmarks a.buy, #wishlist a.buy{
	display: inline-block;
	height: 28px;
	text-transform: uppercase;
	font: bold 16px/28px arial, helvetica, sans-serif;
	text-decoration: none;
	border: none;
	width: auto;
	background:  url(../gfx/mainsprite.png) -1610px -672px no-repeat;
	color: #ffffff;
	cursor:  pointer;
    text-align: center;
    margin: 0 0 4px 0;
    padding: 0 0 0 10px;
}
#bookmarks a.buy span, #wishlist a.buy span{
	display: inline-block;
	height: 28px;
	width: auto;
	background: url(../gfx/mainsprite.png) right -672px no-repeat;
	padding: 0 10px 0 0;
	cursor: pointer;	
}
#bookmarks a.del, #wishlist a.mark{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
}
#bookmarks a.del span, #wishlist a.mark span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
    cursor: pointer;
    font: bold 13px/23px arial, helvetica, sans-serif;
}
#bookmarks ul li.buttons, #wishlist ul li.buttons{
	border: none;
	text-align: right;
	padding: 10px 0 20px 0;
}
#bookmarks ul li.buttons a, #wishlist ul li.buttons a{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) -1161px -710px no-repeat;
	padding: 0 0 0 10px;
	text-decoration:  none;
	color:  #333333;
	text-transform:  uppercase;
	font: bold 13px/22px arial, helvetica, sans-serif;
}
#bookmarks ul li.buttons a span, #wishlist ul li.buttons a span{
	display:  inline-block;
	height:  22px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -710px no-repeat;
	padding: 0 10px 0 0;
    cursor: pointer;
}
#bookmarks ul li.total, #wishlist ul li.total{
	border: none;
	font: bold 13px/28px arial, helvetica, sans-serif;
	padding: 10px 0 0 0;
}
#bookmarks ul li.total span.text{
	width: 430px; 
	text-align: right; 
	padding: 0 30px 0 0;
	float:  left;	
}
#bookmarks ul li.total span.price{
	width: 80px; 
	float:  left;	
}
#bookmarks ul li.total span.btn{
	display:  block;
	width:  220px;
	float:  right;
	text-align: right:
	}

/* __browsercheck	
------------------------------------------------------*/
#browsercheck{
	font: normal 13px/18px arial, helvetica, sans-serif;
	color: #333;
	}
#browsercheck h1{
	background:  url(../gfx/h1-ie.jpg) 0 0 no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
#browsercheck h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#browsercheck p{
	margin:  10px 0 16px 0;
	width:  600px;
}

/* 	__footer
------------------------------------------------------*/

#footer{
	width: 970px;
	height:  auto;
	background:  url(../gfx/mainsprite.png) 0px -495px no-repeat;
	margin:  50px 0 0 0;
}
#footer ul{
	display:  block;
	float:  left;
	list-style:  none;
	width:  161px;
	margin: 20px 0 30px 0;
	font: normal 13px/22px arial, helvetica, sans-serif;
	color: #333333;
}
#footer li{
	padding: 0 0 0 15px;
}
#footer li a{
	display:  block;
	color:  #333333;
	text-decoration: none;
}
#footer li a:hover{
	color: #d859c1;
}
#footer li.head{
	font-weight:  bold;
	text-transform:  uppercase;
}
#footer li.twitter{
	background:  url(../gfx/mainsprite.png) -762px -168px no-repeat;
	text-indent: 20px;
}
#footer li.myspace{
	background:  url(../gfx/mainsprite.png) -762px -194px no-repeat;
	text-indent: 20px;
}
#footer li.flickr{
	background:  url(../gfx/mainsprite.png) -762px -246px no-repeat;
	text-indent: 20px;
}
#footer li.facebook{
	background:  url(../gfx/mainsprite.png) -762px -220px no-repeat;
	text-indent: 20px;
}
#footer li.feed{
	background:  url(../gfx/mainsprite.png) -762px -272px no-repeat;
	text-indent: 20px;
}
#footer div.gerda{
	font: normal 10px/15px arial, helvetica, sans-serif;
	padding: 0 0 20px 15px;
}
#footer div.gerda a{
	color: #bbb;
	text-decoration: none;
}
#footer div.gerda a:hover{
	text-decoration:  underline;
}
/* 	__overlays
------------------------------------------------------*/

/* session_overlays 
------------------------------------------------------*/

#session_overlay{
    display: none;
    width: 560px;
    height: auto;
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:  #fff;
}
#session_overlay h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 6px 0 10px 6px;
	width:  510px;
}
#session_overlay h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  bold 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#session_overlay p{
	padding: 10px 10px 10px 10px;
	color:  #333;
	font: normal 13px/18px arial, helvetica, sans-serif;
}
#session_overlay .close{
	 cursor:pointer;
	 width: 24px;
	 height: 24px;
	 background: url(../gfx/overlay-close.png) no-repeat;
	 position: absolute;
	 right: 6px;
	 top: 6px;
}
#session_overlay p{
	font: 15px/18px arial, helvetica, sans-serif;
}

/*  sizechart
------------------------------------------------------*/

#sizechart{
    display: none;
    width: 560px;
    height: auto;
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:  #fff;
    color:  #333;
    font-family: arial, helvetica, sans-serif;
}
#sizechart h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 6px 0 10px 6px;
	width:  510px;
}
#sizechart h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  bold 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#sizechart .close{
	 cursor:pointer;
	 width: 24px;
	 height: 24px;
	 background: url(../gfx/overlay-close.png) no-repeat;
	 position: absolute;
	 right: 6px;
	 top: 6px;
}
#sizechart img{
	float:  left;
	margin: 0 40px 10px 6px;
}
#sizechart span{
	font: bold 15px/36px arial, helvetica, sans-serif;
}
#sizechart th{
	font: normal 13px/24px arial, helvetica, sans-serif;
	text-align: left;
}
#sizechart td{
	border-bottom:  1px solid #e0e0e0;
}
#sizechart table span, #sizechart th span{
	font: bold 13px/24px arial, helvetica, sans-serif !important;
	padding-right:  10px;
}
/* deliverycharges
------------------------------------------------------*/

#deliverycharges{
    display: none;
    width: 560px;
    height: auto;
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:  #fff;
    color:  #333;
    font: normal 13px/18px arial, helvetica, sans-serif;
}
#deliverycharges h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 6px 0 0 6px;
	width:  510px;
}
#deliverycharges h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  bold 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
#deliverycharges div.wrapper{
	margin:  6px;
	width: 548px;
	height:  450px;
	overflow-y: auto;
	overflow-x: hidden;
	
}
#deliverycharges ul{
	margin:  20px 0 0 6px;
}
#deliverycharges ul ul{
	margin:  0 0 20px 10px;
}
#deliverycharges ul ul li{
	border-bottom:  1px solid #e0e0e0;
	height: 24px;
	line-height:  24px;
	width:  550px;
}
#deliverycharges ul h3{
	font:  bold 13px/18px arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	}
#deliverycharges ul span.country{
	display:  block;
	width:  120px;
	float:  left;
}
#deliverycharges ul span.value{
	display:  block;
	width:  140px;
	margin:  0 20px 0 0;
	float:  left;
	text-align:  right;
}
#deliverycharges ul span.shipping{
	display:  block;
	width:  160px;
	margin:  0 20px 0 0;
	text-align:  right;
	float:  left;
}
#deliverycharges ul br{
	clear:  both;
}

#deliverycharges .close{
	 cursor:pointer;
	 width: 24px;
	 height: 24px;
	 background: url(../gfx/overlay-close.png) no-repeat;
	 position: absolute;
	 right: 6px;
	 top: 6px;
}
/* jquery tools overlay */ 

.pmtrigger {
    cursor:pointer;
}
.media_overlay{ 
    display:none; 
    z-index:10000; 
    padding: 36px 6px 6px 6px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
} 
.media_overlay img{
	height: 500px;
	}
.media_overlay .close_button { 
    cursor:pointer;
    width: 24px;
    height: 24px;
    background: url(../gfx/overlay-close.png) no-repeat;
    position: absolute;
    right: 6px;
    top: 6px;
}

/* 	__forms
------------------------------------------------------*/

/* 	simpleform 
------------------------------------------------------*/
.simpleform{
	font: normal 13px arial, helvetica, sans-serif;
	color: #333333;
}
.simpleform form{
	padding:  10px 0 0 0;
}
.simpleform label{
	display:  inline-block;
	width:  130px;
	overflow: hidden;
	line-height:  22px;
	float: left;
	margin:  0 0 8px 0;
}
.simpleform input.text{
	display:  inline-block;
	width:  246px;
	height:  18px;
	border:  none;
	background:  url(../gfx/mainsprite.png) -531px -402px no-repeat;
	float:  left;
	margin:  0 0 8px 0;
	padding: 4px 0 0 4px;
}
.simpleform span.text{
	display:  inline-block;
	height:  22px;
	line-height:  22px;
	float:  left;
	margin:  0 0 8px 0;
}
.simpleform input.submit{
	display:  block;
	width: 250px;
	height: 30px;
	background:  url(../gfx/mainsprite.png) -429px -464px no-repeat;
	font: bold 18px arial, helvetica, sans-serif;
	color: #fff;
	text-transform:  uppercase;
	border:  none;
	margin:  20px 0 0 0;
}
.simpleform span.error{
	display:  inline-block;
	height:  30px;
	background:  url(../gfx/mainsprite.png) -1495px -596px no-repeat;
	margin:  -3px 0 0 -10px;
	padding:  0 0 0 18px;
	float:  left;
}
.simpleform span.error span{
	display:  inline-block;
	height:  30px;
	width:  auto;
	background:  url(../gfx/mainsprite.png) right -634px no-repeat;
	padding:  0 10px 0 0;
	color: #d80000;
	font: normal 13px/26px arial, helvetica, sans-serif;
}
.simpleform div.formerror{
	width:  380px;
	background:  url(../gfx/mainsprite.png) -1514px -322px no-repeat;
	padding-top: 5px;
    height: 10px;
    margin: 0 0 10px 0;
    
}
.simpleform div.formerror span{
	display:  block;
	background:  #f7cccc;
	padding:  0 10px 0 10px;
	color: #d80000;
}
.simpleform div.formerror span.enderror{
	display:  block;
	height:  10px;
	background:  url(../gfx/mainsprite.png) -1514px -335px no-repeat;
}

.simpleform input.bg_error{
	display:  inline-block;
	width:  246px;
	height:  18px;
	border:  none;
	background:  url(../gfx/mainsprite.png) -1562px -525px no-repeat;
	float:  left;
	margin:  0 0 8px 0;
	padding: 4px 0 0 4px;
    color: #f00;
}
.simpleform .bg_error{
    border: 1px solid #f00;
}

.simpleform h1{
	background:  url(../gfx/mainsprite.png) -178px -70px no-repeat;
	padding: 3px 0 0 25px;
	overflow:  hidden;
	margin: 10px 0 0 0;
}
.simpleform h1 span{
	display:  inline-block;
	height:  20px;
	overflow:  hidden;
	font:  normal 22px/22px arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-transform:  uppercase;
	color:  #333333;
	padding:  0 10px 0 10px;
}
.simpleform p{
	margin:  10px 0 0 0;
	width:  600px;
}
.simpleform p a{
	color:  #333333;
}
.simpleform form{
	margin:  10px 0 0 0;
}
.clear, form br{
	clear:  both;
}
.simpleform table td, .simpleform table th {
    padding: 10px;
}
.simpleform img {
    border: none;
}
.listing table td, .listing table th {
    padding: 5px;
}

#error{
	width: 960px;
	height: 620px;
	background:  url(../gfx/bg-error.jpg) no-repeat;
	position: relative;
	}
#error h1{
	width: 320px;
	font: bold 110px/110px arial, helvetica, sans-serif;
	color: #fff;
	margin: 160px 0 0 140px;
	text-align: center;
	float: left;
	}
#error span{
	display: block;
	width: 290px;
	font: bold 22px/30px arial, helvetica, sans-serif;
	float: left;
	color: #fff;
	text-align: left;
	margin: 0 0 0 20px;
	}
#error a{
	position: absolute;
	display: block;
	font: bold 22px/34px arial, helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	width: 254px;
	height: 36px;
	top: 264px;
	left: 658px;
	text-align: center;
	}


/*MC code-overlay on detail-page*/
#product #social_nw {
	position:  relative;
}

#product #social_nw .code{
	position: absolute;
	width:  397px;
	height:  52px;
	background:  url(../gfx/mainsprite.png) -1514px -345px no-repeat;
	z-index:  999;	

}
#product #social_nw .code .close { 
    background-color: transparent; 
    position:absolute; 
    left: +368px; 
    bottom: +22px;
    cursor: pointer; 
    width:  20px;
    height:  20px;

}
#product #social_nw .code input {
    position:absolute;
    top: 16px;
    left: 14px;
    border: none;
    width: 338px;		
}

#product #social_nw #html_pf {
    background:  url(../gfx/mainsprite.png) -1560px -400px no-repeat;
    z-index:  999;
    width: 40px;
    height: 40px;
    position: relative;
    top: 42px; 
    left: 368px;
}

#product #social_nw #bb_pf {
    background:  url(../gfx/mainsprite.png) -1560px -400px no-repeat;
    z-index:  999;
    width: 40px;
    height: 40px;
    position: relative;
    top: 42px; 
    left: 345px;
    z-index:  999;
}

#product #social_nw #bb_button {
    background:  url(../gfx/mainsprite.png) -775px -338px no-repeat;
    width: 18px;
    height: 17px;
}	

#product #social_nw #html_button {
    background:  url(../gfx/mainsprite.png) -801px -338px no-repeat;
    width: 18px;
    height: 16px;
}

#product #social_nw .twitter {
    background:  url(../gfx/mainsprite.png) -776px -171px no-repeat;
    width: 18px;
    height: 17px;
}

#product #social_nw .facebook {
    background:  url(../gfx/mainsprite.png) -776px -223px no-repeat;
    width: 18px;
    height: 17px;
}

#product #social_nw .digg {
    background:  url(../gfx/mainsprite.png) -827px -338px no-repeat;
    width: 18px;
    height: 17px;
}

#product #social_nw .myspace {
    background:  url(../gfx/mainsprite.png) -776px -197px no-repeat;
    width: 18px;
    height: 17px;
}
#product span#tellfriend a div{
	border: none;
	position: relative;
	top: +3px;
	float: right;
	margin-right: 5px;
}
/* 	operator 
------------------------------------------------------*/
#operatortable td {
    width: 90px;
    max-width: 90px;
    overflow: hidden;
}

.operatorline {
    border-bottom: 1px solid black;

}
.operatoraction {
    cursor: pointer;


}
/* 	shirt4link 
------------------------------------------------------*/
span.list_col {
    width: 350px;
    float: left;
}
/* Tippspiel
------------------------------------------------------*/
#tippspiel_group_select{
    min-height: 350px;
    display: none;
    width: 100%;
    height: auto;
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background:  #fff;
    color:  #333;
    font-family: arial, helvetica, sans-serif;
}

#tippspiel_group_select ul {
    margin-top: 30px;
    padding-left: 10px; 
    width: 98%;
}

#tippspiel_group_select a.blue{
    text-decoration: none;
	width:  228px;
	height:  22px;
	display:  inline-block;
	background:  url(../gfx/mainsprite.png) -1514px -260px no-repeat;
	font: bold 13px/22px arial, helvetica, sans-serif;
	color:  #fff;
	text-transform:  uppercase;
	text-align:  center;
	cursor:  pointer;
}

.hidden {
    display:none;
}

.player_link {
    text-decoration: none;
	font: bold 13px/22px arial, helvetica, sans-serif;
    color: #333; 

}

a.blue, input.blue{
	display:  block;
	width:  156px;
	height:  22px;
	text-transform: uppercase;
	border:  none;
	background:  url(../gfx/mainsprite.png) -178px -231px no-repeat;
	color: #ffffff;
	cursor:  pointer;
    text-decoration:none;
    text-align: center;
}

a.pink{
	display:  block;
	width:  156px;
	height:  15px;
	text-transform: uppercase;
	border:  none;
	background:  url(../gfx/mainsprite.png) -531px -370px no-repeat;
	color: #ffffff;
	cursor:  pointer;
    text-align: center;

}

a.pink span {
    padding: 0;
	font: bold 13px/22px arial, helvetica, sans-serif;
}

a.blue span {
    padding: 0;
	font: bold 13px/22px arial, helvetica, sans-serif;
}


/* root element for scrollable */
#shoutbox .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 665px;
	width: 270px;
}

/* root element for scrollable items */
#shoutbox .scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

#shoutbox .head{
	background:  url(../gfx/mainsprite.png) -522px -167px no-repeat;
	border-bottom: none;
	color:  #ffffff;
	text-align: center;
	text-indent: 0;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight:  bold;
}

#shoutbox_container{
	display: inline-block;
	float: left;
	list-style: none;
	width:  240px;
    height: 300px;
	font:  normal 13px/30px arial, helvetica, sans-serif;
	margin:  10px 0 0 11px;
    overflow:hidden;
}

.tippspiel li.tips a.grey span {
    min-width: 300px;
}
#blue_feedback{
	display:  block;
	width:  156px;
	height:  22px;
	text-transform: uppercase;
	font: bold 13px/23px arial, helvetica, sans-serif;
	border:  none;
	background:  url(../gfx/mainsprite.png) -178px -231px no-repeat;
	color: #ffffff;
	margin: 8px 0 0 0;
	cursor:  pointer;
    font-weight: bold;
}