/*
SKIPPY 5580d5
disc 6498fe
grey 999999

button over
light blue a1d4ff
v light blue cae6ff and titles
line middle darker blue 2854ac

193d85 outline strap and menu words

gold
e9af00
cc9900
a77d00 dark gold brown

up button outline text 4669ad

*/

html {
scrollbar-arrow-color: #6598FF;
scrollbar-base-color: #fff;
scrollbar-dark-shadow-color: #ccc;
scrollbar-track-color: #f2f2f2;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #ccc;
scrollbar-highlight-color: #fff;
scrollbar-3d-light-color: #fff;
}
html, body {  height: 100%; }
body {
	margin: 0 auto;
	font-family: "Helvetica", Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #333;
	background-color: #f2f2f2;
}
a, link, active, visited { color: #5681D6; text-decoration: none; }
a:hover { color: #79a7e5; text-decoration: none; }
em { font-size: 12px; }
h1 { }
h2 { }
h3 { }
ul { list-style-image: url("../images/layout/bullet.gif"); margin: 0px 0px 0px 25px; padding: 0; }
ul>li { padding: 2px 0px 3px 0px; text-align: left; color: #cc9900; font-size: 14px; }
span { padding: 0; margin: 0; }
hr { border: 0;background-color: #dadada; height: 1px; }
tr, th { text-align: left; padding: 0; margin: 0; }

/*MENU*/
#nav { list-style: none; padding: 0; margin: 0; float: left; }
#nav a { text-decoration: none; display: block; }
#nav ul  { list-style: none; padding: 0; margin: 0; }
#nav li a { display: block; }
#nav a:hover { text-decoration: none; }
#nav li { float: left; padding: 0; margin: 0; }
#nav li>ul {
	display: none;
	position: absolute;
	list-style-type: none;
	margin: 0; /* all browsers including Mac IE */
	*margin: 25px 0 0 -165px; /* IE 7 and below */
	_margin: 25px 0 0 -165px; /* IE 6 and below */
}
#nav li:hover>ul { display: block; width: 125px; z-index: 100; }
#nav li>ul>li a { display: block; }

#hoon { background: #cae6ff url(../images/menu/h2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#ho a { background: #cae6ff url(../images/menu/h1.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#ho a:hover { background: #cae6ff url(../images/menu/h2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }

#ordon { background: #cae6ff url(../images/menu/o2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#ord a { background: #cae6ff url(../images/menu/o1.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#ord a:hover { background: #cae6ff url(../images/menu/o2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }

#faqon { background: #cae6ff url(../images/menu/f2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#faq a { background: #cae6ff url(../images/menu/f1.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#faq a:hover { background: #cae6ff url(../images/menu/f2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }

#teon { background: #cae6ff url(../images/menu/t2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#te a { background: #cae6ff url(../images/menu/t1.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }
#te a:hover { background: #cae6ff url(../images/menu/t2.gif) bottom no-repeat; width: 125px; height: 25px; border-right: solid 1px #fff; }

#coon { background: #cae6ff url(../images/menu/c2.gif) bottom no-repeat; width: 125px; height: 25px; }
#co a { background: #cae6ff url(../images/menu/c1.gif) bottom no-repeat; width: 125px; height: 25px; }
#co a:hover { background: #cae6ff url(../images/menu/c2.gif) bottom no-repeat; width: 125px; height: 25px; }
/*MENU*/

#orderbg { margin: 0 auto; width: 992px; height: 640px; background: #fff url("../images/layout/orderbg.gif") top left no-repeat; }
#orderbgmain { margin: 0 auto; width: 992px; height: 670px; background: #fff url("../images/layout/orderbgmain.gif") top left no-repeat; }
#orderbgbase { margin: 0 auto; width: 992px; height: 670px; background: #fff url("../images/layout/orderbgbase.gif") top left no-repeat; }
#formleft { float: left; width: 410px; margin: 142px 0px 0px 35px; }
#formleftbase { float: left; width: 445px; margin: 150px 0px 0px 35px; }
#guideright { float: right; width: 220px; margin: 12px 15px 0px 0px; text-align: right; color: #6498fe; font-weight: bold; font-size: 14px; }
#guiderightbaseemail { float: right; width: 220px; height: 30px; margin: 11px 15px 0px 0px; text-align: right; color: #6498fe; font-weight: bold; font-size: 14px; }
#guiderightbase { float: right; width: 425px; margin: 15px 25px 0px 0px; }
#allin992 { margin: 0 auto; width: 992px; background: #fff url("../images/layout/contacthead.gif") top left no-repeat; }
#contactos { width: 955px; margin: 15px auto 0px auto; }

.orderbase { margin: 22px 0px 0px 0px; text-align: left; width: 290px; height: 98px; }
.order1 { height: 180px; margin: 20px 0px 0px 0px; text-align: left; }
.order2 { height: 180px; text-align: left; }
.order3 { height: 200px; text-align: left; }

#bannertop { margin: 0 auto; width: 1020px; height: 30px; background: #f2f2f2 url("../images/layout/columntop.gif") bottom left no-repeat; }
#allin1020 { margin: 0 auto; width: 1020px; min-height: 768px; background: #f2f2f2 url("../images/layout/columnmid.gif") repeat-y; }
#holdtop { margin: 0 auto; width: 992px; }
#allin1020order { margin: 0 auto; width: 1020px; background: #f2f2f2 url("../images/layout/columnmidorder.gif") repeat-y; }

#bannerlogo { margin: 0 auto; padding: 0px 0px 5px 0px; width: 992px; height: 75px; text-align: center; background-color: #fff; }
#menu { width: 630px; height: 25px; float: right; }
#box1 { width: 350px; height: 270px; float: left; margin: 10px 0px 0px 0px; }
#box2hold { width: 630px; float: right; margin: 15px 0px 0px 5px; }
.box2a { width: 310px; float: left; }
.box2b { width: 310px; float: right; margin: 0px 0px 0px 5px; }
#holdbottom { clear: both; background: url("../images/layout/ppp990.jpg") bottom left no-repeat; width: 990px; height: 395px; margin: 5px auto 0px auto; }
#boxbtn { width: 320px; height: 90px; padding: 20px 0px 0px 650px; }
#holdtestimonials { clear: both; width: 990px; min-height: 280px; margin: 0 auto; }
#holdfaq { background: url("../images/layout/littleericfaq.gif") top left no-repeat; width: 992px; height: 680px; margin: 0 auto; }
#faqleft { float: left; width: 390px; height: 395px; margin: 255px 0px 0px 0px; }
#faqright { float: right; background: url("../images/layout/pullyfaq.gif") top left no-repeat; width: 584px; height: 633px; margin: 15px 5px 0px 0px; }
#footer { clear: both; margin: 0 auto; background: #f2f2f2 url("../images/layout/columnbot.gif") top left no-repeat; width: 1020px; padding: 25px 0px 10px 0px; text-align: center; }
#footerorder { clear: both; margin: 0 auto; background: #f2f2f2 url("../images/layout/columnbotorder.gif") top left no-repeat; width: 1020px; padding: 46px 0px 10px 0px; text-align: center; }
#holdorderbanner { margin: 0 auto; background: #fff url("../images/layout/orderbanner.gif") top left no-repeat; width: 990px; height: 123px; }
#orderbutton { float: right; margin: 25px 5px 0px 0px; }
#holdpop { margin: 0 auto; width: 465px; }

.titles { background-color: #eaeaea; padding: 5px 0px 3px 5px; }
.titlesthicker { background-color: #eaeaea; height: 78px; padding: 5px 0px 0px 5px; }
.titlesthinright { background-color: #eaeaea; padding: 3px 5px 1px 0px; text-align: right; }
.maintext { padding: 10px 5px 10px 5px; }
.skinnyblue { background-color: #cae6ff; padding: 2px 5px 1px 2px; font-size: 11px; color: #5580d5; font-weight: bold; text-align: right; text-transform: uppercase; }
.bigblue1 { color: #5580d5; font-size: 16px; }
.blue1 { color: #5580d5; }
.bigblue2 { color:#6498fe; font-size: 16px; }
.blue2 { color: #5580d5; }
.biggoldy1 { color: #cc9900; font-size: 16px; }
.biggoldy2 { color: #ffbf00; font-size: 16px; }
.goldy2 { color: #cc9900; }
.smallprint { font-size: 11px; }

.errormsg { color: #eb0000; font-weight: bold; }

.nolink { text-decoration: none; border: 0; }
.nolinkright { text-decoration: none; border: 0; float: right; margin: 15px 0px 0px 0px; }
.nolinkright2 { float: right; text-decoration: none; border: 0; margin: 15px 0px 10px 10px; margin: 0; }
.imgleft { float: left; margin: 2px 5px 5px 2px; }
.padimg { padding: 2px 2px 2px 2px; }
.padl10 { padding: 0px 0px 0px 10px; }
.padb5 { padding: 0px 0px 5px 0px; }
.padtb10 { padding: 10px 0px 10px 0px; }
.middleme { text-align: center; padding: 20px 0px 0px 0px; }

.tdtop { padding: 5px 5px 5px 5px; border-bottom: 1px solid #dadada; background-color: #fafafa; vertical-align: top; font-weight: bold; font-size:16px; color:#6498fe; }
.tdform { padding: 2px 2px 2px 2px; border-bottom: 1px solid #eaeaea; vertical-align: top; font-size: 14px; font-weight: bold; color:#6498fe; }
.inputy { padding: 2px 2px 2px 2px; background-color: #cae6ff; color: #003; font-family: "Helvetica", Arial, Tahoma, Verdana, sans-serif; font-size: 12px; border: 1px solid #6498fe; }
.tdsubmit { padding: 10px 2px 2px 2px; border-bottom: 1px solid #eaeaea; vertical-align: top; text-align: right; }

.clearit { clear: both; }
.spacerv5 { height: 5px; }
.spacerv10 { height: 10px; }
.hideme { visibility: hidden; display: none; }

#skippydemovid { width: 320px; height: 280px; float: left; margin: 10px 0px 0px 0px; }
#borderrepair { width: 480px; height: 300px; border: 1px solid #eaeaea; margin: 10px auto 10px auto; }
#skippydemorepair { width: 480px; height: 300px; }
#borderhow { width: 480px; height: 340px; border: 1px solid #eaeaea; margin: 10px auto 10px auto; }
#skippydemohow { width: 480px; height: 340px; }

.tdoutletwyw {
	background: url("../images/layout/postitwyw.gif") top left no-repeat;
	width: 488px;
	height: 310px;
	vertical-align: top;
}
.tdoutletnowyw {
	background: url("../images/layout/postitnowyw.gif") top left no-repeat;
	width: 488px;
	height: 285px;
}
#bannertop500 { margin: 0 auto; width: 500px; height: 30px; background: #f2f2f2 url("../images/layout/columntop500.gif") bottom left no-repeat; }
#allin500 { margin: 0 auto; width: 500px; min-height: 400px; background: #f2f2f2 url("../images/layout/columnmid500.gif") repeat-y; }
#footer500 { clear: both; margin: 0 auto; background: #f2f2f2 url("../images/layout/columnbot500.gif") top left no-repeat; width: 500px; padding: 25px 0px 10px 0px; text-align: center; }

#contactstrip { background: #fff url("../images/layout/contactstrip.gif") top left no-repeat; float: right; clear: right; width: 616px; height: 21px; margin: 10px 5px 0px 0px; text-align: right; }
.conaddie { float: left; width: 200px; margin: 60px 0px 0px 40px; }
.addieright { text-align: right; padding: 0px 5px 15px 0px; }
.conmap { float: right; text-align: right; width: 210px; margin: 65px 10px 0px 0px; }
.tdtestimonial {
	background: url("../images/layout/postit.gif") center no-repeat;
	padding: 20px 45px 20px 30px;
	width: 300px;
	height: 260px;
	vertical-align: top;
}
.quote { text-align: center; font-weight: bold; font-size: 20px; letter-spacing: 2px; line-height: 26px; color: #a77d00; text-transform: uppercase; }
.quoter { text-align: right; font-weight: bold; font-style: italic; font-size: 14px; border-bottom: 1px solid #cc9900; padding: 5px 5px 3px 5px; color: #cc9900; background-color: #fbf5d6; }



/*SCROLL*/
#faqtitle { margin: 20px auto 5px auto; width: 540px; background-color: #eaeaea; padding: 5px 0px 3px 5px; }
div#wn	{ 
	position: relative; 
	margin: 0px auto 2px auto; 
	width: 540px; 
	height: 465px;
	overflow: hidden;
	/*border: 1px solid #000;*/
}
/* show first div */
div#lyr1 { 
	width: 100%;
	visibility: visible;
}
div#scroll_links {
	margin: 0 auto;
	width: 540px;
}