/* CSS Document */

* {
    margin:0; padding:0;
    font-size:100%;
}

body{
    background: url(/i/cag-bg.gif) top repeat-x #ffffff;
    text-align:center;
}

html
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.75em;
    line-height:1.5em;
    color:#4b585f;
}

.left { float:left;}
.right {float:right; }
.clear  { clear:both;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright { text-align:right;}

input, select { vertical-align:middle; font-weight:normal;}
textarea { font-size: 125%; }
a { color:#005797; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
a img { border:0;}
ul { list-style:none;}
img {vertical-align:top;}
.relative { position:relative;}
.pointer { cursor:pointer;}
strong { text-transform:uppercase; color:#005797;}
h1 { font-size:1.417em; font-weight:bold; color:#263B54; text-transform:uppercase; margin:0;}
h3 { font-size:1.417em; font-weight:bold; color:#263B54; text-transform:uppercase; margin:0;}

/* ============================= main layout ====================== */
.content-corner-bot-left { background: url(/images/content-corner-bot-left.gif) bottom left no-repeat;}
.content-corner-bot-right { background: url(/images/content-corner-bot-right.gif) bottom right no-repeat; width:100%;  }
.bg-top { /*background:url(/images/bg-top.jpg) top center no-repeat;*/ }
.bg-bot { /*background: url(/images/bg-bot.gif) bottom repeat-x;*/ }

.imgindent { float:left; margin-right:15px;}
.space1 { margin-right:20px;}
.space2 { margin-top:42px;}
.space3 { margin-top:15px;}
.space4 { margin-right:10px;}

.indent1 { padding-left:23px;}
.indent2 { padding-left:10px;}
.indent3 { padding-top:30px;}

.title { margin-top:-13px; position:relative;}
.text1 { color:#005797;}
.text2 { background:url(/images/marker1.gif) 0 2px no-repeat; padding-left:22px; font-weight:bold; color:#005797;}
.link1 { font-weight:bold; color:#FB2901;}

/* ============================= header ====================== */
#header .row-1 { height:114px; line-height:1em; }
#header .row-2 { background:url(/images/header-top-tail.gif) top repeat-x; line-height:1em;}
#header .row-3 { height:354px; background: url(/images/bg-header.jpg) 18px 17px no-repeat #FFF;}
.logo { margin-top: 15px; }
.menu1 { float:right; width: 477px; margin:61px 0 0 0;}
.menu1 form { float: right; }
.menu1 label
{
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}
.menu1 input { display: inline; }
.menu1 ul { padding-right:4px;}
.menu1 li { display:inline; color:#2569B9; padding-left:10px;}
.menu1 li a { color:#53B0F1; text-decoration:none; padding-right:12px;}
.menu1 li a:hover { color:#FFF;}
#header .row-2 .corner-top-left { background:url(/images/header-corner-top-left.gif) top left no-repeat;}
#header .row-2 .corner-top-right { background:url(/images/header-corner-top-right.gif) top right no-repeat; height:46px; }
.menu2 { position:relative;}
.menu2 li { float:left; text-align:center;}
.menu2 li a { display:block; width:126px; padding:17px 0 16px; font-weight:bold; color:#FFF; text-decoration:none; background:url(/images/menu2-separator.gif) right repeat-y;}
.menu2 li a:hover, .menu2 .active a { color:#FFF000;}
.menu2 li .last { background:none;}
.slogan1 { position:absolute; margin:48px 0 0 45px; font-size:2.317em; color:#3173C9; line-height:1.2em;}
.slogan2 { position:absolute; margin:88px 0 0 45px; font-size:1.65em; color:#184681; line-height:0.86em; width:280px; }
.slogan3 { position:absolute; margin:149px 0 0 45px; font-size:1.367em; color:#8CA2BE; line-height:1.2em; word-wrap: break-word; width: 280px; }
.slogan4 { position:absolute; margin:230px 0 0 45px; font-size:1.20em; font-weight:bold; color:#8CA2BE; line-height:1.38em;}
.slogan4 a { text-decoration:none; color:#8CA2BE;}
.slogan4 a:hover { text-decoration: underline;}
/* ============================= content ====================== */
#content { background:#FFF; padding-top:0px;}
.indent-content {padding:0 17px 28px 18px;}
.column-1 { width:211px; position: relative;}
.column-1 .indent {padding:0 20px 0 8px;}
.column-2 { width:422px; position: relative;}
.column-2 .indent {padding:0 20px 0 22px;}
.column-3 { width:213px; position: relative;}
.column-3 .indent {padding:0 5px 0 22px;}
.column-4 { width:633px; position: relative;}
.column-4 .indent {padding:0 20px 0 0;}

.box1 { color:#FFF; margin-bottom:40px;}
.box1 .col-1 { width:284px; background:url(/images/box1-tail1.gif) bottom repeat-x #2F70C5;}
.box1 .col-2 { width:282px; background:url(/images/box1-tail2.gif) bottom repeat-x #3681CE;}
.box1 .col-3 { width:281px; background:url(/images/box1-tail3.gif) bottom repeat-x #3D92D7;}
.box1 .separator { background:url(/images/box1-separator.gif) bottom right repeat-y;}
.box1 .indent {padding:13px 10px 10px 16px;}
.box1 .corner-left {background:url(/images/box1-left.gif) bottom left no-repeat;}
.box1 .corner-right {background:url(/images/box1-right.gif) bottom right no-repeat;}
.title1 { font-size:2.25em; color:#FFF; line-height:1.2em; text-transform:uppercase;}
.title2 { font-size:1.833em; color:#FFF; line-height:1.2em; margin:-9px 0 0 0; padding-bottom:7px;}

.border1 { border-left:1px solid #C3DDFE;}
.line { height:25px; border-bottom:1px solid #C3DDFE; margin-bottom:30px;}

.list1 { width:100%; overflow:hidden;}
.list1 ul { margin-bottom:-3px; line-height:2.083em;}
.list1 li { border-bottom:1px solid #F1F6F9;}
.list1 li a { background:url(/images/marker1.gif) 0 2px no-repeat; padding-left:22px; text-decoration:none; color:#7A8394;}
.list1 li a:hover { color:#005797; text-decoration:underline;}

.list2 ul { margin-bottom:-3px; line-height:2.083em; list-style:solid;}

.button { float:right; display:inline-block; background:url(/images/button-tail.gif) top repeat-x; font-weight:bold; color:#FFF; text-decoration:none; line-height:1em;}
.button span {display:inline-block; background:url(/images/button-left.gif) top left no-repeat;}
.button span span { background:url(/images/button-right.gif) top right no-repeat; padding:5px 12px 5px 14px; cursor:pointer;}
.button:hover span span { color:#FFF000;}

.seperator1 { background:url(/images/separator2.gif) 212px 0 repeat-y;}
.seperator2 { background:url(/images/separator2.gif) 634px 0 repeat-y;}
.phone { float:left; width:87px;}

/* ============================= footer ====================== */
#footer .indent { padding:16px 0 0 26px; color:#FFF;}
#footer a { color:#005797; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer div.drugSearchTitleBar
{
    color: #ffffff;
    background-color: #005797;
    padding: 10px 0 10px 30px;
}
#footer div.drugSearchTitleBar strong
{
    text-transform: none;
    color: #ffffff;
}
#footer div.drugSearchBar
{
    background-color: #d9e6f0;
    padding: 10px 0 10px 30px;
}
#footer div.drugSearchBar label
{
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}
#footer div.drugSearchBar input
{
    display: inline;
    margin-right: 10px;
}
#footer div.drugSearchBar .letterSearch { padding-top: 10px; }
#footer div.drugSearchBar .letterSearch strong, #footer div.drugSearchBar .letterSearch a
{
    color: #000000;
}
#footer div.infoBar
{
    background-color: #b3cde0;
    padding: 10px 0 10px 30px;
    clear: inherit;
    overflow: hidden;
    height: 131px;
}
#footer div.infoBar strong
{
    color: #4b585f;
}
#footer div.infoBar div
{
    float: left;
    width: 210px;
}
#footer div.infoBar .infoBoxLong
{
    width: 425px;
}
#footer div.policiesBar
{
    background-color: #194783;
    color: #ffffff;
    padding: 10px 0 10px 30px;
    clear: all;
    font-weight: bold;
}
#footer div.policiesBar a
{
    color: #ffffff;
    /*color: #4b585f;*/

}
#footer div.policiesBar p
{
    color: #8ca3c1;
    font-weight: 100;
    font-size:0.85em;
    margin-right: 30px;
}

/* ============================= forms ============================= */
#NewsForm { line-height:1em; margin-top:10px;}
#NewsForm input { width:140px; height:18px; border:1px solid #B0CDDB; padding:2px 0 0 5px; font-size:1em; line-height:1em;}
#NewsForm a { background:url(/images/bg-2.gif) top repeat-x #4187E0; font-size:1.083em; font-weight:bold; color:#FFF; text-decoration:none; padding:2px 9px 4px 9px; cursor:pointer;}

#ContactForm {line-height:1.3em; margin-top:20px;}
label { display:block;}
#ContactForm input {width:173px; height:14px; padding:0 0 0 5px; font-size:1em; line-height:1em;}
#ContactForm textarea {width:173px; height:254px; padding:2px 0 0 5px; overflow:auto; font-size:1em; line-height:1em;}

