/********/
/* html */
/********/
body {
	background:#FFF url(../img/bg/body.gif) repeat-y center top;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h4 {
	font-size:11px;
	margin:0;
	padding:0
}

a {
	text-decoration:none
}

a:hover {
	text-decoration:underline
}

form {
	margin:0;
	padding:0
}

input,
select,
textarea {
	color:#484A4B;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal
}

table {
	border:0
}

th,
td {
	color:#444;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px
}

fieldset {
	border:1px solid #DDD;
	margin-top:20px;
	padding:10px 20px 0 10px
}

fieldset p {
	margin:0 0 20px 0;
	padding:0
}

legend {
	font-weight:bold;
	margin-left:-2px
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:url(../img/bg/page.gif) repeat-y;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0 auto;
	position:relative;
	width:1000px
}

body#login_pws #page {
	background:none;
	width:500px
}

/* submenu */
#submenu {
	background:#FFF url(../img/bg/dots_1.gif) repeat-x left bottom;
	height:32px
}

#submenu ul {
	float:right;
	list-style:none;
	margin:10px 0 0 0;
	padding:0
}

#submenu li {
	display:inline;
	float:left;
	margin:0 10px
}

#submenu a {
	color:#666;
	float:left;
	padding-left:21px
}

#submenu a.information {
	background:url(../img/bg/submenu_item_info.gif) no-repeat
}

#submenu a.shopping_basket {
	background:url(../img/bg/submenu_item_basket.gif) no-repeat
}

#submenu a.login {
	background:url(../img/bg/submenu_item_login.gif) no-repeat
}

#submenu a.register {
	background:url(../img/bg/submenu_item_register.gif) no-repeat;
	font-weight:bold
}

#submenu a.logout {
	background:url(../img/bg/submenu_item_logout.gif) no-repeat
}

/* header */
#header {
	background:#FFF;
	border-top:1px solid #FFF
}

#header .image img {
	width:1000px
}

#banner {
	position:absolute;
	right:10px;
	top:43px;
	z-index:2
}

/* menu */
#menu {
	background:url(../img/bg/menu.gif) repeat-x;
	border-bottom:1px solid #FFF;
	height:62px;
	position:absolute;
	margin-top:-31px;
	width:1000px
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0
}

#menu li {
	border:1px solid #FFF;
	border-left:0;
	float:left;
	height:34px;
	margin:0
}

#menu li a {
	color:#FFF;
	float:left;
	font-weight:bold;
	height:34px
}

#menu li a:hover {
	text-decoration:none
}

#menu li span {
	border-bottom:1px solid #FFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:24px;
	padding:6px 10px 0 10px
}

/* menu (sub items) */
#menu li ul {
	display:none;
	height:26px;
	left:0;
	position:absolute;
	top:36px;
	width:1000px
}

#menu li.active ul {
	display:block
}

#menu li li {
	background:none;
	border:0;
	display:inline;
	float:left;
	height:21px;
	margin:0 10px;
	padding-top:5px
}

#menu li.active li a,
#menu li li a {
	background:none;
	color:#407ab0;
	float:left;
	font-weight:normal;
	height:16px
}

#menu li li span {
	border-bottom:0;
	cursor:pointer;
	float:left;
	font-weight:normal;
	height:16px;
	padding:0
}

/* search */
#search {
	background:#D1E2F2 url(../img/bg/search.gif) repeat-x;
	height:29px;
	position:relative;
	top:32px;
	text-align:center
}

#search form {
	height:26px;
	margin-left:233px
}

#search input,
#search select {
	border:1px solid #AAA;
	float:left;
	height:16px;
	line-height:16px;
	margin:4px 10px 0 0;
	padding:0;
	width:118px
}

#search input {
	height:15px;
	padding:1px 0 0 4px;
	width:94px
}

#search .button_1 {
	margin:4px 10px 0 0
}

#search .advanced {
	float:left;
	margin-top:5px
}

/* mlg bank credit */
#bank_credit {
	height:37px;
	padding:8px 10px;
	position:absolute;
	right:0;
	top:95px;
	width:181px
}

#bank_credit div {
	text-align:center
}

#bank_credit .credits,
#bank_credit .credits_bg {
	color:#E5E5E5;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	margin:4px 0 0 0;
	position:absolute;
	width:181px;
	z-index:1
}

#bank_credit .credits {
	margin:3px 0 0 -1px;
	z-index:2
}

