/*   

Green Duck

Date: 07.18.2008

Version: v1

*/



/*	=Global reset

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

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {

	margin: 0;

	padding: 0;

}



h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol {
	list-style: disc;
}

fieldset,img {
	border: none;
}
caption,th {
	text-align: left;
}
table {

	border-collapse: collapse;
	border-spacing: 0;

}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}


/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

	





/*	=Layout

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

body {

	margin: 0 auto;

	background: #D5CAC7;

	/*background: #da8670 url(../images/site_bg.gif) repeat-y fixed top;*/

	text-align: center;

}



div.wrap {

	width: 935px;

	background-color: #fff;

	margin: 0 auto;

	text-align: left;

}



div#header {

	margin-left: 4px;

	width: 897px;

	position: relative;

	height: 142px;

	background: #fff url(../images/header_bg.jpg) no-repeat right bottom;

}



body#home div#header {

	height: 174px;

	position: relative;

	background: #fff url(../images/home_header_bg.jpg) no-repeat right bottom;

}



h1#logo {

	top: 8px;

	position: absolute;

}



h1#logo span {

	display: none;

}



div.col_small {

	float: left;

	width: 175px;

	position: relative;

	margin-left: 34px;

}



div.col_large {

	float: left;

	width: 320px;

	position: relative;

}



div.home_col_small {

	margin: 4px 0 0 34px;

	width: 357px;

	float: left;

}



div.home_col_large {

	width: 333px;

	float: left;

	margin: 4px 0 0 5px;

}



