/* wrapper */
#wrapper {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
/* clear */
div.clear {
	display: block;
	clear: both;
}
/* common */
.displaynone{
	display: none;
}
/* top */
#top {
	height: 60px;
	background-image: url(../img/shadow_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#top div.logo {
	height: 60px;
	width: 250px;
	float: left;
}
#top div.menus {
	width: 650px;
	height: 60px;
	float: left;
} 
#top div.menus div.top {
	height: 30px;
	text-align: right;
} 
#top div.menus div.bottom {
	height: 30px;
}
/* middle */
#middle {
	background-image: url(../img/middle_middle.jpg);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
}
#middle div.middle_content {
	background-image: url(../img/middle_top.jpg);
	background-repeat: no-repeat;
	background-position: top ;
	padding: 0;
	margin: 0;
}
#middle div.middle_extras {
	margin-left: 10px;
	margin-right: 10px;
	background-color: #999;
	padding-left: 10px;
	padding-right: 10px;
}
	#middle div.middle_extras div.columnspacer{
		float: left;
		width: 10px;
	}
	#middle div.middle_extras div.column{
		width: 435px;
		float: left;
		margin-top: 10px;
	}
		#middle div.middle_extras div.column div.columntop{
			background-image: url(../img/columntop.jpg);
			height: 10px;
			font-size: 5px;
		}
		#middle div.middle_extras div.column div.columnmiddle{
			background-image: url(../img/columnmiddle.jpg);
			height: 140px;
			padding-left: 10px;
			padding-right: 10px;
		}
		#middle div.middle_extras div.column div.columnbottom{
			background-image: url(../img/columnbottom.jpg);
			height: 10px;
			font-size: 5px;
		}
	#middle div.middle_extras div.smallcolumn{
		width: 212px;
		float: left;
		margin-top: 10px;
	}
		#middle div.middle_extras div.smallcolumn div.smallcolumntop{
			background-image: url(../img/smallcolumntop.jpg);
			height: 10px;
			font-size: 5px;
		}
		#middle div.middle_extras div.smallcolumn div.smallcolumnmiddle{
			background-image: url(../img/smallcolumnmiddle.jpg);
			height: 140px;
			padding-left: 10px;
			padding-right: 10px;
		}
		#login{
		}
		#login div.row div.title,
		div.bottomwindow div.row div.title{
			font-weight: bold;
			color: white;
			font-size: 16px;
		}
		#login div.row div.key label{
			color: white;
		}
		#login div.row div.value input{
			width: 188px;
		}
		#login div.row div.button{
			float:right;
			margin-top: 5px;
		}
		#login div.row div.button div.left{
			background-image: url(../img/loginbutton_left.gif) ;
			width: 10px;
			float: left;
			height: 30px;
		}
		#login div.row div.button div.middle{
			float: left;
			height: 30px;
			line-height: 30px;
			background-color: #ccc;
			color: #666;
		}
		#login div.row div.button div.right{
			background-image: url(../img/loginbutton_right.gif) ;
			width: 10px;
			float: left;
			height: 30px;
		}
		#login div.row div.rollover div.left{
			background-image: url(../img/loginbutton_left_over.gif) ;
			cursor: pointer;
		}
		#login div.row div.rollover div.middle{
			background-color: #f60;
			color: white;
			cursor: pointer;
		}
		#login div.row div.rollover div.right{
			background-image: url(../img/loginbutton_right_over.gif) ;
			cursor: pointer;
		}
		#login div.row div.forgotten{
			float: left;
		}
		#login div.row div.forgotten a{
			font-size: 11px;
			line-height: 40px;
			color: white;
			text-decoration: underline;
			font-weight: normal;
		}
		#login div.row div.forgotten a:hover{
			text-decoration: none;
		}		
		#middle div.middle_extras div.smallcolumn div.smallcolumnbottom{
			background-image: url(../img/smallcolumnbottom.jpg);
			height: 10px;
			font-size: 5px;
		}
		

