@charset "utf-8";

body, html {
	background-color: #ffffff;
	background-image: url(/gfx/body_bg.jpg);
	background-repeat: repeat-x;
	padding:0px;
	margin: 0px;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #004929;
        width:100%;
}

/* site template */

#header
{
    z-index:100;
	position:relative;
	height:105px;
	margin-top:5px;
	width:100%;
	background-image: url(/gfx/header_bg.jpg);
	background-repeat: repeat-x;
}

#header #logo
{
	position:absolute;
	top:0px;
	left:0px;
}

#header #loginmenu 
{
    z-index:200;
	left:65px;
	position:absolute;
	top:73px;
	width:800px;
}

#header #menu
{
    z-index:120;
	position:absolute;
	top:29px;
	right:25px;
}

#searchholder
{
    z-index:110;
    position:relative;
    top: 75px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    max-width:2480px;
    _width:2480px;   
}

#searchholder.limitwidth
{
    max-width:1245px;
    _width:1245px;
}

#searchfront
{
    text-align: right;
    margin-right: 12px;
}

#searchfront .form
{
    width:210px;
}

#contentholder
{
    z-index:50;
    position:relative;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    max-width:2480px;
    _width:2480px;
}

#contentholder.limitwidth
{
    max-width:1245px;
    _width:1245px;
}

#content
{
    width:100%;
}

#footer
{
	border-top:1px solid #D5E6B8;
	padding:10px;
	text-align:center;
}

/* home */

.slidecontainer
{
	position:relative;
	height:350px;
	width:100%;
}

.slide
{
	position:absolute;
	top:0px;
	right:0px;
	height:350px;
	overflow-x:hidden;
	overflow-y:hidden;
	cursor:pointer;
	width:100%;
}

.slide img
{
	position:absolute;
	right:0px;
	top:0px;
}
.slide .caption
{
	position:absolute;
    z-index: 30;
	left:0px;
	bottom:0px;
	height:19px;
    width:100%;
	padding:3px;
	padding-left:20px;
	padding-right:20px;
	background-color:#D5D5D4;
	opacity:0.85;
	color:black;
	font-size:14px;
	font-weight:bold;
}

.homeContainer
{
	height:180px;
	overflow:hidden;
}

/* rightcol */

#content #rightcol
{
    width: 275px;
}

.block
{
    background-color: #d5e6b8;
    border:1px solid #bfc1be;
    padding:5px 15px 10px;
    margin-bottom:7px;
    clear:both;
}

.refineblock
{
    margin-bottom:10px;
}

.refineblock h2
{
    font-size: 14px;
}

.block h2
{
	display:block;
}

.block h1, .block h2
{
	margin: 10px 0px;
	color:#004929;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #004929;
}

.block input.searchfield 
{
	float:left;
	background-image:url(../gfx/searchfield_back.jpg);
	border:1px solid #004929;
	color:#004929;
	font-size:13px;
        height:20px;
        line-height:20px;
        padding-left:4px;
        width:155px;
}
.block button.search 
{
	float:left;
	background-color:#004929;
	border:0 none;
	color:white;
        font-size:13px;
        font-weight:bold;
        height:24px;
        line-height:13px;
	padding:0;
	width:75px;
}

.block button.search.over {
color: #f9cc28;
}

.block button.search.click {
color: #f9cc28;
padding-left: 3px;
}

#rightcol .form
{
	width:244px;
	margin-bottom:5px;
}

#rightcol .form ul
{
    margin:0px;
}

#rightcol .form .active a
{
    color: #52AE27;
}

#sidebarimg img
{
     margin-bottom:7px;
}

.overview .container
{
	overflow-x:auto;
	height:110px;
	width:238px;
	margin-top:5px;
}

.overview .container img
{
	opacity:0.70;
}

/* images lists */

.listheader, .listfooter
{
	position:relative;
	height:30px;
    font-weight: normal;
    font-style: normal;
    font-size:12px;
}

.listheader h2, .listfooter h2
{
    font-size:12px;
    letter-spacing: 0px;
}

.listheader a, .listfooter a
{
    font-weight: normal;
    font-style: normal;
    font-size:12px;
}