/* filters */
#filters {
	float:left;
	padding:52px 10px 0 10px;
	text-align:center;
	width:180px
}

#filters h1 {
	color:#FFF;
	font-size:11px;
	margin:0;
	text-align:left;
	padding:0;
}

#filters h1.box_toggler {
	color:#FFF;
	font-size:11px;
	margin:20px 0 0 0;
	padding:0
}

#filters h1 span {
	display:block
}

#filters h1 span.box_toggler_in_normal {
	background:url(../img/bg/box_toggler.gif) no-repeat right top;
	cursor:pointer
}

#filters h1 span.box_toggler_in_hover {
	background:url(../img/bg/box_toggler.gif) no-repeat right -26px;
	cursor:pointer
}

#filters h1 span.box_toggler_out_normal {
	background:url(../img/bg/box_toggler.gif) no-repeat right -52px;
	cursor:pointer
}

#filters h1 span.box_toggler_out_hover {
	background:url(../img/bg/box_toggler.gif) no-repeat right -78px;
	cursor:pointer
}

#filters h1 span span {
	display:block;
	height:21px;
	padding:5px 10px 0 10px
}

/* boxes */
#filters .box_1 {
	background:#FFF url(../img/bg/corner_gray_left_bottom.gif) no-repeat left bottom;
	margin-bottom:20px
}

#filters .box_1 ul {
	background:url(../img/bg/corner_gray_right_bottom.gif) no-repeat right bottom;
	list-style:none;	
	margin:0;
	padding:0 0 10px 0
}

#filters .box_1 li {
	height:25px
}

#filters .box_1 a {
	background:#FFF url(../img/bg/anchor_arrow_1.gif) no-repeat 10px 0;
	border-bottom:1px solid #DDD;
	display:block;
	height:20px;
	padding:4px 0 0 20px
}

#filters .box_1 a:hover,
#filters .box_1 li.active a {
	border-bottom:1px solid #FFF;
	color:#FFF;
	text-decoration:none
}

/* content */
#content {
	float:left;
	margin:0 3px;
	padding:25px 30px 20px 30px;
	width:534px
}

/* breadcrumb */
#breadcrumb {
	background:url(../img/bg/dots_1.gif) repeat-x left bottom;
	color:#666;
	font-weight:bold;
	min-height:20px;
	padding-top:25px
}

#breadcrumb div {
	float:left;
	margin-right:5px
}

#breadcrumb div.locs div {
	margin-bottom:5px;
	white-space:nowrap
}

#breadcrumb span,
#breadcrumb a {
	font-weight:normal
}

/* triggers */
#triggers {
	float:left;
	padding:52px 0 0 0;
	text-align:center;
	width:200px
}

/* banners */
.banner_type_1,
.banner_type_2,
.banner_type_3,
.banner_type_4,
.banner_type_5,
.banner_type_6 {
	margin:0 auto 20px auto
}

/* traditional banner */
.banner_type_1,
.banner_type_1 img,
.banner_type_1 object {
	height:60px;
	width:468px
}

/* skyscraper */
.banner_type_2,
.banner_type_2 img,
.banner_type_2 object {
	height:600px;
	width:120px
}

/* uap wide skyscraper */
.banner_type_3,
.banner_type_3 img,
.banner_type_3 object {
	height:600px;
	width:160px
}

/* uap rectangle */
.banner_type_4,
.banner_type_4 img,
.banner_type_4 object {
	height:150px;
	width:180px
}

/* uap medium rectangle */
.banner_type_5,
.banner_type_5 img,
.banner_type_5 object {
	height:250px;
	width:300px
}

/* uap super banner */
.banner_type_6,
.banner_type_6 img,
.banner_type_6 object {
	height:90px;
	width:728px
}

/* footer */
#footer {
	background:url(../img/bg/footer.gif) repeat-x;
	clear:both;
	height:29px;
}

#footer p {
	color:#AAA;
	padding-top:5px;
	text-align:center
}

/*********/
/* pages */
/*********/
/* product */
#product_info_wrapper {
	margin:10px 0 0 0
}

#product_info_wrapper .image {
	float:left;
	height:170px;
	margin:0 15px 0 0;
	position:relative;
	width:170px
}

#product_info_wrapper .image div {
	border:1px solid #DDD;
	display:table-cell;
	height:170px;
	padding:9px;
	text-align:center;
    vertical-align:middle;
	width:170px
}

#product_info_wrapper .image span,
#product_info_wrapper .image img {
	vertical-align:middle
}

