﻿/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

#content ul
{
	margin: 0 35px;
	padding: 10px 0;
}


body {
        line-height:1;
}

.fields {}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}
/*
blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}
*/
a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}

p { margin: 0; padding: 0; }

/* END RESET */



/* LAYOUT */
.clear
{
	clear: both;
}

.centerImg
{
	margin:0 auto;
 }

#wrapper
{
	width: 964px;
	height: auto;
	margin: 0 auto;
}

#header
{
	position: relative;
	height: 145px;
}

#navigation
{
	height:39px;
	position: relative;
}

#subnavigation
{
	height: 33px;
	display: block;
	overflow: auto;
	position: relative;
}

#content
{
	background-color:#FFF;
	padding: 10px 18px 0 18px;
	margin: 0;
	min-height:400px;
	display: block;
	position: relative;
}

#column-middle
{
	width:400px;
	margin: 0 18px;
	float: left;
}

#column-left
{
	width: 246px;
	margin-left: 0;
	float: left;
}

#column-right
{
	width: 246px;
	margin-right: 0;
	float: left;
}

#column-main
{
	width: 664px;
	float: left;
	margin-right: 18px;
}

.column-main-larger{
	width: 680px !important;
	margin-right: 0px !important;	
}

#column-full
{
	width: 100%;
}


#footer
{
	height: auto;
	min-height: 80px;
	position:relative;
	
}

#footer-cap
{
	width: auto;
	height: 21px;
}

#footer-nav
{
	clear: right;
	float: right;
	margin-right: 18px;
	text-align: right;
}

#footer-signup
{
	width:300px;
	float: left;
}

#footer label
{
	display:block;
	float:left;
	width:40px;
	margin-top: 5px;
}

#footer input
{
	float:left;
	margin-top: 3px;
}

#socialmedia{
	width: 250px;
	height: 55px;
	float: right;
	margin-bottom: 5px;
	background: url('/resources/images/bkg_socialmedia.jpg') top center no-repeat;
	text-align: center;
	padding-top: 35px;
	padding-left: 30px;
}

#socialmedia .left {float:left; margin: 5px 0 0 0;}

#socialmedia iframe { width: 50px;float:left;}
#socialmedia strong {float:left; margin: 5px 0 0 5px;}

#socialmedia .icon{
	margin-left: 10px;
	float: left;
}
	
.pic-block { margin-bottom: 18px;}
#success-stories{position: relative; width: 246px;}
#success-caption{font-size: 12px; width: 110px; position: absolute; right: 0px; top: 15px;}

#success-slideshow{ position: relative; margin-bottom: 15px;}
#success-slideshow a{ text-decoration: none !important; display: block;}
#success-slideshow span{ cursor: pointer;}
#success-slideshow .caption-overlay{ display: block; width: 160px; padding: 5px 10px; background: #fff; z-index: 10;}
/* #success-slideshow img, #success-slideshow .caption-overlay{ position: absolute; bottom: 0px; left: 0px;} */
/* #success-slideshow .caption-overlay{ position: absolute; bottom: 0px; left: 0px;} */
#success-slideshow img{ width: 180px;}
#success-slideshow .caption-title{ font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.025em; color: #FF0000; display: block;}
#success-slideshow .caption-meta{ color: #333333;}
#success-slideshow .caption-morelink{ color: #ff0000; text-decoration: underline;}

