/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}
blockquote {background:#a8e4ee;padding:20px 10px;margin:15px 5px;color:#003082;font-size:90%;}

.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {display: block; overflow: hidden;}
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.text-indent {text-indent:-32697px;}

/* =classes ***************************** */
.float-left {float: left;margin:5px;}

.float-right {float: right; margin:5px}

.border {border: 1px solid #000;}
span {display: block; text-indent: -9999px;}
/* =elements ***************************** */
a:link			{color: #2085b0;}
a:active		{color: #2085b0;}
a:visited		{color: #2085b0;}
a:hover		{color: #2085b0; text-decoration: none;}

/* =grids ***************************** */

html {text-align: center;}
body {text-align: left; margin: 0 auto;width:900px;}

#header {}
p#slogan {width:900;height:60px;text-indent:-9999px;overflow:hidden;display:block;background:url(/assets/images/redesign/Slogan.jpg) no-repeat top left;}
#main-image {
width:900px;
height:140px;
background:url(/assets/images/redesign/mainImg.jpg) no-repeat top left;
}
p#main-coupon a{
width:615px;
height:140px;
display:block;
float: right;
text-indent: -9999px;
}
#logo a {
width:278px;
height:140px;
float: left;
text-indent:-9999px;
overflow:hidden;
display:block;
}
#mainnav {width:900px;background:#a8e4ee;margin:1px 0;}
#mainnav li {list-style-type:none;width:148px;float:left;border-right:1px solid #fff;}
#mainnav li a {display:block;padding:12px 5px;display:block;text-align:center;color:#2085b0;text-decoration:none;}
#mainnav li a:hover {background:url(/assets/images/redesign/navHov.jpg) no-repeat top left;}
#mainnav li.last {border-right:0px;}

#subnav {width:752px;background:#2085b0;margin:0 0 1px;padding-left:148px;}
#subnav li {list-style-type:none;width:148px;float:left;border-right:1px solid #fff;}
#subnav li a {display:block;padding:12px 5px;display:block;text-align:center;color:#a8e4ee;text-decoration:none;}
#subnav li.first {border-left:1px solid #fff;}
#subnav li a:hover {background:url(/assets/images/redesign/subMHov.jpg) no-repeat top left;}
#subnav li.last {border-right:0px;}

#body {margin:1px 0 2px;width:900px;background:url(/assets/images/content-r.jpg) repeat-y top left;height:auto;}

#main-content {width:570px;padding:15px 5px 15px 10px;float:left;display:inline;}
#main-content h1 {font-size: 152%;color:#003082;font-weight:normal;margin-bottom:10px;}
#main-content h2 {font-size: 122%;color:#003082;font-weight:normal;margin-bottom:10px;}
#main-content h3 {font-size: 107%;color:#003082;font-weight:normal;margin-bottom:10px;}
#main-content p {margin:15px 0px;}
#main-content ul {margin:15px 0px;padding:0 30px;}
#main-content ol {margin:15px 0px;padding:0 35px;}
#main-content li {margin:10px 0;}

#side-content {width:299px;float:right;display:inline;min-height:640px;height:auto;}
 
#sub-content {}

#footer {clear: both;background:#a8e4ee;padding:25px 15px;color:#003082;font-size:80%;}
#footer p {float:left;width:60%;display:inline;padding-top:5px;}
#footer p a {color:#003082;border-right:1px solid #003082;padding-right:3px;text-decoration:none;}
#footer address {width:115px;text-align:right;float:right;display:inline;}

/* CTA */
 #main-cta {width:300px;height:681px;text-indent:-9999px;overflow:hidden;display:block;background:url(/assets/images/redesign/homecta.jpg) no-repeat top left;}
#gift-cta {background:url(/assets/images/redesign/gift-cta.jpg) no-repeat top left;display:block;width:300px;height:104px;overflow:hidden;text-indent:-9999px;}
#sub-cta {background:url(/assets/images/redesign/subcta.jpg) no-repeat top left;display:block;width:300px;height:230px;overflow:hidden;text-indent:-9999px;}
#cta-massage {background:url(/assets/images/body-sub.jpg) no-repeat top left;display:block;margin:5px auto;width:288px;height:181px;overflow:hidden;text-indent:-9999px;}
/* =form ***************************** */
#form {width: 400px;} /* You need to change the width according to your document */

form ul {position: relative;list-style-type: none;width: 100%;}

form li {line-height: 2em;margin: 0;padding: 1px 4px 6px 9px;display: inline-block;} /* You need to change the padding according to your document */

form li:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}

/* =holly hack */
* html form li {height: 1%;}
form li {display: block;}
/* =end holly hack */

form li div {float: left;display: inline;margin-right: 5px;color: #444;}

form li.focused {background-color: #fff7c0;}

form li p{clear: both;font-size: 9px;line-height: 13px;color: #444;}

form li div.left {width: 48%;}

form li div.right {width: 48%;}

form li div.left .medium, form li div.right .medium {width: 100%;}

.clear {clear: both;}

form li div p {margin-bottom: 3px;}

form li img.icon {float: left;margin: .35em 5px 0 0;}

/* =buttons */
.buttons {clear: both;margin: 10px 0 20px 7px;} 

.buttons .button {font-size: 120%;margin: 0 5px 0 0;} /* You need to change the margins according to your document */

.button {cursor: pointer !important;}

/* =fields and labels */
label.desc {font-weight: bold;line-height: 125%;padding: 4px 4px 1px 0;border: none;color: #444;display: block;font-size: 95%;}

input.text, textarea.textarea, select.select {font-size: 100%;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;color: #333;}

input.text {padding: 2px 0 2px 0;}

input.currency {text-align: right;}

input.checkbox, input.radio {display: block;line-height: 1.4em;margin: 8px 0 0 3px;width: 13px;height: 13px;}

label.choice {font-size: 100%;display: block;line-height: 1.4em;margin: -19px 0 0 25px;padding: 4px 0 5px 0;color: #444;width: 90%;}

textarea.textarea {margin-top: 1px; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}

select.select {margin: 1px 0 1px 0;padding: 1px 0 0 0;}

select.select[class] {margin: 0;padding: 1px 0 1px 0;}

/* =sizes */
.third {width: 32% !important;}

.half {width: 48% !important;}

.full {width: 100% !important;}

input.small, select.small {width: 25%;}

input.medium, select.medium {width: 50%;}

input.large, select.large, textarea.textarea {width: 99%;}

input.tags {width: 315px;}

textarea.small {height: 5.5em;}

textarea.medium {height: 10em;}

textarea.large {height: 20em;}

/* =tables *******************************
***************************************** */

table {
	margin: 10px 20px;
	border: 1px solid #91BD79;
}

table, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	color: #555;
}

td, th {
	padding: 5px 10px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
}

tbody th {
	font-weight: bold;
}

tbody tr {
	background: #FCFDFE; 
}

tbody tr.odd {
	background: #F7F9FC;
}

table.fixed {
	width: 300px;
}