/***********************************************************
 * Formatting data
 * 25th February, 2oo9 - upgraded 01.06.2012
 * (c)Bout Time Software

 outline-style:none; outline-width:0;

 ***********************************************************/

* :focus { outline: 0; }

.AdaptiveTop		{ display:none; background:url('layout/background-top-300.png') no-repeat; MIN-WIDTH:300px; HEIGHT:154px; max-width:610px; padding:0px 0px 0px 0px; position:relative;z-index:100;}
.BodyMenu		{ position:absolute; background:#e5e5e5 url('layout/layout.png?160610') -110px 0px no-repeat; top:102px; left:75px; border-radius: 10px; border:2px solid #3a3; width:150px; height:45px; cursor:pointer;}
.BodyMenu:hover
  div.MenuMain		{ display:block;}
.BodyMenuText		{ font:20px/20px Arial; padding:10px 0px 0px 70px;}
.MenuMain		{ position:absolute; left:-50px; border-radius: 10px; border:3px solid #ccc; background:#e5e5e5; width:250px; z-index:2; padding:2px; display:none}
.MenuItems		{ }
.MenuItems ul		{ list-style:none; padding:0; margin:0;}
.MenuItems li		{ color:#aaa; text-align:left; font:14px/14px Arial }
.MenuItems li a		{ display:block; border-style:solid; border-width:1px 1px 1px 5px; border-color:#e5e5e5 #e5e5e5 #ddd #e5e5e5; width:auto; line-height:3em; text-decoration:none; padding-left:5px; margin-bottom:5px; color:#000;}
.MenuItems li a:hover	{ border-color:#555 #555 #000 #44f; background:#888; color:#fff}
.TopImage		{ padding-left:300px;}

.IMGb	{ display:inline-block; vertical-align:top;border:2px solid #aaa; border-radius:5px; box-shadow:2px 2px 3px #8e8; max-width:auto; width:auto; text-align:center; margin:2px; padding:2px; margin-bottom:10px;}



BODY {
	BACKGROUND-COLOR: #6fad9f;
	BACKGROUND-IMAGE: url(layout/background-arcadia-indy.jpg);
	BACKGROUND-ATTACHMENT: fixed;
	FONT 		: 12px/14px Verdana,Tahoma,Arial,"Trebuchet MS";			/* ensure spacing is 12/14 for price */
	COLOR		: #000088;
	MARGIN		: 0px;
	WIDTH		: auto;
/*	MAX-WIDTH	: 980px;*/
	overflow-y	: scroll;
}

H1	{ COLOR:#3b70a0; FONT:28px/28px Arial;}
H2	{ COLOR:#3b70a0; FONT:24px/24px Arial;}
H3	{ COLOR:#3b70a0; FONT:16px/16px Arial;}


.PageTop
{
	background	: url('layout/background-top-turf.png') no-repeat;
	WIDTH		: 980px;
	HEIGHT		: 206px;
	padding		: 0px 0px 0px 0px;
	position	: relative;
	z-index		: 6;		/* set this higher than banner fade in/out to ensure menu is on top */
}

.PageTopNursery
{
	background	: url('layout/background-top-nursery.png') no-repeat;
	WIDTH		: 980px;
	HEIGHT		: 206px;
	padding		: 0px 0px 0px 0px;
	position	: relative;
	z-index		: 6;		/* set this higher than banner fade in/out to ensure menu is on top */
}

.PageTopCoochin
{
	background	: url('layout/background-top-coochin.png') no-repeat;
	WIDTH		: 980px;
	HEIGHT		: 206px;
	padding		: 0px 0px 0px 0px;
	position	: relative;
	z-index		: 6;		/* set this higher than banner fade in/out to ensure menu is on top */
}

.PageTopCabooltureTurf
{
	background	: url('layout/background-top-cabooltureturf.png') no-repeat;
	WIDTH		: 980px;
	HEIGHT		: 206px;
	padding		: 0px 0px 0px 0px;
	position	: relative;
	z-index		: 6;		/* set this higher than banner fade in/out to ensure menu is on top */
}

.TopMenu {
	position	: absolute;
	TOP		: 165px;
	LEFT		: 170px;
	width		: 730px;
	text-align	: left;
	z-index		: 10;		/* set higher than actual menu to fix IE bug */
}


.PageBase { text-align:center; background-color:#e5e5e5; WIDTH:300px; HEIGHT:auto; border-radius: 5px; border:2px solid #3a3; TEXT-ALIGN:center; padding:5px; color:#555; font:10px/12px Tahoma,"ms sans serif","Trebuchet MS",Arial;}


/* location for menu for non IE */
.tmenu
{
	padding		: 165px 0px 0px 165px;
}


#nav-menu 	{ padding 	: 0px 0px 0px 0px;} 
#nav-menu ul	{ list-style	: none;padding: 0;margin: 0;}
#nav-menu li    
{ 
	display		: inline-block;
	width		: 95px;
	height		: 41px;
	vertical-align	: top;
/*	white-space	: pre;		*//*now using   in array as IE not honoring pre... add spaces to menu array to offset for any image shadow. pre ensures spaces are honored */
}

#nav-menu li a
{
	background	: url(layout/menu.png) no-repeat;
	display		: inline-block;
	width		: 96px;
	height		: 41px;
	color		: #fff;
	text-decoration	: none;
	text-align	: center;
	FONT 		: 12px "Trebuchet MS",Tahoma,Arial,"arial black";
	padding-top	: 14px;
}

#nav-menu li a:hover
{
	background	: url(layout/menu-h.png) no-repeat;
	color		: #FF0;
	padding-top	: 18px;
}	


/* Hide from IE5-Mac */
#nav-menu li a
{
	float: none
}
/* End hide */


.MainBody {
	PADDING		: 0px 5px 5px 0px;		/* t r b l */
/*	WIDTH		: auto;*/
}

.BodyMain		{ position:relative; border-radius:20px; border:3px solid #aaa; background:#fff; min-width:300px; width:auto; height:auto; margin:65px 10px 5px 5px; padding:5px 10px 5px 10px;}
.BodyMainFixed		{ position:relative; border-radius:20px; border:3px solid #aaa; background:#fff; min-width:300px; max-width:980px; height:auto; padding:5px 10px 5px 10px; margin-top:75px;}

.bannerA 		{ border-radius:30px; border:3px solid #999; background:#EEE; position:absolute; top:-45px; left:70px; padding:5px 15px 5px 60px; color:#3b70a0; text-align:left; font:24px/28px Arial; max-width:960px; min-width:150px; overflow-x:hidden; height:25px;}

.bannerB		{ background:url(layout/hdr-circle.png) no-repeat top left; z-index:10; position:absolute; top:-110px; left:-30px; color:#3b70a0; text-align:left; font:24px/24px Arial; padding:2px 0px 0px 20px;	width:155px; height:160px; border:0px #f00 solid; }


/**********************************/


.boxd {									/* standard box for use with square border and flat bg details in portfolio also idea for float right modules.*/
	PADDING		: 5px 5px 5px 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background	: url(images/box2-bg.jpg);
	width		: 300px;
	color		: #555555;
	font-family	: Tahoma;
	text-align	: center;
}
.boxdhdr {								/* header for boxd */
	PADDING		: 5px;
	margin		: 0px;
	border		: 1px solid #339900;
	background-color: #009933;
	color		: #55ff55;
	FONT-SIZE	: 14px;
	font-family	: Tahoma, Arial;
	text-align	: center;
	width		: 200px;
}

.turfbrief {									/* for displaying turf on varieties page.*/
	float		: left;
	PADDING		: 5px;
	margin		: 10px;
	border		: 1px solid #aaaaaa;
	background	: url(images/box2-bg.jpg);
	width		: 400px;
	height		: 200px;
	color		: #000;
	text-align	: center;
}

/******* File Download Boxes ***********/

.fileDLbox {
	float		: left;
	margin		: 5px;
	width		: 420px;
	padding		: 5px;
	background	: #ffffff;
	border		: 1px solid #aaaaaa;
	font-size	: 12px;
	font-family	: arial;
}

.fileDLicon {
	float		: left;
	padding		: 5px 10px 0px 0px;
	cursor		: pointer;
}

.fileDLinfo {
	float		: left;
	width		: 350px;
}

.fileDLname {
	color		: #0000FF;
}

.fileDLdiz {
	height		: 2.5em;
	overflow-y	: scroll;
	border		: 1px solid #eeeeee;
}



.words {
	FONT-FAMILY:   Verdana, Tahoma, Arial, sans-serif, Tahoma;
	COLOR:         #000088;
	FONT-SIZE:     12px;
	MARGIN:        0px;
}

.words14 {
	FONT-FAMILY:   Trebuchet MS;
	COLOR:         #000000;
	FONT-SIZE:     14px;
	MARGIN:        0px;
}

.words14b {
	FONT-FAMILY:   Trebuchet MS;
	COLOR:         #008800;
	FONT-SIZE:     12px;
	MARGIN:        0px;
}


.words18 {
	FONT:   18px/20px Tahoma, Arial;
	COLOR:         #aa5500;
	MARGIN:        0px;
}

.words10 {
	FONT-FAMILY:   Trebuchet MS;
	COLOR:         #000;
	FONT-SIZE:     10px;
}

.wordsblack {color:black;font-size:12px}

.wordsdull {
	FONT-FAMILY:    Tahoma, Verdana, arial;
        COLOR:         #888888;
	FONT-SIZE:     12px;
}

.wordsred {
	FONT-FAMILY	: "Trebuchet MS", Arial;
	COLOR		: #FF0000;
}

.price1 {
	FONT-FAMILY	: "Trebuchet MS", Arial;
	COLOR		: #000000;
	FONT-SIZE	: 30px;
	background	: url(images/price.jpg) no-repeat;
	text-align	: center;
	padding-BOTTOM	: 15px;
	height		: 69px;
	width		: 162px;
}

.price2 {
	FONT-FAMILY	: "Trebuchet MS", Arial;
	COLOR		: #990000;
	FONT-SIZE	: 30px;
	background	: url(images/price.jpg) no-repeat;
	text-align	: center;
	padding-BOTTOM	: 15px;
	height		: 69px;
	width		: 162px;

}
.wordsdull10 {
	FONT-FAMILY:    Tahoma, Eyechart, Tahoma, Arial, Verdana, Helvetica, sans-serif;
        COLOR:         #888888;
	FONT-SIZE:     10px;
}

.hdr16l {
	COLOR		: #f85500;
	FONT-SIZE	: 16px;
	font-weight	: bold;
	text-align	: left;
	border-bottom	: 1px dotted #6d6d6d;
	margin-bottom	: 10px;
}

.hdrfaq {
	FONT-FAMILY	: Trebuchet MS;
	COLOR		: #f85500;
	FONT-SIZE	: 18px;
/*	font-weight	: bold;*/
	text-align	: left;
	border-bottom	: 1px dotted #6d6d6d;
	margin-bottom	: 10px;
}


.hdr {
	FONT		: 22px/22px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	COLOR		: #009900;
	text-align	: center;
}

	/* for larger headings with dotted border */
.hdr20 {
	FONT		: 20px/25px Tahoma, Verdana, Arial, sans-serif;
	COLOR		: #3b70a0;
	TEXT-ALIGN	: center;
	PADDING-TOP	: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; 
	border-bottom	: 1px dotted #6d6d6d;
}



/* to display version */
.ver {
	FONT-FAMILY	: Tahoma, Arial, sans-serif;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
}

.update {
	FONT-FAMILY	: Tahoma, Arial, sans-serif;
	PADDING		: 10px 0px 0px 0px;
        COLOR		: #444444;
	FONT-SIZE	: 10px;
	line-height	: 1.5em;
}

.posn {
	text-align	: right;
	color		: #666666;
	font-size	: 10px;
}


	/* for use inside box border graphics */
.box2 {
	background	: url(images/box2-bg.jpg);
	border		: 0px #FF0000 solid;
}

	/* standard box for use with border graphics */
.box {
	PADDING		: 0px 20px 20px 30px;
	border		: 0px #000 solid;

}



.boxfl {
	float		: left;
	PADDING		: 20px;
}


.boxfr {
	float		: right;
	PADDING		: 20px;
}

.shadebg { background-color: #eeeeee }
.shadebg {  }

.t14 {font-size:14px}
#b0 { height:55px; } /*	text-align:left;WIDTH: 150px ; HEIGHT:  85px; border:0px solid #000;float:left; } */


#clb { clear:both;}
#cll { clear:left;}

.fl { float:left;}
.cb { clear:both;}
.t  {background: url('images/box-t.gif') 0 0 repeat-x;margin-top:-21px;}
.b  {background: url('images/box-b.gif') 100% 100% repeat-x}
.l  {background: url('images/box-l.gif') 0 0 repeat-y}
.r  {background: url('images/box-r.gif') 100% 0 repeat-y}
.bl {background: url('images/box-bl.gif') 0 100% no-repeat}
.br {background: url('images/box-br.gif') 100% 100% no-repeat}
.tl {background: url('images/box-tl.gif') 0 0 no-repeat}
.tr {background: url('images/box-tr.gif') 100% 0 no-repeat; padding:10px}

.t2  {background: url('images/box2-t.gif') 0 0 repeat-x}
.b2  {background: url('images/box2-b.gif') 100% 100% repeat-x}
.l2  {background: url('images/box2-l.gif') 0 0 repeat-y}
.r2  {background: url('images/box2-r.gif') 100% 0 repeat-y}
.bl2 {background: url('images/box2-bl.gif') 0 100% no-repeat}
.br2 {background: url('images/box2-br.gif') 100% 100% no-repeat}
.tl2 {background: url('images/box2-tl.gif') 0 0 no-repeat}
.tr2 {background: url('images/box2-tr.gif') 100% 0 no-repeat; padding:10px}

A.clsm:link	{ COLOR: #666666; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.clsm:visited	{ COLOR: #666666; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.clsm:hover	{ COLOR: #005500; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }

A:link		{ BACKGROUND-COLOR: transparent; COLOR: #FF0000; TEXT-DECORATION: none }
A:visited	{ BACKGROUND-COLOR: transparent; COLOR: #008855; TEXT-DECORATION: none }
A:hover		{ BACKGROUND-COLOR: transparent; COLOR: #FF00FF; TEXT-DECORATION: none }

UL.pt { list-style-image: url('images/arrow.jpg');}


/* used for table headers */
.tbl {
	border-top:	2px solid #000;
	border-left:	2px solid #888;
	background-color: #eee;
}
.tbr {
	border-top:	2px solid #888;
	border-right:	2px solid #888;
	background-color: #eee;
}
.tb {
	border-top:	2px solid #999;
	background-color: #eee;
}

/* below is for drop shaddow for pictures */
.wrap135 {DISPLAY: block;width:130px;background:url(images/shadow.gif) right bottom no-repeat;float:left;}
.wrap135n {DISPLAY: block;width:130px;background:url(images/shadow.gif) right bottom no-repeat;text-align:center;}
.wrap1 {DISPLAY: block}
.wrap2 {DISPLAY: block}
.wrap3 {DISPLAY: block}
.wrap1 {background:url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/shadow-bl.gif) -12px 100% no-repeat;}
.wrap3 {padding:0 14px 15px 0;
	background:url(images/shadow-tr.gif) 100% -12px no-repeat;}

 /* used to fix firefox issue with drop shaddow */
.blank
{
	background-color:#ffffff;
	padding:0px;;
}


input.faded {background-color:#eeeeee; color:#000000; border:1px solid #555555; font-family:tahoma; font-size:8pt; letter-spacing:1px;padding:4px 0px 4px 0px;}
select.faded {color:#000000; border:1px solid #aaaaaa; font-family:tahoma; font-size:8pt; }


/* turf calculator */
.areabox {
	float		: left;
	width		: 153px;
	height		: 240px;
	border		: 1px solid #008888;
	padding		: 5px;
	margin		: 10px;
	background	: #eee;
	text-align	: center;
}

.areaboxnf {
	width		: 300px;
	height		: 220px;
	border		: 1px solid #008888;
	padding		: 5px;
	margin		: 10px;
	background	: #eee;
}

input.dentry {background-color:#fff; color:#000; border:1px solid #bbb; font-family:tahoma; font-size:10pt; letter-spacing:1px;text-align:right;}
input.dblank {background-color:#eee; color:#f00; border:1px solid #ddd; font-family:tahoma; font-size:10pt; letter-spacing:1px;text-align:right;}

/*---------------------------------------------*/

/************** PHP OVERRIDE **********************/
.AHelpBase    { top:10px;right:30px;width:650px;font:12px/14px tahoma;border:0px;}
.AHelpContent { background:#eee;color:#000;border:0px solid #58f;z-index:100;}

.faqboxl {background:#fff;border:1px solid #888;width:250px;margin-right:10px;padding:5px;}
.faqboxr {background:#fff;border:1px solid #888;width:640px;}
.faqanswer {background:#fff;border:1px solid #888;padding:10px;}

.hdmenu a{color:#000;}

.hdmenu a {font	: 12px arial;}

.ModuleCatHdr 		{background:#558855; color:#fff;}
.ANewsHeading		{background:#D0CCBB;padding:5px 10px 0px 0px; margin-top:4px;}

/* ---------- Contact Form ---------- */

.ContentDivA		{ min-width:290px; width:auto; padding:0px 10px 5px 10px; vertical-align:top;}
.ContentDivB		{ min-width:290px; max-width:550px; display:inline-block; width:47%; padding:0px 10px 5px 10px; vertical-align:top;}
.ContentDivC		{ min-width:150px; display:inline-block; width:200px; padding:0px 5px 5px 5px; vertical-align:top;}

.ContentBorder		{ border-radius:10px; border:1px solid #ccc; margin:5px;}
.ContentBorderL		{ border-left:1px solid #ccc;}

.CFormData		{ display:inline-block; width:210px; padding:4px; margin:2px; vertical-align:top;}
.CFormData input 	{ width:95%; overflow:hidden; background:#efefef; padding:4px; text-align:left; color:#000; border:1px solid #bbb; font-family:tahoma;}
.Required input		{ box-shadow:0px 0px 8px #F88;background:#ffa}


.CFormRadio	{ display:inline-block; border-radius:5px; padding:4px; margin-bottom:5px; cursor:pointer; min-width:290px; max-width:300px; background-color:#ccccff; border:1px solid #555; padding:4px; margin:2px; font:14px/18px Tahoma,Arial; vertical-align:top;}
.FormSelect   	{ display:inline-block; background:#eeeeff; border:1px solid #555; border-radius:5px; padding:4px; margin-bottom:5px; cursor:pointer; min-width:290px; max-width:290px; font:14px/15px Tahoma,Arial}
.FormSelect:hover { background:#ffeeee; border:1px solid #f00;}
.CFormTitle	{ display:inline-block; width:100px; font:14px/18px Arial; padding:4px; vertical-align:top; text-align:center;}
.CFormTitleL	{ display:inline-block; text-align:center; width:200px; height:75px; font:12px/14px Arial; padding:4px; vertical-align:top;}
.ContentLeft 	{ display:inline-block; padding:0px 5px 0px 5px; width:295px; vertical-align:top;}
.ContentRight	{ display:inline-block; padding:0px 5px 0px 5px; width:295px; vertical-align:top;}
input.faded  	{ width:200px; padding:4px; text-align:left; background-color:#eeeeee; color:#000000; border:1px solid #bbbbbb; font-family:tahoma; font-size:8pt; letter-spacing:1px}
input.fadedwc 	{ width:200px}
input.fadedr  	{ width:200px;background:#ffff00;padding:4px; text-align:left; color:#000000; border:1px solid #bbbbbb; font-family:tahoma; font-size:8pt; letter-spacing:1px}
select.faded 	{ width:200px}
textarea.faded	{ font: 14px/16px Arial; border:1px solid #555555; width:96%;padding:10px;}



/* ---------------- ADAPTIVE ALTERNATIONS ----------------- */

@media screen and (min-width: 500px) and (max-width: 995px)
{
 .PageTop, .PageTopNursery, .TopMenu	{ display:none;}
 .AdaptiveTop 			{ display:block;}

 .CFormTitle			{ text-align:center}

 .ContentBorder,
   .ContentDiv,
   .ContentDivC,
   .ContentDivB,
   .ContentBorderL 		{ width:auto; max-width:96%}

 .ContentBorderL		{ border-left:0px solid #fff;}
 .BodyLogo			{ left:155px;}
 .MCSecondary			{ position:relative; top:auto; left:auto;}
}


@media screen and (min-width: 150px) and (max-width: 500px)
{
 .PageTop, .PageTopNursery, .TopMenu, .TopImage	{ display:none;}
 .AdaptiveTop 			{ display:block; max-width:300px;}

.bannerA			{ font:14px/25px Arial}

.ContentLeft, .ContentRight 	{ display:block;}
.CFormTitle			{ text-align:center}

 .ContentBorder,
   .ContentDiv,
   .ContentDivB,
   .ContentDivC			{ width: auto; max-width:96%;}

}