/************************************************************** CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1;
	color: black;
	background: white;
	position:relative;
}
textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.3em;
}
ul {
	list-style: none;
}
ol {
	clear:left;
	padding:0 24px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th {
    text-align: left;
}
th[align="right"] {
    text-align: right;
}
caption, th, td {
	font-weight: normal;
}
legend {
	display:none;
}
/************************************************************************ /CSS reset */

/************************************************************************ Set up fonts */
a {
	color:#016eca;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* headlines */
h1 {
  color:#000;
  display:block;
	font-size:2.6em;
	font-weight:normal;
	line-height:32px;	
	margin:10px 0 0.25em 0;
}
h1.title {
	color:#c00;
	font-size:1.3em;
	margin:0;
	text-transform:uppercase;
}
h2 {
  color:#000;
	font-size:2.6em;
	font-weight:normal;
	line-height:32px;
	margin-bottom:0.3em;
}
h3, h4, h5, h6 {
  color:#000;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:0.3em;
}

strong {
	font-weight:bold;
}

table p {
    font-size:1em;
}

p, ul, ol, table, pre, input {
  font-size:1.3em;
	line-height:1.3em;
	margin-bottom:1.1em;
}

p.preamble {
	clear:left;
	font-size:1.7em;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:0.75em;
}

p.wide-readable {
	margin-bottom:1em;
	padding-right:240px;
}


label,
.label {
	font-size:1.15em;
	line-height:1.2em;
}


/*** lists ***/
ul {
	line-height:1.5em;
}
ul ul {
	font-size:1em;
}
ul li {
	background:url(../images/li.png) no-repeat 0px 6px;
	margin-bottom:0.3em;
	padding-left:14px;
}

#header ul,
#navigation ul {
	line-height:1.3em;
}

#header ul ul,
#navigation ul ul {
	font-size:1em;
}

#header ul li,
#navigation ul li {
	background:none;
	margin:0;
	padding:0;
}


/************************************************************************ /Set up fonts */



/************************************************************************ Buttons */
span.button, a.button {
	background:transparent url(../images/button.png) no-repeat left -1px;
	float:left;
	display:block;
	height:35px;
	margin-top:-1px;
	outline:0;
	padding-left:7px;
	text-decoration:none;
}
a.button,
a.button:hover,
a.button:active {
    background-color:#E7E7E7;
}
/* red buttons */
span.prev {
	background: #fff url(../images/button-prev.png) no-repeat left -1px;
	padding-left:15px;
}
span.next {
	background: #fff url(../images/button-next.png) no-repeat left -1px;
	padding-left:7px;
}
input.button, a.button span{
	background:transparent url(../images/button.png) no-repeat right -1px;
	border:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	margin:0;
	overflow:visible;
	padding:6px 11px 8px 0;
	text-transform:uppercase;
	width:auto;
}
a.button span, 
a.button:hover span,
a.button:active span {
    background-color:#fff !important;
    display:block;
    padding:8px 15px 10px 0;
}
	.next input.button {
		background: url(../images/button-next.png) no-repeat right -1px;
		padding:6px 19px 12px 0 !important;
	}
	.prev input.button {
		background:  url(../images/button-prev.png) no-repeat right -1px;
		padding:6px 13px 12px 0 !important;
	}
	span.button.hover, a.button:hover {
		background: url(../images/button.png) no-repeat left -39px;
	}
	span.next.hover {
		background: url(../images/button-next.png) no-repeat left -39px;
	}
	span.prev.hover {
		background: url(../images/button-prev.png) no-repeat left -39px;
	}
		span.button.hover input.button, a.button:hover span {
			background: url(../images/button.png) no-repeat right -39px;
			color:#fff;
		}
		span.next.hover input.button {
			background: url(../images/button-next.png) no-repeat right -39px;
			color:#fff;
		}
		span.prev.hover input.button {
			background: url(../images/button-prev.png) no-repeat right -39px;
			color:#fff;
		}
	span.button.click, a:active.button {
		background: url(../images/button.png) no-repeat left -77px;
	}
	span.prev.click {
		background: url(../images/button-prev.png) no-repeat left -77px;
	}
	span.next.click {
		background: url(../images/button-next.png) no-repeat left -77px;
	}
		span.button.click input.button, a:active.button span {
			background: url(../images/button.png) no-repeat right -77px;
			color:#fff;
		}
		span.prev.click input.button {
			background: url(../images/button-prev.png) no-repeat right -77px;
			color:#fff;
		}
		span.next.click input.button {
			background: url(../images/button-next.png) no-repeat right -77px;
			color:#fff;
		}

