/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	backg round:url(/Sites/benefitlinkca/Root/Web/Images/body-bg.jpg) top center repeat;
	background-color:#000000;
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

object {outline:none; vertical-align:top;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:0.8125em;
		color:#666666;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#006B54; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

.extra { background:#fff;}
.left-bg {back ground:url(/Sites/benefitlinkca/Root/Web/Images/left-bg.gif) left top repeat-y;}
.right-bg {back ground:url(/Sites/benefitlinkca/Root/Web/Images/right-bg.gif) right top repeat-y; width:100%; height:100%;}
/* ============================= main layout ====================== */

li { background:url(/Sites/benefitlinkca/Root/Web/Images/marker.gif) no-repeat 0 12px; padding-left:20px;}
li a {color:#f15416;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 0px 0 20px; float:right;}

h2 {font-size:2.307em; color:#000; padding:0 0 12px 0;}
h3 {font-size:2.153em; color:#000; padding:0 0 12px 0;}
h3 strong {display:block; margin-top:-10px; }
/* ============================= header ====================== */
.header-bg {background:url(/Sites/benefitlinkca/Root/Web/Images/header-tail.gif) left bottom repeat-x #f8f8f8; margin:0 4px 0 4px}
#header .header-bg .indent {padding:0 20px 15px 24px}

.header-link {display:inline-block; color:#999999; text-decoration:none; padding:12px 0 0 17px; float: left; height:20px;}
.header-link:hover {text-decoration:underline;}

.sub-menu {float:right; padding:10px 0 0 0}
.sub-menu li {float:left; background:url(/Sites/benefitlinkca/Root/Web/Images/sub-menu-li-bg.gif) right 6px no-repeat; padding:0 12px 0 11px;}
.sub-menu li a {text-decoration:none; color:#c6bebc;}
.sub-menu .last {background:none; padding-right:0px;}
.sub-menu li a:hover {text-decoration:underline;}

/* ============================= content ====================== */
#content .indent {padding:0 4px 0 6px;}

.col-indent {padding:30px 25px 30px 30px;}

.col-padding {padding-bottom:38px;}
.col-padding1 {padding-bottom:10px;}
.col-padding2 {padding-bottom:24px;}

.border {background:url(/Sites/benefitlinkca/Root/Web/Images/divider-bg.gif) left bottom repeat-x;}

.title {color:#f56a19;}
.title1 {color:#686868;}

.link {background:url(/Sites/benefitlinkca/Root/Web/Images/link-left-bg.gif) left top no-repeat; display:inline-block; text-decoration:none; margin:18px 0 0 0px; color:#fff; font-weight:bold; cursor:pointer; font-size:0.923em; text-transform:uppercase;}
.link span {background:url(/Sites/benefitlinkca/Root/Web/Images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 15px 0 15px;}
.link span span  {background:url(/Sites/benefitlinkca/Root/Web/Images/link-tail-bg.gif) top repeat-x; padding:10px 6px 9px 6px;}

.link:hover {background:url(/Sites/benefitlinkca/Root/Web/Images/link-left-bg-hover.gif) left top no-repeat; }
.link:hover span {background:url(/Sites/benefitlinkca/Root/Web/Images/link-right-bg-hover.gif) right top no-repeat;}
.link:hover span span  {background:url(/Sites/benefitlinkca/Root/Web/Images/link-tail-bg-hover.gif) top repeat-x;}

.img-margin {margin-top:-10px;}

.banner {margin-top:10px;}
* html .banner {margin-top:14px;}
* +html .banner {margin-top:14px;}

.pad {padding-top:10px}
.pad1 {padding-top:15px}

.company img {margin:0 10px 10px 0}
/* ============================= footer ====================== */
#footer {background:url(/Sites/benefitlinkca/Root/Web/Images/divider-bg.gif) left top repeat-x;}
#footer .indent {padding:0 21px 0 18px;}
#foo  ter a {color:#cbc6c6;}
.policy {float:left; padding:21px 0 0 12px; margin-bottom:20px;}
.policy a {text-decoration:none;}
.policy a:hover {text-decoration:underline;}

.twitter {float:right; margin:18px 8px 0 0; padding-right:60px; display:inline-block; background:url(/Sites/benefitlinkca/Root/Web/Images/twitter.jpg) right 0px no-repeat; height:32px;}
.indent1 {padding:0 4px 0 6px;}
/* ============================= forms ============================= */
#SearchForm {float:right; padding-top:40px}
#SearchForm label {background:url(/Sites/benefitlinkca/Root/Web/Images/input-bg.gif) right top no-repeat; height:31px; display:inline-block; vertical-align:top; margin-right:0px;}
#SearchForm .input {width:195px; height:19px; border:none; padding:7px 6px 0 15px; font-size:0.91em;  vertical-align:top; color:#79938c;  background:none; margin-right:10px;}
#SearchForm input {vertical-align:top;}

#ContactForm label {height:35px; display:block; background:url(/Sites/benefitlinkca/Root/Web/Images/input-bg1.gif) left top no-repeat;}
#ContactForm .link {margin:20px 0 0 10px;}
.alignright {text-align:right;}
.column1 {float:left; width:310px;}
.column2 {float:left; width:301px;}
.textarea {background:url(/Sites/benefitlinkca/Root/Web/Images/textarea-bg.gif) left top no-repeat;}
#ContactForm .input {width:280px; border:none; background:none; padding:6px 0 2px 10px; font-size:1em;;}
textarea {width:290px; height:96px; border:none; background:none; padding:5px 0 0 5px; overflow:auto; font-size:1em;}


#main { width:1029px; margin:0 auto; text-align:left;}

#page1 #header {height:641px;}
#page2 #header {height:180px;}

#footer { }

.col-1, .col-2, .col-3, .head-col-1, .head-col-2 {float:left;}
.container {width:100%; overflow:hidden;}
.container1 {width:100%;}

.divider {background:url(/Sites/benefitlinkca/Root/Web/Images/divider-bg.gif) 666px 0px repeat-y;}

.head-col-1 {width:666px;}
.head-col-2 {width:353px;}
.col-1 {width:318px;}


#page2 #content { margin-top:4px;}

.PageItemHeader {
	background-repeat:no-repeat;
	background-position:20px 0px;
	width:331px;
	height:102px;
	color:#FFFFFF;
	margin-bottom:1px;	
}
.PageItemHeader2 {
	background-image:url(header-img.png);
	width:331px;
	height:102px;
	color:#FFFFFF;	
}

.PageItemHeader a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}
.pad50 {
	padding:20px;
	padding-left:125px;
}
.OTC1 {
	width:100px;
		float:left;
}
.OTC2 {
	width:150px;
		float:left;
}
.OTC3 {
	width:100px;
		float:left;
}
.clear {
	clear:both;
}




form {
	padding:o;
	margin:0;
	border:none;
}
 
#Contact_FormDiv_1 {
	width:320px;
	font-size:12px;
	font-weight:bold;
}

#Contact_FormDiv_1 input, #Contact_FormDiv_1 textarea {
 
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
}
 
.Lable_1 {
	padding-bottom:10px;
	float:left;	
}
 
.Lable_1_1 {width:130px;padding-right:10px;}
.Lable_2_1 {width:130px;}
.Lable_3_1 {width:270px;}
.Lable_4_1 {height:130px; width:270px;}
.Lable_1_Submit {padding-top:20px; width:270px;}
 
.FormError {color: #FFFFFF; background-color:#990000; font-weight:bold;}
.FormClass {color: #000000; background-color:#FFFFFF;}
 
#Contact_FormDiv_1 .FormError {color: #FFFFFF; background-color:#990000; font-weight:bold;}
#Contact_FormDiv_1 .FormClass {color: #000000; background-color:#FFFFFF;}


.BuyOnline {display:inline-block; background-color:#003300; color:#FFFFFF; font-size:24px; font-weight:bold; padding:5px; margin-bottom:20px;}