/* menu styles see gonml.css and gonmlie.css */

/* colors */
.greenbk { background-color:#00A040; }
.bluebk { background-color:#00266B; }
.whiteFont { color:#FFFFFF; }

.blockStyle { display:block; }

#textBox {
position:absolute;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
z-index: 0; 
top: 244px;
}
#imageBkPage {
position: absolute;
background-repeat: no-repeat;
z-index: 0; 
visibility:visible;
margin:0;
padding:0;
}

#imageBkPageMob {
position:relative;
background-repeat: no-repeat;
z-index: 0; 
visibility:visible;
margin:0;
padding:0;
}
#prodHeadMovieAlt {
position:relative;
z-index:0;
top:-278px;
left:10px;
}
#prodHeadMovie {
position:relative;
z-index:0;
top:-268px;
left:10px;
}
#fmovie {
position:relative;
top:0px;
left:0px;
width:690px;
height:293px;
z-index:0;
}
#fmovieMob {
position:relative;
top:0px;
left:0px;
width:320px;
height:320px;
z-index:0;
border:0;
}
#prodHeadMovieAltMob {
position:relative;
z-index:100;
top:-318px;
left:0px;
font:1.25em Helvetica, Arial, sans-serif;
}

#folderHeadMovieAlt {
position:relative;
z-index:0;
top:-371px;
left:10px;
}
#foldermovie {
position:relative;
top:84px;
left:0px;
width:690px;
height:376px;
z-index:0;
}

#zMenu {
position:relative;
z-index:100;}


#calcItMovie {
position:relative;
z-index: 1;
width:285px;
top:11px;
}
#copyRight {
position:relative;
z-index: 1;
top:225px;
}
#copyRightMovie {
position:relative;
z-index: 1;
top:127px;
}
#calendarOverCopy {
	position:relative;
	z-index: 1;
	left: 1px;
	top: -100px;
}
#calendarOverCopy2 {
	position:relative;
	z-index: 1;
	left: 1px;
	top: 0px;
}
#copyRightNoSpace {
	position:relative;
	z-index: 0;
	top:-115px;
	left: -94px;
}

#calcIt {
position:relative;
z-index: 1;
width:285px;
top:-59px;
}
#prodHead {
position:relative;
z-index: 0;
top:25px;
left:0px;
}

#bottom { overflow:auto
}