/* blue buttons */
span.blue-button, a.blue-button {
	background:transparent url(../images/blue/button.png) no-repeat left -1px;
	float:left;
	display:block;
	height:35px;
	margin-top:-1px;
	outline:0;
	padding-left:7px;
	text-decoration:none;
}
span.blue-prev {
	background: #fff url(../images/blue/button-prev.png) no-repeat left -1px;
	padding-left:15px;
}
span.blue-next {
	background: #fff url(../images/blue/button-next.png) no-repeat left -1px;
	padding-left:7px;
}
input.blue-button, a.blue-button span{
	background:transparent url(../images/blue/button.png) no-repeat right -1px;
	border:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#0188CA;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	margin:0;
	overflow:visible;
	padding:6px 11px 8px 0;
	text-transform:uppercase;
	width:auto;
}
a.blue-button span, 
a.blue-button:hover span,
a.blue-button:active span {
    background-color:#fff !important;
    display:block;
    padding:8px 15px 10px 0;
}
	.blue-next input.blue-button {
		background: url(../images/blue/button-next.png) no-repeat right -1px;
		padding:6px 19px 12px 0 !important;
	}
	.blue-prev input.blue-button {
		background:  url(../images/blue/button-prev.png) no-repeat right -1px;
		padding:6px 13px 12px 0 !important;
	}
	span.blue-button.hover, a.blue-button:hover {
		background: url(../images/blue/button.png) no-repeat left -39px;
	}
	span.blue-next.hover {
		background: url(../images/blue/button-next.png) no-repeat left -39px;
	}
	span.blue-prev.hover {
		background: url(../images/blue/button-prev.png) no-repeat left -39px;
	}
		span.blue-button.hover input.blue-button, a.blue-button:hover span {
			background: url(../images/blue/button.png) no-repeat right -39px;
			color:#fff;
		}
		span.blue-next.hover input.blue-button {
			background: url(../images/blue/button-next.png) no-repeat right -39px;
			color:#fff;
		}
		span.blue-prev.hover input.blue-button {
			background: url(../images/blue/button-prev.png) no-repeat right -39px;
			color:#fff;
		}
	span.blue-button.click, a:active.blue-button {
		background: url(../images/blue/button.png) no-repeat left -77px;
	}
	span.blue-prev.click {
		background: url(../images/blue/button-prev.png) no-repeat left -77px;
	}
	span.blue-next.click {
		background: url(../images/blue/button-next.png) no-repeat left -77px;
	}
		span.blue-button.click input.blue-button, a:active.blue-button span {
			background: url(../images/blue/button.png) no-repeat right -77px;
			color:#fff;
		}
		span.blue-prev.click input.blue-button {
			background: url(../images/blue/button-prev.png) no-repeat right -77px;
			color:#fff;
		}
		span.blue-next.click input.blue-button {
			background: url(../images/blue/button-next.png) no-repeat right -77px;
			color:#fff;
		}
fieldset input.blue-button, 
fieldset span.blue-button.hover input.blue-button,
fieldset span.blue-button.click input.blue-button {
	background-color:#fff !important;
}
	
	
fieldset input.button, 
fieldset span.button.hover input.button,
fieldset span.button.click input.button {
	background-color:#fff !important;
}
.popup-inner fieldset span.button input.button, 
.search fieldset span.button input.button {
	background-color:#fff !important;
}

.price_12 {
   font-weight: bold;
}

/* special header buttons */
#header a.logout {
    color:#0188CA;
    cursor:pointer;
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:35px;
    margin:-7px 0 0 12px;
    padding-left:9px;
    text-transform:uppercase;
}
#header a.logout span {
    margin:0;
    padding:6px 13px 8px 0;
}
#header span.button {
	background:transparent url(../images/header-button.png) no-repeat left -1px;
}
	#header input.button {
		background:transparent url(../images/header-button.png) no-repeat right -1px;
	}
	#header span.button.hover {
		background:transparent url(../images/header-button.png) no-repeat left -39px;
	  color:#fff;
	  text-decoration:none;
	}
		#header span.button.hover input.button {
			background:transparent url(../images/header-button.png) no-repeat right -39px;
		}
		#header span.button.click {
			background:transparent url(../images/header-button.png) no-repeat left -77px;
		    outline:0;
		}
		#header span.button.click input.button {
			background:transparent url(../images/header-button.png) no-repeat right -77px;
		    outline:0;
		}

#header span.blue-button {
   background:transparent url(../images/header-blue-button.png) no-repeat left -1px;
}
   #header input.blue-button {
      background:transparent url(../images/header-blue-button.png) no-repeat right -1px;
   }
   #header span.blue-button.hover {
      background:transparent url(../images/header-blue-button.png) no-repeat left -39px;
     color:#fff;
     text-decoration:none;
   }
      #header span.blue-button.hover input.blue-button {
         background:transparent url(../images/header-blue-button.png) no-repeat right -39px;
      }
      #header span.blue-button.click {
         background:transparent url(../images/header-blue-button.png) no-repeat left -77px;
          outline:0;
      }
      #header span.blue-button.click input.blue-button {
         background:transparent url(../images/header-blue-button.png) no-repeat right -77px;
          outline:0;
      }


