/* Reset Browser Defaul Styles --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a { text-decoration: none; color: #1176aa; }
a:hover {text-decoration: underline;}


body {font: 62.5% "Arial", Helvetica, san-serif;  background:#112e4d url(../img/men/bg.jpg) center top repeat-y; color: #000;}
#wrapper {width: 918px; margin: 0 auto;}

/* clear everything (sometimes needed for IE 6) */
.clearall {width: 100%; clear: both;}



/* logo  --------------------------------*/
#header {width:900px; padding:0px 9px 0px; background:url(../img/content-bg.png) left top repeat-y;}
#header .container {height:67px; background:url(../img/men/header-bg.gif) left top no-repeat; padding:20px 44px 0px 24px;}
#header h1 {float: left; width: 420px; height:45px; text-align: center; font: bold 2em/1.1em "Arial", Helvetica, san-serif;}
#header h1 a {color:#ffffff}
#header h2 {float:right; color:#65bcd2; font:bold 1.5em/3em Arial, Helvetica, sans-serif;}
#header h2 .white {color:#ffffff; font:bold 1.2em Arial, Helvetica, sans-serif;}

/* main-menu --------- */
#main-menu {margin:62px 0 0px; width:900px; padding:0px 9px; background:url(../img/content-top-bg.png) left bottom no-repeat;}
#main-menu li {display:block; float:left; margin-right:2px;}
#main-menu li.last {margin-right:0px}
#main-menu li.active {border-bottom:1px solid #89dded; margin-bottom:0px; background:#86dced}
#main-menu li a {color:#ffffff; padding:0px 0px 0px 16px; display:block; font:bold 1.2em/2.4em Arial, Helvetica, sans-serif; background:url(../img/men/tabs.gif) left top no-repeat; height:29px; float:left}
#main-menu li a span {padding:0px 17px 0px 0px; background:url(../img/men/tabs.gif) right top no-repeat; display:block; height:29px; float:left;}
#main-menu li.active a {background:url(../img/men/tabs.gif) left -29px no-repeat;}
#main-menu li.active a span {background:url(../img/men/tabs.gif) right -29px no-repeat;}
#main-menu .clearall {height:6px; background:#89dedd}

