@import url('index.cfm?fuseaction=webeditor_common');


/* General Rules */
html, body { height:100%; }
body       { background:url('./img/bg-body.png') 0 0 repeat-x #97b6c4; }
a, :focus  { outline: none; -moz-outline-style: none; } /*  remove dotted links in Firefox  */


#menu ul         { margin:0; padding:0; }
#menu ul li      { margin:0; padding:0; list-style-type:none; }
table.data_input input.noborder { border-style:none; }
#wrapper{
	width:1007px;
	min-height:100%;
	margin:0px auto;
	background:url(./img/bg-wrapper.png) left top repeat-x #ADC5D1;
	border-left:solid #466476 1px;
	border-right:solid #466476 1px;
}
.spacer {
	height:40px;
	line-height:100%;
	width:100%;
}
#header{
	width:889px;
	margin:0px auto;
	border: solid red 0px;
}
#menu {
	width:183px;
	height:95px;
	padding-right:1px;
}
#menu a img {
	display: block;
	padding-bottom: 1px;
}
#menu ul {
	position: relative;
	background: url('./img/menu.png') top left no-repeat;
	height: 120px;
	width: 183px;
	text-align: center;
	padding-top:13px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	height: 18px;
	width: 183px;
	line-height: 18px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a.active {
	background: url('./img/menu.png') top left no-repeat;
}
#menu ul li a#menu1:hover, #menu ul li a#menu1.active {
	background-position: 0% -146px;
}
#menu ul li a#menu2:hover, #menu ul li a#menu2.active {
	background-position: 0% -164px;
}
#menu ul li a#menu3:hover, #menu ul li a#menu3.active {
	background-position: 0% -182px;
}
#menu ul li a#menu4:hover, #menu ul li a#menu4.active {
	background-position: 0% -200px;
}
#menu ul li a#menu5:hover, #menu ul li a#menu5.active {
	background-position: 0% -218px;
}
#menu ul li a#menu6:hover, #menu ul li a#menu6.active {
	background-position: 0% -236px;
}

#submenu {
	width:706px;
	height:230px;
}
#submenu div {
	height:229px;
	overflow:hidden;
}
#submenu ul {
	margin:96px 0 0 0px;
	padding:13px 0px;
	width:183px;
	background:url(./img/submenu.png) left top repeat-y;
}
#submenu ul li {
	display:inline;
}
#submenu ul li a {
	display:block;
	position:relative;
	padding:0 36px;
	padding-right:0;
	text-transform: uppercase;
	color:#fff;
	font-size:11px;
	line-height:17px;
}
#submenu ul li a.active {
	text-decoration:underline;
}

.box {
	width:183px;
	height:100px;
	background:url(./img/box.png) left top repeat-y;
	vertical-align: middle;
	color:#000;
	line-height:18px;
	height:35px;
}
.box a {
	color:#ff6100;
	position:relative;
}
.box #announce {
	margin:14px 0;
	padding-left:22px;
}
.box #announce p {
	margin:0;
	padding:0;
}
#headline {
	width:668px;
	height:35px;
	background:#2A4B66;
	font-size:16px;
	font-weight:normal;
	color:#D4DBE0;
	height:35px;
	line-height:34px;
	padding-left:38px;
}
#tools {
	position:relative;
	display:inline;
	margin-top:-35px;
	float:right;
}
#tools td {
	vertical-align:middle;
	height:35px;
	line-height:35px;
}
#navigation {
	position:relative;
	padding-right:0px;
	font-size:11px;
	color:#D4DBE0;
	height:35px;
	line-height:35px;
	padding-left:38px;
	float:right;
}
#navigation ul {
	margin:0;
}
#navigation ul li {
	display:block;
	float:left;
	padding-left:14px;
}
#navigation a {
	height:35px;
	line-height:35px;
}
#navigation img {
	float:left;
}
#search, #slideshow {
	position:relative;
	padding-left:15px;
	color:#D4DBE0;
	height:15px;
	line-height:15px;
	margin-right:5px;
}
#slideshow {
	margin:0;
}
#search form {
	margin:0;
}
#search div {
	height:15px;
}
#search input {
	border:none;
	position: relative;
	font-size:11px;
}
#search input.button {
	width:15px;
	height:15px;
	background:url('./img/search.png') top left no-repeat;
}
#search #keyword {
	background:#FF6100;
	color:#fff;
	float:left;
	height:14px;
	line-height:14px;
	font-size:11px;
	border:none;
	width:6em;
	padding-left:3px;
	margin-right:3px;
}
.content, #home {
	position:relative;
	color:#000;
	margin:0px auto;
	width:889px;
	min-height:625px;
	background:url(./img/bg-home-content.jpg) left bottom no-repeat white;
}
.content {
	background:url(./img/bg-content.jpg) left bottom no-repeat white;
}
#left img {
	display:block;
	margin-bottom:1px;
}
.no-headline {
	margin-left:38px;
	margin-top:60px;
	width:270px;
	line-height:18px;
}

