@charset "UTF-8";
/* CSS Document */




/*
-------------------------------------------------------------------------------------------------------------------------
  BASIC BIG BLOCKS
-------------------------------------------------------------------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #FFF;
}
div,table,tr,td,th,img,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,select,label{
margin: 0;
padding: 0;
border: 0;
}
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
.clearfix {
clear: both;
}
/*
-------------------------------------------------------------------------------------------------------------------------
  LAYOUT - CONTAINERS AND WRAPPERS
-------------------------------------------------------------------------------------------------------------------------
 */
#container {
position: relative;
width: 100%;
margin: 0;
padding: 0;
background-color: #FFF;
}
#terms_conditions_disclaimer #container, #download_agreement #container, #file_downloading #container {
margin: 1em;
width: auto;
}
#wrapper {
position: relative;
width: 1000px;
margin: 0 auto;
padding: 0;
background-image: url(../jpg/bg_main.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#header_wrapper {
position: relative;
width: 100%;
height: 182px;
}
#nav_wrapper {
position: absolute;
width: 500px;
bottom: 0;
left: 0;
/*margin: 0 0 0 180px;
*margin: 0 0 0 25px;*/
}
/*holds #main and #sidebar*/
#content_wrapper {
position: relative;
margin-top: 4.5em;
background-image: url(../png/bg_smokeblend.png);
background-image: none;
background-position: left bottom;
background-repeat: repeat-x; 
width: 570px;
padding: 0 215px;
}
#content {
width: 100%;
position: relative;
min-height:500px;
float: left;
}
#sidebar_left{
float: left;
width: 180px;
min-height: 375px;
margin: 0 0 0 -770px;
/*_margin: 0 0 0 -800px;*/
padding-bottom: 15px;
position: relative;
/*background-color: #719150;*/
background-repeat: no-repeat;
}
#loginform{
background-color: #719150;
padding-bottom: 0px;
margin-bottom: 10px;
height: 390px;
}
#logoutbuttons{
background-color: #719150;
padding-bottom: 10px;
margin-bottom: 15px;
}
#addons{
width: 180px;
padding-top: 10px;
}
#addons ul{
display: block;
list-style: none;
padding: 0;
margin: 0;
}
#addons ul li{
padding: 10px 0;
}
#marketing_materials_sidebar_left{
float: left;
width: 180px;
min-height: 375px;
margin: 0 0 0 -770px;
position: relative;
background-color: #719150;
background-image: url(../gif/bg_180sidebar.gif);
background-repeat: no-repeat;
}
#sidebar_right{
float:right;
background-repeat: no-repeat;
width: 180px;
margin: 0 -200px 25px 0;
}
#sidebar_right.home{
float:right;
background: none;
width: 140px;
}
#sidebar_creative_ideas {
background-image: url(../gif/bg_180sidebar.gif);
background-repeat: no-repeat;
}
#footer_wrapper {
position: relative;
width: 1000px;
margin: 50px auto 0 auto;
padding: 30px 0;
}
/*
#bottom_content_images{
margin: 10px 0 0 0;
padding: 0;
clear: both;
}
*/
#bottom_content_images_home{
margin: 15px 0 0 0;
padding: 0;
position: absolute;
}
#bottom_content_images_home ul{
width: 600px;
margin: 0 auto;
}
#bottom_content_images_home ul li{
list-style: none;
display: inline;
padding: 0;
margin: 0;
}
#bottom_content_images{
margin: 20px 0 0 0;
padding: 0;
clear: both;
position: relative;
}
#bottom_content_images ul{
width: 570px;
margin: 0 auto;
}
#bottom_content_images ul li{
list-style: none;
display: inline;
padding: 0;
margin: 0;
}
/*
#bottom_content_images .center_image{
padding-left: 15px;
padding-right: 15px;
}
*/
#bottom_content_images .center_image{
padding-left: 5px;
padding-right: 5px;
}
#bottom_content_images_home .center_image{
padding-left: 19px;
padding-right: 19px;
}
/*
#bottom_content_images ul li{
list-style: none;
display: inline;
padding: 0;
margin: 0;
}
*/
/*classes for floats and clears*/
.left {
float: left;
}
.right {
float: right;
}
.clear_both{
clear: both;
}
.margin_left{
margin-left: 95px;
}