/*Inline button*/
.button a{
	background:#fff url(../images/inlinebutton.png) no-repeat right top;
	color:#fff;
	display:block;
	float:left;
	padding:0 10px 6px 0;	
}
.popupbottom a.button {
	background:transparent url(../images/inlinebutton-gray.png) no-repeat right top;
}
	span.inlinebutton {
		background:#fff url(../images/inlinebutton.png) no-repeat left top;
		font-weight:bold;
		display:block;
		padding:8px 3px 11px 9px;
		text-transform:uppercase;
		white-space:pre;
}
	.popupbottom span.inlinebutton {
		background:transparent url(../images/inlinebutton-gray.png) no-repeat left top;
	}
.button a:hover {
	background:#fff url(../images/inlinebutton.png) no-repeat right -80px;
	color:#fff;
	text-decoration:none;
}
	.popupbottom a:hover.button {
		background:#fff url(../images/inlinebutton-gray.png) no-repeat right -80px;
	} 
	.button a:hover span.inlinebutton {
		background:#fff url(../images/inlinebutton.png) no-repeat left -80px;
	}
	.popupbottom a:hover.button span.inlinebutton {
		background:#fff url(../images/inlinebutton-gray.png) no-repeat left -80px;
	}
.button a:active {
	background:#fff url(../images/inlinebutton.png) no-repeat right -160px;
	color:#fff;
	text-decoration:none;
	outline:0;
}
.popupbottom a:active.button {
	background:transparent url(../images/inlinebutton-gray.png) no-repeat right -160px;
}
	.button a:active span.inlinebutton {
		background:transparent url(../images/inlinebutton.png) no-repeat left -160px;
	}	
	.popupbottom a:active.button span.inlinebutton {
		background:transparent url(../images/inlinebutton-gray.png) no-repeat left -160px;
	}

a.prev-button {
	background:#fff url(../images/button-prev.png) no-repeat left -1px;
	float:left;
	font-weight:bold;
	padding:0 0 0 15px;
}
	a.prev-button span {
		background:#fff url(../images/button-prev.png) no-repeat scroll right -1px;
		font-size:12px;
		display:block;
		padding:4px 16px 12px 0;
	}
a:hover.prev-button {
	background:#fff url(../images/button-prev.png) no-repeat left -39px;
	color:#fff;
	text-decoration:none;
}
		a:hover.prev-button span {
			background:#fff url(../images/button-prev.png) no-repeat right -39px;
		}
a:active.prev-button {
	background:#fff url(../images/button-prev.png) no-repeat left -77px;
	color:#fff;
	text-decoration:none;
}
	a:active.prev-button span {
		background:#fff url(../images/button-prev.png) no-repeat right -77px;
	}
a:focus.prev-button {
	outline:0;
}

/* Blue Inline button*/
.blue-button a{
	background:#fff url(../images/blue/inlinebutton.png) no-repeat right top;
	color:#0188CA;
	display:block;
	float:left;
	padding:0 10px 6px 0;	
}
.popupbottom a.blue-button {
	background:transparent url(../images/blue/inlinebutton-gray.png) no-repeat right top;
}
	span.blue-inlinebutton {
		background:#fff url(../images/blue/inlinebutton.png) no-repeat left top;
		font-weight:bold;
		display:block;
		padding:8px 3px 11px 9px;
		text-transform:uppercase;
		white-space:pre;
}
	.popupbottom span.blue-inlinebutton {
		background:transparent url(../images/blue/inlinebutton-gray.png) no-repeat left top;
	}
.blue-button a:hover {
	background:#fff url(../images/blue/inlinebutton.png) no-repeat right -80px;
	color:#fff;
	text-decoration:none;
}
	.popupbottom a:hover.blue-button {
		background:#fff url(../images/blue/inlinebutton-gray.png) no-repeat right -80px;
	} 
	.blue-button a:hover span.blue-inlinebutton {
		background:#fff url(../images/blue/inlinebutton.png) no-repeat left -80px;
	}
	.popupbottom a:hover.blue-button span.blue-inlinebutton {
		background:#fff url(../images/blue/inlinebutton-gray.png) no-repeat left -80px;
	}
.blue-button a:active {
	background:#fff url(../images/blue/inlinebutton.png) no-repeat right -160px;
	color:#fff;
	text-decoration:none;
	outline:0;
}
.popupbottom a:active.blue-button {
	background:transparent url(../images/blue/inlinebutton-gray.png) no-repeat right -160px;
}
	.blue-button a:active span.blue-inlinebutton {
		background:transparent url(../images/blue/inlinebutton.png) no-repeat left -160px;
	}	
	.popupbottom a:active.blue-button span.blue-inlinebutton {
		background:transparent url(../images/blue/inlinebutton-gray.png) no-repeat left -160px;
	}

a.prev-button {
	background:#fff url(../images/button-prev.png) no-repeat left -1px;
	float:left;
	font-weight:bold;
	padding:0 0 0 15px;
}
	a.prev-button span {
		background:#fff url(../images/button-prev.png) no-repeat scroll right -1px;
		font-size:12px;
		display:block;
		padding:4px 16px 12px 0;
	}
