@import url(../../Templates/UI/Css/Layout.css);
@import url(../../Templates/UI/Css/960.css);
/********* GLOBALS *********/

* {margin:0;padding:0}
html, body {
height: 100%;
}
body {font-family:Lucida Grande,sans-serif;font-size:.80em;}
a img,table {border:0}
dl,ol,ul {list-style:none}
button,select,textarea,input {font:100% serif}
table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin:.5em 0 .5em 0;}
h1{font-size:1.8em;}h2{font-size:1.4em;}
#footer { padding: 10px 0px; color:#777; text-align: center; }
	#footer .n2{color:#a2a796;float:right;font-size:.8em;}
/* colors */
#header h2 a { color:#fff; }
a { color: #006600;text-decoration: none;}
a:hover { text-decoration:underline; }




/********* LAYOUT *********/

body { margin:0; background:transparent url(./images/bg_top.gif) repeat-x 0px -63px;}
  #canvas { background: transparent url(./images/bg_bottom.gif) repeat-x 0px 100%; min-height:100%;}
	#wrap { width:980px; margin:0 auto; }
		#header { height:75px; }
		#page { margin-top:6px; padding-left: 10px; background:#fff url(content_bottom.gif) repeat-x 50% 100%;}
			#content { 	width:790px; float:right; min-height:495px; margin-right: 5px; }
				.secondary { width:169px; margin-bottom:1px; }
				#menu { float:left; margin-bottom:15px; }
				#extras { float:right; padding-right: 5px; }
				#main { width:600px; float:left; margin-left: 5px;}
			#pagebottom {width:980px; min-height:136px; background:#C3C3C3;}
				/* #bannercontent {float:left; padding: 10px;}  */
				#bannercontent > div {padding: 10px;}  
					#banner img {float: right; margin-left: 5px; padding: 0px;}


/*box*/
.secondary .login .box,
.secondary .boxedText .box { background:#eaf2db url(secondary_borders.gif) no-repeat -170px 100%; _height:1px; padding-bottom:10px; }
	.secondary .login h4,
	.secondary .boxedText h4 { background:#9ea391 url(secondary_header.gif) no-repeat; margin:0; padding:5px 10px; color:#fff; }
/*		.secondary h4 a {color:#fff;}  */
	.secondary .login .inner,
	.secondary .boxedText .inner { background:transparent url(secondary_borders.gif) no-repeat; padding:10px 5px 0 5px; }

/********* WIDGETS *********/

/*top*/
#header { position:relative; background:url(./images/header_image.gif) no-repeat 295px 0px}
	#header .siteHeader { margin:0; padding:25px; }
	#header .siteLogo { float:left; padding:9px 0px 0px 0px; }

/*secondary*/
.secondary .uc { margin:5px 0px 15px 0px; }
.linkbuttons { margin-top: 12px; }

/*menu*/
.topMenu { margin-right:75px; position:relative; bottom:-53px;}
.ie6 .topMenu { position:absolute; top: 53px; padding-right: 300px;}
	.topMenu li { float:right; background:transparent url(images/tab_ledge.gif) no-repeat ; padding:0 2px 0 2px; _width:100px; white-space: nowrap;  }
	.topMenu a { display:block; padding:3px 17px; color:#fff; background:transparent url(images/tab_bg.gif) repeat-x 100% 0%; height:16px; font-weight:bold;}
	.topMenu li.current  { float:right; background:transparent url(images/tabhl_ledge.gif) no-repeat 0% 0%; padding:0 2px 0 2px; _width:100px; } 
	.topMenu li.current a { display:block; padding:3px 17px; color:#fff; background:transparent url(images/tabhl_bg.gif) repeat-x 100% 0%; height:16px; }
	.topMenu li.trail, 
	.topMenu li.trail a 
	.topMenu .current a,
	.topMenu .trail a { font-weight:bold; }
	.topMenu a:hover { text-decoration:none; font-weight:bold;}


.languageMenu { position:absolute; bottom:10px; right:20px; }
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}

.subMenu {}
	.menu ul ul { margin:0 0 5px 10px; }
	.subMenu a,
	.subMenu a { display:block; padding:2px 0; _height:1px; color:#333; }
	.subMenu .trail > a { color:#389000; }
	.subMenu .current > a { color:#389000; font-weight:bold; }
	.subMenu ul { margin-left:20px; }

/* lists */
.list { padding-bottom:6px; background-position:50% 100%; }
	.list .item { padding:5px; }
    .list a { display:block; font-weight:bold; }
	.list .a0 { background: #f4f8ed url(list_dark.gif) no-repeat 50% -1px; }
	.list,
	.list .a1 { background: #fff url(list_light.gif) no-repeat 50% -1px; }

/* path */
.path { margin: 5px 0px 10px 0px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style:circle; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/** date **/
.date { font-size:small; color:#666; display:block; }

/* columns */
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* news */
.intro {font-size:1.1em;font-style:italic;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

/* sidebar */
#sidebar {
	width: 23%;
	margin: 0;	padding: 0; 
	display: inline;		
}

#sidebar h2 { color: #777; }

#sidebar ul.sidemenu li {
	margin-bottom:2px;
	border: 1px solid #f2f2f2;
}

#sidebar ul.sidemenu a:hover,
#sidebar ul.sidemenu li.current > a
 {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #006600;
	border-left:6px solid #9EC630;
}

#sidebar ul.sidemenu li a
 {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:6px solid #CCC;	
	
	min-height:18px;
}



* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar .sidemenu ul { margin: 2px 2px 2px 5px; }

#sidebar h4 {font-size:1.4em;} 

/* product section */
.container_12 .grid_2 {
    width:180px;
}

#product-wrapper {
    width: 598px;
    background:transparent url(images/section_bg.gif) repeat-x scroll;
    float:left;
}

#product-content {
    background:transparent url(images/section_left.gif) no-repeat scroll left top;
    float:left;
}

#product-content ul { margin:0px; padding: 15px 0 0 20px; }
#product-content ul li { list-style-type: none; padding: 3px 0; }



.section_mid {
    margin: 0px;
    background:transparent url(images/section_mid.gif) no-repeat scroll right top;
    height:200px;
    padding:0 22px 0 4px;
}
.section_mid div,.section_end div {
    margin: 12px;
}

.section_end {
    margin: 0px;
    background:transparent url(images/section_right.gif) no-repeat scroll right top;
    height:200px;
    padding:0 2px 0 4px;
}

* html #canvas {
height: 100%;
}



/* root element for scrollable */ 
div.scrollable,div.scroll2 {   
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 240px;      
    width: 159px;     
} 

div.scroll2 {
    width: 500px;
    height: 350px;      

}
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute;
 
    padding-left: 5px; 
    /* this time we have very large space for height */     
    height:20000em;     
}

div.scrollable div.items > div {
    margin-top: 5px;
}

.green {
	color: #006600;
}