/*
-------------------------------------------------------------------------------------------------------------------------
  BASIC TYPE, COLOR SETTINGS
-------------------------------------------------------------------------------------------------------------------------
*/
* {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
}
p {
font-size: .75em;
line-height: 1.4em;
color: #000;
margin: 0 0 1.5em 0;
padding: 0 15px 0 10px;
}
#terms_conditions_disclaimer p, #download_agreement p, #file_downloading p {
padding: 0;
}
p.intro{
font-size: 1em;
line-height: 2em;
color: #719151;
}
ul {
margin: 0 0 1.5em 1em;
}
#header_images {
margin: 0 0 0 1em;
padding: .5em 0 0 1em;
display: block;
list-style: none;
}
.green_with_a_heart_of_gold{
margin: -6.5em 0 0 30em;
}

ul{
font-size: 1em;
color: #000;
}
li {
font-size: .75em;
line-height: 1.4em;
color: #000;
}
li.content_list {
font-size: .75em;
line-height: 1.4em;
color: #000;
margin-left: 15px;
}
a {
color: #fff;
}
#terms_conditions_disclaimer a, #download_agreement a, #file_downloading a {
color: #000;
}
a:hover {
color: #000;
}
/* page title */
h1 {
font-family: arial,verdana, sans-serif;
font-size: 1em;
line-height: 1.1em;
color: #FFF;
font-weight: normal;
letter-spacing: .1em;
margin-bottom: 1em;
}
#terms_conditions_disclaimer h1, #download_agreement h1, #file_downloading h1 {
font-size: 1.25em;
margin: -.9em 0 .5em 0;
color: #719151;
}
/* subhead */
h2 {
font-family: arial,verdana, sans-serif;
font-size: .9em;
line-height: 1.1em;
color: #fff;
font-weight: normal;
letter-spacing: .05em;
margin-bottom: .4em;
}
/* secondary subhead */
h3 {
font-family: arial,verdana, sans-serif;
font-size: .7em;
line-height: 1.4em;
color: #FFF;
font-weight: bold;
letter-spacing: .05em;
margin-bottom: .2em;
}
input, textarea, select{
border: 1px solid #000;
}
#content a{
color: #000;
padding: 2px;
}
#content a:hover{
color: #696969;
padding: 2px;
}
#content h1{
padding: 5px 0 0 10px;
background-image: url(../gif/bg_h1.gif);
background-position: center left;
background-repeat: no-repeat;
min-height: 20px;
}
#index #content h1 {
width: 600px;
margin-top: 15px;
}
#welcome_creative_ideas #content h1{
background-image: url(../gif/bg_h1_long.gif);
}
#content h2{
clear: both;
padding: 3px 0 0 12px;
background-image: url(../gif/bg_h2.gif);
background-position: center left;
background-repeat: no-repeat;
min-height: 20px;
}
#content h3{
clear:both;
padding: 0px 0 0 10px;
margin-bottom: 10px;
background-image: url(../gif/bg_h3.gif);
background-position: center left;
background-repeat: no-repeat;
min-height: 16px;
}
#content h4{
margin: 0px 0 10px 20px;
padding-bottom: 5px;
border-bottom: 1px solid #729052;
color: #729052;
font-size: 1.25em;
font-weight: lighter;
min-height: 16px;
}
#content h5{
margin: 0px 0 5px 10px;
font-size: .85em;
min-height: 16px;
font-weight: bold;
}
#terms_conditions_disclaimer h5, #download_agreement h5, #file_downloading h5 {
font-size: .8em;
}
#content ul.available_sizes{
margin-left: 20px;
}
#content ul li.dos{
margin-left: 15px;
}
#content ul li.donts{
margin-left: 10px;
}
#print_ads #content a {
color: #000;
}
#print_ads #content a:hover {
color: #696969;
}
/*
#print_ads #content.img a:hover {
color: #FFF;
border: 1px solid #FF0000;
}
*/
#content img.indent{
margin-left: 10px;
}
/* classes for colors and other decorations 
---------------------------------------- */
.white {
color:#fff;
}
.black {
color:#000;
}
.red {
color: #b30838;
}
.green {
color: #719151;
}
.left_curve{
background-image: url(../gif/bg_left_curve.gif);
background-repeat: no-repeat;
float: left;
top:-1px;
}
.right_curve{
background-image: url(../gif/bg_right_curve.gif);
background-repeat: no-repeat;
float: right;
top:-1px;
}
hr{
height: 1px;
width: 550px;
background-color: #000;
border: 0;
}
.no_list_style{
list-style: none;
color:#000000;
padding-bottom: 20px;
}
.top{
vertical-align: top;
}
.bottom{
padding-bottom: 200px;
}
.smaller_type{
font-size: 10px;
}
.alert {
margin: 0 0 1.5em 1.7em;
padding: 10px 0 10px 0;
font-weight: bold;
border-bottom: 4px solid #FF0000;
border-top: 4px solid #FF0000;
}
.indent {
margin: 0 0 1.5em 1em;
}
.image {
padding: 0 0 2em 1em;
}
/*
-------------------------------------------------------------------------------------------------------------------------
  HEADER SECTION
-------------------------------------------------------------------------------------------------------------------------
*/
#logo_container {
position: absolute;
bottom:0px;
left:735px;
}
#content img {
margin: 0;
}
/*
-------------------------------------------------------------------------------------------------------------------------
  MAIN NAV SECTION - ACROSS THE TOP OF THE PAGE
-------------------------------------------------------------------------------------------------------------------------
*/
#nav {
position: relative;
width:100%;
height: 38px;
margin-left: 10px;
}
#nav ul {
margin: 0;
padding: 0;
}
#nav ul li {
font-size: 14px;
text-transform: uppercase;
float: left;
color: #FFF;
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li a {
text-decoration: none;
background-image: url(../gif/bg_nav_link.gif);
background-position: top left;
background-repeat: repeat-x;
display: block;
width: auto;
padding: 8px 22px 16px 22px;
color: #fff;
padding-left: 22px;
padding-right: 22px;
}
#nav ul li a:hover{
background-position: bottom left;	
}
span.nav_link_left{
background-image: url(../gif/bg_nav_link_left.gif);
background-repeat: no-repeat;
background-position: 0 -40px;
width: 20px;
height: 38px;
display: block;
position: absolute;
top:0px;
left: 0;
}
span.nav_link_right{
background-image: url(../gif/bg_nav_link_right.gif);
background-repeat: no-repeat;
background-position: 0 -40px;
width: 20px;
height: 38px;
display: block;
position: absolute;
top:0px;
right: 0;
}
#nav ul li:hover span.nav_link_left{
background-position: 0 0;
}
#nav ul li:hover span.nav_link_right{
background-position: 0 0;
}
/*
-------------------------------------------------------------------------------------------------------------------------
  FOOTER - NAV BUTTONS, COPYRIGHT
-------------------------------------------------------------------------------------------------------------------------
*/
#footer_wrapper ul {
height: 31px;
background-color: #000;
margin: 0;
padding: 0;
width: 1000px;
}
#footer_wrapper li {
font-size: 11px;
position: relative;
display: block;
float: left;
list-style: none;
padding: 7px 20px 8px 20px;
text-align: center;
}
#muppetscopyright {
float: right;
}
#varietycopyright, #muppetscopyright {
background-color: #709152;
width: 170px;
}
#footerlinks {
width: 540px;
}
#footerlinks a {
padding: 3px 10px 4px 10px;
border-left: 1px solid #fff;
}
a#footerNav_home {
border-left: none;
}
#footerlinks a:hover {
color: #FFD478;
}
/*
-------------------------------------------------------------------------------------------------------------------------
  SIDEBAR LEFT
-------------------------------------------------------------------------------------------------------------------------
*/
#sidebar_left fieldset{
margin: 0 0 0 10px;
border: none;
background-color: #709152;
color: #fff;
width: 170px;
padding: 0 0 10px 0;
}
#sidebar_left #RequestButtons{
padding: 0;
margin: 0 0 0 0px;
}
#sidebar_left #wlpeLoginForm{
}
#sidebar_left #wlpeLoginFieldset{
margin-top: 0px;
/* margin-bottom: -120px; */
}
#sidebar_left legend, #sidebar_left #wlpeUsernameLabel,#wlpePasswordLabel,#wlpeStayLoggedInLabel,#wlpeResetForm label, #wlpeActivateForm label{
color: #fff;
font: .75em Arial, Helvetica, sans-serif;
}
#sidebar_left fieldset #wlpeLoginButton, #wlpeResetButton, #wlpeActivateButton{
background-color: #719151;
position: relative;
width: 163px;
border: 1px solid #566B3D;
color: #fff;
font-size: .7em;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
}
#sidebar_left fieldset #wlpeLoginButton:hover, #wlpeResetButton:hover, #wlpeActivateButton:hover{
background-color: #2B3F17;
color:#FFD478;
}
#sidebar_left fieldset #wlpeLogoutButton{
background-color: #719151;
position: relative;
width: 160px;
border: 1px solid #566B3D;
color: #fff;
font-size: .7em;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
}
#sidebar_left fieldset #wlpeLogoutButton:hover{
background-color: #2B3F17;
color:#FFD478;
cursor: pointer;
}
#sidebar_left #wlpeUser{
margin: 0;
}
#sidebar_left #wlpeUser #wlpeWelcomeParagraph{
padding: 0;
margin: 50px 0 0 15px;
}
/*#sidebar_left #wlpeUser #wlpeUserForm #wlpeUserButtons #wlpeLogoutButton{
font-size: .7em;
color: #fff;
margin-left: 5px;
*margin-left: 15px;
*margin-top: 10px;
}*/
#sidebar_left fieldset #wlpeReminderButton, #wlpeResetCancelButton{
background: none;
margin: 0;
padding: 0;
color: #fff;
font: .6em Arial, Helvetica, sans-serif;
font-style: italic;
border: none;
text-transform: capitalize;
}
#sidebar_left fieldset #wlpeReminderButton:hover, #wlpeResetCancelButton:hover{
cursor: pointer;
text-decoration: underline;
}
#sidebar_left #wlpeUsername, #wlpePassword, #wlpeStayLoggedIn{
border: 1px solid #000;
}
#sidebar_left #wlpeUsername, #sidebar_left #wlpePassword {
width:161px;
}
#sidebar_left #wlpeRequestButtons{
/*color: transparent;*/
background-image: url(../jpg/img_request_access.jpg);
background-position: 0 0;
position: relative;
border: none;
width: 165px;
height: 80px;
padding: 0;
margin: 0 0 0 8px;
}
span.RequestButtons{
display: none;
visibility: hidden;
}
span.LogOut{
display: none;
visibility: hidden;
}
#sidebar_left #wlpeRequestButtons:hover{
cursor: pointer;
background-position: right;
}