a:hover.prev-button {
	background:#fff url(../images/button-prev.png) no-repeat left -39px;
	color:#fff;
	text-decoration:none;
}
		a:hover.prev-button span {
			background:#fff url(../images/button-prev.png) no-repeat right -39px;
		}
a:active.prev-button {
	background:#fff url(../images/button-prev.png) no-repeat left -77px;
	color:#fff;
	text-decoration:none;
}
	a:active.prev-button span {
		background:#fff url(../images/button-prev.png) no-repeat right -77px;
	}
a:focus.prev-button {
	outline:0;
}
/************************************************************************ /Buttons */

/************************************************************************ Tables */
#primary .shadow {
	background:url(../images/shadow-primary.png) no-repeat left top;
	clear:both;
	overflow:hidden;
	padding:10px 0 0 0;
	width:541px;
}
#primary .shadow-inner {
	background:url(../images/shadow-primary.png) no-repeat left bottom;
	margin:0;
	padding:0 12px 20px 12px;
}
#primary .tabarea .shadow,
#primary .tabarea .shadow-inner {
	background:#fff;
}
#primary .tabarea .shadow {
    padding:10px 0;
    width:495px;
}
#primary .tabarea .shadow-inner {
    padding:0;
}
table {	
	clear:both;
	margin:0;
	width:508px;
}

caption {
	color:#c00;
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	padding:2px 0 6px 0;
	text-transform:uppercase;
}
tr {
	
}
td, th {
	padding:3px 12px;
	vertical-align:middle;
}
th {
  font-weight:bold;
}
.odd td, .odd th {
	background:#e8e8e8;
	border-bottom:solid 1px #d9d9d9;
	border-top:solid 1px #d9d9d9;
}
.sort {
	cursor:pointer;
}
.sort * {
	background:transparent url(../images/sort.gif) no-repeat right bottom;
	padding:0 20px 0 0;
}
.desc {
	background:#949394 url(../images/sort-sel.png) repeat-x top;
}
.desc * {
	background:transparent url(../images/sort.gif) no-repeat right 5px;
	color:#fff;
	padding:0 20px 0 0;
}
.asc {
	background:#949394 url(../images/sort-sel.png) repeat-x top;
}
.asc * {
	background:transparent url(../images/sort.gif) no-repeat right -111px;
	/*override all other colors*/
	color:#fff; 
}

.pagination {
	font-size:1.15em;
	list-style:none;
	margin:6px 0 10px 0;
	padding:0;
	text-transform:uppercase;
}
	.pagination li {
		background:none;
		float:left;
		list-style-image:none;
		list-style-position:outside;
		margin:0 0 0 5px;
		padding:0;
	}
	.pagination li.selected a {
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
	.pagination li.prev {
		margin-right:10px;
	}
	.pagination li.next {
		margin-left:10px;
	}
/************************************************************************ /Tables */


/************************************************************************ Recipeinfo */



.recipeinfopop {
	color:#000;
	display:block;
	padding-top:19px;
	position:absolute;
	right:-478px;
	width:478px;
	z-index:12;
	background:transparent url(../images/wordlist-top.png) no-repeat top left;
	
}
.recipeinfopop-inner {
	background:transparent url(../images/wordlist.png) no-repeat bottom left;
	cursor:default;
	float:left;
	margin:0;
	min-height:100px;
	padding:0 25px 40px 25px;
	width:428px;	
	z-index:1;
}
	.recipeinfopop h3 {
		font-size:1.8em;
		font-weight:normal;
		text-decoration:none;
	}
	.recipeinfopop p {
		font-size:1.2em;
		text-decoration:none;
	}
	.recipeinfopop-content {
		background:#fff; /*Corrects IE's ugly display of bold text*/
		display:none;
		opacity:0;
	}
	.recipeinfopop-content img {
    float:right;
	}
	.close {
		background:url(../images/close.gif) no-repeat left;
		bottom:45px;
		float:right;
		font-size:1.2em;
		right:30px;
		padding:5px 0 5px 18px;
		position:relative;
		text-align:right;
		z-index:2;
	}
	#popup .close {
		position:static;
		bottom:auto;
		right:auto;
	}
	.closebtn {
		background:url(../images/close.png) no-repeat;
		cursor:pointer;
		display:block;
		height:44px;
		position:absolute;
		right:-8px;
		top:-3px;
		width:45px;
	}
	.closebtn span {
	    display:none;
	}
	.loading {
		background:#fff;
		left:20px;
		margin:0 auto;
		position:absolute;
		text-align:center;
		top:40px;
		width:398px;
	}
	.loading p {
		color:#ccc;
		font-size:1.8em;
		padding-left:10px;
	}
/************************************************************************ 
 * 				Grid start - Main grid columns etc						*/
