/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
	margin:0;
	padding:0;
}
a { color: #663399; text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: underline; }
sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}
#wrap p { margin: 0; }


/* BOX STRUCTURE */
#wrap { width: 780px; text-align: left; }

#upper { position: relative; height: 148px; }
#upper-left {
	width: 607px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#upper-right {
	width: 155px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

#lower { position: relative; height: 299px; margin: 18px 0 37px 0; }
#lower-left {
	width: 177px;
	height: 299px;
	position: absolute;
	left: 0;
	top: 0;
}
#lower-center {
	width: 369px;
	height: 301px;
	position: absolute;
	left: 188px;
	top: 0;
}
#social { 
	position: absolute; 
	width: 100%;
	bottom: 0;
	left: 0;
}

#social-small { 
	position: absolute; 
	width: 100%;
	bottom: 0;
	left: 0;
}

#lower-right {
	width: 211px;
	height: 299px;
	position: absolute;
	right: 0;
	top: 0;
}







/*CONTROLS THE TOP PICTURE HEADER AREA CDS*/
#upper-left {
	background: #fff;
}

#upper .photo-2009 { position: absolute; top: 1px; left: 9px; }
#upper .text-2009 { position: absolute; top: 10px; left: 217px; text-align: center; }

#upper .photo { position: absolute; top: -10px; left: 9px; }
#upper .text { position: absolute; top: 10px; left: 210px; text-align: center; }

#upper-left .title1 {
	font-size: 18px;
	font-weight: bold;
	color: #562986;
	line-height: 18px;
	margin: 0 0 6px 0;
}
#upper-left .subtitle1 {
	font-size: 13px;
	font-weight: bold;
	color: #f25f22;
	line-height: 13px;
	margin: 0 0 19px 0;
}
#upper-left .title2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	margin: 0 0 5px 0;
}
#upper-left .subtitle2 {
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 0 0 12px 0;
	color: #686766;
}

/*START FREE BUTTONS CDS*/
#start-free-now {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width: 172px;
	height: 36px;
}
#start-free-now a {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	display: block;
	line-height: 36px;
	background: url(../images/start-free-now.png) no-repeat scroll left top;
	text-align: center;
	padding-right: 20px;
}
#start-free-now a:hover, 
#start-free-now a:active, 
#start-free-now a:focus {
	background-position: right top;
	text-decoration: none;
}





/*THE 4 TABS ON THE UPPER RIGHT CDS*/
#upper-right .nav {
	margin: 0;
	padding: 1px;
	font-size: 12px;
	list-style-type: none;
	font-weight: bold;
	text-align:center;
}
#upper-right .nav a {
	display: block;
	width: 154px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #310065;
	margin-top: 7px;
	font-size: 11px;
}


/* backgrounds and hovering */
#upper-right .nav a {
	background: transparent url(../images/buttons.png) no-repeat left bottom;
}
#upper-right .nav a:hover {
	background-position: right bottom;
	text-decoration: none;
}

#upper-right .nav .first a {
	background-position: left top;
	margin-top: 0;
}
#upper-right .nav .first a:hover {
	background-position: right top;
	text-decoration: none;
}







#lower-left {
	border: 1px solid #cccccc;
}

/*CONTROLS MAX YOUR REFUND CDS*/
#lower-left h2 {
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-align: center;
	margin: 0;
	background: #aaacdd url(../images/orange-gradient-bg.gif) repeat-x scroll top left;
}
#lower-left .menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent url(../images/left-box_back.png) no-repeat scroll bottom left;
	font-size: 11px;
	line-height: 11px;
}
/*CONTROLS THE LOWER LEFT MAX REFUND AREA WITH LEFT ICONS CDS*/
#lower-left .menu a { 
 	border-top: 1px solid #d3d2d2;
 	background: url(../images/menu-sprites.png) no-repeat scroll left top; 
	padding-left: 40px; 
	color: #000;
	display: block;
	*margin-bottom: -1px;
}
#lower-left .menu .first a { border-top: 0; }
#lower-left .menu a:focus, #lower-left .menu a:hover, #lower-left .menu a:active {
	text-decoration: none;
	background-color: #e4e3e3;
}