.listheader a.selected, .listfooter a.selected
{
    font-weight: bold;
}

.listheader .panel-left, .listfooter .panel-left
{
    margin: 0px 10px;
    float:left;
}

.listheader .panel-right, .listfooter .panel-right
{
    margin: 0px 10px;
    float:right;
}


.pagelist
{
	font-size:14px;
}

.pagelist span
{
	width:10px;
	padding-left:3px;
	padding-right:3px;
	margin-right:3px;
	border: 1px solid #b5bdc6;
	background-color:#F5FBEB;
}

.pagelist .active
{
	background-color:#4CA826;
	color:white;
}

.pagelist a
{
	color:black;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
}

.pagelist a:hover span
{
	background-color:#4da827;
	color:white;
}

#itemlist .item
{
	float:left;
	width: 138px;
	background-color: #f5fbeb;
	border: 1px solid #d7e7bb;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	overflow:hidden;
}

#detaillist .item
{
    position: relative;
    padding-top:10px;
    padding-left:140px;
    border-top: 1px solid #BFC1BE;
    min-height: 96px;
}

#detaillist .item .img
{
    position:absolute;
    left:0px;
    top:10px;
}

#detaillist .item .buttons
{
    float:right;
    margin-left:10px;
    width:140px;
}

.item .item_body
{
	line-height: 15px;
	height:50px;
	text-align:center;
    font-size:11px;
}

.item .item_img
{
	height: 100px;
	text-align:center;
	overflow:hidden;
}

.item .item_img img
{	border: 1px solid #d7e7bb; }


.item .item_buttons
{
	border-top: 1px dotted gray;
	text-align:center;
	padding: 3px;
}

.ajaxbuttons img
{
	border:0px;
	cursor:pointer;
}

/* image popup */
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 250; }
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/fancybox/prevlabel.gif) left 5% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/fancybox/nextlabel.gif) right 5% no-repeat; }

#imageDetails {margin: 5px 0px;}
#title{ font-weight: bold; }
#caption{ }
#numberDisplay{ display: none; padding-bottom: 1.0em;	}
#copyright{ font-style: italic; padding-top:5px;}

#bottomNav{clear:all;margin-bottom:5px;}
#popupbuttons{float:left; width:150px}
#bottomNavClose{ width: 66px; float: right; outline: none;}

/* Content page */

.contentblock
{
    width:980px;
    margin:auto;
}

.contentblock .image
{
    margin:5px;
}

.contentblock .image.left
{
    float:left;
}

.contentblock .image.right
{
    float:right;
}

/* other conponents */

.msgbox
{
	width:99%;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	background-color:#F5FBEB;
	border:1px solid #D7E7BB;
}

.msgbox .msg
{
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
}

.button
{
	float:left;
	background-image: url(/gfx/button.gif);
	margin:5px;
	width:110px;
	height:21px;
	padding-top:3px;
	text-align: center;
	cursor:pointer;
	font-weight:bold;
}

.form
{
	width:270px;
}

table td
{
	vertical-align:top;
}

form table td
{
	padding-bottom:5px;
}

.refinepanel .header
{
    cursor: pointer;
    font-size:12px;
    font-weight: bold;
}

.refinepanel ul
{
    list-style: none;
    margin:0px;
    padding:0px;
}

.refinepanel ul li
{
    padding-left:20px;
}

.refinepanel a
{
    font-size:11px;
    font-weight: normal;
}

.ui-autocomplete
{
    list-style:none;
    margin:0px;
    padding:0px;
    /*border-bottom: 1px solid #C2BCB7;*/
    width:270px;
}

.ui-autocomplete-loading { background: white url('gfx/ajax-loader.gif') right center no-repeat; }

.ui-autocomplete .ui-menu-item
{
    display:block;
    cursor:pointer;
    background-color:white;
    border-bottom: 1px solid #C2BCB7;
    border-left: 1px solid #C2BCB7;
    border-right: 1px solid #C2BCB7;
}

.ui-autocomplete .ui-menu-item a
{
    display:block;
    font-size:10px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    padding-left:5px;
    padding:2px 5px;
}

.ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a:hover
{
    background-color:       #F9CC28;
    color:                  #000;
}