/* Global Styles */

body, td, p, h1, h2, input, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #00aeef; text-decoration : none;}
a:visited					{color : #00aeef; text-decoration : none;}
a:hover						{color : #00aeef; text-decoration : underline;}


#top a:link					{color : #FFFFFF; text-decoration : none;}
#top a:visited				{color : #FFFFFF; text-decoration : none;}
#top a:hover				{color : #FFFFFF; text-decoration : underline;}

body
{
background : #000000;
margin : 0px;
padding : 0px;
color : #666666;
font-size : small;
letter-spacing : normal;
line-height : normal;
}

html>body
{background : #000000 url(../images/bg-body-bci.png) center repeat-y;}

#container 
{
background : url(../images/bg-container-bci.gif) top center repeat-y;
border : solid 0px #FF0000;
border-top : solid 0px #CCCCCC;
border-bottom : solid 0px #CCCCCC;
margin: 0 auto;
padding: 0px 3px 0px 3px;
width : 762px;
}

.alignleft
{text-align : left;}

.floatleft
{float : left;}

.alignright
{text-align : right;}

.floatright
{float : right;}

.aligncenter
{text-align : center;}

.hide
{display : none;}

.clear
{clear : both;}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

hr
{
border : #EEEEEE solid 1px;
height : 1px;
}

html>body hr
{
border : #000000 solid 0px;
border-top : #EEEEEE solid 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 3px 0px 3px 0px;
background : #FFFFFF;
}

/* TOP START *********/

#top 
{
background : url(../images/bg-top-bci.jpg) top center no-repeat;
border : #FFFFFF 1px solid;
border-bottom : #FFFFFF 6px solid;
margin: 0 auto 3px auto;
padding: 0px 0px 6px 0px;
width : 768px;
height : 179px;
}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{
border : solid 0px #FF0000;
border-bottom : solid 1px #FFFFFF;
padding : 18px 23px 16px 23px;
margin : 0px 0px 3px 0px;
color : #FFFFFF;
}

#topnavi p
{
padding : 0px;
margin : 0px;
}

/* TOP NAVI END */


/* MAIN START *********/

#main
{
background : #FFFFFF;
border : solid 1px #FFFFFF;
border-bottom : solid 0px #FFFFFF;
width : 523px;
float : left;
padding : 0px;
margin : 0px;
}

#main h1
{
color : #00aeef;
font-weight : bolder;
font-size : 1.35em;
padding : 12px 24px 6px 24px;
margin : 0px 0px 0px 0px;
}

#main h2
{
font-size : 1em;
margin : 24px 12px 12px 12px;
padding : 3px 6px 3px 6px;
background : #EEEEEE;
color : #000000;
clear : both;
font-weight : bolder;
}

#main p
{
padding : 6px 24px 6px 24px;
margin : 0px;
color : #666666;
}

#main p.intro
{color : #000000;}

#main address
{
padding : 6px 24px 6px 24px;
margin : 0px;
color : #000000;
font-style: normal;
}

#main fieldset
{
border : solid 1px #FFFFFF;
margin : 12px;
padding : 12px;
}

#main li
{color : #00aeef; padding-bottom : 9px;}

#main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

#main legend
{
display : none;
border : solid 1px #CCCCCC;
border-bottom : 0px;
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
font-weight : bold;
}

#main img
{border : solid 0px #EEEEEE;}

#main fieldset.news
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #999999;
text-align : center;
}

#main fieldset.news strong
{color : #000000;}

/* MAIN END */


/* NAVI START *********/

#navi
{
color : #FFFFFF;
background : #000000;
border : solid 1px #FFFFFF;
border-bottom : solid 0px #FFFFFF;
width : 232px;
float : left;
padding : 18px 0px 6px 0px;
margin : 0px 0px 3px 3px;
}

#navi ul
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;;
display : block;
}

#navi li.button
{
height : 66px;
margin : 12px 0px 12px 0px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.button1, #navi li a.button2, #navi li a.button3, #navi li a.button4
{

height : 66px;
display : block;
}

#navi li a.button1
{background : url(../images/bt-button1-1.jpg) top center no-repeat;}
#navi li a.button1:hover
{background : url(../images/bt-button1-2.jpg) top center no-repeat;}

#navi li a.button2
{background : url(../images/bt-button2-1.jpg) top center no-repeat;}
#navi li a.button2:hover
{background : url(../images/bt-button2-2.jpg) top center no-repeat;}

#navi li a.button3
{background : url(../images/bt-button3-1.jpg) top center no-repeat;}
#navi li a.button3:hover
{background : url(../images/bt-button3-2.jpg) top center no-repeat;}

#navi li a.button4
{background : url(../images/bt-button4-1.jpg) top center no-repeat;}
#navi li a.button4:hover
{background : url(../images/bt-button4-2.jpg) top center no-repeat;}

#navi p
{
margin : 6px 24px 6px 24px;
font-size : small;
}

#navi fieldset
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}

/* NAVI END */

/* BASE START ***********/

#base
{
border : 0px;
border-style : solid;
border-color : transparent;
background : url(../images/bg-base-bci.gif) top center no-repeat;
margin: 0 auto;
padding: 24px 0px 24px 0px;
width : 768px;
text-align : center;
font-size : xx-small;
color : #FFFFFF;
}

#base a:link					{color : #FFFFFF; text-decoration : underline;}
#base a:visited					{color : #FFFFFF; text-decoration : underline;}
#base a:hover					{color : #CCCCCC; text-decoration : underline;}

/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{font-weight : normal;}

label.formleft, label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 6px 6px 0px 0px;
}

label.labelright, label.labelrightproblems
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 8px;
}

html>body label.labelright, label.labelrightproblems
{padding-top : 5px;}

label.formleftproblems, label.labelrightproblems
{color: #CC0000;}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
width : 20px;
float : left;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{width : 200px;}

textarea
{font-size : 12px;}

input, textarea, select, radio
{margin : 3px 0px 0px 0px;}

/* FORM STYLES - END */

table
{border : #FFFFFF 12px solid;}

caption
{text-align : left;}

th
{
background-color : #CCCCCC;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
font-size : small;
font-weight: normal;
text-align : left;
border : 0px;
}

td.right, td.data, td.center
{
background-color : #EEEEEE;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
}

td.right
{text-align : right;}

td.center
{text-align : center;}

input:focus, select:focus, textarea:focus
{background: #EEEEEE;}


.campaign
{
	position:relative;
	background:url('../images/1-Carrick-campaign.gif') top left no-repeat;

	width:525px;
	height:720px;
}

.campaign .Letters
{
color:white;
font-size:10px;
position:absolute;
left:10px;
top:215px;
}

.campaign .FantasticDay
{
	position:absolute;
	left:230px;
	top:270px;
	font-size:11px;
	font-weight:bold;
}

.campaign .FantasticDay .highlight
{
color:#ec008c;
}

.campaign .WhyNot
{
	position:absolute;
	left:15px;
	top:465px;
	width:405px;
	font-size:12px;
}

.campaign .WhyNot ul
{
	list-style: disc; 
	padding:0 !important;
	marging:0 !important;
}


.campaign .WhyNot ul li
{
	display:inline;
	color:gray !important;
}


.campaign .Exclusions
{
	position:absolute;
	left:15px;
	top:570px;
	width:500px;
	font-size:10px;
}


.campaign .TC
{
	position:absolute;
	left:15px;
	top:620px;
	width:500px;
	font-size:10px;
}