/* TigerDrugs style Guide */

body { color: #505050; font-size: 10px; font-family: Verdana, Arial, Helvetica; margin:30px 0 0; padding:0; text-align:center; }
body.blankbody { color: #505050; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-align: left; overflow: scroll; margin: 0 10px; padding: 0; }
/* *************************************** */
/* TABLES */
/* *************************************** */
table { width: 100%; margin: 0; padding: 0; border-width: 0; border-spacing: 0px  }
th { font-size: 11px; font-weight: bold; text-align: left; vertical-align: bottom; border-spacing: 0px    }
td { font-size: 11px; }

td.first-row { background-color: #f5f5f5; }
td.second-row {  }

td.styles { color: #b9b9b9; font-size: 11px; }
.left { text-align: left; }
.right { text-align: right; }

/* *************************************** */
/* COLUMNS */
/* *************************************** */
div.content { text-align: left; width: 768px; margin:0 auto; }

div.first-row { background-color: #f5f5f5; }
div.second-row { }

div.float_left { float: left; }
div.float_right { float: right; }
div.header { width: 768px; margin-bottom: 10px; }
div.navigation { text-align: right; width: 520px; float: left; margin-bottom: 10px; }
div.navigation_header { text-align: right; }
div.subnavigation_header { text-align: right; }

div.footer { text-align: center; width: 768px; }
div.navigation_footer { }
div.subnavigation_footer { }

div.content_body { text-align: left; width: 590px; float: left; margin:0 auto; }
div.full_content { text-align: left; margin: 0 auto; width: 768px; float: left; }
div.column_third { width: 335px; float: left; margin-left: 10px; }
div.column_quarter { width: 241px; float: left; }
div.column_half { width: 50%; float: left; }
div.sidebanner { width: 165px; float: left; margin-left: 10px; }
div.left { float: left; }

/* BOX */
/* *************************************** */
div.t { background: url(/images/interface/tiger/box-top-bg-black.gif) repeat-x; width: 100% ; }
div.b { background: url(/images/interface/tiger/box-bottom-bg-black.gif) repeat-x 0 100% }
div.l { background: url(/images/interface/tiger/box-left-bg-black.gif) 0 0 repeat-y }
div.r { background: url(/images/interface/tiger/box-right-bg-black.gif) 100% 0 repeat-y }
div.bl { background: url(/images/interface/tiger/box-bottom-left-black.gif) 0 100% no-repeat }
div.br { background: url(/images/interface/tiger/box-bottom-right-black.gif) 100% 100% no-repeat }
div.tl { background: url(/images/interface/tiger/box-top-left-black.gif) 0 0 no-repeat }
div.tr { background: url(/images/interface/tiger/box-top-right-black.gif) 100% 0 no-repeat; padding:10px }

/* *************************************** */
/* IMAGE */
/* *************************************** */
img { margin: 0; padding: 0; border-width: 0; }
img.site_logo {
	background-image: url(/images/interface/tiger/site_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 201px;
	height: 39px;
	float: left;
	padding-right: 40px;
}
.splash_pic {
	background-image: url(/images/interface/tiger/splash_pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 765px;
	height: 180px;
	padding-bottom: 10px;
}
/* *************************************** */
/* PAGE BREAKS */
/* *************************************** */
hr.light_grey { background-color: #bfbfbf; width: 100%; height: 1px; border-width: 0; }
hr.black { background-color: black; width: 100%; height: 1px; border-width: 0; }

/* *************************************** */
/* TEXT */
/* *************************************** */
p { font-size: 11px; }
label.subheader { color: #505050; font-size: 11px; font-weight: bold; background-image: url(/images/shared/arrow_down.gif); background-repeat: no-repeat; background-position: right center; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 15px; }
h1 { color: #505050; font-size: 15px; margin-bottom: 0; border-bottom: 1px solid black; }
h2 { color: #505050; font-size: 13px; margin-bottom: 0px; }
h3 { color: #505050; font-size: 11px; margin-bottom: 0; }
h3.cart { color: #eb811d; font-size: 14px; margin-top: -5px; margin-bottom: 0; }
h3.small { color: #eb811d; font-size: 11px; font-weight: bold; margin-top: -5px; margin-bottom: 0; }
h4 { color: #505050; font-size: 10px; margin-bottom: 0px; }
h5 { color: #707070; font-size: 8px; margin-bottom: 0px; }
h6 { color: #505050; font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
h1.form { font-size: 15px; }
h2.form { font-size: 13px; }
h3.form { font-size: 12px; }
h4.backissues { color: #00339b; font-size: 13px; }
h6.welcome { color: #505050; font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

/* ALTERNATE TEXT EFFECTS */
/* *************************************** */
.restricted { font-size: 9px; color: #222; }
.alternate { color: #bdbdbd; font-size: 9px; }
.backissues { font-size: 11px; margin-top: 5px; margin-left: 40px; }
.big { font-size: 13px; font-weight: bold; }
.brand { font-size: 11px; }
.generic { color: #006600; }
.generic_note { font-size: 10px; font-weight: bold; }
.error { color: #ff0000; font-size: 12px; font-weight: bold; }
.footer { font-size: 10px; }
.form_note { font-size: 8px; }
.form_text { font-size: 10px; margin-top: 5px; margin-bottom: 5px; }
.mkgnote { color: #ff0000; font-size: 11px; font-weight: bold; }
.mkgnote-small { color: #ff0000; font-size: 10px; font-weight: bold; }
.note { font-size: 9px; }
.price { font-size: 11px; text-align: right; }
.server { color: #bdbdbd; font-size: 11px; text-align: center; }
.tip { color: #ff0000; font-size: 11px; }
.welcome { color: #00339b; font-size: 14px; font-weight: bold; }

a[href ^="mailto:"] { background-image: url(/images/shared/icon_mailto.gif); background-repeat: no-repeat; background-position: right center; padding-right: 16px;}
div.phone { background-image: url(/images/shared/icon_phone.gif); background-repeat: no-repeat; background-position: right center; float: left; padding-right: 16px; }
div.fax { background-image: url(/images/shared/icon_fax.gif); background-repeat: no-repeat; background-position: right center; float: left; padding-right: 16px }

/* *************************************** */
/* LISTS */
/* *************************************** */
li { font-size: 11px; }
li.cart { font-size: 13px; margin-left: -20px; }
li.welcome { color: #000000; font-size: 12px; }

ol { font-size: 11px; margin-top: 5px; margin-right: 10px; }

ul { font-size: 11px; margin-top: 5px; margin-right: 10px; }
ul.cart { font-size: 13px; margin-top: 5px; margin-right: 10px; margin-left: -20px; padding-left: 0px; }
ul.welcome { color: #000000; font-size: 12px; margin-top: 5px; margin-right: 10px; }

dd { font-size: 11px; margin-top: 5px; }
dl { font-size: 11px; margin-top: 5px; margin-right: 10px; }
dt { font-size: 11px; }

/* *************************************** */
/* LINKS */
/* *************************************** */
a { color: #7D7D7D; font-size: 11px; text-decoration: none; }
a:focus, a:hover { color: #15880a; font-size: 11px; text-decoration: underline; }

a.text { color: #000000; font-size: 11px; text-decoration: none; }
a.text:focus, a.text:hover { color: #000000; font-size: 11px; text-decoration: underline; }

a.link { color: #0000ff; font-size: 11px; text-decoration: underline; }
a.link:focus, a.link:hover { color: #0000ff; font-size: 11px; text-decoration: underline; }

a.nav_header { color: #7d7d7d; text-decoration: none; padding-left: 10px; }
a.nav_header:focus, a.nav_header:hover { color: #15880a; text-decoration: underline; }

a.nav_footer { color: #7d7d7d; text-decoration: none; padding-left: 10px; }
a.nav_footer:focus, a.nav_footer:hover { color: #15880a; text-decoration: underline; }

a.topsellers { font-size: 11px; text-decoration: none; }
a.topsellers:focus, a.topsellers:hover { color: #15880a; font-size: 11px; text-decoration: underline; }

/* *************************************** */
/* FORMS */
/* *************************************** */
#searchbox { color: #5e5e5e; font-size: 9px; background-color: #ffffff; background-image: none; width: 100px; }
form { font-size: 11px; margin-bottom: 0px; }
input { color: #5e5e5e; font-size: 11px; background-color: #ffffff; border-color: #A0A0A0; border-width: 1px; background-image: none; }
option { color: #5e5e5e; font-size: 9px; background-color: #ffffff; background-image: none; }
select { color: #5e5e5e; font-size: 10px; background-color: #ffffff; background-image: none; }
textarea { color: #5e5e5e; font-size: 11px; }
.listselect { color: gray; font-weight: bold; background-color: white; }
.listheader { font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; }
.listfirstrow { background-color: #ebebeb; }
.listsecondrow { background-color: white; }
.listinactive { color: white; background-color: #d9aca4; border-bottom: 1px solid white; }
span.white { font-size: 11px; font-weight: bold; }
.tfvHighlight { background-color: #fac590; }
.hr1 { background-color: #000000; height: 1px; }
.hr2 { background-color: #bfbfbf; height: 1px; }
.hr3 { background-color: #808080; height: 1px; }
.hr_form { background-color: #ffffff; }
.hrtopspacer { height: 12px; }
.hrtopspacerbanner { height: 1px; }
.hrvert1 { background-color: #bfbfbf; width: 1px; height: 40px; }
.hrnavspacer2 { background-color: #bfbfbf; width: 100%; height: 1px; margin-top: 5px; margin-bottom: 5px; }
.hrnavspacer3 { height: 5px; }
.hrnavspacer4 { font-size: 11px; height: 8px; }

/* *************************************** */
/* BUTTON */
/* *************************************** */
.bground { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-bground.gif); }
.bground-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-bground-over.gif); }

.block { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-block.gif); }
.block-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-block-over.gif); }

.clipping { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-clipping.gif); }
.clipping-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-clipping-over.gif); }

.font { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-font.gif); }
.font-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-font-over.gif); }

.margin { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-margin.gif); }
.margin-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-margin-over.gif); }

.max_min { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-max_min.gif); }
.max_min-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-max_min-over.gif); }

.other { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-other.gif); }
.other-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-other-over.gif); }

.outline { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-outline.gif); }
.outline-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-outline-over.gif); }

.paragraph { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-text.gif); }
.paragraph-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-text-over.gif); }

.position { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-position.gif); }
.position-over { background-color: transparent; width: 29px; height: 22px; border-style: none; background-image: url(/images/shared/style-position-over.gif); }

.show { background-color: transparent; width: 9px; height: 9px; border-style: none; background-image: url(/images/shared/icon_plus.gif); }
.show-over { background-color: transparent; width: 9px; height: 9px; border-style: none; background-image: url(/images/shared/icon_minus.gif); }

/* *************************************** */
/* RICH TEXT EDITOR (RTE) */
/* *************************************** */
.rteImage { background: #d3d3d3; border: solid 1px #d3d3d3; cursor: pointer; }
.rteImageRaised, .rteImage:hover { background: #D3D3D3; border: 1px outset; cursor: pointer; }
.rteImageLowered, .rteImage:active { background: #D3D3D3; border: 1px inset; cursor: pointer; }
.rteVertSep { margin: 0 4px 0 4px; }
.rteBack { background: #D3D3D3; border: 1px outset; letter-spacing: 0; padding: 2px; }
.rteBack tbody tr td, .rteBack tr td { background: #D3D3D3; padding: 0; }
.rteDiv { display: block; position: relative; }

/* *************************************** */
/* AJAX SEARCH DROPLIST */
/* *************************************** */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:375px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