/************************************************************************/
html {
	height:100%;
}
body {
	background:#c00 url(../images/bg.gif) repeat-y fixed center top;
	font-size: 62.5%;
	height:100%;
}
#header {
	background:#fff url(../images/header.png) repeat-x;
	padding:26px 24px 0 24px;
	position:relative;
	width:838px;
}
#main-content{
  float:right;
  width:692px;
}
#page {
	background:#fff;
	margin:0 auto;
	width:886px;
	padding:0;
}
#navigation {
	background:#fff url(../images/shadow-primary.png) no-repeat -742px bottom;
	clear:both;
	float:left;
	margin-right:13px;
	padding-bottom:24px;
	width:181px;
	margin-top:40px;
}
#primary {
	float:left;
	min-height:500px;
	padding:30px 0 0 0;
	position:relative;
	width:548px;
}
#primary.wide {
	width:667px;
}
#footer {
	background:#fff url(../images/footer.png) repeat-x bottom;
	clear:both;
	padding:32px 24px 10px;
	min-height: 44px;
	position:relative;
	z-index:1;
}
/*end main grid*/

/*********************************************************************** Header*/

#skiplinks {
	position: absolute;
	left: -9999px;
}

#left-logo {
	float: left;
}

#right-logo {
	float:right;
	margin-bottom:3px;
}

#header label {
	float:left;
	font-size:13px;
	font-weight:normal;
	padding:5px 0 0 0;
}

fieldset.login {
	position:relative;
	float:left;
	top:0px;
	left:21px;
}
.login p {
	float:left;
	font-size:1.2em;	
	padding:6px 0 15px 0;
	width:112px;
}
p.loggedin {
	font-size:12px;
	position:absolute;
	left:112px;
	text-align:left;
	top:32px;
	width:412px;
}
p.loggedin span {
	float:left;
}
p.loggedin span.button {
	margin:-6px 0 0 12px;
}
p.loggedin em {
	color:#a2a2a2;
	font-style:normal;
}
a.loggout {
	background:url(../images/loggout.gif) no-repeat left center;
	color:#000;
	margin-left:10px;
	padding:3px 0 3px 20px;
}

/* navigation */
#top-navigation{
  border-bottom:solid 1px #ccc;
  margin:0 0 0 -10px;
  padding:20px 0 0 0px;
  position:relative;
  clear:both;
}
#top-navigation ul {
  list-style-type:none;
  margin:0;
  float: left;
}
#top-navigation ul.menu-links li{
  display:inline;
}
#top-navigation ul.menu-links a {
  color:#000;
  display:inline-block;
  padding:5px 12px 5px 12px;
  text-decoration:none;
  text-transform: uppercase;
}
#top-navigation ul.menu-links a:hover {
  background:#ccc;
}
#top-navigation ul.menu-links li a.selected {
  background:#ccc;
  color:#f00;
  font-weight:bold;
}
#top-navigation ul.external-links{
  bottom:0px;
  font-size:1.1em;
  margin:0 0 6px 0;
  position:absolute;
  right:0px;
}

#top-navigation ul.external-links li a {
  display:block;
  color:#000;
  text-align:right;
}

/****************************************************************************** Footer */

	
/****************************************************************************** Navigation */
#navigation-inner {
	background:#fff url(../images/shadow-primary.png) no-repeat -742px top;
	float:left;
	padding:0 6px 0 0;
}

#main-navigation {
	background:#fff url(../images/nav-fade-public.png) repeat-x top;
	padding-top:12px;
	float:left;
}

	#navigation ul {
	clear:both;
    font-size:1.3em;
    float:left;
	margin-bottom:0;
	}
		#navigation ul ul {
		  background:transparent;
			font-size:1em;
      padding-top:0;
		}
    
		#navigation ul li {
			clear:both;
			float:left;
		}
			#navigation ul a {
				color:#000;
				display:block;
				padding:2px 0 2px 10px;
				text-decoration:none;
				width:162px;
			}
				#navigation ul ul a {
					padding:0 0 0 20px;
					width:152px;
				}
					#navigation ul ul ul a {
						padding:0 0 0 30px;
						width:142px;
					}
			#navigation ul a:hover {
				background:#eaeaea;
			}
			#navigation .folded {
				font-weight:bold;
			}
			#navigation .selected {
        color:#c00;
				background:#eaeaea;
				font-weight:bold;
			}

  #navigation h3 {
  	border-top:solid 1px #e7e7e7;
    color:#a2a2a2;
  	font-weight:normal;
  	margin-bottom:0;
  	padding:12px 0 0 12px;
  	width:160px;
  }

fieldset.search {
	margin-top: 10px;
	padding-left: 5px;
}

#bet-alternativ {
	margin-top: 15px;
	text-align: center;
}

#navigation .open_nav {
	color: #999;
}

/*************************************************************************** Content area */

.contentarea {  
  padding:0;
  margin:0px 0px 0px 12px;
}

.tabarea {
	background:url(../images/shadow-primary.png) no-repeat -1683px top;
	clear:both;
	float:left;
	margin-bottom:12px;
	padding-top:24px;
	position:relative;
	z-index:1;
}
	.tabs-inner {
		background:url(../images/shadow-primary.png) no-repeat -1683px bottom;
		clear:both;
		padding:0 32px 42px 24px;
		width:486px;
	}