.data_list {

}
.data_list td, .gallery_list td {
	padding-top:1px;
}
.data_list td.image {
	width: 143px;
	text-align:right;
}
.data_list td.image img, .gallery_list img {
	display:block;
	float:left;
}
.data_list td.text {
	width:480px;
	padding-left:30px;
	vertical-align: middle;
}
.data_list td.text p {
	margin:5px 0;
}
.gallery_list td {
	padding-right:1px;
}
.data_details {
	width:706px;
}
.data_details h1 {
	margin-top:34px;
	margin-bottom:19px;
}
.data_details td {
	padding-left:38px;
	padding-right:7px;
}
.data_details td.image {
	padding:0;
	padding-top:1px;
	text-align:right;
}
.data_details .quantity {
	width:50px;
	border:solid #000 1px;
}
.data_details form input {
	display:inline;
}
#footer {
	width:889px;
	height:139px;
	margin:0px auto;
	margin-top:-139px;
}
#footer div {
	position:relative;
	width:183px;
	height:139px;
	background:url(./img/footer.jpg) left top repeat-y;
}
#footer p {
	position:relative;
	color: #fff;
	font-size:11px;
	line-height:18px;
	padding:10px 0 0 10px;
	width:172px;
}
#footer span {
	font-size:1.1em;
}
#footer a {
	color:#fff;
}
#footer #copyright { display:block; font-size:smaller; text-align: center;margin-right:10px; }
#footer #copyright a {font-weight: bold;}
#pageContent { padding-top:66px; padding-left:40px; width:280px; }




/*    SHOPPING CART    */