/* content */
#content {width:868px; padding:16px 24px 0px 26px; background:url(../img/content-bg.png) left top repeat-y;}
#content .main {float:left; width:625px; margin-right:18px;}
#content .internal {float:left; width:605px; margin-right:18px; padding: 10px;}
#content .banner {margin-bottom:16px;}
.main #slideshow-holder {height:272px; background:#b3bfc6; margin-bottom:16px; padding:5px 0px 5px 5px;}
.main #slideshow {height:243px; overflow:hidden; width:615px;}
.main #slideshow .item {position:relative; width:625px;}
.main #slideshow .item .item-content {position:absolute; top:30px; left:30px; width:260px;}
.main #slideshow .item h1 {font:normal 2.7em/1em Arial, Helvetica, sans-serif; color:#013a57; text-transform:uppercase;}
.main #slideshow .item h1 strong {font-weight:bold; color:#2eaacb; display:block;}
.main #slideshow .item-content p {font:bold 1.2em/1.5em Arial, Helvetica, sans-serif; color:#00293e; margin:10px 0px;}
.main #slideshow .item-content p a.call-to-action {display:block; width:168px; height:29px; overflow:hidden;}
.main p.slideshow-desc {padding:10px 0px 0px 24px; font:bold 1.2em/1.2em Arial, Helvetica, sans-serif; color:#00293e; text-transform:uppercase; float:left;}
.main #slideshow-pager {float:right; margin:5px 0px 0px; font:bold 1.6em/1.6em Arial, Helvetica, sans-serif;}
.main #slideshow-pager a {background:#d9dfe3; padding:2px 10px; margin-right:5px; color:#00293e; outline:0;}
.main #slideshow-pager a:hover, .main #slideshow-pager a.activeSlide {background:#00293e; color:#ffffff; text-decoration:none;}

#content .internal h3 {font:bold 2.5em Arial, Helvetica, sans-serif; margin: 0 0 15px; color: #1176aa;}
#content .internal h4 {font:bold 1.5em Arial, Helvetica, sans-serif; margin: 0 0 15px; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#content .internal h5 {font:bold 1.7em Arial, Helvetica, sans-serif; margin: 0 0 10px;}
#content .internal p {font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; margin: 0 0 15px;}
#content .internal ul {font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; margin: 0 0 15px;}
#content .internal ul li { margin:0 0 10px; padding: 0 0 0 22px;background:url(../img/men/tick.gif) left 1px no-repeat;}
#content a {font-weight: bold;}
#content img.right { float: right; margin: 0 0 15px 25px;}

#content .internal .leftcol, #content .internal .rightcol { float: left; width: 290px;}
#content .internal .leftcol { margin-right: 25px;}

#content .internal table { font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; width: 100%; margin: 10px 0;}
#content .internal table thead th { border: 2px solid #fff; padding: 1px 10px;  }
#content .internal table td, #content .internal table tbody th { border: 2px solid #fff; background: #eee; padding: 7px 10px;}
#content .internal table tbody th { background: #ddd; }

/* form elements */
/*form {font: normal 1.2em/2em Arial, Helvetica, sans-serif;}
form label {float: left;clear: left;width: 150px; }
form#contact label {float: left;clear: left;width: 100px;  }
form input, form textarea, form select {
	background: #e5e5e5;
	border-top: 1px solid #878787;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #d3d3d3;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0 0 7px 0;
	} 
form select {padding: 1px;}
form textarea:focus, form input:focus, form select:focus { border: 1px solid #013a57; }
form input.btn {
	background: #26495b;
	color: #65bcd2;
	border: 0;
	width: auto;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	padding: 3px 7px;
	margin: 0 0 0 100px; 
	}
form input.img_btn {
	background: #26495b;
	color: #65bcd2;
	border: 0;
	float: right;
	width: auto;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 15px 0; 
	}
	form input.img_btn:focus { border: 0; }
form span {
	font-size: 0.85em;
	color: #eb3265;
	padding: 0 5px; 
	margin: 0;
	}
form small {font-size: 11px; color: #888; line-height: 14px;}
form div.checkbox {float: left; width: 142px; padding: 0 0 3px 0;}
form div.form-container div.checkbox input {padding: 0; border: 0; background: #eee; margin: 0;}
form div.form-container {padding: 15px 20px 10px; background: #eee; float: left; width: 570px; margin: 0 0 15px;}
form div.form-container input, form div.form-container select, form div.form-container textarea {background: #fff;}*/











#form {font: normal 1.2em/2em Arial, Helvetica, sans-serif;}
#form label {float: left;clear: left;width: 150px; }
#form #contact label {float: left;clear: left;width: 100px;  }
#form input, #form textarea, #form select {
	background: #e5e5e5;
	border-top: 1px solid #878787;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #d3d3d3;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0 0 7px 0;
	} 
#form select {padding: 1px;}
#form textarea:focus, #form input:focus, #form select:focus { border: 1px solid #013a57; }
#form input.btn {
	background: #26495b;
	color: #65bcd2;
	border: 0;
	width: auto;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	padding: 3px 7px;
	margin: 0 0 0 100px; 
	}
	.leftcol #form input.btn {margin: 0;}
#form input.img_btn {
	background: #26495b;
	color: #65bcd2;
	border: 0;
	float: right;
	width: auto;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 15px 0; 
	}
#form input.img_btn:focus { border: 0; }
#form span {
	font-size: 0.85em;
	color: #eb3265;
	padding: 0 5px; 
	margin: 0;
	}
#form small {font-size: 11px; color: #888; line-height: 14px;}
#form div.checkbox {float: left; width: 142px; padding: 0 0 3px 0;}
#form div.form-container div.checkbox input {padding: 0; border: 0; background: #eee; margin: 0;}
#form div.form-container {padding: 15px 20px 10px; background: #eee; float: left; width: 570px; margin: 0 0 15px;}
#form div.form-container input, #form div.form-container select, #form div#form-container textarea {background: #fff;}






