#middle div.middle_roundedbottom {
	height: 15px;
	background-image: url(../img/middle_bottom.jpg);
	background-repeat: no-repeat;
	
}

#middle div.ticker {	
	text-align: center;
	text-decoration: none;
	color:white;
}

#middle div.ticker a{	
	text-align: center;
	text-decoration: none;
	color:white;
}

#middle div.ticker a:hover{	
	color:#ff6600;
}

#tickercontainer {
	color:#ffffff;
	font-weight: bold;
}


/* bottom */
#bottom {
	background-image: url(../img/shadow_bottom.jpg);
	background-repeat: no-repeat;
}
#bottom div.disclaimer {
	padding: 5px 0;
	font-size: 11px;
	color: #999;
	text-align: center;
}

/* contentwrapper */
div.contentwrapper{
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
}
div.contentwrapper_top{
	background-image: url( ../img/whiteroundedtop880x10.jpg );
	background-repeat: no-repeat;
	height: 10px;
	line-height: 2px;
	font-size: 2px;
}
div.contentwrapper_middle{
	background-color: #fff;
}
div.contentwrapper_bottom{
	background-image: url( ../img/whiteroundedbottom880x10.jpg );
	background-repeat: no-repeat;
	background-position: top;
	height: 20px;
	line-height: 5px;
	font-size: 5px;
	background-color: #F4F4F4; /* strange IE fix */
}
div.contentwrapper_bottom_home{
	background-image: url( ../img/whiteroundedbottom880x10.jpg );
	background-repeat: no-repeat;
	background-position: top;
	height: 20px;
	line-height: 5px;
	font-size: 5px;
	background-color: #F4F4F4; /* strange IE fix */
}

/* content */
#content {
}
#content div.pageitem{
	padding-left: 10px;
	padding-right: 10px;
}
#content div.pageitem div.singlecolumn{
	display: block;	
}
#content div.pageitem div.column{
	width: 425px;
	float: left;
	display: block;
}
#content div.pageitem div.columnspacer{
	width: 10px;
	float: left;
	display: block;
	font-size: 5px;
}
#homeimages{
	margin: 0;
	padding-bottom: 5px;
}
#homeimages div.homeimage div.homeimageborder{
 	display: none ;
}
#homeimages div.rollover div.homeimageborder{
	display: block ;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
#homeimages div.homeimagerounder{
	display: block ;
	position: absolute;
	z-index: 1;
}
#content div.pageitem div.smallimage{
	display: block;
	height: 100px;
	width: 425px;
	margin-bottom: 5px;
}
#content div.pageitem div.smallimage div.smallimageholder{
	width: 425px;
	height: 100px;
	display: block;
}
#content div.pageitem div.smallimage div.smallimagerounder{
	width: 425px;
	height: 100px;	
	display: block ;
	position: absolute;
	z-index: 1;
	top: 80px;
}
#smallimage1 div.smallimagerounder{
	}
#smallimage2 div.smallimagerounder{
	}
div.text div.title{
	font-size: 16px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 5px;
}
/* selectablelist */
#selectablelist{
}
#selectablelist div.selectablelistitem{
	height: 60px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
#selectablelist div.selected{
	border: 1px solid #09F;
	background-color: #09F;
}
#selectablelist div.rollover{
	border: 1px solid #09F;
	background-color: #F0F0F0;
	cursor: pointer;
}
#selectablelist div.selectablelistitem div.image{
	float: left;
	width: 60px;
	height: 60px;
	border-right: 1px solid #CCC;
}
#selectablelist div.selectablelistitem div.text{
	float: left;
	width: 362px;
	height: 60px;
}
#selectablelist div.selectablelistitem div.text div.title{
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: 5px;
	color: #09f;
	font-weight: bold;
}
#selectablelist div.selectablelistitem div.text div.body{
	margin-left: 5px;
	font-size: 12px;
	line-height: 16px;
}
#selectablelist div.selected div.text div.title{
	margin-left: 5px;
	color: #fff;
}
#selectablelist div.selected div.text div.body{
	margin-left: 5px;
}
#selectablelist div.selectablelistitem div.text p{
	margin: 5px;
}
#selectioninfosection_tabs{
	float: right;
	margin-right: 5px;
}
#selectioninfosection_tabs div.tab{
	float: left;
	margin-top: 5px;
	height: 20px;
	
	text-align: center;
}
#selectioninfosection_tabs div.tab div.tableft{
	float: left;
	width: 5px;
	height: 20px;
	background-image: url( ../img/productinfotab_left.jpg ) ;
}
#selectioninfosection_tabs div.tab div.tabmiddle{
	float: left;
	height: 20px;
	line-height: 20px;
	background-image: url( ../img/productinfotab_mid.jpg ) ;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}
