/* @override 
	http://localhost:8888/1.5/vision/templates/JB_Vision_J1.5_v1.06/css/template_css.css
	http://localhost:8888/Joomla/QuickStart/J157_vision/templates/JB_Vision_J1.5_v1.10/css/template_css.css
	http://208.79.200.160/~joomlaba/dev/vision/j15/templates/JB_Vision_J1.5_v1.1.1/css/template_css.css
*/

/* @group Global 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}

tbody tr td  {text-align: justify;}
:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html {margin:0;padding:0;}


	/* @end */

body
{margin: 0;padding: 0;font-family: Arial, sans-serif;background: #669966;color: #000; line-height: 1.4;font-size: 14px;text-align: justify;}

/* @group Layout */
/* @group Wrappers */
.outer_wrap {margin:0 auto;width: 940px; margin-top: 10px;}
.inner_wrap {float:left;width: 934px;background: #fff url(../images/top.jpg) repeat-x}
/* @end */

/* @group Top */
#top_wrap,#header_wrap,#main_wrap,#footer_wrap {float: left;width: 100%;}
#top_wrap {height: 117px;background: url(../images/top.jpg) repeat-x left top; overflow:hidden;}

#top_left {
width: 100%;
float: left;
background: url(../images/logo.jpg) no-repeat left bottom;
height: 130px;
position:relative;
}

#top_right {width: 0px;float: right;padding-top: 35px;margin-right: 15px;}
#top_right .inputbox {border: 1px solid #333;background: #000;padding: 3px;font-size: 100%;color: #fff;}
/* @end */

/* @group Nav */
#nav {height: 27px;float: right;width: 100%;background: url(../images/top.jpg) repeat-x left bottom;padding-top: 10px;}
#nav ul {float: left;}
#nav ul li {float: left;background: url(../images/nav_sep.jpg) right top no-repeat}
#nav ul li a {color: #fff;text-decoration: none;font-size: 90%;text-transform: uppercase;padding: 8px 0 13px}
#nav a#active_menu-nav.mainlevel-nav,#nav ul li a:hover,#nav a#active_menu.mainlevel_current {background: url(../images/nav_active.gif) no-repeat center 45px;color: #669966;}
/* @end */

/* @group Header */
#header_wrap {float: left;height: 424px;width: 100%;z-index: 1}
#header_right {float: right;width: 530px;margin-left: 384px;margin-top: 10px;background: url(../images/overlay.png);padding: 10px;color: #333;position: absolute;z-index: 1;}
#header_right h3 {font-size: 120%;border-bottom: 1px solid #eee;color: #333;margin: 0;}
#header_left {float: left;position: absolute;margin: 0;}

#edge {background: url(../images/edge.png) no-repeat right bottom;position: absolute;height: 80px;z-index: 1005;width: 934px;top: 490px;margin: 0;display: none;}

/* @end */

/* @group Main */
#main_wrap.col_left #main_right {float: left;margin-left: 10px;}
#main_wrap.col_left #main_left {float: right;}
#main_wrap.col_left {padding: 20px 0;background: #fff/*;url(../images/main.jpg) repeat-y -320px top*/;padding-bottom:0px;}
#main_wrap.col_right #main_right {float: right;margin-left: 0px; padding-right: 20px;}
#main_wrap.col_right #main_left {float: left; /*margin-top: -15px;*/position:relative;}
#main_wrap.col_right {padding: 20px 0 0 0;background:#fff /*; url(../images/main.jpg) repeat-y*/;}
#main_wrap {padding: 20px 0;background: url(../images/main.jpg) repeat-y;margin-top: 0px;padding-bottom: 0px;}
#main_left {float: left;width: 61%;margin-right: 10px;margin-left: 20px!important;margin-left:10px;margin-top: -5px;}
#main_right {float: right;width: 30%!important;width:27%;padding-right: 5px; background: #fff; margin-top: -20px;}
#main_right ul li a {padding: 2px 0;border-bottom: 1px solid #eee;display: block;padding-left: 10px;}
#main_right ul {border-left: 1px solid #336699;padding-left: 20px;}
#main_right .moduletable {margin-bottom: 30px;}
#main_right ul li a:hover {background: #eee;text-decoration: none;;}
/****************************************************/
/****** ADDITIONS FOR THE COL WIDTHS BY OLLIE *******/
/******        PX INSTEAD OF % VALUES         *******/
/****************************************************/
#main_left {width: 570px;}
#main_right {width:280px;}
/****************************************************/
/******             OK, CARRY ON!             *******/
/****************************************************/
/* @end */

/* @group Footer */
#footer_wrap {background: transparent;padding: 5px 0 0px 0;font-size: 90%;width: 934px;color: #fff;position:relative;margin-top: 20px;}
#footer_left {margin-left: 16px;width: 70%;float: left;}
#footer_right {float: right;margin-right: 0px;width: 20%;text-align: right;}
#footer_wrap a {color: #333;}
#footer_wrap ul li {float: left;}
#footer_wrap ul li a {color: #333;text-decoration: none;padding: 0 4px;font-size:110%;}
#footerbg{position: absolute;top: 0;left:0;z-index:-1;}
/* @end */
/* @end */

/* @group Typography */
p {margin: 8px 0;}
a {text-decoration: none;color: #669966;font-weight:bold;}
a:hover {text-decoration: underline;}
h1,.componentheading {font-size: 170%;color: #669966;}
h2,.contentheading {font-size: 170%;color: #669966; text-align:left;vertical-align:top;height:120%;}
h3 {font-size: 120%;color: #333; text-align:left;padding-top: 10px;font-weight: bold;}
h4 {font-size: 105%; position:relative; color: #333; background: #ccc; margin-left: -5px; padding-left: 5px; z-index:10;}
h5 {font-size: 90%;color: #000;}
h6 {font-size: 80%;color: #333;}
strong,bold,.bold,.strong {font-weight: bold;}
em, italic,.talic {font-style: italic;}
#main_right .moduletable h3 {color: #669966;margin: 0;font-size: 140%;padding: 0;}
blockquote {padding: 0 0 0 50px;background: url(../images/block_quote_ul.gif) no-repeat left top;margin: 10px 0;}
blockquote p {background: url(../images/block_quote_br.gif) no-repeat right bottom;padding-right: 50px;}


.small,.createdate,.modifydate {color: #666;font-size: 80%;}
a.readon {float: right;text-decoration: none;background: url(../images/readmore.jpg) no-repeat;height: 30px;width: 90px;color: #fff;padding-left: 20px;padding-top: 5px;}
.feed {background: url(../images/feed.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.zoom {background: url(../images/zoom.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.about {background: url(../images/about.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.group {background: url(../images/group.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.ok {background: url(../images/ok.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}
.download {background: url(../images/pdf_button.png) no-repeat 10px center;padding: 5px 5px 5px 30px;}
.code {background: #eee;padding: 10px;font-family: courier;border: 1px solid #ddd;margin: 10px 0;}
ul.arrow {margin: 8px 0;}
ul.arrow li {list-style-type: none;background: url(../images/arrow_right.png) no-repeat left center;padding:2px 30px 2px}
ul.tick {margin: 8px 0;}
ul.tick li {list-style-type: none;background: url(../images/oksml.png) no-repeat left center;padding:2px 30px 2px}
.floatleft {float: left;}
.floatright {float: right;}
.border {padding: 4px;border: 1px solid #eee;margin: 4px;}
.clear {clear: both;}
/* @group Lists */
ul li {list-style-position: inside;list-style-type: disc;}
ul {margin: 8px 0;}
#nav ul li,#top_wrapper ul li,#main_right ul li, #footer_wrap ul li {list-style-type: none; list-style-position:outside;}
#main_right ul li{ margin-bottom: 10px;}
/* @end */
/* @end */

/* @group Extra Modules */
/* @group News Ticker */
#news-ticker{
/*height:250px;*/
/*overflow:hidden;*/
position: absolute;
z-index: 1;
float: right;
width:0px;
margin-left: 605px!important;
margin-left:605px;
margin-top: 10px;
background: url(../images/overlay.png);
padding: 10px;
color: #333;
position: absolute;
top: 5px;
padding-top: 0px;
display: none;
} 

.ticker_title {
width: 0px;
position: absolute;
z-index: 12;
color: #000;
top: 22px;
margin-left:630px;
text-align: left;
}

.ticker_title h2{
font-size: 150%;
}

#news-ticker div{
/*height:250px;*/
/*overflow: hidden;*/
padding:0px 0;
color: #333;
text-align: left;
}

#news-ticker a.latestnews {color: #333;font-size: 110%;}
#news-ticker h2 {font-size: 100%;margin-bottom: 0;padding-bottom: 0;}
#news-ticker p {color:#000;}

.scroller h2{
margin-top: -5px;
position: relative;
}

p.scroller{
/*padding-top: 10px;*/
margin-top: -20px;
}

div .scroller{
padding-top: 0px;
}
/* @end */



/* @group Micro Flickr */
.flickr img {border: 1px solid #ddd;padding: 4px;height: 50px;margin-right: 8px;margin-bottom: 8px;}
.flickr img:hover {background:#D39A33}

/* @group JB Slideshow */
#slideshow2 {z-index: 10;position: absolute;height: 425px; width: 924px;}
p#overlaytext {position: absolute;z-index: 101;margin-top: 130px;margin-left: 0px;color: #000;width: 670px;}
/* @end */
/* @end */
/* @end */

/* @group Superfish */
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav {line-height:1.0;}
.nav ul {position:absolute;top:-999em;width:9.45em;}
.nav ul li,.nav a {width: 100%;font-size: 90%;}
.nav li {float:left;position:relative;z-index:99;width: 95px;padding: 0 10px;height: 25px;}
.nav li ul {width: 8.9em;}
.nav a {display:block;text-align: center;}
.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:27px;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:200px;top:0px}
.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
#nav li li,#nav li li li {border-bottom: 1px solid #E4E4E3;color: #fff;padding: 0 0 0 5px;margin: 0;font-size: 80%;height: 24px;background: none!important;background: #5C5C5C}
#nav ul li li li,#nav ul li li {width: 200px;background: url(../images/black_overlay.png)!important;background: #5C5C5C;}
#nav ul li li {width: 200px;padding: 0;text-align: left;}
#nav ul li li li {margin-top: -1px;}
#nav ul li li a {text-align: left;color: #fff;padding: 8px 0 8px 10px;}
#nav ul li li a:hover {background: none;color: #669966;}
.nav ul ul {margin: 0;padding: 0;height: 10px;border-top: 1px solid #ddd;margin-left:0!important;margin-left:10px;}
#menu li li a {color: #fff;text-align: left;margin-left: 10px;}
#menu li li:hover {background: #fff;}
#menu ul li li a{margin: 0;padding: 8px 0;}
ul.nav superfish li .sfHover ul li {background: none}
.nav ul span.expanded,.nav ul ul span.expanded {color: #ccc}
/* @end */

input#mod_search_searchword.inputbox {width: 128px;background: #202020 url(../images/zoomsml.gif) no-repeat 4px center;padding-left: 30px;}
.search input.button{width: 84px;height: 24px;margin: 0; padding: 0; border: 0; background: transparent url(../images/search.jpg) no-repeat center top; overflow: hidden; margin-left: 2px; cursor: pointer;
}

.blog,.contentpaneopen {width: 100%;}
.contentpaneopen tr td{padding: 0 12px 0 0;}
fieldset {border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 10px;}

/* @group Login */
.login_first_row {height: 40px;float: left;width: 100%;margin-bottom: 20px;}
.second_first_row {height: 40px;margin-top: 10px;float: left;}
p#form-login-username,p#form-login-password {float: left;width: 45%;margin: 0;}
p.remember {float: left;width: 180px;margin: 0;}
form#form-login fieldset {margin: 0;width: 100%;}
#form-login-remember{font-size: 80%;}
#form-login ul li {float: left;list-style-type: none;margin-right: 5px;font-size: 80%;}
p#form-login-username .inputbox,p#form-login-password .inputbox {margin-right: 8px;width: 150px;background: #fff;border: 1px solid #ddd;font-size: 120%;}

/* @end */
#panel_wrap {position: relative;float: left;z-index: 10001;}
#panel {
	background: url(../images/black_overlay.png) repeat;
	height: 124px;
	display: none;
	width: 400px;position: absolute;z-index: 1000;padding: 10px;margin-left: 500px;color: #fff;
}

#panel a {color: #fff;}
.slide {
	margin: 0;
	padding: 0;
	float: left; position: absolute;z-index: 1001;top: 0;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -48px;
	text-align: center;
	width: 60px;
	height: 16px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;position: absolute;margin-left: 400px;
}
.active {
	background-position: right -1px;
}


.moduletable-rightstyling {
margin-top: 15px;
position:relative;
overflow: visible;
}

.moduletable-rightstyling img{  /*stops the whitespace appearing on the right due to the widths being defined by percent */
text-align: right;
float: right;
/*margin-right: -20px;*/
position:relative;
border: 2px solid #ccc;
}

.moduletable-slideshowstyling {
/*margin-top: -28px;*/
position:relative;
}

.moduletable-slideshowstyling img{  /*stops the whitespace appearing on the right due to the widths being defined by percent */
text-align: right;
float: right;
margin-right: -20px;
position:relative;
}

div#ydwd{
position: absolute;top: 20px;right:0;z-index:1;
}

#ydwd a:link,
#ydwd a:visited,
#ydwd a:hover{
font-size: 70%;
color: #336633;
padding-right: 7px;
}

#ydwd a:hover{
color: #fff;
text-decoration: none;
}

div.clematis{
background: url(../images/clematis_bg.jpg) top right no-repeat;
margin-right: -22px;
margin-top: -43px;
padding-right: 22px;
padding-top: 43px;
min-height: 527px;
margin-bottom: -30px;
}

div.passionflower{
background: url(../images/passionflower_bg.jpg) top right no-repeat;
margin-right: -22px;
margin-top: -43px;
padding-right: 22px;
padding-top: 43px;
min-height: 527px;
margin-bottom: -30px;
}

div.aqualegia{
background: url(../images/aqualegia_bg.jpg) top right no-repeat;
margin-right: -22px;
margin-top: -43px;
padding-right: 22px;
padding-top: 43px;
min-height: 527px;
margin-bottom: -30px;
}



div#main_left{
border: 2px solid #ccc;
padding: 10px;

}

div.webgallery li{
list-style-type: none;
}

a.category{
font-size: 12px;
white-space: nowrap;
}

div#phocagallery tbody tr td  {text-align: center;}

div#emaillink img{
position: absolute;
top: 81px;
right: 40px;
}