.tabs {
	background:none;
	border-bottom:solid 1px #d9d9d9;
	clear:both;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:533px;
}

  .tabs li {
		background:transparent url(../images/tabs.png) no-repeat right 2px;
		display:block;
		float:left;
		margin:0;
		padding:0;
	}
  .tabs li.last {
		background:transparent url(../images/tabs-last.png) no-repeat right 2px;
	}
  .tabs li.selected {
		background:transparent url(../images/tabs-sel.png) no-repeat right 2px;
		position:relative;
		bottom:-1px;
	}
  .tabs li.last.selected {
		background:transparent url(../images/tabs-sel-last.png) no-repeat right 2px;
	}
    .tabs li a {
			background:transparent url(../images/tabs.png) no-repeat left 2px;
			color:#c00;
			font-size:1em;
			display:block;
			height:20px;
			margin-right:21px;
			padding:5px 0 5px 10px;
			position:relative;
			text-decoration:none;
		}
    .tabs li a:hover {
			text-decoration:none;
		}
    .tabs li.selected a {
			background:transparent url(../images/tabs-sel.png) no-repeat left 2px;
			height:20px;
			padding:5px 0 5px 10px !important;
		}
    .tabs li.last.selected a {
			background:transparent url(../images/tabs-sel-last.png) no-repeat left 2px;
		}
    .tabs li a:focus {
			outline:0;
		}
    .tabs li a img {
			right:-10px;
			position:absolute;
			top:7px;
		}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}


/****************************************************************************** Banners */

.banner_box {
 margin:15px 6px 0px 5px;
 background-color:#f9f9f4;
 border-width: 1px;
 border-color:#d8dbd6;
 border-style: solid;
 padding-top: 5px;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 font-family: arial, Sans; font-size: 8pt; font-weight: normal; color: #000; line-height:17px;
}
.banner_box .btn{ padding-left:3px;}
.banner_box h3 { font-size:13px; }


/****************************************************************************** Push */

#secundary {
	float:right;
	padding:40px 0 0 0;
	position:relative;
	width:218px;
}

#secundary ul li{
	background:none;
	margin:0;
	padding:0;
}

#secundary .push {
	background:#fff url(../images/shadow-primary.png) no-repeat -541px top;
	float:none;
	margin-bottom:2px;
	padding-top:12px;
	width:204px;
}
	#secundary .push-inner {
		background:transparent url(../images/shadow-primary.png) no-repeat -541px bottom;
		padding:0 24px 12px 12px;
	}

	#secundary .push p,
	#secundary .push ul {
		font-size:1.15em;
	}
  
	#secundary .push h2,  
	#secundary .push h3, 
	#secundary .push h4,
	#secundary .push h5,
	#secundary .push h6 {
		font-size:1.2em;
		font-weight:bold;
		line-height:1.2em;
	}
	#secundary .push h2{
    color:#c00;
    font-weight:normal;
    text-transform:uppercase;
	}

.no-border{
  background:none !important;
}

/***************************************************************************************** forms */

#primary fieldset {
	background:#fff;
	clear:both;
	float:left;
	font-size:1em;
	margin-bottom:6px;
	padding:12px 0px;
	width:665px;
}

	/*nice input fields*/
	input.typetext {
		background:#fff;	
		border:solid 1px #dcdcdc;
		margin:2px 9px 10px 0;
		padding:2px;
		width:108px;
	}
	.inner input.typetext {
		margin:2px 6px 0 0;
	}
	
	fieldset .chkbox {
		float:left;
		margin:0 6px 0 0;
		padding:0 10px;
		width:auto;
	}
	/*nice input fields*/
	span.typetext {
		background:url(../images/shadow-inputs.png) bottom right;
		display:block;
		float:left;
		padding:0;
	}

	span.typetext .inner {
		background:transparent url(../images/input-fader.png) no-repeat !important;
		display:block;
		float:left;
		padding:0 3px 9px 0;
	}
	
	.table-header span.typetext .inner {
		background:transparent url(../images/input-fader-red.png) no-repeat !important;
		padding:0 9px 4px 0;
	}
	#header span.typetext .inner  {
		background:transparent url(../images/input-fader-gray.png) no-repeat !important;
	}
	#header input.typetext {
		width:88px;		
	}	
	span.select .inner {
		padding:0 9px 10px 0;
	}
	
	fieldset select {
		border:solid 1px #dcdcdc;
		float:left;
		margin:2px 9px 10px 0;
		padding:1px;
	}
		fieldset .select select {
			margin:2px 0 0 0;
		}
	fieldset select.error {
		background:#FFE26E none repeat scroll 0%;
		border:1px solid #DEB618;
	}
	
	.format {
		clear:none;
		color:#686868;
		float:left;
		font-size:1.2em;
		font-weight:normal !important;
		line-height:1.2em;
		margin-bottom:0;
		padding:6px 0;
	}
/************************************************************************ Wizards */