#selectioninfosection_tabs div.tab div.tabright{
	float: left;
	width: 5px;
	height: 20px;
	background-image: url( ../img/productinfotab_right.jpg ) ;
}
#selectioninfosection_tabs div.selected div.tableft{
	background-image: url( ../img/productinfotab_left_selected.jpg ) ;
}
#selectioninfosection_tabs div.selected div.tabmiddle{
	background-image: url( ../img/productinfotab_mid_selected.jpg ) ;
}
#selectioninfosection_tabs div.selected div.tabright{
	background-image: url( ../img/productinfotab_right_selected.jpg ) ;
}
#selectioninfosection_tabs div.rollover div.tabmiddle{
	color: #000;
	cursor: pointer;
}
#selectioninfosection_tabs div.tabspacer{
	float: left;
	height: 5px;
	width: 5px;
}
#selectioninfosection{
	height: 276px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
#selectioninfosection div.selecteditemimage{
	height: 276px;
}
#selectioninfosection div.selecteditemimage div.infoholder{
	padding: 5px;
}
#selectioninfosection div.selecteditemimage div.infoholder div.title{
	font-weight: bold;
	font-size: 16px;
	color: #0099FF;
}
#selectioninfosection div.selectediteminfo{
	background-color: #fff;
	height: 276px;
	overflow: auto;
}
#selectioninfosection div.selectediteminfo div.infoholder{
	margin: 5px;
}
#selectioninfosection div.selectediteminfo div.infoholder div.title{
	font-weight: bold;
	font-size: 16px;
	color: #0099FF;
}
#nothingselected{
	margin: 5px;
}
#nothingselected div.title{
	font-weight: bold;
	font-size: 16px;
	color: #0099FF;
}

