/* ----- GENERAL RULES ----- */

body {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 75%;
	background-color:  #C6C7C8;
	color: #000;
}

html>body {
	font-size: 12px;
}

html body div.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* ----- TYPOGRAPHIC RULES ----- */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}
 
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
 
p.caption {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0.5em;
	font-style: italic;
	color: #555;
}

h3 {
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: normal;
	color: #777;
	margin-bottom: 0.33em;
}

h3 span {
	color: #72a913;
}

h3.focus {
	background-color: #000;
	color: #72a913;
	padding: 0 10px 2px 10px;
	margin-bottom: 0.66em;
}
h3_2 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
	color: #777;
	margin-bottom: 0.33em;
}

h3_2 span {
	color: #72a913;
}

h3_2.focus {
	background-color: #000;
	color: #72a913;
	padding: 0 10px 2px 10px;
	margin-bottom: 0.66em;
}

h4 {
	font-size: 1.17em;
	line-height: 1.5em;
	font-weight: normal;
	color: #72a913;
	margin-bottom: 0.33em;
}

h5 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
}

h6 {
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	color: #000;
	padding: 0px 10px 10px 24px;
	text-align: justify;
}

ul, ol {
	list-style-position: outside;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1em 24px;
}

ul {
	list-style-image: url(../images/interface/bullet.gif);
}

ol {
	list-style: decimal
}

li {
	margin-bottom: 0.33em;
}

a {
	color: #72a913;
	text-decoration: none;
}

a:visited {
	font-weight: normal;
	color: #888;
	text-decoration: underline;
}

a:hover {
	color: #72a913;
	text-decoration: underline;
}


/* ----- MAIN STRUCTURE ----- */

#wrapper {
	width: 100%;
}

#wrapper_inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	background-image: url(../images/interface/green_blend_down.jpg);
	background-position: left top;
	background-repeat: repeat-x;

}

#header {
	width: 980px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/interface/green_blend_down.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 35px 0 30px;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	clear: both;
}

#footer-wrap {
	width: 100%;
	clear: both;
	background-color: #afcb80;
}

#footer {
	width: 980px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	background-image: url(../images/interface/green_blend_up.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 40px;
}


#menu {
	position: relative;
	z-index: 5000;
	}
/* ----- MAIN NAVIGATION TOP AND BOTTOM MASTER ----- */

ul.navigation-main {
	list-style: none;
	padding: 5px 25px;
	font-size: 1.33em;
	margin: 0;
	
}

ul.navigation-main li {
	display: inline;
	margin-bottom: 0;
}

ul.navigation-main li a {
	font-weight: normal;
	color: #000;
	padding: 0 5px;
	margin-right: 38px;
	text-decoration: none;
}

ul.navigation-main li a:visited {
	color: #000;
}

ul.navigation-main li a:hover {
	color: #71A912;
}

ul.navigation-main li.current a {
	color: #71A912;
}

/* ----- HEADER ----- */

h1 {
	background: #fff url(../images/interface/warwickwarp_logo.gif) left top no-repeat;
	width: 294px;
	height: 94px;
	text-indent: -9999px;
	margin-left: 20px;
}

h2 {
	position: absolute;
	right: 20px;
	top: 62px;
	color: #808080;
	font-size: 2em;
	font-weight: bold;
}

#header img {
	margin: 10px 0 3px;
}
.img4 {
	float: right;
	margin: 0px 0px 2px 15px;
	border-style:outset;
}
/* ----- BREADCRUMB / SEARCH BAR ----- */

div.utility-bar {
	position: relative;
	background: #babbbc url(../images/interface/utility-bar-right.gif) top right repeat-y;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
}

div.utility-bar form {
	background-color: transparent;
}

div.utility-bar #breadcrumbs {
	display: inline;
	float: left;
}

div.utility-bar #search {
	float: right;
}

div.utility-bar #search form {
	margin: 0;
	padding: 0;
}