#primary input.error, #primary textarea.error {
  background:#FFE26E none repeat scroll 0 0;
  border:1px solid #DEB618;
}

#primary .wide-content .tabs-inner {
  background:url(../images/shadow-primary.png) no-repeat -923px bottom;
  width:604px;
}
	
#primary .wide-content .tabarea {
	background: url(../images/shadow-primary.png) no-repeat -923px -1px;
}

#primary fieldset.wizard {
	margin:0;
	padding:0;
	width:604px;
}
.fieldset.wizard {
    min-height:320px;
}
.fieldset.wizard p {
    padding:0 8px;
}
#primary fieldset.wizard .buttons-container {
    clear:both;
    float:left;
    margin:10px 0 0;
    width:456px;
}
	fieldset.wizard label input {
		font-size:1.2em;
	}
	fieldset.wizard br { /*IE7 fix not clearing on labels*/
		clear:both;
	}
	#primary .wizard h3 {
		color:#000;
		float:left;
		font-size:1.2em;
		margin-bottom:5px;
		padding:0 8px;
	}
	#primary .wizard p.format {
		clear:both;
		float:left;
		margin-bottom:20px;
		padding:6px 0;
	}
	#primary .wizard p.disclaimer {
	    padding:0;
	}
		#primary .wizard p.format .error {
      color:#FF3400;
			font-weight:bold;
			padding-left:20px;
		}
	.wizard .prev {
		margin-left:6px;
	}

  .wizard .next {
    float:right;
  }
  
ol.wizardsteps {
	clear:both;
	float:left;
	list-style:none;
	padding:0;
  margin-bottom:0 !important;
  border-bottom:solid 1px #d9d9d9;
  width:648px;
}
	ol.wizardsteps li {
		background:transparent url(../images/step-right.png) no-repeat right top;
		display:block;
		float:left;
		padding:0;
	}
	
	ol.wizardsteps li.last {
		background:transparent url(../images/step-right.png) no-repeat right -102px;
	}
	ol.wizardsteps li.active {	
		background:transparent url(../images/step-right.png) no-repeat left -51px;
		margin-left:-25px;
		padding:0 0 0 25px;
	}
		ol.wizardsteps li.active span {
			background:transparent url(../images/step-right.png) no-repeat right -51px;
		
		} 
	
	ol.wizardsteps li.first {
		background:transparent url(../images/step-right.png) no-repeat left top;
		border-left:solid 1px #d8d8d8;
		padding:0;
	}
	
		ol.wizardsteps li span {
			color:#fff;
			display:block;
			font-size:18px;
			line-height:18px;
			padding:6px 25px 6px 0;
			
		}

		ol.wizardsteps li.first span {
			background:transparent url(../images/step-right.png) no-repeat right top;
			padding:6px 30px 6px 12px;
		}
		ol.wizardsteps li.first.active {
			margin-left:0;
		}
		ol.wizardsteps li.first.active span { 
			background:transparent url(../images/step-right.png) no-repeat right -51px;
		}
		ol.wizardsteps li.last.active span {
			background:transparent url(../images/step-right.png) no-repeat right -153px;
		}
		
/***********/

.methlist {
   width: 295px;	
}

.methlist tr {
   height: 35px;
   border-bottom: 1px solid black;	
}

.methlist td {
	padding: 0;
}

.methlist tr.hr {
	height: 1px !important;
}

.methlist tr.hr div {
   height: 1px;
   background: #000000;
}

.methlist tr.hr div hr {
   display: none;	
}

.methlist .radio {
   padding: 1px;
   margin: 1px;	
}


/* Special <hr /> */
div.hr      { height: 1px; background: #000000; }
div.hr hr   { display: none; }


.loginBox
{
   text-align: left;
   width: 350px;
   height: 150px;
   background: url(/images/loginbox.png) right bottom no-repeat;
}

#tiny-cart {
	position: absolute;
	right: -7px;
	bottom: 0;
   width: 237px;
   height: 29px;
   float: right;
   padding: 5px 45px 6px 5px;
   background: url(/images/lev_bg.png) right bottom no-repeat;
}

#tiny-cart p {
   font-size: 1em;
   line-height: 1.1em;
   margin-bottom: 0px;
   text-align: left;
}

#product {
   margin-top: 10px;
}

#product-left {
   float: left;
   width: 445px;
}

#product-right {
   float: right;
   width: 200px;
   padding: 0;
   margin: 5px;   
}


.block {
   float: left;
   width: 200px;
   padding: 0;
   margin: 5px;   
}

.block .top {
   height: 5px;
   background:#fff url(../images/shadow-primary.png) no-repeat -541px top;
   
}

.block .bottom {
   padding: 5px 10px 13px 5px;
   background:#fff url(../images/shadow-primary.png) no-repeat -541px bottom;
}

.block fieldset {
   width: 185px !important;
   margin: 5px 0px 0px 0px !important;
   padding: 0 !important;
}

.block input.typetext {
   width: 90px !important;	
}

