
/*------complete html reset-----*/ /*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}*/
/* remember to define focus styles! */

img.print{
display:none;	/*----for the logo printing - need to hide unless printing*/
}
* {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ul {
	list-style: none;
}

#page,#footer,#content-middle{
min-width:1020px;	
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;/*border-spacing: 0;*/
}

caption, th, td {
/*text-align: left;
	font-weight: normal;*/
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*-----end reset----*/

/*--proper hover for elements*/
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer, input[type="button"] {
	cursor: pointer;
}

/*----nice blockquote--*/
blockquote {
	background:#333;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	color:#fff;
	quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
}

/*-----------------------------FONT STYLES-----------------------------*/


/*----------------------------------------------------------------------- START HERE ----------------------------------------------------------*/
.addthis_toolbox.addthis_default_style {
	padding:5px;	
	width:65px;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.75);
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	position:absolute;
	
}



#ecom-content #page-content + .addthis_toolbox {
	margin-bottom:15px;
	position:absolute;
	top:353px;
	left:577px;
	height:35px;
	padding:10px 5px 5px;
	width:69px;
	padding-left:30px;
	z-index:99999;
	background-color: rgba(0, 0, 0, 0.75);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
}

.leftcol.scroller .addthis_toolbox {
	position:absolute;
	padding:5px;
	height:20px;
	right:52px;
	top:20px;
	background-color: rgba(0, 0, 0, 0.75);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
}
.rightcol .addthis_toolbox{
	top:25px;
	right:52px;
		position:absolute;
	padding:5px;
	height:15px;
		background-color: rgba(0, 0,0, 0.75);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
}

#page-content + .addthis_toolbox.addthis_default_style{
		left:22px;
	top:65px;
}

body {
	text-align:center;
	color:#717073;/*4c4e50*/
	background-color:#e3e1e1;
	font-size:15px;
}

/*------------------- TINYMCE STYLES-----------*/
.grey {
	color:#717073;
}

.darkGrey {
	color:#4c4e50;
}

.orange {
	color:#d18316;
}

#sub-content .title, #sub-content .name {
	font-family:GillSansStdBold;
	margin-bottom:5px;
	color:#4c4e50;
	font-size:1.2em;
}

#sub-content .title a, #sub-content .name a {
	color:#4c4e50;
	text-decoration:none;
}

.container {
	width:1020px;
	text-align:left;
	font-family:GillSansMT, "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
}

#page {
	/*width:1020px;*/
	/*margin:0 auto;*/
	/*min-height:700px;*/
	/*padding-top:5px;*/

	background-repeat:no-repeat;
	/*overflow:hidden;*/
	background-color:#000;
	background-position:center 3px;
	border-bottom:solid 3px #d18316;
}

#content-area p {
	
	line-height:1.5em;
	margin-bottom:15px;
	color:#fff;
	text-align:justify;
	letter-spacing:0.05em;
}

#page-content p img {
	margin-right:10px;
	margin-bottom:10px;
}

#page-content.editing,.editing{/*--for back end*/
	width:auto;
}

#sub-content {
	/*padding-top:20px;*/
	/*padding-left:40px;*/
	/*overflow:hidden;*/
	background-color:#e3e1e1;
	padding-bottom:25px;
	font-size:16px;
	line-height:1.5em;
}

#content-area ul {
	padding-left:15px;
	list-style-type:circle;
}

#page-content ol {
	list-style:inside;
	list-style-type:decimal;
}

#content-area ul li, #page-content ol li {
	margin-bottom:10px;
}

#content-area dl {
	margin-bottom:15px;
}

#content-area dl dt {
	font-weight:bold;
	margin-bottom:5px;
}

#content-area h1 {
	color:#d18316;
	font-size:2.333em;
	margin-bottom:20px;
	font-family:ClarendonLight;
	letter-spacing:.08em;
}

#content-area h2 {
	font-size:2em;
}

#content-area h3 {
	font-size:1.5em;
}

#content-area h4 {
	font-size:1em;
}