#breadcrumbs {
	display: inline;
	float: left;
	margin-left: 10px;
	width: 718px;
}

#breadcrumbs p {
	margin: 3px 10px 0;
}

#search {
	display: inline;
	float: right;
	width: 220px;
	margin: 2px 0;
}

#search form label {
	display: inline-block;
	width: 60px;
	text-align: right;
	font-weight: bold;
}

#search form label {
	display: inline-block;
	width: 60px;
	text-align: right;
	font-weight: bold;
}

#search form input {
	display: inline;
}

#search form input.text {
	height: 1.17em;
}

#search form #search-field {
	width: 95px;
	margin: 0 5px;
}

/* ----- CONTENT COLUMN STRUCTURE ----- */

#content-col-wrap {
	display: inline;
	float: left;
	margin: 15px 20px 15px 10px;
	width: 700px;
	background: transparent url(../images/interface/column_divider.gif) 230px top repeat-y;
}

#col-sub-one {
	display: inline;
	float: left;
	margin-right: 10px;
	width: 220px;
}

#col-main {
	display: inline;
	float: left;
	margin-left: 10px;
	width: 460px;
}

#col-sub-two {
	display: inline;
	float: left;
	margin: 15px 0 15px 10px;
	width: 220px;
}

/* ----- NAVIGATION SUB sub col one and two ----- */

a.navigation-sub-select {
	background: transparent url(../images/interface/sub_column_nav2.jpg) left -24px no-repeat;
	display: block;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	margin-bottom: 3px;
	padding-left: 9px;
}

a:hover.navigation-sub-select {
	color: #fff;
}

.navigation-sub a.selected {
	background-position: left -24px;
	color: #000;
}

.navigation-sub ul {
	list-style: none;
	margin: 0;
}

.navigation-sub ul li {
	margin-bottom: 0px;
}

.navigation-sub ul a {
	display: block;
	background: transparent url(../images/interface/bullet.gif) 10px 5px no-repeat;
	margin-top: 5px;
	color: #777;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 3px;
	padding-left: 24px;
}

.navigation-sub ul a.non-menu-link {
	display: block;
	background-color: transparent;
	color: #73a913;
	text-decoration: none;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 6px;
	padding-left: 0;
}

.navigation-sub ul a:hover.non-menu-link {
	text-decoration: underline;
	color: #73a913;
}

.navigation-sub ul a:visited {
	color: #999;
}

.navigation-sub ul a:hover {
	text-indent: 3px;
	color: #73a913;
}

.navigation-sub ul li.current a {
	background-color: #e0eccb;
}

.navigation-sub ul img {
	padding-left: 24px;
}

/* ----- NAVIGATION SUB sub col two specific ----- */

#col-sub-two a.navigation-sub-select {
	padding-left: 24px;
	background: transparent url(../images/interface/bullet_white.png) 10px 5px no-repeat;
	margin-bottom: 0;
}

#col-sub-two a:hover.navigation-sub-select {
	color: #72a913;
}

#col-sub-two .navigation-sub ul a:hover, #col-sub-two .navigation-sub ul li.current a {
	background-color: #AAA;
	color: #000;
}

#col-sub-two .navigation-sub ul li {
	margin-top: 4px;
}

#col-sub-two .navigation-sub ul a {
	padding-left: 24px;
}

#col-sub-two h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 0 8px;
}

#col-sub-two p {
	padding: 0 8px;
}

/* ----- COLUMN SUB ONE ----- */

#col-sub-one img {
	margin: 0 0 0.5em 0;
}

#col-sub-one li img {
	margin: 8px 0 0 0;
}

#col-sub-one h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #72a913;
	margin-bottom: 1px;
	padding: 6px 0 3px;
}

#col-sub-one p {
	margin-bottom: 3px;
	padding: 0;
}


/* ----- COLUMN MAIN ----- */

.article {
	border-bottom: 1px dashed #888;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.article .image_block {
	margin: 1.5em 0 1.5em 0;
}

