html,body{
margin:0;
padding:0;
}

img { border: 0; }

body {
font: 76% Arial, Helvetica, sans-serif;
text-align:center;
background: #ccc url("/images/YouDeserveBetter-BackGroundTile.png");
line-height: 160%;
color: #333;
}


h1, h2, h3, h4, h5, h6 {
padding: 0;
margin-top: 0;
font-weight: normal;
color: #f00;
line-height: 100%;
}

h2 {
font-size: 2.3em;
}

h3 {
font-size: 1.5em;
}

div#header { margin: 0; padding: 0; }
div#header h1 { margin: 0; pading: 0; }
div#header a {
display: block;
text-indent: -9999em;
height: 212px;
width: 760px;
background: #fff url("/images/YouDeserveBetter-Banner.jpg") top left no-repeat;
overflow: hidden;
}






div#container {
text-align:left;
background: #fff url("/images/canadan50s_stack.jpg") bottom left no-repeat;
width:760px;
margin: 0 auto;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
min-height: 1000px;
}



div#content {
float:right;
width:380px;
padding-left: 20px;
padding-right: 60px;
margin-top: 2em;
}


div#fullwidth {
float: left;
margin: 1em 60px 0 50px;
padding: 1em;
background: url("/images/transparent-fff.png");
border:1px solid #ddd;
}

div#fullwidthdivider {
clear:both;
width: 100%;
}


div#sidebar {
margin: 0;
margin-top: 2em;
padding: 0;
background: none;
float:left;
width:300px;
}


div#sidebar div.callout {
margin: 0 0 0 60px;
padding: 10px;
border:1px solid #ddd;
background: url("/images/transparent-fff.png");
}




div.callout form {
margin: 0;
padding: 0;
font-weight: bold;
}


#content img {
border: 1px solid #660000;
}

.rCallout {
margin: .5em 0 .5em .5em;
float: right;
}

.lCallout {
margin: .5em .5em .5em 0;
padding: 0;
float: left;
}




/* Multiplier form */




div#formContainer table {
margin-left: auto;
margin-right: auto;
}

.grFormInfoMessage {
font-weight: normal;
font-size: .9em;
margin: 0;
padding: 0;
}

.grInputText,
.grInputEmailAddress {
border: 1px solid #333;
}

.grFormErrorFieldLabel {
color: #c00;
font-weight: bold;
}

input#submitButton {
display: block;
margin: .3em;
margin-left: auto;
margin-right: auto;
text-align: center;
}

p.TandC {
margin: 0;
margin-left: auto;
margin-right: auto;
padding: .2em;
text-align: center;
font-size: .85em;
}

div#forward {
margin: 0;
padding: 0;
text-align: center;
}

div#forward textarea {
display: block;
margin: .2em;
margin-left: auto;
margin-right: auto;
border: 1px solid #333;
}


div#sidebar div.callout table {
width: 100%;
margin: 0;
padding: 0;
}

div#sidebar div.callout td.grFormFieldLabel {
text-align: left;
margin: 0;
padding: 0;
}

div#sidebar div.callout td.grFormFieldLabel label,
div#sidebar div.callout td.grFormFieldLabel input {
margin-right: 0;
padding: 0;
}




/* IT Layout */

div#letterContainerSide {
float:right;
width:300px;
padding-top: 1em;
padding-left: 20px;
padding-right: 60px;
background: url("/images/km_letterBack.gif") top left no-repeat;
margin-top: 2em;
}

div#sidebarForm {
margin: 0;
padding: 0;
background: none;
float:left;
width:280px;

}


div#sidebarForm .callout {
background: url("/images/transparent-fff.png");
border: 1px solid #ddd;
width: 305px;
margin-top: 2em;
padding: 10px;
margin-left: 27px; 
}

div#letterContainerSide form,
div#letterContainerSide table .grFormITLetter {
margin: 0;
}




/* Footer */


div#footer {
width: 100%;
margin: 0;
padding: 0 0 2em 0;
}

div#footer ul {
margin: 0;
padding: 0 0 0 240px;
list-style-type: none;
}

div#footer ul li {
margin: 0;
padding: 0;
line-height: 145%;
font-size: .8em;
}

div#footer ul li.logo {
display: block;
float: left;
margin: 0;
padding: 0 20px 0 0;
}