/* $Id: screen.css,v 1.1.1.1 2006/08/24 10:01:32 cvsdef Exp $ */

body, table {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}


input, textarea, select {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.input-text-a, .input-text-b, .input-text-c, .input-text-d, .input-text-login, .input-text-view, .input-text-search, .input-text-newsletter {
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 1px;
}

.input-text-login {
	width: 200px;
}

.input-text-view {
	width: 250px;
}

.input-but {
	background: #fff;
	margin-top: 5px;
}

.input-text-newsletter {
	width: 146px;
}

.buybot {
	font-weight: bold;
	color: #000;
	background: #fea213;
	padding: 3px;
	margin: 2px;
}

/* site specific styles */

html, body {
	color: #000;
	width: 100%;
	margin: 0;
	padding: 0;
}

h1, h2, h3, p {
	margin: 0;
}

h1 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}

p {
	padding-bottom: 5px;
}

img {
	border: 0;
}
form {
	margin: 0;
}
.img-f-l {
	float: left;
	margin: 0 5px 5px 0;
}
.img-f-r {
	float: right;
	margin: 0 0 5px 5px;
}

.caption {
	color: #8f8f8f;
	padding: 2px 0;
}
.imagefix {
	display: block;
}
.right {
	text-align: right;
}

.divider {
	font-size: 0px;
	height: 1px;
}
.dotted {
	font-size: 0px;
	height: 1px;
	border-top: 1px dotted #000;
}
.subdivider {
	font-size: 0px;
	border-top: 2px solid #dedede;
	height: 1px;
	padding-bottom: 5px;
}

.page-break {
	height: 25px;
}

.page-break2 {
	height: 15px;
}

.clear {
	clear: both;
}
.clear-left {
	clear: left;
}

#page {
	width: 930px;
	margin: 0 auto;
}

#header {
	height: 115px;
	width: 930px;
	position: relative;
}

#logo {
	position: absolute;
	left: 12px;
	top: 15px;
	width: 220px;
	height: 70px;
	background-image: url(../images/logo.png);
	cursor: pointer;
}

#adminmenu {
	background-color: #ebebeb;
}
.adminmenu, .topmenu, .mainmenu, .leftmenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.adminmenu li {
	float: right;
	padding: 4px 10px;
}

.topmenu li {
	float: right;
	padding: 3px 25px;
	font-size: 13px;
}
.topmenu li.orange {
	background-color: #fa5a25;
}
.topmenu li.green {
	background-color: #99cc33;
}
.topmenu li.blue {
	background-color: #3399cc;
}
.topmenu li a:link, .topmenu li a:active, .topmenu li a:visited {
	color: #fff;
	text-decoration: none;
}

#mainmenu {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.mainmenu li {
	float: right;
	padding: 5px 15px;
	font-size: 13px;
	border-right: 1px solid #fff;
}
.mainmenu li.first {
	border: 0;
}
.mainmenu li a:link, .mainmenu li a:active, .mainmenu li a:visited {
	color: #fff;
	text-decoration: none;
}
.mainmenu li a:hover, .mainmenu li.active a:visited {
	color: #000;
}

#subheader {
	height: 26px;
	background-color: #ebebeb;
	position: relative;
}
.breadcrumbs {
	padding: 6px 0 0 10px;
	font-size: 11px;
	color: #a4a4a4;
}

#search {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 26px;
	background-color: #d5d5d5;
	font-size: 11px;
	width: 170px;
}
#search {
	color: #000;
	cursor: pointer;
}
.search-padding {
	padding: 4px 8px 0 8px;
}
.input-text-search {
	width: 110px;
}

a.link:link, a.link:active, a.link:visited,
a.download:link, a.download:active, a.download:visited {
	text-decoration: none;
}
a.link:hover, a.download:hover {
	color: #000;
}

.absmiddle {
	vertical-align: middle;
}

#left-column {
	width: 170px;
	float: left;
}
#middle-column {
	width: 589px !important;
	width: 587px;
	float: left;
}
#middle-column-full {
	width: 768px;
	float: left;
}
#middle-column-inner {
	padding: 0 22px 0 22px;
	position: relative;
}
#middle-column-inner-full {
	padding: 0 22px 0 0;
}
#right-column {
	width: 170px;
	float: left;
}

#footer {
	padding: 5px 0;
	text-align: center;
	color: #fff;
}