#wlpeResetForm #wlpeResetFieldset p{
margin: 0;
padding: 5px 15px 10px 0px;
}
#wlpeResetForm #wlpeResetFieldset h3{
margin-top: 10px;
}
#wlpeResetForm #wlpeResetFieldset label #wlpeResetEmail, #wlpeNewPasswordConfirm, #wlpeNewPassword, #wlpeActivationPassword{
padding: 0;
margin: 0;
width: 150px;
}

#sidebar_left p.wlpeMessage{
margin: 0;
padding: 0;
}
#sidebar_left .wlpeMessage p{
margin: 0;
padding: 5px 10px;
}
#sidebar_left p.wlpeMessageText{
color: #fff;
font: .75em Arial, Helvetica, sans-serif;
font-style: italic;
margin:0 0 10px 0;
}
#sidebar_left p{
padding: 15px;
margin-top: 100px;
color: #FFF;
}
#request_access{
background-image: url(../jpg/img_request_access.jpg);
background-position: 0 0;
position: relative;
display: block;
height: 80px;
width: 165px;
padding: 0;
margin: 0 0 0 8px;
margin-top: 10px;
overflow: hidden;
}
#request_access a h2{
position: relative;
display: block;
height: 80px;
width: 165px;
text-indent: -3000px;
}
#request_access a:hover {
background-image: url(../jpg/img_request_access.jpg);
background-position: right;
position: relative;
display: block;
color: #FFD478;
width: 165px;
height: 80px;
}
#sidebar_left a img{ 
padding: 0 0 0 0px;
}
#sidebar_left #marketing_materials_mainnav {
background-color: #709152;
margin: 0;
}
#sidebar_left #marketing_materials_mainnav ul{
padding: 0;
margin: 15px 0 0 0;
list-style: none;
}
#loggedinnav{
background-color: #719150;
}
#sidebar_left #marketing_materials_mainnav ul li{
font-size: .85em;
text-align: center;
margin-top: -2px;
}
#sidebar_left #marketing_materials_mainnav ul li a{
text-decoration: none;
padding-top: 5px;
}
li#marketing_materials a .marketing_materials{
display: block;
position: absolute;
border-bottom: 2px solid #617e44;
top:0;
height: 38px;
width:180px;
background-image: url(../jpg/img_marketing_materials.jpg);
background-position: left;
}
li#marketing_materials a:hover .marketing_materials{
background-position: right;
}
#marketing_materials_mainnav ul li#downloadable_pdf{
padding-top: 5px;
}
li#downloadable_pdf a .downloadable_pdf{
display: block;
position: absolute;
top:250px;
border-top: 2px solid #617e44;
border-bottom: 2px solid #617e44;
height: 40px;
width:180px;
background-image: url(../jpg/img_downloadable_pdf.jpg);
background-position: left;
}
li#downloadable_pdf a:hover .downloadable_pdf{
background-position: right;
cursor: pointer;
}
#marketing_materials_mainnav ul li#creative_ideas{
}
li#creative_ideas a .creative_ideas{
display: block;
position: absolute;
top:279px;
height: 36px;
width:180px;
border-bottom: 2px solid #617e44;
background-image: url(../jpg/img_creative_ideas.jpg);
background-position: left;
}
li#creative_ideas a:hover .creative_ideas{
background-position: right;
cursor: pointer;
}
#marketing_materials_mainnav ul li a{
height: 17px;
width: 180px;
display: block;
background-image: url(../gif/bg_marketing_materials.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
#marketing_materials_mainnav ul li a:hover{
background-position: right center;
cursor: pointer;
}

