html { width: 100%; height: 100%; }
body {
	width: 100%;
	height: 100%;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #333;
	background: url('../img/gfx/bg/body-bg.gif') 0 0 repeat-x;	
}


/* ********************************************************************************************
 * HELPERS
 */

#ui
{
	width: 100%;	
	height: auto !important;
	min-height: 100%;
	float: left;
}

.wrapper
{
	/*width: 945px;*/
	width: 980px;
	margin: 0 auto;
	float: none;
	clear: both;
}

.red { color: #e32118; }
.grey { color: #666666; }
.indent { padding-left: 40px; }

a
{
	color: inherit;
	text-decoration: none;
}

i,em { font-style: italic; }
b, strong { font-weight: bold; }


/* ********************************************************************************************
 * TOOLBAR
 */
#toolBar
{
	width: 100%;
	float: left;
	clear: both;
	
	color: #FFF;
	text-transform: uppercase;
}
#tollBar-Btn
{
	float: right;
	height: 25px;
	background: url('../img/gfx/bg/toolbar-bevel-left.gif') top left no-repeat;
}
#tollBar-Btn ul
{
	float: left;
	height: 25px;
	padding: 0 8px;
	background: url('../img/gfx/bg/toolbar-bevel-right.gif') top right no-repeat;
}
#tollBar-Btn ul li
{
	float: left;
	height: 15px;
	padding: 5px 5px 5px 5px;
	background: url('../img/gfx/bg/toolbar-bevel-bg.gif') 0 0 repeat-x;
}

#tollBar-Btn ul li a
{
	float: left;
	color: #FFF; /* IE fix */
}

#tollBar-Btn ul li a:link {}
#tollBar-Btn ul li a:hover,
#tollBar-Btn ul li a:visited:hover { margin: -2px 0 0 0; }
#tollBar-Btn ul li a:active,
#tollBar-Btn ul li a:visited:active { margin: 0 0 0 0; }


/* ********************************************************************************************
 * BANNER
 */
#banner 
{
	width: 100%;
	height: 125px;
	float: left;
	clear: both;	
	position: relative;
	color: #e32118;
}

#abpco-logo
{
	position: absolute;
	bottom: 50px;
	left: 20px;
}

#banner h1
{
	position: absolute;
	bottom: 50px;
	left: 330px;
	font-size: 18px;
	line-height: 23px;
	font-style: italic;
}


/* ********************************************************************************************
 * SITE SEARCH
 */


#banner #site-search
{
	position: absolute;
	bottom: 30px;
	right: 5px;
	width: 200px;
}

#banner #site-search fieldset
{
	float: left;
}

#banner #site-search div.field
{
	clear: none;
	width: 80%;
}
#banner #site-search div.field div.middleColumn
{
	float: left;
	width: 100%;
}


#banner #site-search fieldset legend
{
	display: none;
}
#banner #site-search fieldset input
{
	float: left;
	/*width: 170px;*/
	width: 100%;
	height: 12px;
	padding: 3px;
	color: #e3aaaa;
	border: none;
	border-bottom: 1px solid #f5f5f5;
}

#banner #site-search input.action
{
	width: auto;
	float: left;
	background: none;
	border: none;
	cursor: pointer;
	
	color: #E32118;
	padding: 2px;
	margin: 0 0 0 5px;
}


/* ********************************************************************************************
 * MENU BAR
 */

#menusBar
{
	width: 100%;
	float: left;
	clear: both;	
	margin-bottom: 30px;
}

#shortcuts
{
	float: left;
	width: 100%;
	height: 82px;
	padding: 20px 0 0 20px;
	color: #DDD;
	font-style: italic;
	
}

#shortcuts a { color: #DDD; } /* IE FIX */
#shortcuts h2 a { color: #FFF; } /* IE FIX */

.shortcut
{
	float: left;
	/*width: 130px;*/
	width: 155px;
	margin-right: 20px;
	padding-left: 60px;
}
.shortcut img
{
	float: left;
	margin: 0 0 0 -60px;
}
.shortcut h2
{
	float: left;
	clear: right;
	width: 100%; /* IE FIX */
	font-style: normal;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.shortcut p,
.shortcut ul
{
	float: left;
	clear: right;
	width: 100%; /* IE FIX */
	
}
.shortcut a:link { }
.shortcut a:hover,
.shortcut a:visited:hover { color: #FFF !important; }
.shortcut a:active,
.shortcut a:visited:active { color: #e3aaaa; }

/*
.menu-wrapper
{
	position: relative;
	left: 50%;
	float: left;	
}
*/
#main-menu
{
	width: 100%;
	float: left;
	height: 52px;
	color: #FFF;
	/*font-size: 12px;*/
	font-size: 11.5px;
	font-weight: bold;
	text-transform: uppercase;
	background: url('../img/gfx/bg/main-menu-bevel-left.gif') top left no-repeat;
}
#main-menu ul
{
	float: left;
	height: 100%;
	padding: 0 20px 0 20px;
	background: url('../img/gfx/bg/main-menu-bevel-right.gif') top right no-repeat;
}
#main-menu ul li
{
	float: left;
	height: 100%;	
	/*padding: 0 10px 0 10px;*/
	padding: 0 6.5px 0 6.5px;
	background: url('../img/gfx/bg/main-menu-bevel-bg.gif') top right repeat-x;
}

#main-menu ul li a
{
	float: left;
	height: 22px;
	padding: 20px 0 10px 0;
	color: #FFF;  /* IE FIX */
}
/*
#main-menu ul li a:hover,
#main-menu ul li a:visited:hover { padding-top: 17px; }
#main-menu ul li a:active,
#main-menu ul li a:visited:active { padding-top: 21px; }
*/
#main-menu ul li a:hover,
#main-menu ul li a:visited:hover,
#main-menu ul li a:active,
#main-menu ul li a:visited:active { background: url('../img/gfx/bg/main-menu-highlighted-item.gif') top center no-repeat; }
/*
#main-menu ul li.current,
#main-menu ul li.section
{
	padding: 0 0 0 10px;
	overflow: hidden;
	color: #e32118;
	background: url('../img/gfx/bg/main-menu-bevel-indent-L.gif') top left no-repeat;
}
*/

#main-menu ul li.current a,
#main-menu ul li.section a
{
	/*
	padding-left: 5px;
	padding-right: 15px;
	background: url('../img/gfx/bg/main-menu-bevel-indent-R.gif') top right no-repeat;
	*/
	background: url('../img/gfx/bg/main-menu-highlighted-item.gif') top center no-repeat;
}
/*
#main-menu ul li.current a:hover,
#main-menu ul li.current a:visited:hover,
#main-menu ul li.section a:hover,
#main-menu ul li.section a:visited:hover { padding-top: 20px; }

#main-menu ul li.current a:active,
#main-menu ul li.current a:visited:active,
#main-menu ul li.section a:active,
#main-menu ul li.section a:visited:active { padding-top: 20px; }
*/

/* ********************************************************************************************
 * SUB-MENU
 */

#content #sub-menu ul
{
	width: 90% !important;
	margin-top: 15px;
}

#content #sub-menu ul li
{
	background: none;
	padding: 0 ;
	margin: 0 0 10px 0;	
}
#content #sub-menu ul li a { color: #333; }

#content #sub-menu ul li.current { font-weight: bold; }

#content #sub-menu ul li a:hover { color: #E32118; }
#content #sub-menu ul li.current a { color: #E32118; }

#content #sub-menu ul li a { border-bottom: none; }



/* ********************************************************************************************
 * CONTENT
 */

#content
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 30px 0;
	/*padding: 0 0 250px 20px;*/
	padding: 0 0 280px 20px;
	font-size: 12px;
	line-height: 20px;
}


.column
{
	float: left;
	/*margin: 0 5px 0 5px;*/
	margin: 0 9px 0 9px;
}

.w1 { width: 170px; }
.w2 { width: 350px; }
.w3 { width: 520px; }

.row .w1 { width: 160px; }
.row .w2 { width: 340px; }
.row .w3 { width: 510px; }

.row  .column {	margin: 0 5px 0 5px; }

.row
{	
	float: left;
	width: 100%;
	clear: both;
	padding: 5px 0 5px 0;
	margin: 0 -10px 0 -10px;
}
.row.tableListHeader
{
	color: #e32118;
	font-weight: bold;
	border-top: 1px solid #e32118;
}
.row.tableList
{
	border-top: 1px dotted #e32118;
}


#content .column h1,
#content .column h2,
#content .column h3,
#conten .columnt p,
#content .column ul
{
	float: left;
	clear: both;
	width: 100%;
}

#content .column h1
{
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #e32118;
}
#content .column h2
{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	color: #e32118;
}
#content .column h3
{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

#content .column p
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

#content .column ul
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	/*padding: 0 0 0 15px;*/	
}
#content .column ul li
{
	float: left;
	clear: both;
	width: 90%;
	padding: 0 0 0 15px;
	background: url('../img/gfx/button/bullet.gif') 0 7px no-repeat;	
}

#content .column a
{
	color: #E32118;
	border-bottom: 1px dotted #E32118;
}

/* Extras */

#homeGallerie
{
	float: left;
	width: 93%;
	clear: both;
	padding: 10px 0 0 0;
}
#homeGallerie p
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

p.pictureGallerie
{
	padding: 10px 0 5px 0;
	border-top: 1px dotted #E32118;
	border-bottom: 1px dotted #E32118;
}
p.pictureGallerie img { float: left; /*margin: 0 5px 5px 5px;*/ }


p.pictureGallerie span.imageBlock
{
	float: left;
	width: 94px;
	height: 100px;
	overflow: hidden;
	margin: 0 5px 5px 5px;
}

#homeGallerie p.pictureGallerie span.imageBlock
{
	width: 172px;
	height: 115px;
}

p.pictureGallerie span.imageBlock.portrait img,
p.pictureGallerie span.imageBlock.square img
{
	width: 100%;
}
p.pictureGallerie span.imageBlock.landscape img
{
	height: 100%;
}


img.insetPic
{
	padding: 5px;
	border: 1px dotted #E32118;
}





/* ********************************************************************************************
 * WIDGETS
 */

.widgets-H, 
.widgets-V
{
	font-size: 10px;
	line-height: 16px;
}

.widgets-H 
{
	width: 100%; /* IE FIX */
	float: left;
	clear: both;
	padding: 0 0 0 0;
	margin: 20px 0 30px -20px;
}

#homeAdvertisers { margin: 0; }

.widgets-V
{
	width: 170px;
	float: left;
	/*margin: 0 0 0 5px;*/
	margin: 0 0 0 10px;
}

.widget
{
	width: 170px;
	float: left;
	color: #333;	
	background-color: #EEE;
}
.widgets-V .widget { margin: 0 0 10px 0; }
.widgets-H .widget { margin: 0 5px 0 5px; /*height: 100%;*/ padding: 0 10px 10px 0; }
.widgets-H .widget.long { width: auto !important; }

.widgets-H .widget.noTitle,
.widgets-V .widget.noTitle { padding-top: 10px; }


.wTitle
{
	width: 100%;
	height: 20px;
	overflow: hidden;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	font-size: 11px;
	background: url('../img/gfx/bg/widget-bevel-left.gif') top left no-repeat;
}
.wTitle p
{
	height: 20px;
	float: left;
	clear: both;
	margin: 0 0 0 10px;
	padding: 0 12px 0 2px;
	color: #e32118;
	/*background-color: #FFF;*/
	background: #FFF url('../img/gfx/bg/widget-bevel-right.gif') top right no-repeat;
}

.wContent
{
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
}
/*.widgets-H .widget .wContent { width: auto; }*/
.wContent p,
.wContent ul
{
	float: left;
	clear: both;
	width: 85%;
	margin: 0 0 5px 11px;
}
.wContent ul li
{
	float: left;
	clear: both;
	width: 95%;
	padding: 0 0 0 15px;
	background: url('../img/gfx/button/bullet-gey-bg.gif') 0 7px no-repeat;	
}

.wContent a { color: #333; border-bottom: 1px dotted #333; } /* IE FIX */

.wContent .wSponsor
{
	width: 130px;
	float: left;
	margin-left: 10px;
	padding: 10px;
	background-color: #FFF;
}
.wContent .wSponsor a,
.wContent .wSponsor a img { float: left; }
.widgets-H .widget .wContent .wSponsor { margin-bottom: 10px; }
.widgets-V .widget .wContent .wSponsor { margin-bottom: 10px; }

.wContent .wSponsor a img { width: 130px; }

.wSponsor a { border: none !important; }

.widget.textOnly .wContent p a { color: #E32118; border-bottom: 1px dotted #E32118; }

/* Extras */

.socialMedia p
{
	margin: 0 0 4px 11px;
}

.socialMedia p a
{
	margin: 5px 0 0 0;
}

span.socialMedia
{
	float: left;
	/*
	height: 11px;
	width: 11px;
	*/
	height: 12px;
	width: 12px;
	margin: 0 5px 0 0;
	background-image: url('../img/gfx/icon/social-icons.gif');
	background-repeat: no-repeat;
}
/*
.LinkedIn { background-position: 0 0; }
.Facebook { background-position: 0 -10px; }
.Vimeo { background-position: 0 -30px; }
.Feed { background-position: 0 -20px; }
.Twitter { background-position: 0 -40px; }
*/
.LinkedIn { background-position: 0 0; }
.Facebook { background-position: 0 -12px; }
.Vimeo { background-position: 0 -36px; }
.Feed { background-position: 0 -24px; }
.Twitter { background-position: 0 -48px; }


p.tweet
{
	width: 80%;
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;	
}
p.tweet img
{
	width: 30px;
	margin: 0 10px -25px -40px;
}


/* ********************************************************************************************
 * FOOTER
 */
#footer
{
	width: 100%;
	height: 280px;
	float: left;
	clear: both;		
	margin: -250px 0 0 0;
	color: #FFF;
	background: #e32118 url('../img/gfx/bg/footer-bg.gif') top repeat-x;
}
#footer .wrapper .container
{
	width: 100%;
	float: left;
	padding: 30px 0 0 0;
	background: transparent url('../img/gfx/bg/footer-bevel-bg.gif') top left no-repeat;
}
#footer .wrapper { padding: 0 0 0 40px; }
#footer .wrapper .column
{
	width: 165px;
	margin: 0 10px 0 10px;
}

#footer h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
#footer p
{
	color: #EEE;
	margin: 0 0 10px 0;
}
#footer a { color: #EEE; } /* IE FIX */
#footer a:hover { color: #e3aaaa; }

/* ********************************************************************************************
 * FORM
 */
fieldset
{
	float: left;
	clear: both;
	width: 100%;	
	padding: 10px 0 10px 0;
}

.field
{
	float: left;
	clear: both;
	width: 100%;	
	margin: 0 0 10px 0;
}

label
{
	float: left;
	width: 30%;
	margin-right: 10px;
}

fieldset .field .middleColumn
{
	float: left;
	width: 65%;
}

fieldset #Password.field .middleColumn .field  .middleColumn { width: 65%; }
fieldset #Password.field.confirmedpassword .middleColumn { width: 100%; }

input, 
select {	float: left; }

.field.text input,
.field.password input,
.field.email input,
.field.numeric input,
.field.date input, 
.field.textarea textarea, 
select  
{
	width: 98%;
	padding: 2px;
	border: 1px solid #E32118;	
}
select,
.field.numeric input,
.field.date input { width: auto; }

.field.checkbox input,
.field.checkboxset input 
{
	width: auto;
	margin-top: 3px;
}
.field.checkbox label.right
{
	float: right;
	width: 65%;
}

input.action
{
	width: auto;
	margin: 0 0 10px 32%;
	padding: 4px;
	color: #FFF;
	background: #E32118;
	border: 1px solid #EEEEEE;
	cursor: pointer;
}
p#ForgotPassword
{
	padding: 0 0 0 30%;
	margin-left: 10px !important;
	font-style: italic;
}

.field.checkboxset label
{
	clear: both;
	width: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.field.checkboxset .middleColumn
{
	clear: both;
	width: 100%;
}
ul.checkboxsetfield li
{
	background: none !important;
	padding: 0 !important;
	margin: 0 0 2px 0;
}
ul.checkboxsetfield li label
{
	clear: none !important;
	width: auto !important;	
	font-weight: normal !important;
	margin: 0 0 0 10px !important;
}

span.message
{
	float: left;
	clear: both;
	font-size: 11px;
	font-style: italic;
}
span.message.required { color: #E32118; }