@charset "UTF-8";

body
{
	text-align:center;
	background-color:#c3c523;
	margin: 0;
	padding:0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

a 
{
	outline: none;
}

div.clearer
{
	clear: left; 
	line-height: 0; 
	height: 0;
}

#wrapper
{ 
	margin-right:auto; 
	margin-left:auto; 
	text-align:center; 
	width:960px;	
	background-color:#fff;
}

#nav-ctn 
{
	background:url("../img/nav-bg.jpg") no-repeat;
	width:860px;
	height:138px;
	margin-left:auto;
margin-right:auto;
	padding:0;
}

ul
{
	margin:0;
	padding:0;
}

#nav-ctn div.nav-contact
{
	float:right;
	margin:115px 25px 0 0;
}

#nav-ctn span
{
	margin:0 0 0 20px;
}

#nav-ctn a:link
{
	color: #666;
	text-decoration: none; 
	background-color: transparent;
}

#nav-ctn a:visited
{
	color: #666; 
	text-decoration: none; 
	background-color: transparent;
}

#nav-ctn a:hover
{
	color: #837a11;
	text-decoration: none; 
	background-color: transparent;
}

#nav-ctn a:active
{
	color: #837a11; 
	text-decoration: none; 
	background-color: transparent;
}

#menu
{
	position:relative;
}

#nav
{
	background:url("../img/nav-sprite.jpg") no-repeat;
	width:531px;
	height:27px;
	margin:0;
	position:absolute;
	top:54px;
	left:303px;
	padding:0;
}

#home
{
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
}

#home span 
{
	display: none;
}

#home a
{
	height:70px;
	width:180px;
	display:block;
	float:left;
	margin:30px 0 0 50px;;
}

#nav span 
{
	display: none;
}

#nav li, #nav a 
{
    height:27px;
    display:block;
}

#nav li 
{
    float:left;
    list-style:none;
    display:inline;
}

#nav-01 
{
    width: 127px;
}

#save #nav-01
{
	width: 127px;
	background:url("../img/nav-sprite.jpg") 0px -54px no-repeat;
}

#save #nav-01 a:hover
{
	background:url("../img/nav-sprite.jpg") 0px -54px no-repeat;
}

#nav-02 
{
	width: 119px;
}

#invite #nav-02
{
	width: 119px;
	background:url("../img/nav-sprite.jpg") -127px -54px no-repeat;
}

#invite #nav-02 a:hover
{
	background:url("../img/nav-sprite.jpg") -127px -54px no-repeat;
}


#nav-03
{
	width: 77px;
}

#nav-04
{
	width: 80px;
}

#about #nav-03
{
	width: 77px;
	background:url("../img/nav-sprite.jpg") -246px -54px no-repeat;
}

#about #nav-03 a:hover
{
	background:url("../img/nav-sprite.jpg") -246px -54px no-repeat;
}

#press #nav-04
{
	width: 80px;
	background:url("../img/nav-sprite.jpg") -323px -54px no-repeat;
}

#press #nav-04 a:hover
{
	background:url("../img/nav-sprite.jpg") -323px -54px no-repeat;
}

#nav-05
{
	width: 73px;
}

#faqs #nav-05
{
	width: 73px;
	background:url("../img/nav-sprite.jpg") -403px -54px no-repeat;
}

#faqs #nav-05 a:hover
{
	background:url("../img/nav-sprite.jpg") -403px -54px no-repeat;
}

#nav-06
{
	width: 55px;
}

#nav-01 a:hover
{
	background:url("../img/nav-sprite.jpg") 0px -27px no-repeat;
}

#nav-01 a:active
{
	background:url("../img/nav-sprite.jpg") 0px -54px no-repeat;
	outline: none;
}

#nav-02 a:hover
{
	background:url("../img/nav-sprite.jpg") -127px -27px no-repeat;
}

#nav-02 a:active
{
	background:url("../img/nav-sprite.jpg") -127px -54px no-repeat;
	outline: none;
}
   
#nav-03 a:hover
{
	background:url("../img/nav-sprite.jpg") -246px -27px no-repeat;
}

#nav-03 a:active
{
	background:url("../img/nav-sprite.jpg") -246px -54px no-repeat;
	outline: none;
}

#nav-04 a:hover
{
	background:url("../img/nav-sprite.jpg") -323px -27px no-repeat;
}

#nav-04 a:active
{
	background:url("../img/nav-sprite.jpg") -323px -54px no-repeat;
	outline: none;
}

#nav-05 a:hover
{
	background:url("../img/nav-sprite.jpg") -403px -27px no-repeat;
}

#nav-05 a:active
{
	background:url("../img/nav-sprite.jpg") -403px -54px no-repeat;
	outline: none;
}

#nav-06 a:hover
{
	background:url("../img/nav-sprite.jpg") -476px -27px no-repeat;
}

#nav-06 a:active
{
	background:url("../img/nav-sprite.jpg") -476px -54px no-repeat;
	outline: none;
}

#content
{
	background:url("../img/content-bg.jpg") no-repeat;
	width:960px;
	min-height:147px;
	margin:0;
	padding:0;
}

div#touts
{
	width:860px;
	margin:10px 0 0 50px;
	padding-bottom:35px;
}

.tout
{
	width:273px;
	margin:0;
	padding:0;
	height:164px;
	float:left;
}

div#tout1
{
	margin:0 21px 0 0;
}

div#tout2
{
	margin:0 20px 0 0;
	background:url("../img/tout-bg.jpg") no-repeat;
}

div#tout3
{
	background:url("../img/tout-bg.jpg") no-repeat;
}

div#footer
{
	width:860px;
	height:160px;
	color:#666;
	margin:0 0 0 50px;
	border-top:1px solid #c3c523;
}

div#footer p
{
	margin:10px 0 0 0;
}

.footer-div
{
	margin:0 10px 0 10px;
}

#footer a		    {color: #666; text-decoration: none; background-color: transparent;}
#footer a:visited       {color: #666; text-decoration: none; background-color: transparent;}
#footer a:hover         {color: #837a11; text-decoration: none; background-color: transparent;}
#footer a:active        {color: #837a11; text-decoration: none; background-color: transparent;}

div#page-content
{
	width:810px;
	margin-right:auto; 
	margin-left:auto; 
	padding:30px 0 0 0;
}

#invite div#page-content, #save div#page-content
{
	width:870px;
	margin-right:auto; 
	margin-left:auto; 
	padding:30px 0 0 0;
}

div#sub-col
{
	float:left;
	width:253px;
}

#press div#sub-col
{
	float:left;
	width:267px;
}

div#main-col
{
	float:left;
	text-align:left;
	width:450px;
	margin:25px 0 0 70px;
}

div#prod-col-1
{
	float:left;
	width:294px;
	text-align:left;
	margin:0 0 30px 0;
}

div#prod-col-2
{
	float:left;
	width:294px;
	text-align:left;
	margin:49px 0 30px 0;
}

div#prod-col-3
{
	float:left;
	width:272px;
	text-align:left;
	margin:49px 0 0 0;
}


#press div#main-col-press
{
	float:left;
	text-align:left;
	width:492px;
	margin:25px 0 0 50px;
}

div#main-col p
{
	margin:20px 0 0 0;
}

div#main-col-press p.subhead
{
	margin:10px 0 0 5px;
}

#main-col a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#main-col a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#main-col a:hover       {color: #837a11; text-decoration: underline; background-color: transparent;}
#main-col a:active      {color: #837a11; text-decoration: underline; background-color: transparent;}

#main-col-pres a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#main-col-press a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#main-col-press a:hover       {color: #666; text-decoration: underline; background-color: transparent;}
#main-col-press a:active      {color: #666; text-decoration: underline; background-color: transparent;}

#sub-col a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#sub-col a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#sub-col a:hover       {color: #666; text-decoration: underline; background-color: transparent;}
#sub-col a:active      {color: #666; text-decoration: underline; background-color: transparent;}

#prod-col-1 a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#prod-col-1 a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#prod-col-1 a:hover       {color: #837a11; text-decoration: underline; background-color: transparent;}
#prod-col-1 a:active      {color: #837a11; text-decoration: underline; background-color: transparent;}

#matchSTD a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#matchSTD a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#matchSTD a:hover       {color: #837a11; text-decoration: underline; background-color: transparent;}
#matchSTD a:active      {color: #837a11; text-decoration: underline; background-color: transparent;}

#pete
{
	margin:40px 0 0 0;
}

img#dozens
{
	margin: 0 0 0 5px;
}

div#keep-touch
{
	margin:15px 0 0 0;
	border-top:1px solid #c3c523;
	text-align:left;
}

div#keep-touch p.l-header
{
	margin:20px 0 0 5px;
}

div#keep-touch p.l-text
{
	margin:10px 0 0 5px;
}

div#keep-touch p.l-social
{
	margin:20px 0 100px 5px;
}

div#featured
{
	margin:28px 0 0 0;
	text-align:left;
}

div#featured p
{
	margin:20px 0 0 0;
	text-align:left;
}

div#featured p.ft-want
{
	margin:10px 0 200px 0;
	text-align:left;
}

img.feat1
{
	margin-right:17px;
}

img#featured-title
{
	margin:0 0 10px 0;
}

img#featured-want
{
	margin:50px 0 0 0;
}

div.tst-ctn
{
	margin:35px 0 0 0;
	border-top:1px solid #c3c523;
}

p.tst-text
{
	padding:35px 0 0 5px;
	width:440px;
}

p.tst-name
{
	margin:15px 0 35px 5px;
	color:#837a11;
	font-weight:bold;
}

div#featured p.process-title
{
	color:#837a11;
	font-weight:bold;
	margin:0 0 0 25px;
}

div#featured p.process-txt
{
	margin:10px 0 0 25px;
}

div.faq-ctn
{
	margin:0;
	border-bottom:1px solid #c3c523;
}

div.faq-ctn-last
{
	margin:0 0 100px 0;
}

#faqs div#main-col p.faq-ques
{
	margin:35px 0 15px 5px;
	color:#837a11;
	font-weight:bold;
	font-size:12px;
	width:440px;
}

#faqs div#main-col p.faq-answer
{
	margin:15px 0 35px 5px;
}

img.title
{
	margin:28px 0 20px 30px;
}

img.prod-detail-title
{
	margin:28px 0 15px 5px;
}

div#invite-copy
{
	margin:0 0 0 25px;
	border-bottom:1px solid #c3c523;
	width:264px;
}

p.invite-txt
{
	margin:0 0 20px 5px;
	width:255px;
}

p.invite-sub-txt-header
{
	margin:10px 0 5px 30px;
	width:255px;
	color:#837a11;
	font-weight:bold;
}

p.invite-sub-txt
{
	margin:0 0 149px 30px;
	width:255px;
}

p.invite-sub-txt2
{
	margin:0 0 153px 30px;
	width:255px;
}

p#prod-name
{
	width:272px;
	text-align:center;
	color:#7a7000;
	font-size:14px;
	margin:0 0 50px 0;
}

#prod-name a		    	{color: #7a7000; text-decoration: none; background-color: transparent;}
#prod-name a:visited     {color: #7a7000; text-decoration: none; background-color: transparent;}
#prod-name a:hover       {color: #659599; text-decoration: none; background-color: transparent;}
#prod-name a:active      {color: #659599; text-decoration: none; background-color: transparent;}

div#detail-ctn
{
	width:812px;
	margin-left:auto;
	margin-right:auto;
	padding:30px 0 0 0;
}

div#detail-title
{
	float:left;
}

#prevnext
{
	background:url("../img/btn-prev-next.jpg") no-repeat;
	width:117px;
	height:9px;
	margin:0;
	padding:0;
	float:left;
	margin:2px 0 0 0;
}

#prevnext span 
{
	display: none;
}

#prevnext li, #prevnext a 
{
    height:9px;
    display:block;
}

#prevnext li 
{
    float:left;
    list-style:none;
    display:inline;
}

#prevnext-01 
{
    width: 68px;
}

#prevnext-01 a:hover
{
	background:url("../img/btn-prev-next.jpg") 0px -9px no-repeat;
}

#prevnext-01 a:active
{
	background:url("../img/btn-prev-next.jpg") 0px -9px no-repeat;
	outline: none;
}

#prevnext-02 
{
    width: 49px;
}

#prevnext-02 a:hover
{
	background:url("../img/btn-prev-next.jpg") -68px -9px no-repeat;
}

#prevnext-02 a:active
{
	background:url("../img/btn-prev-next.jpg") -68px -9px no-repeat;
	outline: none;
}

div#detail-pages
{
	margin:37px 0 0 0;
	width:262px;
	float:right;
}

div#page-num
{
	float:left;
	width:50px;
	text-align:center;
	margin:0 15px 0 15px;
}

#viewall
{
	background:url("../img/btn-view-all.jpg") no-repeat;
	width:59px;
	height:9px;
	margin:0;
	padding:0;
}

#viewall span 
{
	display: none;
}

#viewall
{
	float:left;
	margin:2px 0 0 0;
}

#viewall li, #viewall a 
{
    height:9px;
    display:block;
}

#viewall li 
{
    float:left;
    list-style:none;
    display:inline;
}

#viewall-01 
{
    width: 59px;
}

#viewall-01 a:hover
{
	background:url("../img/btn-view-all.jpg") 0px -9px no-repeat;
}

#viewall-01 a:active
{
	background:url("../img/btn-view-all.jpg") 0px -9px no-repeat;
	outline: none;
}

#prod-detail-ctn
{
	text-align:left;
	margin:20px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	width:801px;
}

p.prod-title
{
	color:#392c13;
	font-size:16px;
	margin:0 0 20px 0;
}

div#prodcol1
{
	float:left;
	width:400px;
	height:180px;
	margin:0 0 45px 0;
	border-right:1px solid #c3c523;
}

div#prodcol1 p
{
	width:350px;
	margin:0 0 20px 0;
}

div#prodcol2
{
	float:left;
	width:400px;
}

div#prodcol2 p.h
{
	width:350px;
	margin:0 0 10px 40px;
	color:#837a11;
	font-weight:bold;
}

div#prodcol2 p.txt
{
	width:350px;
	margin:0 0 15px 40px;
}

#prod-detail-ctn a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#prod-detail-ctn a:visited     	{color: #666; text-decoration: underline; background-color: transparent;}
#prod-detail-ctn a:hover       	{color: #666; text-decoration: underline; background-color: transparent;}
#prod-detail-ctn a:active      	{color: #666; text-decoration: underline; background-color: transparent;}

#quote
{
	background:url("../img/btn-sprite.jpg") no-repeat;
	width:244px;
	height:21px;
	margin:0;
	padding:0;
}

#quote span 
{
	display: none;
}

#quote
{
	float:left;
	margin:0;
}

#quote li, #quote a 
{
    height:21px;
    display:block;
}

#quote li 
{
    float:left;
    list-style:none;
    display:inline;
}

#quote-01 
{
    width: 124px;
}

#quote-01 a:hover
{
	background:url("../img/btn-sprite.jpg") 0px -37px no-repeat;
}

#quote-01 a:active
{
	background:url("../img/btn-sprite.jpg") 0px -37px no-repeat;
	outline: none;
}

#quote-02 
{
    width: 120px;
}

#quote-02 a:hover
{
	background:url("../img/btn-sprite.jpg") -124px -37px no-repeat;
}

#quote-02 a:active
{
	background:url("../img/btn-sprite.jpg") -124px -37px no-repeat;
	outline: none;
}










div, p, h1, form{ margin:0px; padding:0px;}

img{border:0px;}

input{}

form {margin: 0;padding: 0;}

table {margin: 0;padding: 0;}

div.clearer {clear: left; line-height: 0; height: 0;}
.cursor_pointer {cursor:pointer;}

a:link		    {color: #363636; text-decoration: underline; background-color: transparent;}
a:visited       {color: #363636; text-decoration: underline; background-color: transparent;}
a:hover         {color: #363636; text-decoration: underline; background-color: transparent;}
a:active        {color: #363636; text-decoration: underline; background-color: transparent;}

label.error { float: none; color: #fefb00; font-size:9px; padding-left:3px; vertical-align: top; }
#regForm label.error { float: none; color: red; font-size:9px; padding-left:3px; vertical-align: top; }
#contribute label.error { float: none; color: red; font-size:9px; padding-left:3px; vertical-align: top; }

#matchSTD a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#matchSTD a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#matchSTD a:hover       {color: #837a11; text-decoration: underline; background-color: transparent;}
#matchSTD a:active      {color: #837a11; text-decoration: underline; background-color: transparent;}

#featured a		    	{color: #666; text-decoration: underline; background-color: transparent;}
#featured a:visited     {color: #666; text-decoration: underline; background-color: transparent;}
#featured a:hover       {color: #837a11; text-decoration: underline; background-color: transparent;}
#featured a:active      {color: #837a11; text-decoration: underline; background-color: transparent;}