#productbreadcrumbs{
	float: left;
	height: 20px;
	line-height: 20px;
	padding-bottom: 5px;
}
#productnavigation{
	height: 30px;
}
#productnavigation div.button{
}
#productnavigation div.button div.left{
	background-image: url( ../img/button_left.gif );
	float: left;
	width: 10px;
	height: 30px;
}
#productnavigation div.button div.left img{
	margin-top: 11px;
	margin-left: 2px;
}
#productnavigation div.button div.middle{
	background-color: #FF6600;
	color: white;
	font-weight: bold;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
	height: 30px;
	text-align: center;
}
#productnavigation div.button div.right{
	background-image: url( ../img/button_right.gif );
	float: left;
	width: 10px;
	height: 30px;
}
#productnavigation div.button div.right img{
	margin-top: 11px;
}
#productnavigation div.rollover{
	cursor: pointer;
}
#productnavigation div.rollover div.left {
	background-image: url( ../img/button_left_over.gif );
}
#productnavigation div.rollover div.middle {
	background-color: #0099FF;
}
#productnavigation div.rollover div.right {
	background-image: url( ../img/button_right_over.gif );
}
#backbutton{
	float: left;
}
#nextbutton{
	float: right;
}
form.productsform div.title{
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
	color: #FF6600;
}
form.productsform select{
	margin-bottom: 5px;
	width: 130px;
}
form.productsform input.radio{
	margin-right: 5px;
}
form.productsform div.text{
	margin-bottom: 5px;
}
form.productsform div.radiorollover span{
	color: #FF6600 ;
	cursor: pointer ;
}
form.productsform div.radioselected span{
	font-weight: bold;
}
/* checkout */
form.checkoutform div.row{
	margin-bottom: 5px;
} 
form.checkoutform div.key{
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
	color: #FF6600;
}
form.checkoutform input.checkbox{
	margin-right: 5px;
}
form.checkoutform input.radio{
	margin-right: 5px;
}
form.checkoutform div.radiorollover span{
	color: #FF6600 ;
	cursor: pointer ;
}
form.checkoutform div.radioselected span{
	font-weight: bold;
}
form.checkoutform div.value input.text{
	width: 200px;
}
form.checkoutform div.key label.error{
	color: red;
}
#checkoutoverview td.label{
	width: 200px;
	font-weight: bold;
}
#checkoutoverview td.value{
	width: 400px;
}
#checkoutanderadresoverview{
	background-color: #F0F0F0;
}
/* shopping cart */
#cartitemlist{
	margin-bottom: 5px;
}
#cartitemlist div.cartitem{
	margin-bottom: 5px;
}
#cartitemlist div.cartitem table.cartitem{
	height: 60px;
	border: 1px solid #ccc;
	width: 100%;
}
#cartitemlist div.cartitem table.cartitem td{
	border: 1px solid #EFEFEF;
}
#cartitemlist div.cartitem table.cartitem td.cartitem_label{
	font-weight: bold;
	font-size: 11px;
	color: #FF6600;
	width: 100px;
}
#cartitemlist div.cartitem table.cartitem td.cartitem_thumb{
	width: 60px;
}
#cartitemlist div.cartitem table.cartitem td.cartitem_value{
}
#cartitemlist div.cartitem table.cartitem td.productvalue{
	font-weight: bold;
	width: 220px;
}
#cartitemlist div.cartitem table.cartitem td.price{
	font-weight: bold;
}
#cartitemlist div.cartlabel{
	clear: both;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #FF6600;
	float: left;
	margin-left: 5px;
}
#cartitemlist div.cartvalue{
	height: 25px;
	line-height: 25px;
	color: #FF6600;
	font-weight: bold;
	float: right;
	margin-right: 30px;
}
#quickmenu, #quickmenu a{
	font-weight: normal;
	color: #666;
}
#quickmenu span.separator{
	margin-left: 5px;
	margin-right: 5px;
	color: #666;
}
#faqlist div.faq_question a{
	color: #0099FF;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
#faqlist div.faq_answer{
	margin-bottom: 10px;
}
#faqanswerlist div.faq_answer div.question{
	color: #0099FF;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
}
#partnerstable{
	width: 100%;
	margin-top: 3px;
}
#partnerstable td.partneritem{
	background-image: url( ../img/partnersitemback.jpg );
	background-repeat: no-repeat;
	width: 95px;
	height: 120px;
}
#partnerstable td.partneritem div.partnerimage{
	height: 100px;
	text-align: center;
}
#partnerstable td.partneritem div.partnerimage img{
	margin-top: 5px;
}
#partnerstable td.partneritem div.partnername{
	text-align: center;
	line-height: 20px;
}
#partnerstable td.partneritem div.partnername a{
	font-weight: normal;
	color: #fff;
}
#bannertable{
	width: 100%;
	margin-top: 4px;
}
#bannertable td.banneritem{
	background-image: url( ../img/banneritemback.jpg );
	background-repeat: no-repeat;
	height: 120px;
}
#bannertable td.banneritem div.bannerimage{
	height: 99px;
	text-align: center;
}
#bannertable td.banneritem div.bannerimage img{
	margin-top: 5px;
}
#bannertable td.banneritem div.bannername{
	text-align: center;
	line-height: 20px;
}
#bannertable td.banneritem div.bannername a{
	font-weight: normal;
	color: #fff;
}