#content-area h5 {
	font-size:.8em;
	
}


hr {
	height:1px;
	margin-bottom:10px;
	border-top:solid 1px #d18316;
	;
}

#content-area h2, #content-area h3, #content-area h4 {
	color:#d18316;
	font-family:ClarendonLight;
	clear:both;
	margin-bottom:10px;
}

#page-content dt {
	color:#d18316;
	font-family:ClarendonLight;
	margin-bottom:5px;
	font-size:1.1em;
	letter-spacing:.05em;
}

#page-content dd {
	margin-bottom:15px;
}

/*------------------END TINYMCE--*/
#cmsform #content-area {
	height:520px;
	z-index:0;
}

#wrapper {   /*using wrapper so the footer and nav back can stretch out across browser*/
/*width:1020px;
	margin:0 auto;
	text-align:left;*/
}

a img {
	border:none;
}

#main_body a,#main a {
	color:#d18316;
}

#header {
	/*padding-top:5px;*/
	overflow:visible;
	
}

#header .container {
	min-height:85px;	/* height screws up content area somehow */
	background-color: rgba(0, 0, 0, 0.75);
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";*/
	position:relative;
	padding-left:40px;
	z-index:99999;
	overflow:visible;
}

#header .container .break {
	display:none;
}

#header #mainlogo {
	float:left;
	width:168px;
	height:60px;
	padding-top:15px;
}

#header .newsletter {
	float:left;
	width:120px;
	height:112px;
	position:absolute;
	top:-0px;
	left:210px;
	z-index:10;
}

#main_body .login,#main .login{
	position:absolute;
	right:5px;
	/*top:-30px;*/top:0;
	text-align:right;
	color:#fff;
	
	
	z-index:888;
}




#ecom-content .login{
top:-30px;	
}


.logged-in span#name{
	margin-right:5px;
	line-height:2em;
	color:#d18316;color:#000;
	background-color:rgba(255,255,255,.5);
	box-shadow:5px 5px 10px rgba(0,0,0,.3);
	border-radius:.3em;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}

.growing #main_body .login{
top:0;	
}

#main_body .inner .login,#main .inner .login{
top:0;	
}

#main_body .login a,#main .login a{
color:#fff;	
margin-right:5px;
padding: 2px 5px;
font-size: 0.9em;	
}

#main_body {
}

#main .container,#main_body .container,#pickles .container {
	position:relative;
	text-align:left;
height:554px;
}

#main .container.expanding,#main_body .container.expanding{
height:auto;	
top:-10px;
}

#main_body #page-content{
	font-size:16px;
	position:absolute;
	left:20px;
	top:95px;
	width:570px;
	text-align:left;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.75);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	padding:15px;
}

#main .container.expanding #page-content,#main_body .container.expanding #page-content{
	position:static;
	left:inherit;
	top:inherit;
	width:100%;
	color:#fff;
	padding:15px;
	padding-bottom:25px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.55);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	
}

#main_body #content-area.inner #page-content {
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:transparent;
	padding:0;
	font-size:16px;
}

#ecom-content #page-content, .fullcol #page-content {
	padding:0;
background:transparent;
}

.break {
	clear:both;
}

#content-area.scroller {
	padding:15px;
	height:625px;
	overflow:hidden;
}

/*#content-area*/ .leftcol {
	float:left;
	margin-left:25px;
	width:647px;/*was 677*/
	/*background-color: transparent;
	background-color: rgba(0,0,0,0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	color:#fff;*/
padding:15px 0px;
	overflow:hidden;
	height: 625px;
}

/*#content-area*/ .rightcol {
	float:left;
	padding:15px;
	width:170px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	color:#fff;
	height:625px;
	overflow:hidden;
}

#cmsform #content-area .rightcol {
	width:auto;
}

#cmsform .container {
	width:auto;
}

#header .topnav, #header .newsletter, #header .ad {
/*float:left;*/
}

#main_body-middle .images, #main_body-middle .checkout, #main_body-middle .slider {
	float:left;
}

