/* @override http://pph/styles/mainstyles.css */

/*-- Reset --*/
* {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit; vertical-align: baseline;}
body {font-family: Arial, Helvetica, Verdana;font-size: 62.5%;background-color:#dbd6d6;color:#000;}
li {font-size: 1em;line-height: 1.5em;}
p {font-size: 1.5em;line-height: 1.5em;padding-bottom: 20px;}
p.strong, strong {font-weight:bold;}
h1 {font-size: 2.5em;text-transform: uppercase;font-weight: bold;padding-bottom: 15px;}
h2 {font-size: 2em;text-transform: uppercase;font-weight: bold;padding-bottom: 10px;}
h3 {font-size: 1.7em;text-transform: uppercase;font-weight: bold;padding-bottom: 5px;}
h4 {font-size: 1.5em;text-transform: uppercase;font-weight: bold;}
a {color: #7c3775;}
.clear { clear:both; height:1px; }

/*-- Layout --*/

#header {background: url(/images/layout/header.gif) repeat-x;width: 100%;height: 177px;margin-bottom: -12px;}
#header a { color:#fff; text-decoration:none; }
#header a:hover { text-decoration:underline; }
#container {width:993px;margin:0 auto;background: url(../images/layout/flora.gif) no-repeat left top;}
.pageContainer {width: 781px;background: #fff;margin: auto;}
div#header .pageContainer {background: none;}
div#logoContainer {float: left;}
div#plant {float: right;margin-top: 18px;}
div#logoContainer {padding-top: 25px;}
div#logoContainer span.logo{text-transform: uppercase;font-size: 4em;display: block;color: #f4c82c;padding-bottom: 5px;}
div#logoContainer span.contact{font-size: 1.6em;display: block;color: #fff;}

/*-- Menu --*/
div#menu {background: url(/images/layout/nav-bg.gif) repeat-x;border-bottom: 2px solid #7c3775;padding: 0 14px;height: 57px;}
div#menu ul {padding-top: 25px; min-height:1%}
div#menu ul li {list-style: none;float: left; min-height:1%}
div#menu ul li a {text-decoration: none;color: #7c3775;text-transform: uppercase; font-size:1.1em;padding:20px 35px}
div#menu ul li a:hover {text-decoration: underline;}
div#menu ul li.home a {padding-left:2px;}
div#menu ul li.contact a {padding-right: 0;}

	div#menu ul li ul {
		position : absolute;
		left: -999em;
		margin:16px 0 0 25px;
		padding:0;
		background:#fff;
	}
	div#menu ul li ul li {
		border-bottom:2px solid #7c3775;
		border-right:2px solid #7c3775;
		border-left:2px solid #7c3775;
		width:auto;
		padding:0;
		margin:0;
		display:block;
		background:#fff;
		height:28px;
		float:none;
	}
	
	div#menu ul li ul li a {
		border:none;
		text-decoration:none;
		color:#7c3775; display:block;
		padding:6px 10px 7px 10px; margin:0;
		width:auto;
	}
	div#menu ul li ul ul {
		margin: -15px 0 0 130px;
	}
	div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul, div#menu ul li.sfhover ul ul, div#menu ul li.sfhover ul ul ul {
		left: -999em;
	}
	div#menu ul li:hover ul, div#menu ul li li:hover ul, div#menu ul li li li:hover ul, div#menu ul li.sfhover ul, div#menu ul li li.sfhover ul, div#menu ul li li li.sfhover ul { 
		left: auto;
	}

/*-- Banner Image --*/

div.banner img {border-bottom: 2px solid #7c3775;height: 276px;}

/*-- Content --*/

#content {padding: 25px 25px 0 25px;}
.columnLeft {float: left;width: 405px;}
.columnRight {float: right;width: 300px;}
img.picture {display: block;margin: auto;margin-bottom: 40px;border:1px solid #d4d4d4;padding:20px;}
#content ul, #content ol {margin: 10px 35px 25px 35px;font-size:1.6em}

/*-- Footer --*/

#footer {background-color: #7c3775;height: 41px; color: #fff;}
#footer ul li{list-style: none;float: left;}
ul#fmenu { text-align:right; margin: auto; height: 20px;width: 720px; padding-top: 14px; }
ul#fmenu li { display:inline;}
ul#fmenu li a { color:#FFF; text-decoration:none; padding:0 10px; border-left:1px solid #FFF; }
ul#fmenu li a:hover { text-decoration:underline; }
ul#fmenu li.last a { padding-right:0; }ul#fmenu li.first { padding-right:10px; }

/*-- Forms --*/

input, textarea { border:1px solid #7c3775; }

table.pricelist tr td.price {text-align:right;}
table.pricelist tr td.head {font-weight:bold;}

p.link { padding-bottom:0; }

/*-- Gallery --*/

#gallery-main {
}
#gallery-thumb {
	position:relative;
	padding:0;
	margin:10px auto;
	height:100px;
	width:735px;
	background:#d4d4d4;
}

#thumbs {
}

#thumbs ul.thumbs { list-style:none; margin:0 auto; padding:0; text-align:center; position:relative; left:50%; float:left; }
#thumbs ul.thumbs li {float:left; position:relative; right:50%; }
#thumbs ul.thumbs li a { display:block; padding:4px 3px; text-decoration:none; margin:0 6px; }
#thumbs ul.thumbs li a img { border:3px solid #fff;}
#thumbs ul.thumbs li a:hover img { border:3px solid #7C3775;}
#slideshow { text-align:center; padding:10px 0; }
div.nav-controls a.prev {
	position:absolute;
	top:130px;
	left:70px;
}
div.nav-controls a.next {
	position:absolute;
	top:130px;
	left:865px;
}
div.pagination a.pagenext { position:absolute; top:0; left:712px; padding-top:40px; height:60px;width:22px; text-align:right; }
div.pagination a.pageprev { position:absolute; top:0; left:0; padding-top:40px; height:60px;width:22px;
}
div.pagination a.pageprev:hover, div.pagination a.pagenext:hover  { background:#7C3775; }
div.pagination .pagelink {
	display:none;
}
div.loader {
	background-image: url('/graphics/tftf/loading.gif');
	background-repeat: no-repeat;
	width: 390px;
	height: 410px;
	margin:0 auto;
}

.image-wrapper { height:650px; }

img.testright { border:1px solid #d4d4d4; margin-top:-20px; margin-left:14px; border:1px solid #d4d4d4;padding:21px 36px;}

#imgleft { width:205px; float:left; }
#imgleft img { padding: 5px 4px; border:1px solid #d4d4d4; margin-top:8px; }
#imgleft img.last { padding-bottom:8px; }
#imgright { width:205px; float:left; margin-left:17px; }
#imgright img { padding: 4px; border:1px solid #d4d4d4; margin-top:11px; }
#imgright img.first { margin-top:8px; padding: 6px 4px 5px 4px; }

.logos img { margin:0 20px; }