/*controls buttons to be highlighted with yellow when on that specific page*/
#guidelines #marketing_materials_mainnav ul li a#guidelines_btn, #posters #marketing_materials_mainnav ul li a#posters_btn, #flyers #marketing_materials_mainnav ul li a#flyers_btn, #slide_art #marketing_materials_mainnav ul li a#slideart_btn, #packaging #marketing_materials_mainnav ul li a#packaging_btn, #pin_cards #marketing_materials_mainnav ul li a#pincards_btn, #paper_heart #marketing_materials_mainnav ul li a#paperheart_btn, #floor_graphics #marketing_materials_mainnav ul li a#floorgraphics_btn, #print_ads #marketing_materials_mainnav ul li a#printads_btn, #online_banner_ads #marketing_materials_mainnav ul li a#onlinebanner_btn  {
background-position: right center;
cursor:default;
color: #000000;
}
#sidebar_right p{
text-align: center;
padding: 10px;
margin-bottom: .5em;
color: #FFF;
font-size: .70em;
font-style: italic;
line-height: 1.25em;
}
#sidebar_right img{
width: 170px;
padding: 5px;
}
/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 31%;
margin-bottom: 1.5em;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 5px;
}

/*** END *** COLUMN LAYOUTS ***/
/* 2 COLUMN GRID - used to organize content in 2 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col2 {
position: relative;
float: left;
width: 49%;
margin: 0 0 1.5em 0;
list-style: none;
padding-bottom: 1.5em;
}

/* 7 COLUMN GRID - used to organize content in 7 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col7 {
position: relative;
float: left;
width: 70px;
margin-bottom: 1.5em;
padding: inherit;
list-style: none;
padding-bottom: 1.5em;
font-size: .9em;
}
/*
-------------------------------------------------------------------------------------------------------------------------
  BLOG - INCLUDES CLASSES AND IDs USED IN THE BLOG SECTION
-------------------------------------------------------------------------------------------------------------------------
*/
.jot-list ul{
list-style: none;
}
.jot-form fieldset{
}
.jot-form fieldset label{
font-size: 12px;
padding-bottom: 15px;
}
.jot-list{
font-size: 13px;
}
.jot-list ul{
margin: 0;
}
.jot-user{
color: #000;
font-size: 12px;
}
.jot-subject{
font-size: 15px;
color: #719151;
}
.jot-content{
margin: 0;
}
.jot-row jot-row-alt{
margin-bottom: 25px;
}
.jot-content hr{
width: 400px;
margin: 10px 0;
}
.jot-message{
width: 400px;
font-size: 12px;
}
.jot-extra{
font-size: 10px;
}
.jot-form fieldset input.post_comment{
background-color: #719151;
position: relative;
width: 160px;
border: 1px solid #566B3D;
color: #fff;
font-size: .7em;
top: -5px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: capitalize;
}


/*
-------------------------------------------------------------------------------------------------------------------------
  REQUEST ACCESS FORM PAGE / CONTACT FORM PAGE
-------------------------------------------------------------------------------------------------------------------------
*/
#requestform #content input.text {
width: 400px;
}
#requestform #content input.checkbox {
width: auto;
}
#contactform #content input.text, #interestform #content input.text {
width: 400px;
}
#contactform #content input.checkbox {
width: auto;
}
.errors {
color: #f00;
font-size: .8em;
margin-bottom: 2em;
}
label, .label {
color: #719151;
font-weight: bold;
}
.button {
background-color: #719151;
position: relative;
border: 1px solid #566B3D;
color: #fff;
margin-right: 1em;
padding: 7px;
font-size: .9em;
text-transform: uppercase
}
.button:hover{
background-color: #2B3F17;
color:#FFD478;
}