/* General Rules */
html, body { 
	height:100%; 
} 
body {
	font-family:arial, tahoma;
	padding:0px;
	margin:0px;
	color:#000000;
	background:url(./img/bg.jpg) top left repeat-x #B5E2F5; 
	text-align:left;
}
table {
	margin:0px; 
	padding:0px;  
	border-collapse:collapse; 
}
table tr td { 
	padding:0px; 
	margin:0px;
	vertical-align:top; 
}
ul {
	margin:0px; 
	padding:0px;
}
ul li { 
	list-style-type:none; 
	margin:0px; 
	padding:0px; 
}
img { 
	border-style:none; 
}
a {
	color:#58585A;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

/* End General Rules */



#wrapper{
	min-height:100%;
	width:873px;
	border:solid white 3px;
	border-top: none;
	border-bottom: none;
	margin:0px auto;
	color:#58585A;
	background:#fff;
}

* html #wrapper {
	height:100%;
}

#header {
	width:100%;
}

#header #logo {
	vertical-align: middle;
	text-align: right;
	width:100%;
	height: 106px;
	background:url(./img/header-bg.jpg) top left no-repeat;
}

#header #logo a {
	margin-right:50px;
	width: 251px;
	height: 45px;
}

#header #menu {
	padding-left:45px;
	vertical-align:middle;
	width:100%;
	height:27px;
	background:url(./img/menu/bg.jpg) top left no-repeat;
	border-top: solid white 3px;
}

#header #menu ul {
	height:15px;  	
	margin: 0;
  	padding: 0;
  	list-style: none;
	float:left;
}

#header #menu ul li {
  	height: 15px;
  	line-height: 15px;
  	padding: 0px;
  	float:left;
	padding-right:11px;
}

#header #menu ul li a {
	text-decoration: none;
  	height: 15px;
  	line-height: 15px;
  	text-align: left;
	padding:0px;
}

* html #header #menu ul li a {
	display:inline;
}
#header-home-menu ul li a:hover {
  	cursor: pointer;
}
 
#header #searchForm {
	position:relative;
	margin:0;
  	padding: 0;
	float:right;
	margin-right:5px;
}
* html #header #searchForm { 
	top:2px;
	right:-25px;
}

#header #searchForm div {
	height:15px;
}
#header #searchForm form {
	position:relative;
	height:15px;
	line-height:15px;
	margin: 0;
  	padding: 0;
}

#header #searchForm input {
	height:15px;
	line-height:15px;
	border:none;
	float:left;
	width:16px;
	position: relative;
	padding:0;
	color:#58585A;
}

#header #searchForm #search_keyword {
	height:15px;
	line-height:15px;
	font-size:10px;
	border:none;
	width:10em;
	padding-left:3px;
}

#header #searchForm input.button {
	margin-left:5px;
	width:16px;
}

#content {
	border-top: solid white 3px;
	text-align: left;
	width:873px;
	min-height:445px;
	background:url(./img/content/bg.jpg) left top no-repeat #fff;
	font-size: 0.8em;
	z-index:100;
}

* html #content {
	height:445px;
}

#content table#homepage {
	margin-top:25px;
	width:100%;
}

#content table#homepage #homepage_message {
	border-top:solid #58585A 1px;
	border-bottom:solid #58585A 1px;
	width:100%;	
	height:228px;
	background:url(./img/content/homepage.jpg) top right no-repeat #fff;
	margin-bottom:15px;
}
#content table#homepage #homepage_message td {
	vertical-align: middle;
}

#content table#homepage #homepage_message div {
	font-weight:bold;
	text-align:right;
	width:480px;
}

#content table#homepage #homepage_message p {
	font-weight: normal;	
	font-size:1.5em;
	margin:0;	
}

#content #site {
	width:873px;
	margin-bottom: 50px;
}

#content #left {
	padding-top:43px;
	padding-left:45px;
	font-size:12px;
}

#content #left h1 {
	color: #00A8D7;
	font-size: 16px;
}

#content #left .static_headline {
	font-size: 18px;
	font-weight:normal;
	color:#58585A;
	margin:15px 0;
	display: block;
}

#content #left .static_content {
	border-collapse: separate;
	border: none;
	width:500px;
}

#content #left .static_grey {
	background: #ccc;
}

#content #left .static_cyan {
	background: #c3ecf8;
	width:120px;
}

#content #left h2, #homepage h2 {
	color: #00A8D7;
	font-size: 16px;
	margin:0;
}

#content #left p {
	width:470px;
	line-height:18px;
}

#content #left #back {
	float:right;
	margin-top:-40px;
	margin-right:3px;
}

* html #content #left #back {
	margin-right:2px;
}

#content #left .items_per_column td {
	padding:0 10px 15px 10px;
	text-align:left;
}

#content #left .items_per_column td.holdItemImageSmall {
	width:106px;
	text-align:right;
	padding-left:0;
	padding-right:0;
}

#content #left .items_per_column td.holdItemImageSmall img {
	border: solid 1px #58585A;
}
#content #left .shop_categories td.holdItemImageSmall img {
	border-style:none;
}

#content #left .items_per_column p {
	width:150px;
	margin:0;
	margin-top:2px;
}

#content #left .items_per_column h2 a {
	color:#00A3D5;
}
 
#content #left td.holdItemImage, #homepage td.holdItemImage {
	text-align:right;
	vertical-align: middle;	
	padding-right:20px;
	padding-bottom:0px;
	height:90px;
	width:100px;
}
table.news_homepage {
	width:100%;
	margin-left:20px;
}