#leftmenu {
	margin-bottom: 10px;
}

.leftmenu li {
	text-transform: uppercase;
	background-color: #dcdcdc;
}
.leftmenu a {
	display: block;

}
.leftmenu li a:link, .leftmenu li a:active, .leftmenu li a:visited {
	color: #000;
	text-decoration: none;
	padding: 4px 0 4px 10px;
}

.leftmenu li ul, .leftmenu li ul li ul, .leftmenu li ul li ul li ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}
.leftmenu li ul li ul li ul li ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.leftmenu li ul li {
	text-transform: none;
	background-color: #fff;
	margin-bottom: 1px;
	padding-bottom: 1px;
}
.leftmenu li ul li.active {
	background-color: #f0f0f0;
}

.leftmenu li ul li a:link, .leftmenu li ul li a:active, .leftmenu li ul li a:visited {
	padding: 2px 5px;
}

.leftmenu li ul li ul {
	margin: 2px 0 0 0;
	background-color: #f0f0f0;
}
.leftmenu li ul li ul li {
	background-color: #f0f0f0;
	padding-left: 10px;
	border-top: 1px solid #dcdcdc;
	margin: 0;
}
.leftmenu li ul li ul li a:link, .leftmenu li ul li ul li a:active, .leftmenu li ul li ul li a:visited {
	padding: 2px 5px;
	background-color: #fff;
}
.leftmenu li ul li ul li.active a:link, .leftmenu li ul li ul li.active a:visited {
	font-weight: bold;
}
.leftmenu li ul li ul li ul li {
	background-color: #f0f0f0;
	padding-left: 10px;
	border-top: 1px solid #dcdcdc;
	margin: 0;
}

.page-item {
	padding: 5px 0;
}

a:link, a:active, a:visited {
	color: #fa5a25;
}


/*  front template  */
.frontbox-container {
	width: 930px;
}
.frontbox {
	width: 310px;
	float: left;
	cursor: pointer;
}
.frontbox-head {
	padding: 6px 0 0 10px;
	font-size: 30px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, helvetica;
	text-transform: uppercase;
}
.frontbox-subhead {
	height: 32px;
	padding: 0px 0 5px 10px;
	font-size: 13px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, helvetica;
}
.frontbox-image {
	width: 310px;
	height: 155px;
}
.frontbox-link {
	padding: 10px;
	text-align: right;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, helvetica;
}

.frontbox-link a:link, .frontbox-link a:active, .frontbox-link a:visited {
	color: #fff;
	text-decoration: none;
}


/*   products  */
.product-overview-header {
	position: absolute;
	top: -25px;
}
.product-box {
	float: left;
	width: 155px;
	margin-right: 35px;
	margin-bottom: 25px;
}
.last-box {
	margin-right: 0;
}
.product-box .box-head {
	font-weight: bold;
	color: #fff;
	padding: 3px 10px;
}
.product-box .box-head a:link, .product-box .box-head a:active, .product-box .box-head a:visited {
	color: #fff;
	text-decoration: none;
}
.product-box .box-head a:hover {
	text-decoration: underline;
}
.product-box .box-image {
	padding-bottom: 5px;
}
.product-box .box-price {
	background-color: #ebebeb;
}
.product-box .box-price-price {
	padding: 3px 0 3px 5px;
}
.product-box .box-price-price a:link, .product-box .box-price-price a:active, .product-box .box-price-price a:visited {
	color: #000;
	text-decoration: none;
}
.product-box .box-price-price a:hover {
	text-decoration: underline;
}
.thumbnails {
	cursor: pointer;
}
.product-info {
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	position: relative;
}
#product-add-to-basket {
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
	width: 200px;
}
#product-image {
	width: 300px;
	float: left;
	border-right: 1px solid #d7d7d7;
}
#product-image-container {
	height: 300px;
	width: 300px;
}
#product-information {
	float: left;
	width: 232px;
}
#product-thumbnails {
	border-top: 1px solid #d7d7d7;
}
.product-name {
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
	font-size: 13px;
}
.product-price {
	padding: 10px;
	font-size: 18px;
	border-bottom: 1px solid #d7d7d7;
}
.product-before-price {
	font-size: 14px;
	padding-bottom: 5px;
	/*text-decoration: line-through;*/
}
.product-variations {
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
}
.product-variations .choose {

}
.product-manual {
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
}
.product-description {
	padding: 20px 0;
}