/* ----- FORMS ----- */

form {
	background-color: #E6E6E6;
	padding: 1em 20px;
	font-size: 1.17em;
	line-height: 1.5em;
}

form ul {
	list-style: none;
	margin: 0;
}

form legend {
	font-size: 1.33em;
	line-height: 1.5em;
	color: #72a913;
	margin-bottom: 0.5em;
	padding-left: 110px;
}

form ul li {
	clear: both;
	margin-bottom: 1.5em;
	list-style-image: none;
}

form label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
}

form label.checkbox-title {
	float: none;
	width: 290px;
	text-align: left;
	margin-left: 110px;
}

fieldset.checkbox input {
	margin-left: 110px;
	margin-right: 10px;
	width: auto;
	vertical-align: top;
	display: block;
	float: left;
	clear: left;
}

fieldset.checkbox label.checkbox {
	float: none;
	width: auto;
	text-align: left;
}

form input.text {
	width: 290px;
	margin-left: 10px;
}
form input.text2 {
	width: 140px;
	margin-left: 10px;
}


form textarea {
	width: 290px;
	height: 12em;
	margin-left: 10px;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 0.92em;
	line-height: 1.33em;
	
}

form select {
	margin-left: 10px;
}

form input.submit {
	margin-left: 110px;
	margin-bottom: 1em;
	width: 140px;
}

/* ----- COLUMN SUB TWO ----- */

#col-sub-two .content-holder {
	background: #fff url(../images/interface/grey_blend_down.jpg) top left repeat-x;
	border-bottom: 1px dashed #888;
	padding: 0.5em 0;
	margin: 0.5em 0 0.5em 0;
}

/* ----- FOOTER ----- */


#footer ul.navigation-main {
	float: left;
	margin-left: 20px;
	padding: 0 5px;
}

#phone_number {
	display: inline;
	float: right;
	margin-right: 10px;
	text-align: right;
}

#phone_number p {
	font-size: 1.17em;
	margin: 2px 10px 4px 0;
}

#footer ul.navigation-main li a:hover {
	color: #fff;
}

#footer ul.navigation-main li.current a {
	color: #fff;
}

/* ----- NEW STYLING FOR PRODUCT PAGES  ----- */

/* indexholder */
#Layer-1 {
left: 0px;
  top: 0px;
  width: 966px;
  height: 877px;
  z-index: 1;
}
#Layer-2 {
left: 0px;
  top: 0px;
  width: 966px;
  height: 1177px;
  z-index: 1;
}
/* WWGREENDOTS */
#Wwgreendots {
  position: absolute;
  left: 870px;
  top: 910px;
  width: 90px;
  height: 9px;
  z-index: 20;
}

/* PRODUCT INDEX CONTENT DIV */
#ProductIndexDiv {
  position: absolute;
  left: 259px;
  top: 50px;
  width: 703px;
  height: 630px;
  z-index: 3;
}

/* PRODUCTS TEXT BOX */
#PTEXTB {
background: #fff;
  position: absolute;
  left: 3px;
  top: 86px;
  width: 697px;
  height: 570px;
  z-index: 29;
}

/* ----- INDEX BOXES ----- */

/* INDEX BOX 1 */
#IB1 {
  position: absolute;
  left: 3px;
  top: 76px;
  width: 341px;
  height: 157px;
  z-index: 29;
}

/* INDEX BOX 2 */
#IB2 {
  position: absolute;
  left: 360px;
  top: 76px;
  width: 341px;
  height: 157px;
  z-index: 24;
}

/* INDEX BOX 3 */
#IB3 {
  position: absolute;
  left: 360px;
  top: 253px;
  width: 341px;
  height: 158px;
  z-index: 19;
}

/* INDEX BOX 4 */
#IB4 {
  position: absolute;
  left: 3px;
  top: 253px;
  width: 341px;
  height: 158px;
  z-index: 14;
}

