/*====== GLOBAL START======*/
* {margin:0px; padding:0px}
html {
min-height: 101%;
}
body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:#a6d2e6 url('../images/bg_home_body.jpg') repeat-x top left; text-align:center;}
a {color:#418aac; text-decoration:none;}
a:hover {color:#005696; text-decoration:none;}
p {line-height:145%; margin-bottom:15px; display:block;}
img {border:none;}
ul {display:block; line-height:145%;}
li {list-style:none;}
sup {font-size:10px; line-height:8px;}
.no_border td {border:none; padding:3px 10px 3px 0px; vertical-align:middle;}
.float_left {float:left;}
.float_right {float:right}
.clear {clear:both;}
.small {font-size:10px; line-height:14px;}
.medium {font-size:13px; line-height:10px;}
.large {font-size:16px; line-height:135%;}
select {font-size:13px; color:#666666; padding-left:3px; width:250px; margin-bottom:10px;}
option {font-size:13px; color:#666666; padding-left:3px; margin:1px 0px;}
.button {color:white; font-weight:bold; text-align:center; background:url('../images/bg_button.gif') no-repeat top left; cursor:pointer; border:none; width:70px; height:25px;}
input.email {margin-left:5px;}
input.zip {margin-left:20px;}
input.email, input.zip {width:220px; border:1px solid #819ca9; margin-top:2px; margin-bottom:2px;}
.icon {vertical-align:middle; margin-bottom:2px;}

button .wrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
display:inline;
}

h1 {
font-size:17px;
font-weight:bold;
color:#666666;
line-height:21px;
margin-bottom:10px;
display:block;
}

h2 {font-weight:bold; font-size:12px; line-height:14px; margin-bottom:15px;}


/*========== STRUCTURE AND LAYOUT ==========*/
#wrapper {margin:0px auto; width:1000px;}

/*====== header begin ======*/
#header {
position:relative;
width:1000px;
height:78px;
background:url('../images/bg_header.jpg') repeat-y top left;
}

#header #logo {position:absolute; top:-8px; left:40px;}
#header #logo h1 {text-indent:-9999px;}
#header #legal_statement {position:absolute; top:10px; left:235px; width:700px; text-align:left;}
#header #legal_statement p {font-size:14px; line-height:120%; color:#000; font-weight:bold;}

#topmenu {
padding:8px 35px 0px 0px;
display:block;
height:17px;
color:#aaaaaa;
text-align:right;
background:url('../images/bg_header.jpg') repeat-y top left;
}

#topmenu li {display:inline; list-style:none;}
#topmenu li:first-child a {padding-left:0px;}
#topmenu li:last-child a {padding-right:0px;}
#topmenu li a {padding:0px 5px; color:#4993b5;}
#topmenu li a:hover {color:#005696;}


#worldwide_dropdown {
position:absolute;
border: 1px solid #cccccc;
background-color:white;
visibility:hidden;
z-index:100;
text-align:left;
width:140px;
}

#worldwide_dropdown li {display:block; text-align:left; list-style:none;}
#worldwide_dropdown li a {font-size:11px; color:#777777; padding:1px 7px 1px 7px; display:block;}
#worldwide_dropdown li a:hover {color:white; background-color:#1a97d2;}

#banner {
width:1000px;
height:288px;
background-color:#1c3b53;
display:block;
overflow:hidden;
}

#banner img {float:left; display:block;}

#main_nav {
width:1000px; 
height:36px; 
background:url('../images/bg_nav.jpg') no-repeat;
display:block;
overflow:hidden;
}

#main_nav ul {margin-left:37px; text-align:left; width:100%}

#main_nav .mainmenu li {
font-size:14px;
font-weight:normal;
margin-left:2px; 
float:left;
display:block;
list-style:none;
}

.main_dropdown {position:absolute; background-color: #155390; visibility:hidden; margin:-4px 0px; padding:0px; z-index:100; text-align:left;}

#patient_dropdown {width:230px}
#physician_dropdown {width:230px}
#product_dropdown {width:230px}
#company_dropdown {width:230px;}
#vascular_dropdown {width:185px;}

.main_dropdown li {display:block; border-bottom:1px solid #4475a6; background-color: #155390; list-style:none;}
.main_dropdown li a {color:white; display:block; padding:2px 15px 2px 10px;}
.main_dropdown li a:hover {color:white; background-color:#021b51; display:block;}


/*====== content begin ======*/
#content {
width:927px;
padding:20px 37px 0px 37px;
display:block;
text-align:left;
background:url('../images/bg_home_content.jpg') repeat-y;
overflow:hidden;
}

#intro {
width:590px;
margin-right:25px;
float:left;
display:block;
}

.closurefast_text {
padding:42px 50px 0px 13px;
font-size:11px;
font-weight:bold;
line-height:13px;
}

#closurefast_box {
float:left;
width:305px;
height:160px;
background:white url('../images/bg_closurefast_box.jpg') no-repeat top left;
border-top:5px solid #61c8ec;
margin-right:5px;
margin-bottom:10px;
}
#closurefast_box h2 {color:#1180a7; text-indent:55px; padding-top:16px;}
a #closurefast_box {color:#666666;}


#testimonial_box {
float:left;
width:280px;
height:148px;
background:white url('../images/bg_testimonial_box.gif') no-repeat top left;
border-top:5px solid #da6517;
margin-right:5px;
margin-bottom:10px;
padding:0px 10px 0px 15px;
}

#testimonial_box h2 {color:#da6517; padding:15px 5px 0px 40px;}
#testimonial_box .quote {font-size:12px; font-weight:normal; display:block; color:#555555;}
#testimonial_box .name {margin-left:0px; font-weight:bold; display:block;}
#testimonial_box .story {display:block; font-size:12px; margin-top:10px;}

#locate_box {
float:left;
width:280px;
height:148px;
background:white url('../images/bg_locate_box.gif') no-repeat 0px 5px;
border-top:5px solid #778946;
margin-bottom:10px;
padding:0px 10px 0px 15px;
display:block;
}
#locate_box h2 {color:#778946; text-indent:30px; padding-top:15px;}


input.input {width:220px; height:18px; border:1px solid #cccccc; margin-top:5px;}
input.check_box {width:10px;}
label.email {margin-right:10px;}
label.zip {margin-right:25px;}
form {margin-bottom:5px;}

/*====== footer start ======*/
#footer {
width:1000px;
background:url('../images/bg_home_content_bot.jpg') no-repeat top left;
text-align:center;
padding-top:20px;
margin-bottom:50px;
color:#666666;
font-size:11px;
}

#footer a {color:#333333;}
#footer a:hover {color:#666666;}

/*======Button=======*/

a.universal_button{
background: transparent url('../images/but_bg_left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 27px; /* Height of button background height */
padding-left: 14px; /* Width of left menu image */
text-decoration: none;
}

a:link.universal_button, a:visited.universal_button, a:active.universal_button{
color: #ffffff; /*button text color*/
}

a.universal_button span{
background: transparent url('../images/but_bg_right.gif') no-repeat top right;
display: block;
padding: 5px 14px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.universal_button:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.universal_button:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
}

.button_wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin:5px 0px;
}