.buy-button {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	padding: 12px 0;
	width: 200px;
	cursor: pointer;
}
.input-text-choose {
	width: 210px;
}
div.choose {
	padding-bottom: 6px;
}


/*   basket   */
#basket {
	color: #787878;
	width: 168px;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-image: url(../images/box_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #fff;
	margin-bottom: 10px;
}
#basket h3 {
	font-size: 14px;
	color: #333333;
	padding-bottom: 3px;
	font-weight: normal;
}
.basket-head {
	padding: 5px;
	background-image: url(../images/cart.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}
.basket-amount {
	padding: 5px;
	color: #000;
	text-align: right;
}
.basket-amount-total {
	padding: 5px 7px;
	font-weight: bold;
	color: #000;
	background-image: url(../images/shop_total_bg.png);
}
.basket-item {
	padding: 5px;
}
.basket-price-total {
	color: #fff;
	float: right;
}
.basket-price {
	color: #000;
	padding: 2px 0;
}
.basket-image {
	float: left;
	width: 55px;
	border: 1px solid #eeeeee;
	margin-right: 8px;
}


/*   shop   */
.shop-top {
	padding: 4px 0;
	color: #828282;
}
.shop-top img {
	padding: 0 5px;
}
#steps {
	width: 100%;
	margin-bottom: 15px;
}
.step {
	float: left;
	width: 125px;
	height: 20px;
	background-image: url(../images/step_bg.png);
	background-repeat: no-repeat;
}
.inactive {
	background-image: url(../images/step_inactive_bg.png);
	background-repeat: no-repeat;
}
.step-spacer {
	float: left;
	width: 9px;
}
.step .text {
	padding: 3px 10px 0 5px;
	font-weight: bold;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
}
.inactive .text {
	color: #8b8b8b;
}

#summary {
	width: 100%;
}
.thead th {
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #b7382f;
	padding-bottom: 5px;
}
#summary .right, #gift-card .right {
	text-align: right;
}
#summary .item-row td {
	padding: 5px 0;
	border-bottom: 1px dotted #888888;
}
#summary .item-row td.price {
	padding-right: 6px;
}
#summary .no {
	width: 30px;
}
#summary .tfoot td {
	padding: 5px 6px;
	background-color: #e3e5e6;
}
#summary .postage, #summary .postage2 {
	padding: 5px 6px;
}
#summary .total {
	color: #626262;
	font-weight: bold;
}
#summary .total2 {
	color: #000;
	font-weight: bold;
}

#gift-card {
	width: 100%;
}
#gift-card tr td {
	vertical-align: top;
	padding: 5px 0;
}
#gift-card tr td.text {
	color: #626262;
	padding: 5px;
}
.input-text-gift-text {
	width: 215px;
	height: 62px;
}

#order-details {
	padding-bottom: 20px;
}
#f_address {
	width: 270px;
	float: left;
	border-right: 1px dotted #000;
}
#l_address {
	width: 255px;
	float: left;

}
#l_address-inner {
	padding-left: 15px;
}
#f_address div.padding, #l_address div.padding {
	padding-bottom: 6px;
}
#click-same {
	padding: 10px 0 10px 0;
}
.order-details-head {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 8px;
}
.input-text-adr {
	width: 250px;
}
.input-text-adr2 {
	width: 230px;
}
.input-text-postal {
	width: 45px;
}
.input-text-city {
	width: 165px;
	/*margin-left: 25px;*/
}
.input-text-city2 {
	width: 145px;
	/*margin-left: 25px;*/
}
.input-text-comment {
	width: 100%;
}

.float-postal {
	float: left;
	width: 80px;
}
.float-city2 {
	float: left;
}

.order-comment {
	padding-bottom: 10px;
}
.order-comment-head {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 4px;
	padding-left: 5px;
}
.order-comment-text {
	background-color: #f1f1f1;
	padding: 10px;
}

.pbs-text {
	padding: 5px 10px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

.input-text-cc2 {
	width: 150px;
}
.input-text-cc {
	width: 25px;
}

#card {
	padding: 10px 0;
	background-image: url(../images/cards.gif);
	background-position: 100% 5%;
	background-repeat: no-repeat;
}

