/******************************************************************************
default.css
author: jeremy foster
date: October 1, 2007
purpose: base styles for spanish microsite
*******************************************************************************/

/******************************************************************************
base styles
*******************************************************************************/
body {font:11px Verdana;color:#000000;background:#f0edd9;}
body, div, p {margin:0;padding:0;}
.clear {clear:both;}
a.arrow {height:11px;display:inline;color:#FFFFFF;background:url(../images/arrow.gif) no-repeat;margin:0;padding:0px 0px 0px 17px;}
a.arrownonpdf {height:11px;display:inline-block;color:#FFFFFF;background:url(../images/arrow.gif) no-repeat;margin:0;padding:0px 0px 0px 17px;}
.styled-table a.arrow {margin:0 !important;}
body#contact-us a.arrow {width:300px;}
h3 { color: #74869b; font-size: 12px; margin:0 0 3px; }


/******************************************************************************
main section styles
*******************************************************************************/
#constructor {float:left;margin:20px;background:url(../images/body-bg.gif) 0 0 repeat-y;width:950px;padding-bottom:10px;}
#header1 {float:left;background:url(../images/sp_header_1.jpg) 0 0 no-repeat;width:930px;height:163px;margin:10px 0 0 10px;}
#header2 {float:left;background:url(../images/header_2.jpg) 0 0 no-repeat;width:930px;height:163px;margin:10px 0 0 10px;}
#header3 {float:left;background:url(../images/header_3.jpg) 0 0 no-repeat;width:930px;height:163px;margin:10px 0 0 10px;}
#header4 {float:left;background:url(../images/header_4.jpg) 0 0 no-repeat;width:930px;height:163px;margin:10px 0 0 10px;}
#header5 {float:left;background:url(../images/header_5.jpg) 0 0 no-repeat;width:930px;height:163px;margin:10px 0 0 10px;}
.logos {margin:10px 0 0 22px;}
#main-content {float:left;background:url(../images/main-bg.gif) 0 0 repeat-y;width:934px;margin-left:8px;}
.intro-container {float:left;width:900px;margin:0 0 0 10px;}
.map-image {float:left;}
.intro-copy {float:left;display:inline;margin:30px 0 0 5px;width:550px;}
.language-change {position:absolute;color:#ffffff;margin:10px 0 0 130px;text-decoration:underline !important;}
.space-list {padding-bottom:10px;}

/******************************************************************************
navigation styles
*******************************************************************************/
#navigation{width:930px;height:38px;margin-left:10px;padding-bottom:2px;}
#navigation ul {float:left;margin:0;padding:0;list-style-type:none;background:#ffffff}
#navigation ul li {float:left;margin:0;padding:0;}
#navigation a {text-decoration:none;}
#navigation a span {visibility:hidden;height:38px;}

#nav1{background:url(../images/sp_nav1.jpg) 0 0 no-repeat;width:156px;height:38px;}
#nav1 a, 
#nav2 a,
#nav3 a, 
#nav4 a,
#nav6 a {padding:0px 120px 20px 50px;}
#nav2{background:url(../images/sp_nav2.jpg) 0 0 no-repeat;width:175px;height:38px;}
#nav3{background:url(../images/nav3.jpg) 0 0 no-repeat;width:151px;height:38px;}
#nav4{background:url(../images/nav4.jpg) 0 0 no-repeat;width:134px;height:38px;}
#nav5{background:url(../images/nav5.jpg) 0 0 no-repeat;width:180px;height:38px;}
#nav6{background:url(../images/nav6.jpg) 0 0 no-repeat;width:134px;height:38px;}

body#individual-health-plans #nav1,
body#individual-dental-plans #nav1,
body#group-health-plans #nav1,
body#hsa-learning-center #nav1, 
body#group-dental-plans #nav1 {background:url(../images/sp_nav1-over.jpg) 0 0 no-repeat;width:219;height:38px;}
body#mi-consejero #nav1 {background:url(../images/sp_nav1.jpg) 0 0 no-repeat;width:219;height:38px;}
body#find-a-doctor #nav2 {background:url(../images/sp_nav2-over.jpg) 0 0 no-repeat;width:175px;height:38px;}
body#living-healthy #nav3 {background:url(../images/nav3-over.gif) 0 0 no-repeat;width:151px;height:38px;}
body#mi-consejero #nav3 {background:url(../images/nav3.jpg) 0 0 no-repeat;width:151px;height:38px;}
body#contact-us #nav4, 
body#thank-you #nav4 {background:url(../images/nav4-over.jpg) 0 0 no-repeat;width:134px;height:38px;}
body#about-us #nav6 {background:url(../images/nav6-over.jpg) 0 0 no-repeat;width:134px;height:38px;}

#subMenu{position:absolute;top:215px;margin-left:1px;float:left;width:36px;display:none;}
#subMenu ul {padding:0 0 0 9px;float:left;list-style-type:none;}
.subnav2 {margin-top:-2px;}
.subnav3 {margin-top:-2px;}
#subMenu2{position:absolute;top:215px;margin-left:1px;float:left;width:36px;display:none;}
#subMenu2 ul {padding:0 0 0 490px;float:left;list-style-type:none;}

/******************************************************************************
page heading styles
*******************************************************************************/
h1{margin:0;padding:0;clear:both;}
h1 span, p span {visibility:hidden;}
#service-heading {background:url(../images/service-heading.gif) 0 0 no-repeat;width:397px;height:20px;padding-bottom:5px;}
p.bucket1-heading {background:url(../images/bucket1-heading.gif) 0 0 no-repeat;width:215px !important;height:34px;}
p.bucket2-heading {background:url(../images/bucket2-heading.gif) 0 0 no-repeat;width:251px !important;height:15px;}
p.bucket3-heading {background:url(../images/bucket3-heading.gif) 0 0 no-repeat;width:184px !important;height:11px;}
p.individual-heading {background:url(../images/individual-heading.gif) 0 0 no-repeat;width:584px;height:31px;margin:0 0 0 18px;padding-bottom:10px;}
p.trabaje-heading {background:url(../images/trabaje-heading.gif) 0 0 no-repeat;width:255px;height:39px;padding-bottom:10px;}
p.historias-heading {background:url(../images/historias-heading.gif) 0 0 no-repeat;width:265px;height:22px;padding-bottom:10px;}
p.conozca-heading {background:url(../images/conozca-heading.gif) 0 0 no-repeat;width:265px;height:23px;padding-bottom:10px;}
p.beneficios-heading {background:url(../images/beneficios-heading.gif) 0 0 no-repeat;width:265px;height:25px;padding-bottom:10px;}
p.group-health-heading {background:url(../images/group-health-heading.jpg) 0 0 no-repeat;width:576px;height:31px;margin:0 0 0 18px;}
p.busque-heading {background:url(../images/busque-heading.gif) 0 0 no-repeat;width:572px !important;height:28px;margin-left:19px !important;margin-top:0px !important;}
p.vida-heading {background:url(../images/vida-heading.gif) 0 0 no-repeat;width:572px;height:27px;margin-left:19px !important;margin-top:0px !important;}
p.miconsejeromark-heading {background:url(../images/miconsejeromark.jpg) 0 0 no-repeat;width:572px;height:80px;margin-left:19px !important;margin-top:0px !important;}
p.contact-heading {background:url(../images/contact-heading.gif) 0 0 no-repeat;width:572px;height:26px;margin-left:18px !important;margin-top:0px !important;}
p.hsa-heading {background:url(../images/hsa-heading.gif) 0 0 no-repeat;width:576px;height:55px;margin-left:15px !important;margin-top:0px !important;}
p.confidence-heading {background:url(../images/confidence-heading.gif) 0 0 no-repeat;width:165px;height:15px;}
p.servicespanish-heading {background:url(../images/servicioenespanol-heading.gif) 0 0 no-repeat;width:258px;height:23px;padding-bottom:10px;}
p.aboutbcbsaz-heading {background:url(../images/aboutbcbsaz_heading.gif) 0 0 no-repeat;width:572px;height:27px;margin-left:19px !important;margin-top:0px !important;}

/******************************************************************************
index-page bucket styles
*******************************************************************************/
#buckets {float:left;margin:5px 0 0 10px;padding-bottom:15px;background:url(../images/buckets-body.gif) 0 0 repeat-y;width:915px;}
#buckets-cap {float:left;background:url(../images/buckets-top-cap.gif) 0 0 no-repeat;width:915px;height:13px;}
#buckets-bottom {float:left;background:url(../images/buckets-bottom-cap.gif) 0 0 no-repeat;width:915px;height:16px;margin-left:10px;padding-bottom:10px;}

#buckets p {margin:10px 0 0 0px;}
#bucket1 p {color:#FFFFFF;width:225px;}
#bucket2 p {color:#333333;width:245px;}
#bucket3 p {color:#333333;width:230px;}

#bucket2 a.arrow, #bucket3 a.arrow {color:#333333 !important;}

#bucket1, #bucket2, #bucket3 {float:left;display:inline;}
/*#bucket1 {padding-right:35px;}
#bucket2 {padding-right:32px;}*/

#bucket1 {margin-left:20px;}
#bucket2 {margin-left:50px;}
#bucket3 {margin-left:51px;}

#bucket1 .bucket-image {background:url(../images/bucket1-image.jpg) 0 0 no-repeat;width:258px;height:81px;/*margin:0 0 0 18px;*/}
#bucket2 .bucket-image {background:url(../images/bucket2-image.jpg) 0 0 no-repeat;width:258px;height:81px;/*margin:0 0 0 18px;*/}
#bucket3 .bucket-image {background:url(../images/bucket3-image.jpg) 0 0 no-repeat;width:258px;height:81px;/*margin:0 0 0 18px;*/}

/******************************************************************************
two-column (tabbed page) styles
*******************************************************************************/
#two-columns {float:left;background:url(../images/two-col-body-bg.gif) 0 0 repeat-y;margin:10px 0 0 2px;width:930px;}
#two-column-bottom {float:left;background:url(../images/two-col-bottom-cap.gif) 0 0 no-repeat;margin-left:2px;width:930px;height:12px;}
body#find-a-doctor #two-column-bottom,
body#living-healthy #two-column-bottom,
body#group-health-plans #two-column-bottom,
body#individual-health-plans #two-column-bottom,
body#mi-consejero #two-column-bottom,
body#hsa-learning-center #two-column-bottom,
body#contact-us #two-column-bottom,
body#thank-you #two-column-bottom,
body#about-us #two-column-bottom {float:left;background:url(../images/two-col-bottom-cap2.gif) 0 0 no-repeat;margin-left:2px;width:930px;height:12px;}
.left-side-container, .right-side-container {float:left;}
.right-side-container {width:305px;border-top:1px solid #ffffff;margin-left:19px;}
.right-side-container .rs-copy {margin:15px 0 20px 25px;/*padding-bottom:5px;*/float:left;}
.right-side-container .rs-copy p.bump {margin-left:5px;padding-bottom:10px;color:#ffffff;} /*bump the stuff left in the top box 5px*/
.right-side-container .rs-copy img.bumpImg {padding-bottom:10px;}
.rs-divider {float:left;background:url(../images/rs-divider.gif) 0 0 no-repeat;width:298px;height:5px;margin-left:6px;}
.compact {width:255px;float:left;}
.compact img {float:left;display:inline;padding-bottom:10px;}
.compact p {float:left;color:#ffffff;width:120px;padding-bottom:5px;}
.compact a {color:#ffffff;}
.compact2 {width:300px;float:left;}
.compact2 img {float:left;display:inline;padding-bottom:10px;}
.compact2 p {float:left;color:#ffffff;width:150px;padding-bottom:5px;}
.compact2 a {color:#ffffff;}
.compact_pharmacy {width:120px;float:left;}

#tabs {float:left;background:url(../images/tab1selected.gif) 0 0 no-repeat;margin:15px 0 0 6px;width:609px;height:37px;}
body#individual-dental-plans #tabs,
body#group-dental-plans #tabs {background:url(../images/tab2selected.gif) 0 0 no-repeat;width:609px;height:37px;}
.tab-links ul {float:left;list-style-type:none;margin:0;padding:0;}
.tab-links ul li {float:left;display:inline;}
.tab-links ul li a {text-decoration:none;}
#link1 {padding:5px 35px 0 15px;}
#link1 a,
#individual-dental-plans #link2 a, #group-dental-plans #link2 a {color:#333333 !important;}
#link2 {padding:5px 0 0 5px;}
#link2 a, #individual-dental-plans #link1 a, #group-dental-plans #link1 a {color:#ffffff !important;}


.left-side-copy {float:left;background:url(../images/left-side-body-bg.gif) 0 0 repeat-y;margin:0;padding-bottom:20px;width:609px;}
body#find-a-doctor .left-side-copy,
body#living-healthy .left-side-copy,
body#individual-health-plans .left-side-copy, 
body#group-health-plans .left-side-copy,
body#mi-consejero .left-side-copy, 
body#hsa-learning-center .left-side-copy,
body#contact-us .left-side-copy,
body#thank-you .left-side-copy,
body#about-us .left-side-copy {background:#ffffff;width:576px;height:683px;border:1px solid #ffffff;margin-left:18px;}

body#find-a-doctor .left-side-copy p,
body#living-healthy .left-side-copy p,
body#about-us .left-side-copy p {margin:10px 0 0 0px;}

body#find-a-doctor .left-side-title,
body#about-us .left-side-title {text-transform:none;font:12px Verdana;font-weight:bold;color:#0f5170;margin-top:25px !important;padding-bottom:0;}
body#living-healthy .left-side-title {text-transform:none;font:12px Verdana;font-weight:bold;color:#0f5170;padding-bottom:0;}

body#find-a-doctor .left-side-copy a.arrow,
body#about-us .left-side-copy a.arrow {margin-bottom:4px !important;
}
body#individual-dental-plans .left-side-copy,
body#group-dental-plans .left-side-copy {height:680px;}

body#group-health-plans .left-side-copy,
body#hsa-learning-center .left-side-copy {height:auto;}

.left-side-copy a.arrow {color:#333333;float:none;display:block;margin:10px 0 10px 0px;}
.left-side-copy a {color:#333333;}
.left-side-copy p {margin:0 ;line-height:16px;/*width:455px;*/}
.left-side-copy ul {margin-top:0px;margin-bottom:0px;padding-left:10px;}
.left-side-copy .ul-container, p.ls-wider {padding:5px 0 5px 0;}
.ls-top {margin:10px 0 0 25px;}
.contact-ls-top {margin:10px 0 10px 18px;width:540px;}
.left-side-title {font:12px Verdana;color:#0f5170;text-transform:uppercase;font-weight:bold;margin-top:15px !important;width:600px !important;padding-bottom:5px;}

#lh-slots-container {float:left;margin:10px 0 0 0px;}
.lh-slot-image {float:left;}
.lh-slot {float:left;width:550px;padding-bottom:30px;}
.lh-slot-copy {float:left;width:425px;}
.lh-slot-copy p {float:left;width:460px;padding:0 !important;margin:0 !important;}
.lh-slot-copy a.arrow {/*float:left;*/margin-left:0;}


.left-side-copy .plan-info {margin:0 0 0 25px;}
/******************************************************************************
footer styles (home-page only) - page-bottom for rest of pages
*******************************************************************************/
#footer {float:left;width:930px;background:url(../images/footer-bg-new.gif) 0 0 repeat-y;margin-left:10px;color:#f8f4ed;}
#footer-cap {background:url(../images/footer-top-cap-new.gif) 0 0 no-repeat;width:930px;height:7px;}
#footer-bottom {float:left;background:url(../images/footer-bottom-cap-new.gif) 0 0 no-repeat;width:931px;height:5px;}
.footer-copy {float:left;margin:10px 0 0 30px;padding-bottom:10px;width:230px;}
p.f-copy {margin-top:5px;}
.fpix-container {float:right;display:inline;margin:0 25px 0 0px;}
.fpix-container a {color:#ffffff;}

/******************************************************************************
styled table styles 
*******************************************************************************/
table.styled-table {background:#f0edd9 none repeat scroll 0%;border-collapse:collapse;border-color:#FFFFFF;border-spacing:0pt;border-style:solid;border-width:1px 0pt 0pt 1px;margin-bottom:1.45em;width:100%;}
table.styled-table thead th, table.styled-table th {background:#93a65d; /*url(../images/tableheader-bg.gif) 0 0 repeat-x; width:1px;height:27px;*/color:#FFFFFF;}
table.styled-table tbody th {vertical-align:top;}
table.styled-table td {vertical-align:top;}
table.styled-table tr.alt {background:#e2d7b7 none repeat scroll 0%;}
table.styled-table th, table.styled-table td {border-color:#FFFFFF;border-style:solid;border-width:0pt 1px 1px 0pt;padding:4px;text-align:left;}
table.styled-table td {padding:6px 4px 6px 4px !important;}
table.twoColumn td {width:50%;}
/*table.threeColumn td {width:33%;}*/
table .styled-table .fourColumn td {width:25%;}
/*table.fiveColumn td {width:20%;}*/
table.sixColumn td {width:17%;}

/* related styled-table styles*/
/******************************/
.small-text{font-size:10px;}

/******************************************************************************
form styles 
*******************************************************************************/
.form-left {margin-left:0px;}
.form-cap {float:left;margin-left:6px;background:url(../images/contact-form-cap.gif) 0 0 no-repeat;width:609px;height:8px;}
input.md {width:180px;margin-bottom: 3px;margin-top:5px;}
input.insurer {width:180px;margin-bottom: 3px;margin-top:5px;;margin-left:55px;}
select.mid {width:191px;margin-bottom:3px;margin-top:5px;}
select.mid-age {width:220px;margin-bottom:3px;margin-top:5px;margin-left:40px;}
select.mid-pref {width:220px;margin-bottom:3px;margin-top:5px;margin-left:100px;}
select.langpref {width:220px;margin-bottom:3px;margin-top:5px;margin-left:100px;}
select.healthplan {width:220px;margin-bottom:3px;margin-top:5px;margin-left:40px;}

input.lg {margin-bottom:3px;margin-top:5px;width:255px;}
input.sm, select.sm {width:72px;margin-bottom: 3px;margin-left:16px;margin-bottom:10px;}
p#error{float:left;display:none;margin:0 0 10px 0;width:auto;padding:0;font:10px Verdana;color:#FF3300;}
select.lg {width:270px;margin:5px 0 3px 0;}

.form-left input {margin-bottom:10px;}

label.state {margin-left:150px;}
/*label.age {margin-left:145px;}*/
label.lastname {margin-left:145px;}
label.zip {margin-left:45px;}

#text-field-container {width:550px;float:left;margin:20px 0 0 25px;}
#essay {width:552px;height:107px;}
#submit-button {float:left;margin:10px 0 20px 0px;}
.submit {background:url(../images/submitButton.gif) 0 0 no-repeat;width:60px;height:19px;border:none;cursor:pointer;}
.form-divider {background:url(../images/form-divider.gif) 0 0 no-repeat;width:603px;height:33px;margin-left:-10px !important;}

input.area {width:33px;margin: 5px 0 10px 0;}
input.prefix {width: 33px;margin: 5px 0 10px 10px;}
input.local {width:43px;margin:5px 19px 10px 10px;}
input#lastname {margin-left:15px;}
input#zip {margin-left:15px;}
input#broker {margin:10px 5px 0px 0;}
.required {color:#990000;}
span.required-right {margin:10px 0 10px 0;float:left;}

/******************************************************************************
page-bottom styles
*******************************************************************************/
#page-bottom {float:left;margin:10px 0 0 10px;padding:15px 0 10px 0;color:#ffffff;}
#page-bottom a {color:#ffffff;}
.bottomleft {float:left;padding-left:30px;}
a.bottom-space {padding-right:15px;}
.bottomright {float:left;display:inline;margin:0 0 0 140px;}

/******************************************************************************
New styles as of 1/27/10
*******************************************************************************/
#sp_header1 {float:left;background:url(../images/sp_header_1.jpg) 0 0 no-repeat;width:930px;height:163px;margin:10px 0 0 10px;}
#two-columns-spwhite {float:left;background:url(../images/sp_spacer.gif) 0 0 repeat-y;margin:10px 0 0 2px;width:930px;}
body#two-column-bottom-sp {float:left;background:url(../images/sp_spacer.gif) 0 0 no-repeat;margin-left:2px;width:930px;height:12px;}
#nav2sp a,
#nav2sp{background:url(../images/sp_nav2.jpg) 0 0 no-repeat;width:175px;height:38px;}
body#find-a-doctor #nav2sp {background:url(../images/sp_nav2-over.jpg) 0 0 no-repeat;width:175px;height:38px;}

.legal_links {
	font:8pt Ari9ptHelvetica, sans-serif;
	color:#666666;
}

.legal_links a {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

.legal_links a:hover {
	text-decoration: underline;
}

.style2
{
	font-size: 8pt;
	color: #595148;
	font-family: verdana,Arial, Helvetica, sans-serif;
}

.style3
{
	font-weight: normal;
	font-size: 8pt;
	color: #595148;
	font-family: verdana,Arial, Helvetica, sans-serif;
	margin-left: 20px;
}
.style4
{	
	font-size: 13pt;
	color: #59514f; 
	border-bottom: #59514f 1px solid; 
	font-family: verdana,arial,helvetica, sans-serif; 
	font-weight:normal;
	padding:2px 0 5px 0px;
	margin:20px 0 10px 0px;
}

#quote
{
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    background: url(../images/grayarrow.jpg) no-repeat 0% 50%;
    padding-left:15px;
}

a.grayarrowlink { background: url(../images/grayarrow.jpg) no-repeat 0% 50%; padding-left:15px; cursor: pointer; }