/*	=added by susan

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

	

	div.product_col_large {

	width: 500px;

	float: left;

	margin: 4px 0 0 0;

}

/*	=end

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



div.content_col_large {

	width: 500px;

	float: left;

	margin: 6px 0 6px 14px;

	border-right: 1px solid #e1e2df;

}



div.content_col_small {

	width: 170px;

	float: left;

	margin-top: 6px;

	text-align: center;

}



div.content_col_small2 {

	width: 140px;

	float: left;

	margin: 40px 0 0 20px;

	text-align: center;

}



div.page_stripe {

	border-top: 1px solid #d6d1cd;

	background-color: #ebecee;

	padding: 5px 0;

}



div#footer {

	border-top: 1px solid #d6d1cd;

	text-align: center;

	padding: 8px 0;

}





/*	=Navigation

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

ul#top_nav {

	position: absolute;

	right: 0;

	top: 18px;

	height: 38px;

}

ul#top_nav li {

	display: inline;

	font-size: 1.2em;

	float: right;

}



ul#top_nav li a {

	color: #696c5d;

	text-decoration: none;

	display: block;

}



ul#top_nav li a:hover, body#products a#btn_our_products, body#our_story a#btn_our_stories, body#about_greenduck a#btn_about, body#cust_stories a#btn_cust_stories, body#place_order a#btn_place_order {

	color: #fff;

}	



ul#top_nav li a#btn_place_order {

	width: 147px;

	padding: 15px 0 0 16px;

	height: 23px;

}



ul#top_nav li a#btn_about {

	width: 148px;

	padding: 15px 0 0 0;

	height: 23px;

	text-align: center;

}



ul#top_nav li a#btn_cust_stories {

	width: 144px;

	padding: 15px 0 0 0;

	height: 23px;

	text-align: center;

}



ul#top_nav li a#btn_our_stories {

	width: 106px;

	padding: 15px 0 0 0;

	height: 23px;

	text-align: center;

}



ul#top_nav li a#btn_our_products {

	width: 129px;

	padding: 15px 0 0 0;

	height: 23px;

	text-align: center;

}



ul#subnav {

	height: 18px;

	width: 689px;

	position: relative;

	float: right;

	border-bottom: 1px solid #e1e2df;

	text-align: right;

	margin-top: 124px;

}



body#home ul#subnav {

	width: 604px;

}



ul#subnav li {

	display: inline;

	font-size: 1.1em;

	margin-left: 15px;

}



ul#subnav li a {

	color: #696c5d;

	text-decoration: none;

}



ul#subnav li a:hover {

	text-decoration: underline;

}



/*	=Typography

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

body {

	font-family: verdana, arial, sans-serif;

	font-size: 62.5%;

	color: #40403e;

}



h2 {

	color: #40403e;

	font-family: "Gill Sans", verdana, sans-serif;

	font-size: 2.6em;

}



h2 img {

	margin-left: 0.35em;

	vertical-align: baseline;

}





h2#tagline {

	color: #e51b24;

	float: right;

	text-align: right;

	clear: right;

	background-image: none;

	padding: 0;

	width: 610px;

	font-size: 2.3em;

}



h3 {

	color: #e51b24;

	font-family: "Gill Sans", verdana, sans-serif;

	font-size: 1.5em;

}



.col_small h3 {

	font-size: 1.7em;

	margin-top: 7px;

}



h3 img {

	margin-right: 0.6em;

	vertical-align: middle;

}



h4 {

	color: #29545b;

	font-weight: bold;

	font-size: 1.1em;

}



p {

	color: #40403e;

	font-size: 1.1em;

	line-height: 1.6em;

	margin-bottom: 1.8em;

}



.content_col_large p {

	margin-right: 0.4em;

}



p.mission {

	color: #7c7e71;

	line-height: 1.4em;

	margin: 0 0.6em 2em 0;

}



p#byline {

	position: absolute;

	top: 0px;

	right: 0px;

	color: #696c5d;

	font-style: italic;

}



.page_stripe p {

	margin: 0 0 0 34px;

}



.page_stripe strong {

	font-size: 1.5em;

	color: #90a92c;

}



p.p_callout {

	margin: 0 0 1em 34px;

	clear:both;

	font-weight: bold;

}



.content_col_large ul {

	margin-bottom: 1.8em;

}



.content_col_large ul li {

	margin: 0 0.4em 0.6em 3.6em;

	list-style-type: disc;

	line-height: 1.6em;

	font-size: 1.1em;

}



img.img_left {

	float: left;

	margin: 0 1.8em 0.8em 0;

}



img.img_gray_brdr {

	border: 1px solid #d1d1d0;

}



img.img_green_brdr {

	border: 1px solid #dae5ac;

	padding: 3px;

}









/*	=Containers

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

div.boxed {

	width: 160px;

	height: 162px;

	float: left;

}	

div.boxed2 {

	width: 160px;

	height: 650px;
margin: 2px 2px 10px 2px;
	float: left;

}

.border_green {

	border: 1px solid #c9d598;

}



.box_space_lft {

	margin-left: 7px;

}



.box_space_top {

	margin-top: 7px;

}



div.boxed h3 {

	text-align: center;

}



div.boxed p {

	font-family: arial, verdana sans-serif;

	font-size: 1.2em;

	line-height: 1.2em;

	margin: 0 0.4em;

	color: #83896d;

}



div.boxed p.topsellers {

	color: #4d4d4d;

}



div.product_info {

	clear: both;

	position: relative;

}



.product_info .boxed {

	height: auto;

	padding-bottom: 4px;

}



.product_info .boxed p {

	text-align: center;

}



.product_details p {

	color: #70706e;

	margin-bottom: 0;

}



.product_details p a {

	margin-left: 1em;	

}



div.product_details {

	border-top: 1px solid #c9d598;

	width: 505px;

	float: left;

	margin-left: 7px;

}



.product_details ul {

	margin-bottom: 0;

}



.product_details ul li {

	color: #70706e;

	margin-left: 1.6em;

	line-height: 1.4em;

	font-size: 1.1em;

	list-style-type: disc;

}



.product_details h4 {

	color: #70706e;

	margin-top: 1em;

}



.product_details .green_text {

	color: #006c69;

	padding-left: 30px;

}



.product_details a {

	color: #006c69;

}



.product_details a:hover {

	text-decoration: none;

}





/*	=Tables

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

table {

	margin: 8px 0 16px 7px;

	width: 100%;

	border: none;

	clear: both;

	border-collapse: collapse;

}



table tr th {

	font-size: 1.1em;

	line-height: 1.1em;

	font-weight: normal;

	vertical-align: bottom;

	text-align: left;

	padding: 5px 4px;

	color: #fff;

	background-color: #6da02e;

}





table tr td {

	padding: 5px 4px;

	color: #000;

	border-bottom: 1px solid #000;

	font-size: 1em;

}



table tr td.td_value_add {

	font-style: italic;

	background-color: #c6e934;

	border: none;

}



table tr td a {

	color: #000;

}





/*	=Linkage

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

a, a:visited {

	color: #40403e;

}



a:hover {

	color: #e51b24;

}



h1#logo a {

	width: 207px;

	height: 132px;

	display: block;

	background: transparent url(../images/greenduck_logo.gif) no-repeat left top;

}



a.btn_allproducts {

	display: block;

	background: #6da02e url(../images/btn_all_products.png) no-repeat left top;

	width: 124px;

	height: 28px;

	color: #fff;

	text-indent: -9999px;

	margin-top: 6px;

}



a.link_email {

	background: transparent url(../images/icon_email.gif) no-repeat right center;

	padding-right: 20px;

}



a.link_product {

	color: #e51b24;

	text-decoration: none;

}



a:hover.link_product {

	color: #40403e;

}
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 145px;
	overflow: hidden;
	background: url(../images/mainwrap-bg.gif) repeat-y left;
	padding: 5px 8px 0px 10px;
	margin-bottom: 10px;
}

#ja-col1 div.ja-innerpad {
	padding: 8px 0 10px;
	color: #C8C8C8;
}
#ja-col1 ul li {
	padding-left: 10px;
	padding-bottom: 3px;
	border-bottom: #006666;
	background: url(../images/bullet-list.gif) no-repeat left;
	line-height: 18px;
}

#ja-col1 ol li {
	margin-left: 35px;
	line-height: 180%;
}
#ja-col1 a {
	color: #607e87;
	font-style: normal !important;
}

#ja-col1 a:hover, #ja-col1 a:active, #ja-col1 a:focus {
	color: #000000;
}

#ja-col2 {
	float: right;
	width: 180px;
	overflow: hidden;
}

#ja-col2 div.ja-innerpad {
	padding: 0 25px 10px 0;
}

#ja-col2 li a {
	color: #403C3A;
}

#ja-col2 li a:hover, #ja-col2 li a:active, #ja-col2 li a:focus {
	color: #403C3A;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat 2px 8px;
}

#ja-col1 li {
	background-image: url(../images/bullet-list3.gif) !important;
}

#ja-col1 ul,
#ja-col2 ul {
	margin: 0;
	}
	/* Default Joomla! Menu */
a.mainlevel {
	padding: 5px 0 6px 15px;
	width: 90%;
	display: block;
	color: #403C3A;
	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left;
	font-weight: bold;
	text-decoration: none;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #403C3A;
	background: url(../images/a-mainlevel-hover.gif) no-repeat bottom left;
	text-decoration: none;
}

a.mainlevel#active_menu {
	color: #EE9600;
	background: url(../images/a-mainlevel-hover.gif) no-repeat bottom left;
	font-weight: bold;
	text-decoration: none;
}

a.sublevel {
	padding: 2px 4px 2px 20px;
	display: block;
	color: #403C3A;
	background: url(../images/bullet-list2.gif) no-repeat 8px 8px;
	text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	color: #EE9600 !important;
	text-decoration: none;
	
}

#active_menu {
	color: #EE9600 !important;
	font-weight: bold;
}