#content #left .holdItemImage img, #homepage .holdItemImage img {
	border:solid #58585A 1px;
	padding:0;
	margin:0;
}

#content #left .holdItem, #homepage .holdItem {
	vertical-align: middle;
}

#content #left #details {
	margin-left: -35px;
	margin-right: 20px;
	padding-bottom: 30px;
}

#content #left #details span {
	display: block;
	margin-top: 20px;
	margin-left:410px;
}

#content #left #details form {
	margin-top: 40px;
	margin-left:410px;
	padding: 7px;
	background: #E4E4E4;
	font-size:11px;
}

#content #left #details form table {
	width:100%;
}

#content #left #details form table td {
	text-align: center;	
	vertical-align: bottom;
}

#content #left #details form .quantity {
	border:solid #58585A 1px;
	width:3em;
}

#content #left #details #news-image {
	float:left;
	margin-left: -10px;
	padding-right: 20px;
	padding-bottom: 5px;
}

#content #left #details #news-image img {
	display:block;
	margin-bottom:1px;
}

#content #left #details h2 {
	margin-bottom: 20px;
}

#content #left #details p {
	display:inline;
}

#content #right {
	background:#fff;
	width:226px;
	height:445px;
}

#content #right ul {
	margin: 45px 0 0 25px;
}

#content #right ul li {
	padding:2px 0;
}

#content #right ul li#agb {
	margin-top:15px;
}

#content #right ul li a {
	color:#909091;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

#content #right ul li a:hover, #content #right ul li a.active {
	text-decoration: none;
	color: #00A8D7;
}

#content #right ul li a.title {
	color:#1BBBE9;
	margin-bottom:15px;
}


#footer {
	color:#58585A;
	margin:0px auto;
	margin-top:-30px;
	height:27px;
	line-height:27px;
	width:873px;
	border-bottom:solid #fff 3px;
}

#footer #left-foot {
	padding-left:50px;
	text-align: left;
	vertical-align: middle;
	font-size:11px;
	width:610px;
	background:url(./img/content/left.jpg) top left no-repeat #fff;
}

#footer #right-foot {
	width:213px;
	background:url(./img/content/right.jpg) top right no-repeat;
}

#copyright {
	position:relative;
	margin:0px auto;
	margin-top:-100px;
	width:873px;
	height:96px;
	z-index:1;
}

#copyright td {
	float:right;
	text-align: right;
	margin-right:-65px;
}

#copyright img {
	position:relative;
	*margin-right:-65px;
	display: block;
	margin-bottom:2px;
}

a#print {
	float:right;
	text-decoration:none;
}

a#print:hover {
	background: #fff;
	color: #000;
}


/*    SHOPPING CART    */
/*  TODO: FIXME: */
.button 	            { color:black; display: block; position: relative; margin-left:10px;}
.button:hover		    { cursor:pointer; }
.button_graphical       { border-style:none; vertical-align:baseline; height:25px; }
.button_graphical:hover { border-style:none; cursor:pointer; }

#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  */
#cart 								 { margin-top:30px; padding:8px; }
#order								 { margin-left:-30px; padding-right:20px; margin-bottom:40px;}
#btnUpdate							 { }
#btnOrder							 { }
#cart_hold_summary                   { width:100%; }
#cart_summary                        { width:117px; margin:0 auto 0 auto; padding:0 0 0 0; font-size:11px; border:solid #7f7f7f 1px; }
#cart_summary h3                     { }
#cart_summary div                    { padding:5px 0 5px 5px; }
#cart_summary a                      { color:#636365; }

#cart #cart_info { 
	width:117px; 
	margin:10px auto; 
	padding:0px; 
	border:solid #7F7F7F 1px; 
	font-weight: normal; 
	font-size:11px;
}

#cart #cart_info div { 
	margin:5px;
}

/*  SHOP ORDER STEPS  */
#orderSteps                          { border-collapse:collapse; margin-left:-30px; }
#orderSteps td						 { padding-left:7px; }										
#orderSteps td div                   { width:115px;; }
#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:100%; }
input.product_active                 { width:50px; font-weight:bold; }
input.product_inactive               { width:50px; color:#777; }
table.cartView                       { width:100%; }
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  */
#content table.orderCart 			{ margin-left:0px; width:100%; }
table.orderCart                     { margin-bottom:30px; text-align:left;  }
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 tr td {padding:3px; }
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 tr td {padding:3px; }
div#messageBoxError                { width:490px; min-height:48px; margin:10px 0;
                                     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:25px; }
div#messageBoxError ul li          { list-style-type:disc; padding:4px 4px 4px 5px; }
div#messageBoxError p              { margin:5px 0 5px 0; }
div#messageBoxWarning              { width:100%; min-height:35px; margin:0 0 10px 0;
                                     background-color:#FFFFDD; background-image:url(img/warning.png); background-position:20px 12px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#AA0000; padding:12px 40px 0px 50px;
                                     -moz-border-radius:10px; } 
                                     


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


/*  PAGING  */
.Pages                { text-align: center; margin-bottom: 20px; margin-top: 10px; }
.Pages a              { color:#0063DC; }
.Paginator            { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 10px; }
.Paginator a,
.pageList .this-page  { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator a:visited  { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .AtStart   { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.Paginator .Prev      { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.Paginator .break     { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next      { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.Paginator .AtEnd     { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.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: #0063DC; border-color: #036; text-decoration: none;}
.Pages div.Results    { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; margin-bottom:40px;}
.Pages div.Results form, .Pages div.Results form div {display:inline; z-index:100;}