#main_body-middle .content-right, #main_body-middle .content-left {
	float:left;
}

#footer .right, #footer .left {
	float:left;
}

#footer .left {
	width:570px;
}

#footer .right {
	width:420px;
	padding-top:10px;
}

#footer .right .left {
	width:155px;
	height:155px;
	padding-left:30px;
	border-right:solid 1px #ccc;
	margin-right:30px;
}

#footer .right .right {
	width:165px;
	padding:0;
}

#footer .contactus, #footer .location, #footer .subnav, #footer .survey {
	float:left;
}

#content-area {
	padding-top:22px;
	position:relative;
	min-height:532px;
	padding-left:35px;
	padding-right:35px;
	z-index:2;
	/*margin-top:50px;*/
	padding-top:50px;
}

#ecom-content {
	min-height:610px;
	margin-top:35px;
}

img.click:hover {
	cursor:pointer;
}

#content-middle {
	margin-bottom:14px;
	min-height:250px;
}

.content-left {
	float:left;
	padding-right:25px; /*was 35 - changed for the ad module on home page*/
	border-right:solid 1px #717174;
	margin-right:30px;
	/*margin-left:22px;*/
	
}

.content-left.no-bar {
	border:none;
}

.content-right {
	float:left;/*width:480px;*/
}

#footer {
	border-top:solid 2px #d18316;
	min-height:190px;
	color:#fff;
	background-color:#4c4e50;
	padding-left:20px;
}

.errmsg, .error {
	color:red;
	font-size:1.25em;
	margin-top:5px;
	margin-bottom:5px;
}

#content-middle .container .spacer {
	height: 150px;
    margin-bottom: 23px;
    margin-left: 60px;
	margin-top: -3px;
    width: 908px;
	background-color: #000;
}

#content-area.inner .leftcol {
	padding:15px;
}

.inner .leftcol, .inner .rightcol {
	background-color: rgba(0, 0, 0, 0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	z-index:2;
	padding-bottom:15px;
	color:#fff;
}

.leftcol.scroller.50-50, .rightcol.50-50 {
	width:50%;
}

#cmsform #content-area .leftcol {
	width:500px;
}

#cmsform #content-area .leftcol.editing, .leftcol.editing {
	width:auto;
}

#cmsform .ad {
	float:left;
}

#content-area.inner .rightcol {
	padding-top:15px;
}

#content-area.scroller .left {
	margin-left:20px;
	border-left:solid 1px #666;
	background-color: rgba(0, 0, 0, 0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	padding:15px;
	float:left;
	width:677px;
}

#content-area.scroller .right {
	padding:15px;
	background-color: rgba(0, 0, 0, 0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	float:left;
	width:170px;
}

.transparent-back, #news-signup {
	background-color: rgba(0, 0, 0, 0.8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000, endColorstr=#BB000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000)";
	padding:15px;
	color:#fff;
}

#forgot-password {
	width:100%;
}

#forgot-password .title {
	color:#d18316;
	font-size:1.5em;
	margin-bottom:20px;
	font-family:ClarendonLight;
	letter-spacing:.08em;
}

#forgot-password input[type="text"] {
	width:200px;
	height:22px;
	margin-bottom:20px;
}

#content-area #forgot-password input[type="submit"] {
	float:left;
}

#contactus {
	width:100%;
	text-align:left;
}

#contactus .title {
	color:#d18316;
	font-size:2.333em;
	margin-bottom:20px;
	font-family:ClarendonLight;
	letter-spacing:.08em;
}

#contactus table {
	width:100%;
}

#contactus table td {
	padding:5px;
}

#contactus table input[type="text"], #contactus table input[type="password"] {
	width:100%;
	height:21px;
}

#contactus table textarea {
	width:100%;
	height:90px;
	margin-top:5px;
}

#content-area #contactus input[type="submit"] {
	margin-right:0px;
}

.staff-details #leftInfo {
	float:left;
	margin-right:25px;
	max-width:200px;
	text-align:left;
}