/* top links styles */
.topLinks { font-size: 14px; font-family:Tahoma, Arial; height:14px; color:#A8A8A8; text-decoration:none; }
A.topLinks:hover {	color:#000000; text-decoration:underline; }
.borderBkLeftRight { border-left:1px solid #A8A8A8; border-right:1px solid #A8A8A8; }

.sideTextServices { font-size:20px; font-weight:normal; line-height:44px; }
.sideTextBullets { color:#00A040; font-size:30px; line-height:12px; }

.sideRS { display:block; background-image:url(images/sideRequestSamples.jpg); background-repeat:no-repeat; }
A.sideRS:hover { background-image:url(images/sideRequestSamples-O.jpg); }
.sideMS { display:block; background-image:url(images/sideMonthlySpecials.jpg); background-repeat:no-repeat; }
A.sideMS:hover { background-image:url(images/sideMonthlySpecials-O.jpg); }
.sideVS { display:block; background-image:url(images/sideViewSamples.jpg); background-repeat:no-repeat; }
A.sideVS:hover { background-image:url(images/sideViewSamples-O.jpg); }
.sideEO { display:block; background-image:url(images/sideEmailOffers.jpg); background-repeat:no-repeat; }
A.sideEO:hover { background-image:url(images/sideEmailOffers-O.jpg); }
/* sides for products */
.sideRSp { display:block; background-image:url(images/sideRequestSamplesP.jpg); background-repeat:no-repeat; background-position:center; }
A.sideRSp:hover { background-image:url(images/sideRequestSamplesP-O.jpg); background-position:center; }
.sideMSp { display:block; background-image:url(images/sideMonthlySpecialsP.jpg); background-repeat:no-repeat; background-position:center; }
A.sideMSp:hover { background-image:url(images/sideMonthlySpecialsP-O.jpg); background-position:center; }
.sideVSp { display:block; background-image:url(images/sideViewSamplesP.jpg); background-repeat:no-repeat; background-position:center; }
A.sideVSp:hover { background-image:url(images/sideViewSamplesP-O.jpg); background-position:center; }
.sideEOp { display:block; background-image:url(images/sideEmailOffersP.jpg); background-repeat:no-repeat; background-position:center; }
A.sideEOp:hover { background-image:url(images/sideEmailOffersP-O.jpg); background-position:center; }


.copyright { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:10px; color:#666666; }
.optionsText { font-size:14px; line-height:19px; font-family:Arial, Helvetica, sans-serif; }
.noMarPad { margin:0; padding:0; border:0; line-height:0px; }

.wayOne { display:block; background-image:url(images/buttonOne.jpg); background-repeat:no-repeat; padding:0px 0px 2px 0px; }
A.wayOne:hover { background-image:url(images/buttonOne-O.jpg); }
.wayTwo { display:block; background-image:url(images/buttonTwo.jpg); background-repeat:no-repeat; padding:0px 0px 2px 0px; }
A.wayTwo:hover { background-image:url(images/buttonTwo-O.jpg); }
.wayThree { display:block; background-image:url(images/buttonThree.jpg); background-repeat:no-repeat; }
A.wayThree:hover { background-image:url(images/buttonThree-O.jpg); }


.head14x20 { font-size:14px; line-height:20px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
.head16x22 { font-size:16px; line-height:22px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
.head18x24 { font-size:18px; line-height:24px; font-family:Tahoma, Arial, Helvetica, sans-serif; }

.head22x30 { font-size:22px; line-height:30px; font-family:Tahoma, Arial, Helvetica, sans-serif; }

.head24x30 { font-size:24px; line-height:30px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
.head48x48 { font-size:48px; line-height:48px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#00A040; }

.head42x42 { font-size:42px; line-height:42px; font-family:HelveticaCondensed,'Arial Narrow', Arial, Helvetica, sans-serif; color:#00A040; }


.text9x12 { font-size:9px; line-height:12px; font-family:Arial, Helvetica, sans-serif; }
.text10x14 { font-size:10px; line-height:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
.text11x13 { font-size:11px; line-height:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; }

.textInGreenBar { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; }

.bullet12x15 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; padding:2px 0px 2px 10px; text-indent:-10px; margin:0px; }
.bullet13x16 { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; padding:2px 0px 2px 13px; text-indent:-13px; margin:0px; }

.samplestext { font-family:Tahoma, Arial; font-size:12px; line-height:16px; color:#000000; text-decoration:none; }
A.samplestext:hover { font-family:Tahoma, Arial; font-size:12px; line-height:16px; color:#000000; text-decoration:none; background-color:#FFFFFF; }
.samplemenu { background-color:#FFFFFF; display:block; line-height:18px; font-family:Arial; font-size:10px; color:#555555; letter-spacing:1px; height:20px; text-decoration:none; }
A.samplemenu:hover { color:#FFFFFF; background-color:#333333; }
.samplemenuOverLeft { border-right:1px solid #FFFFFF; display:table-cell; line-height:18px; font-family:Arial; font-size:11px; background-color:#333333; color:#FFFFFF; letter-spacing:1px; font-weight:bold; height:20px; text-decoration:none; }
.samplemenuOver { border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; display:table-cell; line-height:18px; font-family:Arial; font-size:11px; background-color:#333333; color:#FFFFFF; letter-spacing:1px; font-weight:bold; height:20px; text-decoration:none; }
.samplemenuOverRight { border-left:1px solid #FFFFFF; display:table-cell; line-height:18px; font-family:Arial; font-size:11px; background-color:#333333; color:#FFFFFF; letter-spacing:1px; font-weight:bold; height:20px; text-decoration:none; }

.samplemenuBorder { border-style:solid; border-color:#FFFF99; border-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; }
.samplemenuOverLeftBorder { border-style:solid; border-color:#FFFF99; border-width:1px; border-left-width:0px; border-bottom-width:0px; }
.samplemenuOverRightBorder { border-style:solid; border-color:#FFFF99; border-width:1px; border-right-width:0px; border-bottom-width:0px; }
.samplemenuOverTopandSidesBorder { border-style:solid; border-color:#FFFF99; border-width:1px; border-bottom-width:0px; }
.sampleThumbs { font-family:Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; line-height:12px; color:#FFFFFF; }



/*background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(1, #00E15A), color-stop(0.4, #DDFFDD), color-stop(0, #00E15A));*/

.samplemenuMob { background-color:#99FF99; display:block; padding:0px 0px 0px 0px; height:40px;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #00A040), color-stop(20%, #99FF99), color-stop(50%, #DDFFDD), color-stop(70%, #99FF99), color-stop(100%, #00E15A));
background-image:-moz-linear-gradient(top, #DDFFDD, #99FF99 7%, #00A040);
background-image:-o-linear-gradient(top, #DDFFDD, #99FF99 7%, #00A040);
font-family:Helvetica; font-size:1.0em; color:#00266B; text-decoration:none; line-height:2.6em; }
/*-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00A040), to(#99FF99), 
color-stop(0.5, #99FF99), color-stop(0.5, #00266B)) 21 30 30 21 repeat repeat; */


.samplemenuOverMob { display:block; font-family:Helvetica; line-height:2.0em; font-size:0.62em; background-color:#00266B; color:#ffffff; font-weight:bold; height:20px; text-decoration:none; }


.BlurbText13x16 { font-size:13px; line-height:16px; font-family:Tahoma, Arial, Helvetica, sans-serif; }

/* mobile */
.mobblurbText { font-size:13px; line-height:15px; font-family:Helvetica, Arial, sans-serif; }
.mobblurbTextBullet { font-size:20px; font-family:Helvetica, Arial, sans-serif; color:#00A040; }
.mobhead14x20 { font-size:14px; line-height:20px; font-family:Helvetica, Arial, sans-serif; }

.mobsideTextServices { padding:8px 0px 0px 10px; font-size:1.1em; font-weight:normal; line-height:1em; }

.mobhead22x30 { font-family:Helvetica, Arial, sans-serif; }
.mobtext11x13 { font-family:Helvetica, Arial, sans-serif; }

.mobhead14em20em { font-size:0.9em; line-height:1.5em; font-family:Helvetica, Arial, sans-serif; }
.mobhead13em19em { font-size:0.8em; line-height:1.25em; font-family:Helvetica, Arial, sans-serif; }

.mobText { font-size:0.9em; line-height:1.25em; font-family:Helvetica, Arial, sans-serif; }