.yellowbox-container{background: url('/resources/images/bkg_yellowbox.png') bottom center no-repeat; padding-bottom: 15px; width: 200px; margin: 0 auto; margin-bottom: 20px;}
.yellowbox{background: url('/resources/images/bkg_yellowbox.png') 0px 0px no-repeat; padding: 15px 10px 0px; overflow: hidden;}
.yellowbox img{display: block; margin: 0 auto;}
.yellowbox h4{color: #FF0000; margin-bottom: 10px; font: bold 150%/120% Georgia, "Times New Roman", Times, serif;}
.yellowbox p{margin: 10px 0px !important; font-size: 12px !important;}
.yellowbox a{text-decoration: underline !important;}

.yellowboxlink-container{ display: block; background: url('/resources/images/bkg_yellowbox.png') bottom center no-repeat; padding-bottom: 15px; width: 200px; margin: 0 auto; margin-bottom: 20px;}
.yellowboxlink-container:hover{ text-decoration: none !important;}
.yellowboxlink{ display: block; cursor: pointer; background: url('/resources/images/bkg_yellowbox.png') 0px 0px no-repeat; padding: 15px 10px 0px; overflow: hidden; color: #333;}
.yellowboxlink img{display: block; margin: 0 auto 15px;}
.yellowboxlink .h4{color: #FF0000; margin-bottom: 10px; font: bold 150%/120% Georgia, "Times New Roman", Times, serif; text-align: center; display: block;}
.yellowboxlink .red{text-decoration: underline !important;}

.greenbox-container{ display: block; background: url('/resources/images/bkg_greenbox.png') bottom center no-repeat; padding-bottom: 15px; width: 200px; margin: 0 auto; margin-bottom: 20px;}
.greenbox-container:hover{ text-decoration: none !important;}
.greenbox{ display: block; cursor: pointer; background: url('/resources/images/bkg_greenbox.png') 0px 0px no-repeat; padding: 15px 10px 0px; overflow: hidden;font-size: 16px !important; color: #fff; text-align: center;}
.greenbox img{display: block; margin: 0 auto 10px;}
.greenbox .h4{color: #fff; margin-bottom: 10px; font: bold 140%/120% Georgia, "Times New Roman", Times, serif; text-align: center; display: block;}
.greenbox .red{text-decoration: underline !important;}

.tanbox-container{ display: block; background: url('/resources/images/bkg_tanbox.png') bottom center no-repeat; padding-bottom: 15px; width: 200px; margin: 0 auto; margin-bottom: 20px;}
.tanbox-container:hover{ text-decoration: none !important;}
.tanbox{ display: block; cursor: pointer; background: url('/resources/images/bkg_tanbox.png') 0px 0px no-repeat; padding: 15px 10px 0px; overflow: hidden;font-size: 16px !important; color: #333;}
.tanbox img{display: block; margin: 0 auto 10px;}
.tanbox .h4{color: #629738; margin-bottom: 10px; font: bold 140%/120% Georgia, "Times New Roman", Times, serif; text-align: center; display: block;}
.tanbox .red{text-decoration: underline !important;}

#column-right h3{padding-left: 25px;}

#hdr-facebook{ font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 16px; color: #3B5998; margin: 0px; padding: 0;}

#promo-banner
{
width:100%;
height:auto;
border: solid 1px #BEBF01;	
margin-bottom:15px;
}

#content .errormessages
{
	width:100%;
	min-height:40px;
	border: solid 1px #BEBF01;
	color:Red;
	margin-bottom:15px;
}

#content ul.errormessages
{
	list-style-position:outside;
	margin:0;
	padding:0;
	text-indent:0;
}

#content ul.errormessages li
{
	list-style-type:none;
	margin:0;
	padding:10px;
	text-indent:0;
	text-align:center;
}

#success-stories-nav{width: 225px; float: left;}
#success-stories-nav h1{font: normal 32px Georgia,"Times New Roman",Times,serif; margin: 10px 0px; color: #629738;}
#success-stories-nav .success-story-thumbimage{float: left;}
#success-stories-nav .success-story-thumbimage img{display: block;border: 2px solid #629738; width: 60px;}
#success-stories-nav a{}

.success-stories-navitem{margin-bottom: 13px; line-height: 1.25em; overflow: hidden;}
.thumbdescription-name{font-weight: bold;}
.success-story-thumbdescription{ margin-left: 70px;}

#success-story-container{margin-left: 240px; text-align: justify; width: 435px;}
#success-story-container .success-story-image{}
#success-story-container .success-story-image img{display: block; border: 3px solid #629738; width: 350px; margin: 0 auto;}
#success-story-container h3{padding: 0px; font-weight: normal; font-size: 20px;}
#success-story-container .story-name{font: 18px Georgia, "Times New Roman", Times, serif; color: #777; letter-spacing: -.01em;}

#promo-box h4{font-size: 24px; text-align: center;}
#promo-box p{font-size: 16px !important; line-height: 1.4em;}

/* STYLES */

body 
{
	background: #f7f0d1 url(../images/bkg_yellow.jpg) repeat-x;
	font: normal normal normal 13px/150% Arial, Helvetica, sans-serif;
	color: #333;
}

a:link,a:visited
{
	text-decoration: none;
}

#content a:link,a:visited { color: #FF0000; }

#faq a:link,a:visited { color: #FF0000; }

#content a:hover
{
	text-decoration: underline;
}

#header 
{
	background: url('../images/bkg_header.jpg') repeat-x;
}

#header h1
{
	position: absolute;
	left: 15px;
	top: 34px;
	background-image: url(../images/almased_logo.png);
	width: 139px;
	height: 75px;
	text-indent: -9999px;
	cursor: pointer;
}

#header h2
{
	position: absolute;
	left: 130px;
	width: 584px;
	height: 145px;
	background-image: url(../images/almased_tagline.png);
	text-indent: -9999px;
}

h3
{
	font: normal normal bold 150%/120% Georgia, Times, serif;
	color: #629738;
	padding-bottom: 10px;

}

#promo-banner h4
{
	padding:10px 10px 0 10px;
	color:#347C31;
	font-size:18px;
}

#promo-banner img
{
	display:block;
	padding:10px;
}

#promo-banner p
{
	padding:0 10px 10px 10px;
	color:#333;
}


#navigation 
{
	background-image: url(../images/bkg_nav.jpg);
}

#navigation ul
{
	list-style: none;
	text-align: center;
	padding-top: 13px;
	padding-left: .5em;
}

#navigation li
{
	display: inline;
}

#navigation a:link, #navigation a:visited
{
	color: #347c31;
	font-weight: 700;
	margin-right: .95em;
	
}

#navigation a:hover
{
	margin-top: -4px;
	display: inline;
	border-top: 4px solid #bebf01;
}

#subnavigation
{
	background-image: url(../images/bkg_navsub.jpg);
}

#subnavigation ul
{
	list-style: none;
	text-align: center;
	padding-top: 3px;
	padding-left: .5em;
}

#subnavigation li
{
	display: inline;
}

#subnavigation a:link, #subnavigation a:visited
{
	color: #629738;
	margin-right: .95em;
	font-weight:700;
}

#subnavigation a:hover
{
	border-bottom: 4px solid #bebf01;
}


#special{ /*float: right; padding-top: 5px; padding-right: 15px; */ display: none; position: absolute; right: 15px; top: 5px;}
#translate{ position: absolute; top: 45px; right: 25px; cursor: pointer; background: url('/resources/images/icon_spanish.png') left center no-repeat; line-height: 24px; padding-left: 25px; font-weight: bold;}

#search
{
	position: absolute;
	width:auto;
	height:28px;
	right:15px;
	bottom:40px;
	background-color: Transparent;
	text-align: right;
	color:#CCC;
	font-style: italic;
}

#search img
{
	float:left;
	display: block;
}

#search input
{
	border:0;
	float:left;
	color:#999;
	font-style: italic;
}

#search .defaultText
{
	background-color:#FFF;
	padding: 6px 0;
}

#footer
{
	background: #629738 url(../images/bkg_footer_top.png) no-repeat center top;
	color: #FFF;
	padding: 24px 18px 0;	
}

#footer-cap
{
	background: transparent url(../images/bkg_footer_bottom.png) no-repeat;
}

#footer a:link, #footer a:visited
{
	color:#FFF;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer p
{
	margin-top: 25px;
}

#navigation a.red:visited, #navigation a.red:link, .red
{
	color:#FF0000;
}

#subnavigation a.red:visited, #subnavigation a.red:link, .red
{
	color:#FF0000;
}

#column-middle p,#column-main p,#column-full p
{
	margin: 0 0 1em 0;
}

#column-right p
{
	font-size: 80%;
	margin: 0 0 1em 0;
}

.testimonial
{
	background: #bebf01 url(../images/bkg_testimonial.jpg) no-repeat top;
	color: #FFF;
	font-size: 150%;
	font-weight: 700;
	line-height: 150%;
	padding: 1em 1em 0 1em;
	border: none;
}

.customer
{
	font-size:75%;
	font-weight: normal;
	line-height: 120%;
	display: block;
	padding: .5em 0;
}

img
{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.clearfix{
	visibility: hidden;
	margin: 0;
	clear: both;
}

#table-use
{
	padding:0; margin:0;
}

#table-use,#table-map
{
	border: solid 1px #347C31;
}

.even {background-color:#FFF;}

.odd {background-color: #F7F0D1;}

#table-use td,#table-use th,#table-map td
{
	padding:5px;
}

#table-map td
{
	vertical-align:middle;
}

#table-use th
{
	background-color: #EDF23D;
	color: #347C31;
}

.table1 th
{
	padding: 5px 10px;	
	color: #347C31;
	text-align: left;
	vertical-align: top;
	width: 200px;
}

.table1 .form1 
{
	color: #347C31;
	text-align: right;
}
	
.table1 .form2
{
	text-align:left;
 }

.tdProduct
{
	border-bottom: dotted 1px #629738;
	margin-bottom: 20px;
}

.grn 
{
	color: #347C31;
}

.big-grn
{
    color: #347C31;
	font: normal normal bold 125%/100% Georgia, Times, serif;
}

.table-order
{
	width: 100%;
	background-color: #F7F0D1;
}

.table-order td
{
	padding: 5px;
}

.table-shipping { width:100%; }
.table-shipping td { text-align:right; padding:4px; }
.table-shipping td label{ display:inline-block; width:250px; }

.fields 
{
	background-color: #F7F0D1;
	border: solid 1px #629738;
	padding: 4px;
	margin-top: 2px;
}

.form-break
{
	border-top: dotted 1px #629738;
}

#map_canvas
{
	margin: 18px 0;
}

.dkgreen{color: #347C31;}
.lightgreen{color: #629738;}
.olivegreen{color: #BEBF01;}
.red{color: red;}
.yellow{color: #EDF23D;}
.ltyellow{color: #F7F0D1;}

/* COLOR PALETTE
	#347C31 = Dark Green
	#629738 = Light Green
	#BEBF01 = Olive Green
	#FF0000 = Red
	#EDF23D = Yellow
	#F7F0D1 = Light Yellow
/*


/* PNG FIX */


img, div { behavior: url(../resources/stylesheets/iepngfix.htc) }

