* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    color: #000;
    background: #1383d7 url(images/bg-main.jpg) repeat-x 0 0;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; font-weight: bold; }
h2.notext { margin-bottom: 20px; }
h3.biglie {font-size: 30px;line-height:105%;color:#ed2024;font-weight:bolder;}
h2 .blue { color:#2d75c0;font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; font-weight: bold; }
h3.for1 {font-size: 24px;line-height:105%;color:#ed2024;}
h3 {font-size: 30px;line-height:105%;}
h4 span .green { color:#72c02d; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; font-weight: bold; }
h4 span .blue { color:#2d75c0;font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; font-weight: bold; }

.green { color:#72c02d; }
.blue { color:#2d75c0; }
.hightlight { background-color: #FFFF99; font-weight:bold; color:#000000;}
.fright {float:right;}
.fleft {float:left;}
.tcenter {text-align:center;}
.clear {clear:both;}
.declined { background-color:#FFCCCC; padding:15px; margin: auto 0; text-align:center; border: thin solid #CC0000; color:#CC0000; font-size:16px; clear:both;  }
.declined_bold { font-weight: bold; }
.declined a { color: #660000; }

.big { font-size: 14px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; display: block; background: no-repeat 0 0; }
.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

hr {color:#0c3270;margin:5px 0px 10px 0px;}

a img { border: 0; }
a { color: #337fd7; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

#bg { background: url(images/clouds.jpg) no-repeat center 0; }

#page { width: 791px; margin: 0 auto; }

#header { height: 112px; padding-left: 5px; }

#logo { width: 492px; height: 101px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 101px; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }

#mainbox-top { height: 79px; background: url(images/mainbox-top.png) no-repeat 0 0; position: relative; padding-left: 28px; }
#mainbox-top h2 { font-size: 24px; font-style: italic; color: #fff; text-shadow: #000 0px -1px 0px; line-height: 1.2em; padding-top: 15px; }
#mainbox-top .package {
	width: 267px;
	height: 168px;
	background: url(images/gift_card.png) no-repeat 0 0;
	position: absolute;
	right: -8px;
	bottom: -2px;
}

#mainbox2 p {
	padding-top:10px;
	padding-bottom:10px;
}

ul {}
li {list-style-image: url(images/check.gif); margin-left:20px;padding:0px 0px 7px 0px;}

#mainbox-cnt { background: url(images/mainbox-cnt.gif) repeat-y 0 0; width: 781px; padding: 0 5px; }
#mainbox-bot { font-size: 0; line-height: 0; text-indent: -4000px; height: 22px; background: url(images/mainbox-bot.png) no-repeat 0 0; }

#content { float: left; display: inline; width: 513px; position: relative;}
#content .spacer { padding: 27px 21px 0 22px; }
#sidebar { float: right; display: inline; width: 243px; border: solid 1px #9ad0fc; background: #e0effb; padding: 11px 11px 29px 12px; }

.you-qualify { background: #f7f8f8 url(images/you-qualify.gif) repeat-x 0 bottom; height: 101px; font-size: 0; line-height: 0; text-indent: -4000px; }

.logos { border: solid 1px #9ad0fc; background: #fdfdfe; padding: 4px 2px 0 4px; }

h2.txt-yesitstrue { height: 34px; background-image: url(images/txt-yesitstrue.jpg); }
h2.txt-allyouhavetodo { height: 61px; background-image: url(images/txt-allyouhavetodo.jpg); }

.steps { font-size: 16px; line-height: 1.2; font-weight: bold; font-style: italic; color: #000; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; }
.steps { padding-top: 3px; background: url(images/steps-line.gif) no-repeat right 0; margin-bottom: 30px; }
.steps td { padding-bottom: 7px; }
.steps td.t { padding-left: 15px; background: url(images/steps-line.gif) no-repeat right bottom; }

table.pricing tr th { font-weight: bold; color: #117bcf; background: #e4e9ef; border-top: solid 1px #a3aed6; border-bottom: solid 1px #a3aed6; line-height: 36px; padding: 0 10px; }
table.pricing tr td { border-bottom: solid 1px #a3aed6; padding: 10px 0 10px 10px; vertical-align: top; font-size: 11px; }
table.pricing tr td.product { width: 124px; }
table.pricing tr td.product h3 { font-weight: normal; font-size: 20px; }
table.pricing tr td.price { font-weight: bold; font-size: 14px; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; }
table.pricing tr td h3 { font-size: 16px; margin-bottom: 20px; }
table.pricing tr td h3 span { display: block; font-weight: normal; font-size: 14px; }
table.pricing tr.total .title { text-align: right; color: #1383da; }
table.pricing tr.the-total td { background: #e9eff5; }

.sidebarbox { width: 243px; margin: 0 auto 20px; background: url(images/sidebarbox-bg.gif) repeat-y 0 0; position: relative; }
.sidebarbox .sidebarbox-bot { background: url(images/sidebarbox-bot.gif) no-repeat 0 bottom; padding-bottom: 20px; }
.sidebarbox .sidebarbox-top-1 { background: url(images/sidebarbox-top-1.gif) no-repeat 0 0; }
.sidebarbox .sidebarbox-top-2 { padding-top: 141px; background: url(images/sidebarbox-top-2.gif) no-repeat 0 0;	 }
.sidebarbox .sidebarbox-top-1 h2 { font-size: 24px; line-height: 68px; color: #fff; font-weight: bold; font-style: italic; text-shadow: #000 0px -1px 0px; text-align: center; }
.sidebarbox .sidebarbox-cnt { padding: 0 16px 0 15px; background: url(images/sidebarbox-cnt.gif) no-repeat 0 bottom;  }

.innerbox { width: 212px; margin: 20px auto 0; }
.innerbox-top,
.innerbox-bot { height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; }
.innerbox-top { background: url(images/innerbox-top.png) no-repeat 0 0; }
.innerbox-bot { background: url(images/innerbox-bot.png) no-repeat 0 0; }
.innerbox-cnt { width: 172px; background: url(images/innerbox-cnt.png) repeat-y 0 0; padding: 5px 20px; font-size: 12px; color: #fff; }
.innerbox-cnt .field { width: 161px; border: solid 1px #b4b4b4; padding: 1px 3px; font-family: Arial, Helvetica, Sans-Serif; }
.innerbox p img { display: block; margin: 0 auto; }

.side-arrow { font-size: 0; line-height: 0; text-indent: -4000px; width: 257px; height: 88px; background: url(images/side-arrow.png) no-repeat 0 0; }
.side-arrow { position: absolute; top: 86px; right: -33px; }
.draw-arrow { font-size: 0; line-height: 0; text-indent: -4000px; width: 207px; height: 58px; background: url(images/draw.png) no-repeat 0 0; }
.draw-arrow { position: absolute; top: -5px; right: -159px; }

#guarantee { width: 343px; height: 175px; background: url(images/guarantee.jpg) no-repeat 0 0; margin: 30px auto 20px; text-align: center; }
#guarantee { padding: 100px 65px 0 65px; font-size: 11px; }

#footer { text-align: center; font-size: 9px; color: #337fd7; text-transform: uppercase; line-height: 13px; font-family: Arial, Helvetica, Sans-Serif; }

#freekit-form { width: 448px; margin: 0 auto; background: url(images/freekit-form-bg.jpg) repeat-y 0 0; margin-bottom: 20px; }
#freekit-form .header { height: 58px; background: url(images/freekit-form-top.jpg) no-repeat 0 0; text-align: center; padding-top: 10px; }
#freekit-form .header { color: #fff; text-shadow: #000 0 -1px 0; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; font-size: 16px; font-style: italic; }
#freekit-form h3 { font-size: 19px; color: #fff; text-shadow: #000 0 -1px 0; font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Sans-Serif; font-style: italic; text-align: center; }
#freekit-form .footer { height: 24px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/freekit-form-bot.jpg) no-repeat 0 0; }
#freekit-form .cnt { background: url(images/freekit-form-cnt.jpg) no-repeat 0 bottom; }
#freekit-form form { width: 356px; margin: 0 auto; padding: 20px 0; font-family: Arial, Helvetica, Sans-Serif; }
#freekit-form .field { width: 181px; border: solid 1px #b4b4b4; padding: 1px 3px; font-family: Arial, Helvetica, Sans-Serif; }
#freekit-form select.field { width: 189px; padding: 0; }
#freekit-form .row { margin-bottom: 6px; }
#freekit-form label.label { float: left; display: inline; text-align: right; width: 140px; margin-right: 10px; line-height: 20px; }
#freekit-form label.label { font-size: 14px; font-weight: bold; color: #fff; }
#freekit-form .small { font-size: 10px; font-weight: bold; color: #fff; text-align: center; }
#freekit-form .line { font-size: 0; line-height: 0; text-indent: -4000px; height: 1px; background: #0c2546; border-bottom: solid 1px #6794d6; margin: 20px auto 10px; }
#freekit-form .innerbox { width: 356px; margin: 10px 0; }
#freekit-form .innerbox .top,
#freekit-form .innerbox .bot { font-size: 0; line-height: 0; text-indent: -4000px; height: 14px; }
#freekit-form .innerbox .bot { height: 16px; background: url(images/innerbox-2-bot.png) no-repeat 0 0; }
#freekit-form .innerbox .top { background: url(images/innerbox-2-top.png) no-repeat 0 0; }
#freekit-form .innerbox .cnt { background: url(images/innerbox-2-cnt.png) repeat 0 0; height: 100%; }
#freekit-form .info { text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
#freekit-form .info p { padding: 2px 0; }
#freekit-form label.simple { float: none; text-align: left; width: auto; }
#freekit-form .center { text-align: center; }
#freekit-form .button-place { margin-top: 15px; position: relative; }
#freekit-form .button-place .arrow { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 173px; height: 127px; position: absolute; top: -11px; }
#freekit-form .button-place .arrow-left { background: url(images/arrow-left.png) no-repeat 0 0; left: -229px; }
#freekit-form .button-place .arrow-right { background: url(images/arrow-right.png) no-repeat 0 0; right: -232px; }

.button-shipmykit { display: block; width: 356px; height: 101px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/cj_button-shipmykit.png) no-repeat 0 0; }
.button-shipmykit { margin: 0 auto; }
.message {
	border: 1px solid;
    margin: 10px 0px;
    padding:20px 20px 20px 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	-khtml-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	
}

.message-info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('//www.ronlegrand.com/png/icons/info.png');
}

.message-success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('//www.ronlegrand.com/png/icons/success.png');
}

.message-warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('//www.ronlegrand.com/png/icons/warning.png');
}

.message-error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('//www.ronlegrand.com/png/icons/error.png');
}