#content .light-box, #content .dark-box, #content .tan-box {padding:15px; background:#63b9d0; margin-bottom:16px;}
#content .dark-box {background:#26495b}
#content .tan-box {background:#d3c8b4}

#content .sidebar {width:225px; float:left}
#content .sidebar h1 {font:bold 2.5em Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffffff}
#content .sidebar p {color:#00293e; font:1.2em/1.5em Arial, Helvetica, sans-serif; margin:1px 0 0;}
#content .sidebar a {color: #fff; font-weight:bold;}
#content .sidebar a:hover {text-decoration:underline; }

#content .sidebar .dark-box h1 {color:#65bcd2;}
#content .sidebar .dark-box p {color:#ffffff; }
#content .sidebar .dark-box a {color:#65bcd2;}

#content .sidebar .tan-box h1 {color:#454037}
.tan-box #form {margin-top:10px}
.tan-box #form input.text-field {border:1px solid #666666; font:1em/1.1em Arial, Helvetica, sans-serif; color:#666666; padding:3px 5px; width:140px; float:left; margin:0px 2px 0px 0px;}
.tan-box #form input.submit-field {border:none; width:37px; font:bold 1em/2em Arial, Helvetica, sans-serif; color:#ffffff; padding:0; text-align:center; background:#5f5c57; height:21px; float:left; cursor:pointer; clear: both;}
.tan-box #form label {width: 85px; float: left; height: 20px; padding: 5px 0 0; margin: 0; line-height: 14px; font-size: 11px; color: #454037;}
.tan-box #form input {width: 95px;}
.tan-box #form input.btn {width: 95px; }

/* footer styles */
#footer {clear: both; background:url(../img/footer-bg.png) left top no-repeat; padding:30px 39px 80px 26px;}
#footer .column1 {float:left; width:188px; margin-right:80px;}
#footer .column2 {float:left; width:310px; margin-right:80px}
#footer .column2 p.left {width:120px; margin-left:20px; float:left; height:30px; font-weight:bold;}
#footer .column3 {width:192px; float:left;}
#footer p, #footer a {color:#86dced}
#footer p.left {float:left; width:49%}
#footer p.right {float:right; width:49%; text-align:right;}
#footer p.right a { padding: 0 2px; }
#footer .tan-footer {height:72px}
#footer .tan-footer p {margin:0px; font-size: 1.1em; color:#5a554c}
#footer .tan-footer a { color: #5a554c; padding: 0;}







.grey-box{
	background: #f1f1f1;
	margin: 0 10px;
	width: 525px;
}
.grey-box .left, .grey-box .right{
	background: url(../img/divider.gif) right 0 repeat-y;
	float: left;
	margin: 10px 0;
	padding: 5px 10px;
	width: 243px;
}
.grey-box .right{
	background: none;
	width: 242px;
}

.grey-box .middle{
	background: none;
	width: 242px;
	text-align:center;
}



.grey-box p{
	font-size: 1.2em;
	margin: 0 10px 15px;
}
.grey-box p.actions a{
	background: #265cb5;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
#middlecolumn .grey-box #form{
	font-size: 1.2em;
	margin: 0 10px 15px;
}
#middlecolumn .grey-box #form input{
	background: #fff;
	margin: 3px 0 12px;
	width: 200px;
}
#middlecolumn .grey-box #form input.btn{
	background: #d6326e;
	border: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 2px 4px;
	width: auto;
}


/* user menu (added 05/01/10) */
#content .user-menu {padding:10px; background:#e5e5e5; margin-bottom:16px;}
#content .user-menu p { color: #999;}
#content .user-menu a { color: #1176aa; padding: 0 5px;}



/* user menu (added 05/01/10) */
#content .user-menu2 {padding:10px; background:#e5e5e5; margin-bottom:16px;}
#content .user-menu2 p { color: #999;}
#content .user-menu2 a { color: #eb3265; padding: 0 5px;}