/* (C) 2008 Elliot Jay Stocks. Designed for educational purposes only. This CSS has not been optimised for Internet Explorer 6. */




/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol {list-style:lower-roman}
ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6, h7 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }


/* Typography - basics */

body, h2, p, li, label, input { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#666; }
p { margin:0 0 20px 0 }
h2, span { color:#fc0 }
a { color:#FF6600; text-decoration:none }
a:hover { color:#65122f }
h4{font-size:medium;}
label {color:#FFFFFF;}

/* Layout - basics */

html { text-align:center }
body { text-align:left; margin:0 auto; background-color:#fff7cc;  background-image:url(../images/bodypattern.png) }

/*#outer {
width:1050px;
}*/

/*#container { 
	width: 950px;
	margin: -0px auto;  /*the auto margins (in conjunction with a width) center the page if needed 
	text-align: left; /* this overrides the text-align: center on the body element. 
	padding:10px 76px 0 76px;
	background-image:url(../images/containerbg.gif);
	background-repeat:repeat-y;
}  */

#container { 
	width: 910px;
	margin: -0px auto;  /*the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:10px 56px 0 56px;
	background-image:url(../images/containerbg_narrow3.gif);
	background-repeat:repeat-y;
} 

.boxout1{
	background-color:#CCC;
	}

.flash {color:#FF0000}

#flashstrip{background-color:#65122f; color:#CCCCCC; height:22px; padding:10px 0}
#flashstrip a{color:#fc0; text-decoration:none}
#flashstrip a:hover { color:#F3F3F3 }

#buttonbox{background-color:#65122f; color:#CCCCCC; height:44px; padding:0; margin: 2px 0px 0px 0px;}

#buttonbox a{margin: -2px;}

div.topbox {position:relative; height:120px; margin:10px 0 2px 0; background:#65122f url(../images/headerbanner2.jpg) top right no-repeat;}

ul.incentives { height:16em; /*background:url(../images/header_blue.png)*/ background:#0d124a; margin:2px 0 -5px 0 }
/*ul.incentives { height:16em; /*background:url(../images/header_blue.png) background:#0d124a; margin:2px 0 -16px 0 }*/
ul.incentives li { float:left; margin:0 0 /*20px*/ 0 0; padding:20px 0 }
/*ul.incentives li.main { padding:20px 0 0 30px; width:510px  }*/
ul.incentives li.main { padding:0; width:510px  }
ul.incentives li.ward { float:right; padding:20px 35px 20px 0; width:267px; margin:0; }
ul.incentives li.ward p { color:#cf6; padding:0 0 0 15px }
ul.incentives li p { color:#fff }
ul.incentives li ol li { padding:0 }

ul.reasons li { float:left; width:285px; margin:15px 25px 0 0 }
ul.reasons li.last { margin:15px 0 0 0}
ul.reasons li.last2 { margin:35px 0 0 0; width:600px }

ol.listbox { float:left; width:285px; margin:15px 25px 0 0 }
ol.listbox li {list-style:inside; padding-left: 2px;}

div.footer { height:40px; background:#cf6 }


/*for flash to overide mary ward quotes temp.*/
ul.incentives li.flash { float:right; padding:20px 0px 20px 20px; width:270px;}
ul.incentives li.flash p { color:#cf0; padding:0px 0 0 0px }
ul.incentives li.flash h4 {font-size:x-large; color:#fc0}
ul.incentives li.flash h2 {font-size:larger; color:#fc0}
/* End overide code */


h1 a { background:url(../images/sitebanner_big.png) top left no-repeat; width:400px; height:120px; text-indent:-9999px; display:block; margin:0 0 0 10px}

div.navBar { position:relative; height:44px; background:#65122f }
div.navBar ul { padding:12px 0 0 30px }
div.navBar ul li { display:inline; margin:0 20px 0 0 }
div.navBar ul li a { color:#fc0; text-decoration:none }
div.navBar ul li a:hover { color:#F3F3F3 }
div.navBar ul li a.current { color:#000 }
div.navBar form {position:absolute;top:8px;left:665px}
div.navBar form label { display:none }
div.navBar form input { width:120px }
div.navBar form input.button { width:60px; margin:0 0 0 10px }

/*div.footer ul { padding:11px 0 0 30px }*/
div.footer ul li { display:inline; margin:0 20px 0 0; color:#fc0; }


/* New styles from step 16 */

h3 { width:267px; height:206px; text-indent:-9999px }
h3.column1 { background:url(../images/carts/h3-customer.jpg) }
h3.column2 { background:url(../images/carts/h3-cutting.jpg) }
h3.column3 { background:url(../images/carts/h3-environ.jpg) no-repeat }

.boxout1 {height:100px; width:267px; margin:5px 0 0 0; background-image:url(../images/openday1.jpg);}

#form1 {
margin:5px 0 0 0;
padding:5px 0 0 0;
background-color:#65122f;
}

#form1 h4 {
color:#FFFFFF;
}

ul.linklist
{
padding: 0 0 0 0;
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

/*Feedback Form-------------------------------------------*/
.feedbackform{
	/*width:350px;*/
}
	
fieldset {
	padding:0 0 0 1.5em;
	}
	
label {
	display:block;
	font-weight:bold;
	padding: .7em .2em .2em .5em;
	}
legend {

	}

textarea {
	width:300px;
	height:150px;
	}
	
.textInput {
	width:300px;
	}
	
/* Rules added when inserting checkboxes */
.chkRad {
	float: left;
	margin-bottom: 8px;
	margin-left: 0px;
	}
.chkRad label {
	display:inline;
	}
.clearIt {
	clear:both;
	padding: .5em 0 .5em .5em;
	}
select {
	margin:5px 0 8px 30px;
	}
/* Add this style for warning messages */
.warning {
	font-weight:bold;
	}

/*End Feedback Form---------------------------------------*/


.divider2{
position: relative;
height: 1px;
border-bottom: solid 1px #65122f;
margin: 0em 0em 2.0em 0em;
}


/* New styles from step 17 */

h2 { font-size:14px }
.sectionheader {font-size:18px; color:#651230; font-weight:bold;}
.sectionheader2 {font-size:14px; color:#651230; font-weight:bold;}
.ad_header_bg { background-color:#CCC;}
p { margin:0 0 18px 0 }
div.footer { clear:both; background:#65122f; margin:22px 0 20px 0; padding:11px 0 0 30px }

#camwrap{
	width:320px;
    height:240px;
    border:1px solid #000; 
    overflow:hidden;
    margin:auto;
}

#camwrap iframe {
    width:640px;
    height:480px;
    margin-left:-252px;
    margin-top:-211px;   
    border:0 solid;
 }