/******************************************
* GLOBAL
******************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, div
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a
{
	outline: none;
}
option
{
	padding: 0px 8px 0px 0px;
}
body
{
	text-align: center;
	background-image: url(http://www.ulookubook.com/Res/header_bg.png);
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body, table
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
body form
{
	text-align: center;
}
body form *
{
	text-align: left;
}
.strong
{
	font-weight: bold !important;
}
/******************************************
* TEXT
******************************************/
h1
{
	margin: 0px 0px 10px 0px;
	font-size: 24px;
	color: #019AE1;
	font-weight: normal;
}
.content h2
{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	color: #019AE1;
	font-weight: normal;
}
.content p
{
	margin: 0px 0px 10px 0px;
}
.content ul
{
	list-style: disc;
	margin: 0px 0px 15px 0px;
}
.content ul li
{
	margin: 10px 0px 10px 30px !important;
}
.content a:link
{
	color: #019AE1;
	text-decoration: underline;
}
.content a:hover
{
	color: #009DEE;
	text-decoration: none;
}
.content a:visited
{
	color: #6ECEFF;
	text-decoration: none;
}
.alert
{
	color: Red;
}
.content h3
{
	color: #019AE1;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
}

/******************************************
* BOX STYLES
******************************************/
.lead-box-spacer
{
	margin: 0px 0px 10px 0px;
}
.lead-box
{
	border: solid 1px #cccccc;
	background-image: url(http://www.ulookubook.com/Res/blue_tint_bg.png);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	cursor: pointer;
	width: 420px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 408px;
}
html>body .lead-box
{
  width: 408px;
} 
.lead-box h2
{
	font-size: 14px;
	margin: 0px 0px 5px 0px;
}
.lead-box img
{
	float: left;
	border: solid 1px #cccccc;
	margin: 0px 10px 0px 0px;
	width: 75px;
	height: 50px;
}

.lead-box h2 a:link
{
	color: #019AE1;
	font-weight: normal;
	text-decoration: none;
}
.lead-box h2 a:hover
{
	color: #019AE1;
	font-weight: normal;
	text-decoration: underline;
}
.lead-box h2 a:visited
{
	color: #019AE1;
	font-weight: normal;
	text-decoration: none;
}

.lead-box-blue
{
	border: solid 1px #cccccc;
	background-image: url(http://www.ulookubook.com/Res/blue_tint_bg.png);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	cursor: pointer;
	width: 420px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 408px;
}
html>body .lead-box-blue
{
  width: 408px;
} 
.lead-box-blue h2
{
	font-size: 14px;
	margin: 0px 0px 5px 0px;
}
.lead-box-blue img
{
	float: left;
	border: solid 1px #cccccc;
	margin: 0px 10px 0px 0px;
	width: 75px;
	height: 50px;
}

.lead-box-blue h2 a:link
{
	color: #019AE1;
	font-weight: normal;
	text-decoration: none;
}
.lead-box-blue h2 a:hover
{
	color: #019AE1;
	font-weight: normal;
	text-decoration: underline;
}
.lead-box-blue h2 a:visited
{
	color: #019AE1;
	font-weight: normal;
	text-decoration: none;
}

.intro-box
{
	border: solid 1px #cccccc;
	background-image: url(http://www.ulookubook.com/Res/yellow_tint_bg.png);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	width: 420px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 408px;
}
html>body .intro-box
{
  width: 408px;
} 
.intro-box img
{
	float: left;
	border: solid 1px #cccccc;
	margin: 0px 10px 0px 0px;
	width: 75px;
	height: 50px;
}
.intro-box h1
{
	font-size: 18px;
}

.toggle-box
{
	border: solid 1px #cccccc;
	background-image: url(http://www.ulookubook.com/Res/blue_tint_bg.png);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 5px 10px 5px 5px;
	margin: 0px 0px 10px 0px;
	width: 420px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 403px;
}
html>body .toggle-box
{
  width: 403px;
} 
.toggle-box h2
{
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}
.toggle
{
	cursor: pointer;
	margin: 0px 0px 0px 0px !important;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #019AE1;
	padding: 3px 0px 3px 20px;
	background-image: url(http://www.ulookubook.com/Res/btn_open.gif);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: no-repeat;
	text-decoration: underline;
}
.toggle:hover
{
	text-decoration: none;
}
.toggle-active
{
	cursor: pointer;
	margin: 0px 0px 0px 0px !important;
	font-size: 12px !important;
	color: #019AE1;
	font-weight: bold;
	padding: 3px 0px 3px 20px;
	background-image: url(http://www.ulookubook.com/Res/btn_close.gif);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: no-repeat;
	text-decoration: none;
}
.toggle-content
{
	margin: 0px 0px 0px 0px !important;
	padding: 10px 0px 0px 20px;
}
.toggle-content ul li
{
	margin: 0px 0px 15px 20px !important;
}

.content-box
{
	border: solid 1px #cccccc;
	background-image: url(http://www.ulookubook.com/Res/yellow_tint_bg.png);
	background-attachment: scroll;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	width: 420px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 398px;
	clear: both;
}
html>body .content-box
{
  width: 398px;
}
.content-box h1
{
	font-size: 18px;
	clear: both;
} 
.content-box h2
{
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	clear: both;
}
.content-box h2 a:link, .content-box h2 a:visited, .content-box h2 a:hover, .content-box h2 a:active
{
	color: #019AE1;
	text-decoration: none;
}





/******************************************
* WRAPPER
******************************************/
.wrapper
{
	width: 757px;
	margin: auto;
}
/******************************************
* HEADER
******************************************/
.header
{
	width: 100%;
	height: 103px;
}
.header img
{
	border: none;
}
/******************************************
* MENU
******************************************/
.menu
{
	width: 100%;
	height: 42px;
	font-size: 11px;
	clear: both !important;
	width: 757px;
}
.menu ul
{
	display: block;
	list-style:none;
}
.menu ul li
{
	display: block;
	float: left;
	background-image: url(http://www.ulookubook.com/Res/menu_item_left_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 17px;
}
.menu ul li a
{
	float: left;
	display: block;
	height: 44px;
	background-image: url(http://www.ulookubook.com/Res/menu_item_right_bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 20px 17px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 24px;
}
html>body .menu ul li a 
{
  height:44px;
} 

.menu ul li a:hover
{
	text-decoration: underline;
}
/******************************************
* MAIN
******************************************/
.main
{
	padding: 0px 0px 0px 0px;
	width: 757px;
	margin: 10px 0px 10px 0px;
}
/******************************************
* FOOTER
******************************************/
.footer
{
	background-image: url(http://www.ulookubook.com/Res/footer_bg.png);
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat-x;
	border-top: solid 3px #0185C3;
	background-color: #00AAF9;
	text-align: center;
	padding: 30px 0px 15px 0px;
	margin: 0px 0px 0px 0px !important;
} 
.footer *
{
	text-align: left;
}
.footer-info
{
	width: 757px;
	margin: auto;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	border: solid 2px #FFCE00;
	font-size: 11px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 733px;
}
html>body .footer-info
{
   width: 733px;
} 
.footer-info .info
{
	border-bottom: solid 1px #cccccc;
	clear: both;
	height: 52px;
	margin: 0px 0px 10px 0px !important;
}
.footer-info .info img
{
	float: left;
	margin: 0px 10px 0px 0px;
}
.footer-info .info p
{
	margin: 15px 0px 0px 0px !important;
}
.footer-info .links ul
{
	list-style: none;
	display: block;
	width: 93%;
}
.footer-info .links ul li
{
	display: block;
	float: left;
	margin: 0px 10px 5px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.footer-info .legal
{
	margin: 15px 0px 0px 0px;
	clear: both;
}
.validator
{
	display: block;
	width: 100%;
	clear: both;
}

.twitter a, .twitter a:hover
{
	color: #019AE1;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}