/*CONTROLS SATISFACTION GUARANTEE AND ON DOWN CDS*/
#lower-right {
	border: 1px solid #cccccc;
}
#lower-right a.button {
	display: block;	
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #cccccc;
	background: #e1dedc url(../images/br_back.png) repeat-x left top;
	color: #673398;
}
#lower-right a.button:hover, #lower-right a.button:active {
	color: #000;
	text-decoration: none;
	background-position: left -25px;
}


/* CONTROLS PUSH BOX */
#lr-top h2 {
	margin: 0;
}
#lr-top h2 a {
	height: 32px;
	line-height: 32px;
	border-top: 0;
	font-size: 12px;
	display: block;
	text-align: center;
}
#lr-top a:hover {
	text-decoration: none;
}
#lr-top h2 a strong {
	color: #f25f22;
}
#lr-top .bd { height: 141px; padding: 11px 15px 15px 15px; }


/* CONTROLS - EZ PROTECTION */
.ez-protection h2 a {
	background-image: url(../images/ez-production-plus.png); 
	padding-left: 10px;
	text-decoration: none;
}

.ez-biggest h2 a {
	background-image: url(../images/more-than-just-ez.png); 
	padding-left: 10px;
	text-decoration: none;
}

/* CONTROLS - MORE THAN JUST EZ */
.more-than-just-ez h2 a {
	background-image: url(../images/more-than-just-ez.png); 
	padding-left: 10px;
	text-decoration: none;
}










/*CONTROLS SOCIAL NETWORKING AREA CDS*/
#social { text-align: right; }
#social table {
	border-spacing: 0;
	border-collapse: collapse;
	height: 58px;
	width: 368px;
	margin: 0 0 0 auto;
}

#social td {
	border: 1px solid #cccccc;
	width: 25%;
	padding: 0;
}
#social img {
	margin: 3px 0 1px 0;
}
#social td a {
	display: block;
	height: 58px;
	color: #000000; 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background: #ffffff url(../images/social-background.png) repeat-x left top;
}
#social a:hover {
	text-decoration: none;
	color: #673398;
	background: #eeeeee url(../images/social-background.png) repeat-x left bottom;
}



#social-small { text-align: right; }
#social-small table {
	border-spacing: 0;
	border-collapse: collapse;
	height: 28px;
	width: 369px;
	margin: 0 0 0 auto;
	border: 1px solid #cccccc;
}

#social-small td {
	border: 0px solid #cccccc;
	padding: 0;
}

#social-small img {
	margin: 3px 0 1px 0;
}

#social-small td a {
	display: block;
	color: #000000; 
	text-align: left;
}


/* all tabs */
.yui-navset { border: 1px solid #cccccc; }
.yui-navset .yui-nav {
	font-size: 9px;
	line-height: 19px;
    position:relative;
    zoom:1;
}
.yui-navset .yui-nav a {
    text-decoration:none;
	font-weight: bold;
	color: #000000;
    position:relative;
	outline: none;
}
.yui-navset .yui-nav li {
	margin: 0 0 0 2px;
	text-align: center;
    zoom:1;
}
.yui-navset .yui-nav li.first {
	margin-left: 0;
}


/* all tabs */
.yui-navset .yui-nav a {
	background: #d8d5d2 url(../images/tab-sprites.png) repeat-x scroll right 0;
}
/* active tab */
.yui-navset .yui-nav .selected a {
	background: #fa9109 url(../images/tab-sprites.png) repeat-x right -19px;
}


/* all tabs hover */
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
	color: #673398;
}
/* active tab hover */
.yui-navset .yui-nav .selected a:focus, 
.yui-navset .yui-nav .selected a:hover {
	color: #000000;
	cursor: default;
}


/* the content area */
.yui-navset .yui-content {
	border: 0;
	padding: 0;
	background: #ffffff url(../images/tab-sprites.png) repeat-x left -38px;
	height: 200px;
	font-size: 12px;
	padding: 24px 20px 20px 20px;
	overflow: hidden;
}