.button 			 { background:#FF6000; color:white; border:none; }
.button:hover		 { cursor:pointer; }
.ui-effects-transfer { border: 1px solid #000; }

#contentOrder						 { min-height:367px; width:100%; }
#contentOrder table.data_input,
#contentOrder table.data_confirm 	 { margin-left:40px; text-align:left; }
#contentOrder table.data_confirm td  { width:100px; }
#contentOrder table.data_input h2	 { font-size:16px; }
#contentOrder p						 { margin-left:20px; text-align:left; }
#contentProduct table.data_input	 { margin-left:20px; text-align:left; width:600px;}

#contentOrder table.cartView		 { margin-left:40px; }
#contentOrder table.cartView .quantity	 { width:50px; }

/*  Cart summary  */
#btnUpdate							 {  }
#btnOrder							 { }
#cart_hold_summary                   { min-height:35px; }
#cart_summary                        { min-height:35px; position:relative; width:161px; padding:16px 0 16px 22px; font-size:11px; line-height:14px; color: #313232; }
#cart_summary h3                     { font-size:12px; margin:0; margin-bottom:12px; }
#cart_summary a                      {  }

/*  SHOP ORDER STEPS  */
#orderSteps                          {
	width:620px;
	margin-top:34px;
	margin-left:38px;
	margin-right:7px;

}
#orderSteps td						 { padding-right:7px; }
#orderSteps td div                   { width:124px; }
#orderSteps .stepIndicator           { vertical-align:middle; padding:0px; padding-left:7px; margin:0px; text-align:center; }
#orderSteps .stepIndicator img		 { margin-left:1px; display:block; margin:0px auto; }
#orderSteps h2,
#orderSteps .stepExplain             { text-align:right; }
#orderSteps h2                       { display:none; }
#orderSteps .stepExplain             { display:none; }
#orderSteps .stepCurrent,
#orderSteps .stepActive				 { }
#orderSteps .stepCurrent h2,
#orderSteps .stepActive	h2			 { color:white; }
#orderSteps .stepActive a            { color:white; }
#orderSteps .stepActive a:hover		 { text-decoration:underline; }
#orderSteps img {}

/*  CART VIEW  */
form#cartForm                        { width:620px; margin:10px 0; margin-left:38px;}
input.product_active                 { width:50px; font-weight:bold; }
input.product_inactive               { width:50px; color:#777; }
table.cartView                       { width:650px; }
table.cartView th                    { font-weight:bold; padding:2px; }
table.cartView td                    { padding:2px; vertical-align: top; }
table.cartView .price                { text-align:right; }
table.cartView .cartColQuantity      { width:15%; }
table.cartView .cartColName          { width:42%; }
table.cartView .cartColPrice         { width:14%; }
table.cartView .cartColVAT           { width:60px; text-align: right;}
table.cartView .cartColTotal         { text-align: right; }
table.cartView .cartColDelete        { width:20px; text-align:right; vertical-align:top; }

/*  SHOP ORDER CART  */
table.orderCart 			        { margin-top:10px; margin-bottom:20px; margin-left:38px; width:645px; }
table.orderCart th                  { font-weight:bold; padding:5px 0; }
table.orderCart td                  { padding:2px; }
table.orderCart .price              { text-align:right; }
table.orderCart tr.product td       { }
table.orderCart tr.vatGroup td      { font-weight:bold; }
table.orderCart tr.shippingInfo td  { border-top:solid black 1px; }
table.orderCart tr.totalRebate td   { border-top:solid black 2px; font-weight:bold; }
table.orderCart tr.totalPrice td    { font-weight:bold; }

/*  STAGE CLASSES  */
.stage_new       { color:white; background-color:#D40518; }
.stage_progress  { color:white; background-color:#FFC516; }
.stage_questions { color:white; background-color:#15B54D; }
.stage_finished  { color:black; background-color:#FFFFFF; }
.stage_new,
.stage_progress,
.stage_questions,
.stage_finished  { margin-left:auto; margin-right:auto; width:12px; height:12px; border:solid black 1px; font-size: 10px; }


/*  STANDARD FORM AND ERROR MESSAGES  */
table.data_input .data_input {
	margin:0;
	width:310px;
}
table.data_input td 			   { padding:1px; }
table.data_input .fieldRequired    { color:red; }
table.data_input .fieldError       { color:#b00; }
table.data_input .label_key        { text-decoration:underline; }
table.data_input .fieldInfo        { color:#575757; font-weight:normal; }
table.data_confirm td 			   { padding:1px; }
table.data_input input	 		   { border:solid #000 1px; margin-bottom:2px;}
table.data_input #messageBoxError  { margin-left:0px; }
div#danke { margin-top:20px; margin-left:38px; width:645px; }

/* Error Messages Box */
div#messageBoxError                { min-height:48px; margin:0pt 0pt 10px;
                                     background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#C60000; padding:7px 40px 7px 80px;
									 -moz-border-radius:10px; }
div#messageBoxError ul             { padding-left:0px; }
div#messageBoxError ul li          { list-style-type:disc; padding:4px 4px 4px 0px; margin-left:13px;}
div#messageBoxError p              { margin:5px 0; }
#order div#messageBoxError         { width:524px; }


/* Error 404 */
#contentError {
	padding-left:38px;
	margin-top:34px;
	width:600px;
}

/* Search Results*/
#searchResults {margin-top:20px; width:600px; }
#searchResults ul li {line-height:15px; }
#searchResults ul li a {font-weight:bold;}
#searchResults .searchTerm { font-weight:bold; }
#searchResults .summary{margin-bottom:5px;}

#searchFormIndex td {
	padding-left:0;
	vertical-align:middle;
}
#searchFormIndex input {
	border:solid #000 1px;
	font-size:11px;
}

#searchFormIndex div input {
	border:none;
}


/*  PAGING  */
.Pages                { text-align: center; margin-bottom: 20px; margin-top:20px; width:600px;}
.Pages a              {  }
.Paginator            { font-size: 11px; padding-top: 10px; padding-left: 0px; padding-bottom: 10px; }
.Paginator a,
.pageList .this-page  { padding: 2px 6px; border: solid 1px #FF6000; background: #fff; text-decoration: none; }
.Paginator a:visited  { padding: 2px 6px; border: solid 1px #FF6000; background: #fff; text-decoration: none; }
.Paginator .AtStart   { margin-right: 20px; padding: 2px 6px; background: #fff; color: #000; }
.Paginator .Prev      { margin-right: 20px; padding: 2px 6px; border: solid 1px #FF6000; background: #fff; }
.Paginator .break     { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next      { margin-left: 20px; padding: 2px 6px; border: solid 1px #FF6000; background: #fff;}
.Paginator .AtEnd     { margin-left: 20px; padding: 2px 6px; background: #fff; color: #000; }
.Paginator .this-page { padding: 3px 6px; border-color: #999; font-weight: bold; font-size: 12px; vertical-align: top; background-color: #fff; color: #FF0084; }
.Paginator a:hover    { color: #fff; background: #FF6000; border-color: #FF6000; text-decoration: none;}
.Pages div.Results    { text-align: center; font: 11px/15px Arial, Helvetica; color: #000; margin-top: 8px; margin-bottom:40px; }
.Pages div.Results form,
.Pages div.Results form div { display:inline; z-index:100; }