/* INDEX BOX 5 */
#IB5 {
  position: absolute;
  left: 360px;
  top: 429px;
  width: 341px;
  height: 158px;
  z-index: 9;
}

/* INDEX BOX 1 copy 6 */
#IB6 {
  position: absolute;
  left: 3px;
  top: 429px;
  width: 341px;
  height: 158px;
  z-index: 4;
}
/* INDEX BOX 1 copy 6 */
#IB7 {
  position: absolute;
  left: 3px;
  top: 605px;
  width: 341px;
  height: 158px;
  z-index: 4;
}
/*  INDEX BOX IMAGE */
#IBIMAGE {
border-style:solid;
border-width:2px;
border-color:#72a913;
  position: absolute;
  left: 15px;
  top: 14px;
  width: 86px;
  height: 127px;
  z-index: 30;
}

/*  INDEX BOX ARROW */
#IBARROW {
  position: absolute;
  left: 215px;
  top: 20px;
  width: 31px;
  height: 31px;
  z-index: 31;
}

/*  INDEX BOX TITLE */
#IBTITLE {
  position: absolute;
  left: 115px;
  top: 26px;
  width: 160px;
  height: 18px;
  z-index: 32;
}

/*  INDEX BOX TEXT */
#IBTEXT {
  position: absolute;
  left: 115px;
  top: 58px;
  width: 200px;
  height: 78px;
  z-index: 33;
}

/* PRODUCT CONTENT IMG DIV */
#Productimg {
  position: absolute;
  left: 5px;
  top: 16px;
  width: 697px;
  height: 37px;
  z-index: 34;
}

/* LINKS DIV */
#linksdiv {
background: #fff;
border-right:solid 1px #babbbc;
  position: absolute;
  left: 0px;
  top: 50px;
  width: 242px;
  height: 674px;
  z-index: 35;
}

/*  LINK1 */
#link1 {
  position: absolute;
  left: 25px;
  margin-top: 40px;
  width: 172px;
  height: 13px;
  z-index: 36;
}

/* LINKS2 */
#link2 {
  position: absolute;
  left: 25px;
  top: 111px;
  width: 172px;
  height: 13px;
  z-index: 37;
}

/* LINKS3 */
#link3 {
  position: absolute;
  left: 25px;
  top: 147px;
  width: 172px;
  height: 12px;
  z-index: 38;
}

/* LINKS4 */
#link4 {
  position: absolute;
  left: 25px;
  top: 181px;
  width: 172px;
  height: 13px;
  z-index: 39;
}

/*  LINKS5 */
#link5 {
  position: absolute;
  left: 25px;
  top: 216px;
  width: 172px;
  height: 13px;
  z-index: 40;
}

/* LINKS6 */
#link6 {
  position: absolute;
  left: 25px;
  top: 251px;
  width: 172px;
  height: 13px;
  z-index: 41;
}

/* BUTTON1 */
#buttonarrwsml1 {
  position: absolute;
  left: 199px;
  top: 73px;
  width: 20px;
  height: 19px;
  z-index: 42;
}

/* BUTTON2 */
#buttonarrwsml2 {
  position: absolute;
  left: 199px;
  top: 108px;
  width: 20px;
  height: 20px;
  z-index: 43;
}

/* BUTTON3 */
#buttonarrwsml3 {
  position: absolute;
  left: 199px;
  top: 144px;
  width: 20px;
  height: 19px;
  z-index: 44;
}

/* BUTTON4 */
#buttonarrwsml4 {
  position: absolute;
  left: 199px;
  top: 178px;
  width: 20px;
  height: 19px;
  z-index: 45;
}

/* BUTTON5 */
#buttonarrwsml5 {
  position: absolute;
  left: 199px;
  top: 213px;
  width: 20px;
  height: 19px;
  z-index: 46;
}

/* BUTTON6 */
#buttonarrwsml6 {
  position: absolute;
  left: 199px;
  top: 248px;
  width: 20px;
  height: 19px;
  z-index: 47;
}