#product-right .top {
   height: 5px;
   background:#fff url(../images/shadow-primary.png) no-repeat -541px top;
   
}

#product-right .bottom {
   padding: 5px 15px 13px 10px;
   background:#fff url(../images/shadow-primary.png) no-repeat -541px bottom;
}

#product-right fieldset {
	width: 175px;
	margin: 0;
	padding: 0;
}

#product-right fieldset span {
   float: left;
}

#product-right fieldset span.typetext .inner {
	background:transparent url(../images/input-fader.png) no-repeat !important;
}

#product-right fieldset input.typetext {
   width: 20px;
}

.tthin {
   width: 42px !important;	
}

.twide {
   width:170px !important;
}

ul.bullets {
   margin-left: 15px;
}

.fl {
   float: left;   
}

.fr {
   float: right;
}

.ac {
   text-align: center;  
}

.al {
   text-align: left;  
}

.ar {
   text-align: right;  
}

.cb {
   clear: both;  
}


.product-thumbnail {
   width: 320px;
   float: left;
   margin-bottom: 5px;
   position: relative;
}

.product-thumbnail-title {
   background: #cc0000;
   padding: 2px;
   font-size: 1.2em;
   line-height: 1.3em;
   font-weight: bold;
   color: white;     
}

.product-thumbnail img {
   float:left;
   display:inline;
   margin:5px; 
}

.product-thumbnail-teaser {
   font-size: 1.1em;
   float:left;
   width:150px;
   display:inline;
   margin-top:5px;   
}

.product-thumbnail-location {
   font-size: 1.0em;
   float:left;
   width:150px;
   display:inline;
   margin-top:5px;   
}


.product-thumbnail-price {
   float: right;
   font-size: 0.8em; 
}

.product-thumbnail fieldset {
   position:absolute;
   width: 150px !important;
   bottom:0px; right:0px;
   margin:0 !important; 
   padding:0 !important;
}

.product-thumbnail fieldset span {
   float: right !important;   
}

.category-desc {
   width: 645px;
   padding: 5px;
}

.righty {
   font-size:1.15em;
   margin:6px 0 10px;
   padding:0;
   text-transform:uppercase;
   float: right;
}
   
/* Cart */

#cart {
   width: 655px;  
}

#cart thead td {
   background: #cc0000;
   color: white;
   font-weight: bold;
}

#cart tbody td input {
   border: 1px solid #cccccc; 
   font-size: 1em;
   line-height: 1.1em;
   margin: 0;
   padding: 0;
   width:30px;
   text-align: center;
}

#cart tfoot td {
   font-weight: bold;   
}

.delete-icon {
   background: url(/images/icons/delete1.gif);
   margin: 0;
   padding: 0;
   width: 16px;
   height: 16px;
   cursor: pointer;
}

.delete-icon:hover {
   background: url(/images/icons/delete2.gif);
}


/* Dump */

#dump {
   clear: both; 
   border: 1px solid black; 
   margin-top: 5px; 
   padding: 0px 5px 5px 5px;
}

#dump div {
   background-color: #cc0000;
   font-size: 1.0em; line-height: 1.3em;
   color: #ffffff;
   font-weight: bold;
   padding: 2px;
   cursor: pointer;
   margin-top: 5px;
}

#dump pre {
   padding: 5px;
   margin-top: 5px;
   border: 1px solid black;
   display: none;
   overflow: auto;
}

#dump code {
   padding: 5px;
   margin-top: 5px;
   border: 1px solid black;
   display: none;
   font-family: monospace;
   font-size: 12px;
   overflow: auto;
}

.tiny {
	font-size: 1.0em;
	line-height: 1.3em;
}


.tinyups li{
	font-size: 0.8em;
	line-height: 1.3em;
	margin-bottom: 0;
	background-position: center left;
}



div.pbox {
	position: relative;
   width: 160px; height: 210px;
   margin: 0px 1px 10px 0px; 
   font-family: arial, sans; font-size: 10px; font-weight: normal;
}

div.pbox div.top {
   background: url(/images/pbox_top.gif) repeat-x;
   height: 16px;
   margin-bottom: 2px;
   padding-left: 2px;
   font-family: verdana; font-size: 12px; font-weight: 700;
   color: #ffffff; text-transform: uppercase; line-height: 16px;   
}

div.pbox div.teaser {
   margin: 5px;
   height: 75px;	
}

div.pbox div.footer {
   position: absolute; top: 100%; left: 0px;
   width: 100%; height: 25px; 
   margin-top: -25px;
}


.form-table td {
   padding: 0;
   margin: 0;
   vertical-align: middle;
}

.form-table label {
   margin: 0px 0px 8px 5px;   
}

.form-table input {
   float: none;
   margin: 0px 0px 8px 0px;   
   width: 150px;
}

.form-table textarea {
   width: 150px;   
   padding: 2px;
}

p.error {
   color: red;
   font-size: 1.4em;   
}



*/*****************************POPUP***********************/

#herrgard_popup img{
	border:2px solid red;
}