#product_info_wrapper .image img {
	display:inline
}

#product_info_wrapper .image img.enlarge {
	border:0;
	border-left:1px solid #DDD;
	border-top:1px solid #DDD;
	bottom:1px;
	height:23px;
	position:absolute;
	right:1px;
	width:23px
}

#product_info_wrapper .info {
	float:left;
	height:170px;
	position:relative;
	width:349px
}

#product_info_wrapper .info .item {
	height:21px;
	padding:5px 0 0 0
}

#product_info_wrapper .info .price {
	bottom:0;
	height:24px;
	padding:8px 0 0 0;
	position:absolute
}

#product_info_wrapper .info label {
	float:left;
	font-weight:bold;
	margin:0 10px 0 0;
	width:125px
}

#product_info_wrapper .info .field {
	float:left;
	width:214px
}

#product_info_wrapper .info .price .field {
	font-size:12px;
	font-weight:bold
}

#product_info_wrapper .info .field span {
	color:#AAA;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 20px
}

#product_info_wrapper .buttons {
	float:right;
	margin:20px 0 0 0
}

#product_type_wrapper {
	xmargin-bottom:20px
}

#product_type_wrapper .row {
	background:#EFEFEF;
	margin:1px 0 0 0;
	line-height:26px;
	padding:0 10px
}

#product_type_wrapper .row .name {
	float:left;
	width:302px
}

#product_type_wrapper .row .articlenumber {
	float:left;
	width:70px
}

#product_type_wrapper .row .price {
	float:left;
	width:60px
}

#product_type_wrapper .row .order {
	float:left;
	width:40px
}

#product_info_wrapper .buttons div {
	margin:0 0 0 10px
}

/* product details */
#product_details {
	padding:20px 20px 0 20px
}

#product_details p {
	margin:0 0 20px 0
}

#product_details ul {
	margin:0 0 20px 15px;
	padding:0
}

#product_details li {
	color:#000
}

/* product gallery */
#product_gallery {
	margin:20px 0 0 0
}

#product_gallery .image {
	border:1px solid #DDD;
	display:table-cell;
	padding:16px;
	text-align:center;
    vertical-align:middle;
    width:534px
}

#product_gallery .image span,
#product_gallery .image img {
	vertical-align:middle
}

#product_gallery .image img {
	display:inline
}

#product_gallery .buttons {
	margin:10px 0 20px 0
}

#product_gallery .button_1,
#product_gallery .button_2,
#product_gallery .button_1 a,
#product_gallery .button_2 a,
#product_gallery .button_1 a span,
#product_gallery .button_2 a span {
	float:left;
	height:16px
}

#product_gallery .button_1 a {
	padding-left:11px
}

#product_gallery .button_2 {
	float:right
}

#product_gallery .button_2 a {
	padding-right:11px
}

#product_gallery .button_3 {
	background:none;
	height:16px;
	left:390px;
	margin-top:1px;
	position:absolute;
	text-align:center;
	width:220px
}

#product_gallery .button_1 a.disabled,
#product_gallery .button_1 a.disabled:hover {
	background:#FFF url(../img/bg/arrow_disabled_left.gif) no-repeat 0 0;
	color:#DDD
}

#product_gallery .button_2 a.disabled,
#product_gallery .button_2 a.disabled:hover {
	background:#FFF url(../img/bg/arrow_disabled_right.gif) no-repeat right 0;
	color:#DDD
}

/* shopping basket */
#shopping_basket table {
	margin-top:-1px
}

#shopping_basket table {
	background:#FFF;
	width:100%
}

#shopping_basket th,
#shopping_basket td {
	padding:5px 10px;
	text-align:left;
	vertical-align:top
}

#shopping_basket th {
	color:#FFF
}

#shopping_basket .shop {
	background:#FFF
}

#shopping_basket .sub_price,
#shopping_basket .tax_price,
#shopping_basket .price,
#shopping_basket .subtotal,
#shopping_basket .logistics,
#shopping_basket .tax,
#shopping_basket .total {
	text-align:right
}

#shopping_basket .amount {
	text-align:center
}

#shopping_basket td.price,
#shopping_basket td.subtotal,
#shopping_basket td.logistics,
#shopping_basket td.tax,
#shopping_basket td.total {
	color:#444;
	font-weight:bold
}

#shopping_basket td.subtotal,
#shopping_basket td.tax {
	color:#666;
	font-weight:normal
}