.rightInfo {
	float:left;
	max-width:70%;
}

.staff-details .image {
	width:100px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10px;
	float:left;
}

.staff-details .image img {
	max-width:100px;
}

.staff-details .contact {
	clear:both;
}

.staff-details {
	padding:15px;
}

.staff-details .name {
	color:#d18316;
	font-size:2em;
	margin-bottom:20px;
	font-family:ClarendonLight;
	letter-spacing:.08em;
}

.staff-details .contact .name {
	font-size:1.1em;
	font-family:GillSansMT;
}

.staff-details .contact table {
	width:100%;
}

.staff-details .contact table th {
	padding:2px;
}

/*----------------------survey--*/
	
	#full-survey-2010 {
		text-align:left;
}

#full-survey-2010 input {
	margin-bottom:10px;
}

#paging-div, #pagination {
	width:100%;
	margin-top:50px;
}

#pagination a {
	color:#fff;
	text-decoration:none;
}

#paging-div div {
	margin-bottom:15px;
}

#pagination .paginate_active a {
	color:#000;
}

#paging-div .pagination, .paginate a {
	background-color:#d18316;
	width:15px;
	height:15px;
	text-align:center;
	border-radius:2px;
	float:left;
	margin-right:5px;
	font-size:.8em;
	border:solid 1px #fff;
	font-weight:bold;
	line-height:1.4em;
}

#paging-div .paginationActive, .paginate_active a {
	background-color:#999;
	color:#000;
	float:left;
	margin-right:5px;
	width:15px;
	height:15px;
	border-radius:2px;
	text-align:center;
	font-size:.8em;
	border:solid 1px #fff;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
}

#pagination.pagination:hover {
	cursor:pointer;
}

#full-survey-2010 table td {
	padding:10px;
}

#full-survey-2010 p {
	margin-bottom:15px;
}

#full-survey-2010 strong {
	color:#d18316;
}

.members-listing {
	width:565px;
}

/*--------------- contest--------------------*/
#full-survey-2010.contest .def_field {
width:285px;
height:22px;	
}
#full-survey-2010.contest textarea {
/*resize:none;	*/
}

#full-survey-2010.contest .def_field_textarea{
width:100%;
height:150px;
resize:none;	
}

#full-survey-2010.contest #paging-div{
	width:87%;
	
}

#full-survey-2010.contest table {

}
	

#content-area #full-survey-2010 p{
	text-align:left;	
}

/*---------------  POLLS -----*/
.polls_question .title, #content-area p.polls_name {
	font-family:ClarendonLight;
	font-size:1.1em;
	margin-bottom:10px;
	color:#d18316;
}

.polls_question .name {
	margin-bottom:5px;
}

.show-poll input {
	float:left;
	margin-right:10px;
}

.show-poll .input {
	margin-bottom:10px;
}

#show_poll .bottom {
	padding-top:15px;
}

.polls_result_table {
	width:100%;
}

.polls_result_table td {
	padding:5px;
}

.poll_opt {
	float:left;
	margin-right:5px;
}

.poll_opt_text {
	float:right;
	width:80%;
}

.polls_barline {
	background-color:#d18316;
	-moz-border-radius:1em;
	border-radius:1em;
	float:left;
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
#wrapper{
width:100%;
overflow:hidden;	
border:solid 1px blue;
}
#page{
border:dashed 1px white;	
}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

#wrapper{
	width:955px;
	padding-left:5px;
	overflow:hidden;
}

#header{
width:960px;
overflow:hidden;

}

#header .container{

width:960px;
}
#header .topnav {
width:70%;

}

#header .topnav ul.level_0 li{
	width:15%;
	overflow:hidden;
	background-color:purple;
}

#header .topnav ul.level_0 li a{
font-size:1em;	
width:80%;
}

ul.hdr_level_0 li ul.hdr_level_1, .sfm li ul{
width:100%;	
}
}

/* iPads (portrait and landscape) ----------- */