.order-confirmation {
	color: #626262;
	padding-bottom: 10px;
}

.submit-button-next {
	background-image: url(../images/button_next.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 4px 12px 5px 5px;
	font-weight: bold;
	border: 0;
	background-color: transparent;
}

.submit-button-back {
	background-image: url(../images/button_back.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 4px 5px 5px 12px;
	font-weight: bold;
	border: 0;
	background-color: transparent;
}

.submit-button {
	background-image: url(../images/button_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 4px 5px 5px 5px;
	font-weight: bold;
	border: 0;
	background-color: transparent;
}

.shop-button-next {
	float: right;
	cursor: pointer;
	height: 22px;
	background-image: url(../images/button_next.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.shop-button-next .button-text {
	padding: 5px 12px 0 7px;
	font-weight: bold;
}

.shop-button-back {
	float: left;
	cursor: pointer;
	height: 22px;
	background-image: url(../images/button_back.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.shop-button-back .button-text {
	padding: 5px 7px 0 12px;
	font-weight: bold;
}

.related-products-head {
	padding-bottom: 10px;
}

.buy-link {
	float: right;
	padding: 3px 20px 3px 5px;
	background-image: url(../images/cart_small.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	color: #fff;
	cursor: pointer;
}
.shop-checkout, .shop-continue {
	background-repeat: repeat-x;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	cursor: pointer;
}

.shop-checkout {
	background-image: url(../images/shop_goto_payment.png);
	margin-bottom: 1px;
}
.shop-continue {
	background-image: url(../images/shop_continue.png);
	margin-bottom: 10px;
}

/*   cases  */
.quote {
	font-size: 13px;
	color: #777777;
	font-style: italic;
	padding: 15px 50px;
	position: relative;
	text-align: justify;

	height: auto !important;
	height: 10px;
}
.quote-start {
	background-image: url(../images/quote_start.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 36px;
	height: 24px;
	position: absolute;
	top: 15px;
	left: 0px;
}
.quote-end {
	background-image: url(../images/quote_end.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 35px;
	height: 25px;
	position: absolute;
	bottom: 15px;
	right: 0px;
}


/*   search  */
.search-result {
	padding: 8px 0;
	border-top: 1px solid #ddd;
}
.no-border {
	border: 0;
}
.search-nav {
	padding: 2px 0;
	margin: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.search-nav-table {
	width: 100%;
}
.align-right {
	text-align: right;
}


/*  rightbox  */
.rightbox {
	color: #787878;
	width: 168px;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-image: url(../images/box_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}
.rightbox-head {
	position: relative;
	width: 168px;
	padding: 0;
}
.rightbox-quote {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 42px;
	height: 21px;
	background-image: url(../images/rightbox_quote.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.rightbox-head-text {
	font-size: 14px;
	color: #333333;
	padding: 5px 5px 3px 10px;
	font-weight: normal;
	margin: 0;
}
.rightbox-text {
	padding: 5px 5px 3px 10px;
}
.rightbox-text ul.list-editor {
	margin: 0;
	padding: 0 0 0 12px;
	list-style-color: #797979;
}




/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.popup-buy-button {
	padding: 11px 25px;
	float: left;
	font-size: 13px;
	margin: 0 5px;
}
.popup-buy-button a:link, .popup-buy-button a:active, .popup-buy-button a:visited {
	color: #fff;
	text-decoration: none;
}
.popup-buy-button a:hover {
}

.extended-delivery {
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0;
}

ul.list-editor {
	margin: 3px 0 3px 12px;
	padding: 0;
}


.newsletter-box {
	margin: 5px 0;
	width: 170px;
}

.newsletter-shopbox {

}
.newsletter-shopbox tr td {
	vertical-align: top;
}

h3.news {
	font-size: 14px;
	color: #fff;
	padding: 5px 8px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}
.newsletter-box-content {
	padding: 8px;
}
div.signup {
	padding-top: 5px;
}
div.signup a:link, div.signup a:active, div.signup a:visited {
	color: #fff;
}
.newsletter-form {
	padding-top: 4px;
	color: #fff;
}
td.newsletter-shopform {
	padding: 8px 20px;
	border-left: 1px solid #fff;
	vertical-align: middle;
}
.newsletter-form .input-boxtext, .newsletter-shopform .input-boxtext {
	padding-top: 5px;
}