#shopping_basket td.amount {
	padding:4px 10px 0 10px
}

#shopping_basket td.action {
	padding:5px 5px 0 5px;
	width:16px
}

#shopping_basket td.action a {
	padding:0
}

#shopping_basket table input {
	border:1px solid #AAA;
	text-align:center;
	width:35px
}

#shopping_basket .total_inc td {
	color:#FFF;
	font-weight:bold
}

#shopping_basket .buttons {
	float:right;
	margin:20px 0 0 0
}

#shopping_basket .buttons div {
	margin:0 0 0 10px
}

.shopping_basket_overview {
	padding-top:20px
}

/* order steps */
.order_steps .label {
	width:200px
}

.order_steps .label img {
	margin:-5px 0 15px 0
}

.order_steps input {
	width:175px
}

.order_steps input.radio,
.order_steps input.checkbox {
	width:14px
}

.order_steps .forgot_password {
	clear:both;
	padding-top:5px
}

.order_steps .info {
	color:#888;
	float:left;
	margin:0 0 0 5px
}

/* register */
#register_form .buttons {
	margin-left:223px
}

/* step 1 */
#step_1 .buttons,
#step_2 .buttons {
	float:right
}

#step_1 .buttons div {
	margin-left:20px
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	line-height:1px
}

.hide {
	display:none
}

.show {
	display:block
}

/* headers */
.header_1 {
	clear:both;
	height:26px;
	margin:20px 0 0 0;
	position:relative
}

.header_1 div {
	height:26px;
	padding:0 10px
}

.header_1 p {
	color:#FFF;
	float:left;
	font-weight:bold;
	margin:4px 0 0 0;
	padding:0
}

.header_1 select {
	border:1px solid #FFF;
	float:left;
	height:16px;
	left:50%;
	margin:4px 0 0 -59px;
	padding:0;
	position:absolute;
	width:118px
}

.header_1 a {
	background:url(../img/bg/arrow_2.gif) no-repeat right 5px;
	color:#FFF;
	float:right;
	margin:4px 0 0 0;
	padding:0 10px 0 0
}

.header_1 span {
	color:#FFF;
	float:right;
	margin:4px 0 0 0
}

/* product templates */
/* vertical: with big images */
.products_tpl_1 .product_1,
.products_tpl_1 .product_2 {
	background:#FFF;
	border-bottom:1px solid #EEE;
	min-height:125px;
	padding:10px 0
}

.products_tpl_1 .image {
	border:1px solid #DDD;
	float:left;
	margin:0 15px 0 0;
	padding:9px;
	text-align:center;
	width:150px
}

.products_tpl_1 .image img {
	margin:auto
}

.products_tpl_1 .info {
	float:left;
	width:349px
}

.products_tpl_1 h2 {
	font-size:11px;
	margin:0 0 5px 0;
	padding:0
}

.products_tpl_1 p {
	margin:0 0 10px 0
}

.products_tpl_1 p.release_date {
	color:#AAA
}

.products_tpl_1 p.shop_price {
	font-weight:bold;
	text-decoration:underline
}

.products_tpl_1 p.release_date span {
	font-weight:bold
}

.products_tpl_1 p.more_info {
	margin:0
}

.products_tpl_1 p.more_info a {
	background:url(../img/bg/more.gif) no-repeat right top;
	float:right;
	padding:0 21px 0 0
}

/* horizontal: 2 columns with big images */
.products_tpl_2 .product_1,
.products_tpl_2 .product_2 {
	background:#FFF;
	border-bottom:1px solid #EEE;
	display:inline;
	float:left;
	margin:0 4px;
	padding:10px 0 0 0;
	width:170px
}

.products_tpl_2 .product_1 .image,
.products_tpl_2 .product_2 .image {    
	border:1px solid #DDD;
	display:table-cell;
	height:170px;
	padding:9px;
	text-align:center;
    vertical-align:middle;
	width:170px
}

.products_tpl_2 .image span,
.products_tpl_2 .image img {
	vertical-align:middle
}

.products_tpl_2 .image img {
	display:inline
}

.products_tpl_2 .info {
	text-align:center;
	width:170px
}

.products_tpl_2 h2 {
	font-size:11px;
	margin:10px 0 5px 0;
	padding:0
}

.products_tpl_2 .text {
	display:none
}

.products_tpl_2 p {
	margin:0 0 10px 0
}

.products_tpl_2 p.release_date {
	color:#AAA
}

