@charset "utf-8";
/* Ezyvision CSS */

@import url(http://fonts.googleapis.com/css?family=Lato);

body {background-image: url(/images/bg.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-color: #f8f8f4; margin:0px; font-family: 'Lato', Arial, Helvetica, sans-serif; color: #727271; font-size: 13px;}

a, a img {outline: none;}

.facebook-ico {position: absolute; top:90px; right: 0px;}

/* Templates */

#threeColumnWrapper {width: 980px; position:relative; margin: auto; background-color: #fff; background-image: url(/images/3-columns-bg.gif); background-position: left top; background-repeat: repeat-y;}

#twoColumnWrapper {width: 980px; position:relative; margin: auto; background-color: #fff; background-image: url(/images/2-column-bg.gif); background-position: left top; background-repeat: repeat-y;}

/* Footer */

#footerWrapper {height: 300px; background-color: #011d33; position: relative;}
.footer-header { background-image: url(/images/hori-divider.gif); background-position: left bottom; background-repeat: repeat-x; padding-top: 10px; padding-bottom: 15px;}
.footer-header div { position: relative; margin: auto; width: 980px; color: #9ccbf0;}

.footer-block {width: 980px; margin: auto; height:180px; position: relative; background-image: url(/images/vert-divider.gif); background-position: right top; background-repeat: repeat-y; color: #466d8b; font-size: 11px;}

.footer-block ul {list-style: none; padding: 0px; margin: 0px;}
.footer-block ul li {line-height: 20px;}
.footer-block ul li a {color:#466d8b;}
.footer-block ul li a:hover {color:#fff;}

.footer-ColLeft { float:left; padding-right: 30px;}
.footer-ColRight { float:left;}
.footer-search { padding-top: 10px;}
.searchFooter { background-image: url(/images/footerSearch.gif); width: 112px; height: 23px; border: 0px; background-color: none; float:left; margin-right: 10px; padding-left: 40px; padding-top: 11px; color: #666666; font-size: 12px;}

.footerName {color: #fff; text-transform: uppercase; font-size: 12px; padding-top: 20px; padding-bottom: 10px;}

form {padding: 0px; margin: 0px;}
.field {font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 2px;}

#fColOne {float:left; background-image: url(/images/vert-divider.gif); background-position: left top; background-repeat: repeat-y; padding: 0 35px 0 35px; height: 180px;}
#fColTwo {float:left; background-image: url(/images/vert-divider.gif); background-position: left top; background-repeat: repeat-y; padding: 0 35px 0 35px; height: 180px;}
#fColThree {float:left; background-image: url(/images/vert-divider.gif); background-position: left top; background-repeat: repeat-y; padding: 0 35px 0 35px; height: 180px;}
#fColFour {float:left; background-image: url(/images/vert-divider.gif); background-position: left top; background-repeat: repeat-y; padding: 0 35px 0 35px; height: 180px;}

.footer-btm{ background-image: url(/images/hori-divider.gif); background-position: left top; background-repeat: repeat-x; padding-top: 20px; padding-bottom: 20px;}
.footer-btm div { position: relative; margin: auto; width: 980px; color: #214968; font-size: 11px;}
.footer-btm div, a {color: #214968; text-decoration: none;}
a.webdesign-link  {color: #fff; text-decoration: none;}

/* Banner */

.banner {height: 166px; background-color: #fff;}

/* Navigation Top */

.top-menu-nav {background-color: #011d33; position: relative; height: 45px;}

.nav{
width: 100%;
overflow: hidden;
}

.nav ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: lighter 14px arial; text-transform: uppercase; letter-spacing: -1px;
list-style-type: none;
}

.nav li{
display: inline;
margin: 0;
}

.nav li a{
	float: left;
	display: block;
	text-decoration: none !important;
	margin: 0;
	padding: 15px 30px 14px; /*padding inside each tab*/
	background-image: url(/images/vert-divider.gif); background-position: right top; background-repeat: repeat-y;
	color: white;
	 /*background of tabs (default state)*/
}

.searchNav {
	padding-top: 4px; /*padding inside each tab*/
	 background-repeat: repeat-y; position:absolute; left: 735px;
}

.searchNavTextField {
	background-image: url(/images/footerSearch.gif);
	width: 112px; height: 23px; border: 0px;
	background-color: none; float:left;
	markgin-left: 40px; margin-right: 10px; padding-left: 40px; padding-top: 11px; color: #666666; font-size: 12px;
}

.nav li a:visited{
color: white;
}

.nav li a:hover, .mattblacktabs li.selected a{ color: #92c8ef;}


/* Content Styling */

#content-home-wrapper {position: relative;}
.left-col {float:left; width: 199px;}
.content-col {float:left; width: 578px;}
.right-col {float:left; width: 203px;}

#content-wrapper {position: relative;}
.content-col-Pres {float:left; width: 781px;}

.home-featuresWrapper {position: relative; height: 190px;}
.content {padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 15px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;}
.content-products {padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 15px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;}

.content-products-overview {padding-left: 25px; padding-right: 20px; padding-top: 20px; padding-bottom: 15px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;}

.left-feature {float:left; height: 190px; width: 302px; background-color: #206a9f;}
.right-feature {float:left; height: 190px; width: 276px;}

.content-block-left { width: 174px; margin: auto; position:relative; margin-top: 15px; margin-bottom: 15px;}
.content-block-right { width: 175px; margin: auto; position:relative; margin-top: 15px; margin-bottom: 15px;}

/* CUSTOM CONTENT STYLING - DO NOT GET THIS CONFUSED WITH GENERAL CONTENT STYLING */

.custom-content-col {float:left; width: 578px; background-color:#ffffff;}

.custom-featuresWrapper {position: relative; height: 190px;}
.left-feature-custom {float:left; height: 190px; width: 302px; background-color: #206a9f;}
.right-feature-custom {float:left; height: 190px; width: 276px;}
#custom-darkblue {background-color:#01365c; height: 150px; padding-left: 25px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;}
#custom-feature-area-banner {background-image: url(/images/feature-banner-custom-darkblue.gif); background-position: left top; background-repeat: repeat-x; height: 200px; padding: 25px; color:#fff;}
#custom-feature-area-banner a {color:#fff; text-decoration: underline;}

#custom-blue {height: 150px; padding-left: 25px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px; background-image: url(/images/feature-banner-custom-blue.gif); background-position: left bottom; background-repeat: repeat-x;}

#custom-text-left {position:relative; width: 455px; float:left; margin-right: 25px;}
#custom-image-right {position:relative; width: 250px; float:left;}

/* Headers - this does not control SIFR, its just for when SIFR does not work if they dont have flash installed */

h1 {margin: 0px; padding: 0px; color: #3987c0; font-size: 16px; font-weight: lighter;}
h2 {margin: 0px; padding: 0px; color: #3a3938; font-size: 16px; font-weight: lighter;}
h3 {margin: 0px; padding: 0px; font-weight: lighter; font-size: 15px;}
h4 {margin: 0px; padding: 0px; color: #498dbf; font-size: 14px; font-weight: lighter; text-transform: uppercase;}
h5 {margin: 0px; padding: 0px; color: #175f94; font-weight: lighter; font-size: 16px;}
h6 {margin: 0px; padding: 0px; font-weight: bold; color: #10578b; font-size: 11px;}

.line { margin-top: 15px; margin-bottom: 15px; height: 1px; background-color: #aac6d9;}

/* Form */


.formTitle { width: 120px; float: left; padding-left: 4px; padding-top: 4px; }
.formField { width: 300px; float: left; padding-left: 4px; padding-top: 4px; }

.accountField {border-top:1px solid #878686;
	border-left:1px solid #878686;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:3px;
	color:#333; width: 300px;
}

.blankbutton { background-image: url(/images/blank-button.gif); background-position: left top; background-repeat: no-repeat; width: 154px; height: 31px; border:0px; text-transform: uppercase; font-size: 11px; color: #cfe8fb; font-family: 'Lato', Arial, Helvetica, sans-serif}

/* Product Detail Page */

.breadcrumbs {padding: 0px;}
.breadcrumbs ul {margin: 0px; padding: 0px;}
.breadcrumbs ul li {list-style-type: none; display: inline}
.breadcrumbs ul li a { color: #838586; text-decoration: underline; padding-left: 5px; padding-right: 5px;}
.breadcrumbs ul li a:hover {color: #013e6b;}
.breadcrumbs ul li span {color:#013e6b;}
a.mainLink { text-transform: uppercase !important; color: #367bad !important;}
.mainLink a:hover {color: #013e6b;}
.dotted-line { border-bottom: 1px dotted #c5c6c6; height:1px; margin-top: 20px; margin-bottom: 20px;}

#productDetailContainer {position: relative;}
.product-left-block {float: left; width:324px;}
.product-right-block {float: left; width: 427px;}
.productPres {padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 15px;}
.dark-header {color: #0f5589;}

.largeImgContainer {border: 1px solid #d9dee2;}
.smallImgContainer {padding-top: 20px; padding-bottom: 0px;}
.thumbBorder {border: 1px solid #d9dee2;}

/* PURCHASE CONTENT BLOCK */

#purchaseContainer {position: relative; width: 394px; margin: auto; }
.purchase-header { background-image: url(/images/purchase-header.gif); background-position: left top; background-repeat: no-repeat; height: 33px;}
.quantity-price-header { background-image: url(/images/quantityprice-header.gif); background-position: left top; background-repeat: no-repeat; height:33px;}
#quantity-price-container {padding-left: 14px;}
#quantity-price-container .col { width: 80px; float: left; margin-right: 0px;}

.text-block-prescription { background-color: #175b8d; text-transform: uppercase; color: #cfe8fb; font-size: 11px; padding: 6px 15px;}
.row-one {padding: 6px 15px; border-bottom: 1px solid #d9dee2; height: 32px;}
.row-one div { float: left; padding-right: 10px;}
.label {padding-top: 5px;}
.button {padding: 5px;}
.cartbutton {float:right;}

.prescriptionForm {}


.border {border-left: 1px solid #d9dee2; border-right: 1px solid #d9dee2;}

.product-tabs {margin-top: 20px;}


/* Product Blocks */

.text-block {padding-top: 10px; padding-bottom: 10px; font-size: 14px;}
.top-product-block { background-color: #cfe8fb; padding-left: 20px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; text-align: right !important; color: #013e6b;}
.top-product-block span {
	position: absolute;
	left: 15px;
	width: 286px; color: #ed0718; text-align: left !important;
}
.one-block-left { background-position: right top; background-repeat: no-repeat; border: 1px solid #d9dee2; padding: 10px 10px 0px 10px;}


.product-group-container {}

.product-container {width: 170px; float: left; border-bottom: 6px solid #155c91; height: 230px; margin-right: 10px; margin-bottom: 10px;}

.product-sub-group {position: aboslute; left: 100px; top: 100px; }

.pageination-href {padding: 5px;}
.pagination-container a {text-decoration: underline !important; font-size: 15px; font-weight: bold;}
.pagination-container {margin-top: 12px; margin-bottom: 20px; background-image: url(/images/pagination-bg.gif); height: 30px; background-position: left top; background-repeat: no-repeat; padding-left: 130px; padding-top: 7px;}

.formLabel {width: 150px; float: left; }

.formField {width: 300px; float: left; }

.product-container a {font-size: 14px !important; text-decoration: underline; color: #011d33 !important; font-family: 'Lato', Arial, Helvetica, sans-serif;}
.product-container a:hover {color: #498dbf !important; text-decoration: none;}
.price {font-size: 14px; color: #498dbf; height: 30px;}
.name { height: 40px;}
.image {padding-bottom: 10px;}

.category-menu {padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
.category-menu a {padding-left: 10px; color: #6f7173 !important; font-size: 14px; font-family: 'Lato', Arial, Helvetica, sans-serif}

.search-wrapper {display: none; border: 1px solid #ccc; padding: 10px; font-size: 11px; margin-top: 10px; margin-bottom: 10px;}
.search-option {color: #6f7173 !important; text-decoration: underline !important;}
.search-header {padding-top: 5px; padding-bottom: 5px;}

.miniCart {margin-top: 30px; font-size: 11px;}
.miniCart-text {padding: 10px;}
.miniCart-border {border: 1px solid #c6cdd5; width: 171px;}
.miniCartTotal {background-color: #e6f3fc; padding-top: 6px; padding-bottom: 6px; text-transform: uppercase; font-size: 11px;}
.miniCartTotalTitle { float: left; width: 95px; padding-left: 10px; color: #206aa0;}
.miniCartTotalDollar { float: left; width: 50px; padding-right: 10px; font-weight: bold; color: #05497a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: right !important;}

.miniAccount {margin-top: 30px; font-size: 11px;}
.miniAccount-border {border-left: 1px solid #c6cdd5; border-right: 1px solid #c6cdd5; border-bottom: 1px solid #c6cdd5; width: 171px;}
.miniAccountDetail {padding-left: 10px; padding-right: 10px; color: #616263 !important; text-decoration: underline !important; padding-bottom: 10px; line-height: 25px;}
.miniAccountDetail a { color: #616263 !important;}

.account-bg { background-color: #175b8d; padding-top: 5px; padding-bottom: 0px; padding-left: 10px;}


.checkout-containter {
	width: 500px;
}

.checkout-header {
	float: left; padding-top: 8px; padding-bottom: 4px; padding-left: 0px; font-size: 16px; color: #145b90; font-family: 'Lato', Arial, Helvetica, sans-serif; border-bottom: 0px solid #145b90;
}
.carthead-header {
	width: 100%; float: left; padding-top: 8px; padding-bottom: 4px; font-size: 13px; color: #145b90; font-family:'Lato', Arial, Helvetica, sans-serif; 
}
.carthead { font-size: 16px; color: #145b90; font-family: Arial, Helvetica, sans-serif;}


.checkout-text {border-top: 1px solid #d5d5d5; padding-top: 4px; padding-bottom: 4px; margin-left: 40px; width: 640px;}

.checkout-fieldLabel {
	width: 150px; float: left; padding-top: 4px;
}

.checkout-field {
	width: 350px; float: left;  padding-top: 4px; padding-bottom: 4px;
}

.checkout-field input {border: 1px solid #bbbbbb; padding: 2px; color: #666; font-family: 'Lato', Arial;}

.checkout-content-block {
	width: 728px; background-color: #f2f2f2; border: 1px solid #e3e2e2; margin-top:10px; margin-bottom: 10px; color: #444444;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#e3e2e2;
    color:#727272;
    text-decoration:none; font-size: 12px; padding: 2px;}

a.info:hover{z-index:25; background-color:#145b90; color:#fff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:0px solid #0cf;
    background-color:#145b90; color:#fff;
    text-align: left; padding: 6px; font-size: 13px;}

.checkout-content-block3 {
	width: 728px; background-color: #fff; margin-top:10px; margin-bottom: 10px; color: #444444;
}

.checkout-content-block2 {
	width: 100%; position: relative;
}

.field-columns-wrapper {width: 640px; margin-left: 40px;}
.field-columns-wrapper2 {position: relative; width: 98%; margin-left: 0px; border-bottom: 1px solid #e3e2e2; font-size: 13px;}
.field-columns-wrapper3 {position: relative; width: 98%; margin-left: 0px;}


.progress-bar-wrapper { background-color: #f2f2f2; border: 1px solid #e3e2e2; margin-top: 20px;}

.progressbar {
width: 100%;
overflow: hidden;
}

.progressbar ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: lighter 12px Arial;
list-style-type: none;
}

.progressbar li{
display: inline;
margin: 0;
}

.progressbar li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 10px 30px 10px; /*padding inside each tab*/
	border-right: 1px solid #ccc;
	color:#707172 !important;
	 /*background of tabs (default state)*/
}

.progressbar li a:visited{

}

.progressbar li.selected a{ color: #fff !important; background-image: url(/images/bluegradient-bg.gif); background-position: left top; background-repeat: repeat-x;}

.cart-field {border-top: 1px solid #d5d5d5; padding-top: 4px; padding-bottom: 4px;}
.cart-field2 { width: 23%; float: left; padding: 4px 4px 4px 0;}
.cart-field3 { width: 22%; float: left; padding: 4px 4px 4px 0;}
.cart-field4 { width: 18%; float: left; padding: 4px 4px 4px 0;}
.cart-field5 { width: 15%; float: left; padding: 4px 4px 4px 0;}
.cart-field6 { width: 10%; float: left; padding: 4px 4px 4px 0;}

.cart-field3 input {font-family: 'Lato', Arial; font-size: 13px; color:#727272;}

.subtotal {padding: 5px; background-image: url(/images/darkblue-sdw.gif); background-position: left top; background-repeat: repeat-x; color: #fff; padding-left: 40px; font-size: 14px; background-color: #013e6b;}
.subtotal a {color: #fff !important;}
.price-right {padding-left: 440px;}
.number-mini {font-weight: bold; color: #05497a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; }

.tab-header-1 {background-image: url(/images/tab-1.gif); background-position: left top; background-repeat: no-repeat; width: 150px; height:27px; color: #fff; float:left; text-align: center; padding-top: 6px;}
.tab-header-2 {background-image: url(/images/tab-2.gif); background-position: left top; background-repeat: no-repeat; width: 150px; height:27px; color: #333;float:left;  text-align: center; padding-top: 6px;}



#dataFieldTitle {
	width: 120px; margin-bottom: 6px; float: left; text-align:left;
}

#dataField {
	width: 140px; margin-bottom: 6px; float: left; text-align:left;
}