.products_tpl_2 p.shop_price {
	font-weight:bold;
	text-decoration:underline
}

.products_tpl_2 p.release_date span {
	font-weight:bold
}

.products_tpl_2 p.more_info {
	margin:0
}

.products_tpl_2 p.more_info a {
	background:url(../img/bg/more.gif) no-repeat right top;
	padding:1px 21px 3px 0
}

/* table rows: no images */
.products_tpl_3 .product_1,
.products_tpl_3 .product_2 {
	border-top:1px solid #FFF;
	line-height:26px;
	min-height:26px;
	padding:0 10px 0 10px
}

.products_tpl_3 .image,
.products_tpl_3 .text {
	display:none
}

.products_tpl_3 h2 {
	color:#444;
	float:left;
	font-size:11px;
	font-weight:normal;
	margin:0 10px 0 0;
	padding:0;
	width:204px
}

.products_tpl_3 p {
	float:left;
	margin:0 10px 0 0
}

.products_tpl_3 p.release_date {
	color:#666;
	width:75px
}

.products_tpl_3 p.release_date span {
	display:none
}

.products_tpl_3 p.shop_price {
	font-weight:bold;
	width:80px
}

.products_tpl_3 p.shop_price span {
	display:none
}

.products_tpl_3 p.more_info {
	float:right;
	margin:0;
	width:125px
}

.products_tpl_3 p.more_info a {
	background:url(../img/bg/more.gif) no-repeat right 5px;
	float:right;
	padding:0 21px 0 0
}

/* buttons */
.buttons {
	height:40px;
	margin-top:10px
}

.buttons_top {
	height:25px;
	margin-top:10px;
	clear:both
}

.button_1,
.button_2,
.button_1 a,
.button_2 a,
.button_1 a span,
.button_2 a span {
	float:left;
	height:18px
}

.button_1 a,
.button_2 a,
.button_1 a:hover,
.button_2 a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:none
}

.button_1 a span,
.button_2 a span {
	cursor:pointer;
	height:17px;
	padding:1px 11px 0 11px
}

.button_1 a.disabled,
.button_2 a.disabled,
.button_1 a.disabled span,
.button_2 a.disabled span {
	cursor:default
}

/* tabs menu */
.tabs_menu {
	border-bottom:1px solid #FFF;
	clear:both;
	height:28px
}

.tabs_menu ul {
	height:25px;
	list-style:none;
	margin:0;
	padding:0
}

.tabs_menu li {
	border-right:1px solid #FFF;
	float:left;
	margin:0
}

.tabs_menu li a {
	color:#666;
	float:left;
	height:24px
}

.tabs_menu li span {
	cursor:pointer;
	float:left;
	height:20px;
	padding:4px 10px 0 10px
}

.tabs_menu li a:hover {
	text-decoration:none
}

/* loading */
#loading_filter,
#popup_filter {
	background:#FFF;
	bottom:0;
	filter:alpha(opacity=0);
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	z-index:999
}

#loading_icon {
	height:50px;
	left:50%;
	margin:0 0 0 -25px;
	position:absolute;
	width:50px;
	z-index:1000
}

#loading_icon img {
	height:50px;
	width:50px
}

/* forms */
.row {
	min-height:26px
}

.label,
.field {
	float:left
}

.label {
	margin-right:10px
}

label {
	color:#888;
	font-weight:bold
}

.radio {
	width:14px
}

/* feedback */
.feedback_info {
	color:#F00;
	margin:0 0 10px 0
}

/* popup */
#popup_shadow,
#popup {
	border:1px solid #FFF;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	left:0;
	line-height:16px;
	margin:0 0 0 -175px;
	padding:2px;
	position:absolute;
	top:0;
	width:344px;
	z-index:1001
}

#popup_shadow {
	background:#000;
	border:0;
	filter:alpha(opacity=25);
	margin:0 0 0 -171px;
	opacity:0.25;
	padding:0;
	width:350px;
	z-index:1000
}

#popup #popup_inner {
	background:#FFF;
	overflow:auto;
	padding:20px
}

#popup h3 {
	font-size:11px;
	margin:0 0 10px 0;
	padding:0
}

#popup p {
	color:#484A4B;
	margin:0 0 20px 0;
	padding:0
}

#popup .buttons {
	height:18px
}

#popup .buttons .button_1,
#popup .buttons .button_2 {
	margin-right:10px
}

/* validation */
.error {
	color:#F00
}

img.error {
	border:1px solid #F00
}