/*
##############################################################################

FILENAME:		mainStyles.css
DESCRIPTION:		Default Style Sheet
CREATED:		03/10/03
INITIAL AUTHOR:		Manivone Phommahaxay
UPDATED BY:			
Copyright (c) 2003 Molecular, Inc.
343 Arsenal Street, Watertown MA 02472
617-218-6500
http://www.molecular.com/

##############################################################################
*/

/* DEFAULT, SITEWIDE STYLES */
body, td, p, dd, dl, ol, ul, li, form, select, option, input, textarea {
	color: #000000;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;	
}

a {
	color: #006699;
}

a:active {
	color: #006699;
}

/* change active to 666666 after user testing */
a:visited {
	color: #006699;
	
}
form {
	display: inline;
}
	
ul {
	list-style-type: square;
	margin-top:2px;
}


li {
	list-style-image: url("/content/images/yellowBullet3x3.gif");
}

category {
	margin-top:-5px;
}

/* FONT CLASSES */
.style25 {color: #006699}
.header {
	color: #000000;
	font-size: 13px;
	display: inline;
	font-weight: bold;
}

.subHeader {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.subHeaderContent {
	color: #84aad2;
	font-size: 11px;
	font-weight: bold;
}

.subHeaderContentTwo {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.breadcrumb {
	color: #333333;
	font-size: 10px;
}
.asterix {
	color: #FF0000;
}
.defaultSmall { 
	font-size: 10px;
}
.defaultblack {font-size: 9px}

/* used on Quick Order Log in page or to highlight a section title */
.attnHeader { 
	color: #000066;
	font-size: 14px;
	font-weight: bold;
}
.padding {
	line-height: 150%;
}
/* used on select a product category dropdown */
.selectCategory {
	color: #006699;
	font-weight: bold;
	
}
/* MINI CART (HEADER) CLASSES */

a.miniCart {
	color: #ffffff;
	font-weight: bold;
}
a.miniCart:visited {
	color: #ffffff;
	font-weight: bold;
}
a.dottedlink {
	color: #006699;	
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;	
	border-bottom-color: #006699;
}
a.boldunderline {
	color: #006699;
	font-weight: bold;
	
}
a.boldunderline:visited {
	color: #006699;
	font-weight: bold;
}
.boldlabel {
	font-weight: bold;
	
}
a.bold {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}
a.bold:visited {
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}

a.miniCartTitle {
	color: #e3edfe;
	font-weight: bold;
}
a.miniCartTitle:visited {
	color: #e3edfe;
	font-weight: bold;
}

.bgMiniCartHeader {
	background-color: #648db8;	
	font-weight: bold;
}



/* LOGIN BOX CLASSES */

.userNamePassword {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

.loginLinks {
	font-size: 11px;
	font-weight: bold;
}	

.linksInHeader {
	color: #;
	font-size: 10px;
	font-weight: bold;
}

.bgLoginHeader {
	background-color: #fad66f;
	color: #000066;
	font-size: 14px;
	font-weight: bold;	
}
.bgLoginColor {
	background-color: #fad66f;
}

.bgLoggedInHeader {
	background-color: #FEE496;	
}

/*TABLE PAGE CLASSES*/
.tableHeader {
	background-color: #84AAD2;
	color: #ffffff;
	font-weight: bold;
}

a.tableHeader {
	color: #ffffff;
	font-weight: bold;
}

a.tableHeader:visited {
	color: #ffffff;
	font-weight: bold;
}
.secondaryTableHeader {
	background-color: #E6A201;
	font-size: 11px;
	color:#ffffff;
	font-weight: bold;
}

a.secondaryTableHeader {
	background-color: #E6A201;
	font-size: 11px;
	color:#ffffff;
	font-weight: bold;
}

a.secondaryTableHeader:visited {
	background-color: #E6A201;
	font-size: 11px;
	color:#ffffff;
	font-weight: bold;
}

.pipe {
	color: #666666;
	font-weight: normal;
}

.bgTableDataTwo {
	background-color: #f0f0f0;
	vertical-align: top;
}

.bgTableDataOne {
	background-color: #ffffff;
	vertical-align: top;
}

/* MISC BACKGROUND CLASSES */

.bgSearchHeader {
	background-color: #00639f;
}

.bgDefault {
	background-color: #ffffff;	
}

.bgbanding {
	background-color: #f7f7f7;	
}
.bgregbanding {
	background-color: #ffffcc;	
}

/* CATEGORY CLASSES (USED ON HOMEPAGE) */

a.categoryList {
	color: #0064A0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #EEF5FB;
}

a.categoryList:visited {
	color: #0064A0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #EEF5FB;
}

a.categoryList:hover {
	color: #6FB9DC;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #EEF5FB;
}

.homePageHeader a {
	color: #0064A0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.homePageHeader a:visited {
	color: #0064A0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.subCategoryLink a:visited {
	color: #006699;
}

.bgCategory {
	background-color: #84aad2;	
}

.bgCategoryList {
	background-color: #F3F2F1;	
}
/* RIGHT NAVIGATION */

.bgRightNav {
	background-color: #F4FBFF;
}

.rightNav {
	font-size: 10px;
	color: #006699;
	font-weight: normal;
	background-color: #F4FbFF;
}

.rightNavHeader {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	background-color: #F4FBFF;
}

.rightNavContent {
	font-size: 11px;
	color: #84aad2;
}

.RightNavText {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	background-color: #F4FBFF;
}

/* FOOTER CLASSES */
.bgFooter {
	background-color: #f0f0f0;	
}

.footerText {
	color: #666666;
	text-align: center;
}


/* MISC. LAYOUT COLORS */

.accentLineLight {
	background-color: #c5d6e6;
}

.accentLineMedium {
	background-color: #84a9d3;
}

/* ERROR HANDLING */

.errorGeneralMsg {
	color: #cc0000;
	font-weight: bold; 
	/* padding-top: 10px; 
	padding-bottom: 15px; */
}

.errorText {
	color: #cc0000;
	font-weight: bold;
}

/* FORM ELEMENTS */
.fieldLabel {
	color: #333333;
	font-weight: bold; 
}

.inputText {
	color: #666666;
	font-size: 10px;
}

.textBoxLogin {
	color: #999999;
	font-size: 10px;
	width: 120px;
}

.textBoxShort {
	font-size: 11px;	
	width:50px;
}

.textBoxMed {
	font-size: 11px;	
	width:140px;
}

.textBoxLong {
	font-size: 11px;	
	width:206px;
}

.commentBox {
	font-size: 11px;	
	width: 325px;
	height: 75px; 
}

.dropDownShort {
	font-color: #666666;
	font-size: 11px;
	width:75px;
}

.dropDownMed {
	font-color: #666666;
	font-size: 10px;
	width:140px;
}

.dropDownLong {
	font-color: #666666;
	font-size: 11px;
	width:206px;
}
.ButtonBlue {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #006699;
	font-style: normal;
	font-weight: bold;

}
.SecButtonlightBlue {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #88CFFF;
	font-style: normal;
	font-weight: bold;
	height: auto;
	width: auto;
}
.bttn {	
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	background-color: #E8E8E8;
}
.pagehd {
	color: #000066;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.subheaderblue {
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.subheaderbluenobold {
	color: #000066;
	font-size: 11px;
	text-decoration: none;
}
.dottedboxline {
	border: 2px dashed #0066FF;
}
.greenline {
	border: 2px solid #339900;
}
.border3side {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #0000CC;
	border-right-color: #0000CC;
	border-bottom-color: #0000CC;
	border-left-color: #0000CC;
}
.mainButton {
	font-family: Verdana, sans-serif;
	color: #000000;
	background-color: #B3D7E1;
	text-decoration: none;
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	font-size: 11px;
	cursor: hand;
	border: 1px inset #006699;
}
.activetab {
		font-family :Verdana,sans-serif;
		font-size : 10px;
		font-weight : normal;
		color : #010101;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 3px;
		padding-left: 2px;
		text-decoration: none;
		background-color: #CDDADA;	
		background-position: center;
		font-style: normal;	
		line-height: normal;
		text-align : center;
		vertical-align : middle;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px none #000000;
		border-bottom: 1px solid #000000;
		margin-right: 4px;
		margin-left: 4px;
	}
	.activetabwhite {
		font-family :Verdana,sans-serif;
		font-size : 10px;
		font-weight : normal;
		color : #010101;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 3px;
		padding-left: 2px;
		text-decoration: none;
		background-color: #ffffff;	
		background-position: center;
		font-style: normal;	
		line-height: normal;
		text-align : center;
		vertical-align : middle;
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-bottom: 1px none #000000;
		margin-right: 4px;
		margin-left: 4px;
	}
	.erroroutline1 {
	font-family :Verdana, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #cc0000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	text-decoration: none;
	background-color: #ffffff;
	background-position: left;
	font-style: normal;
	line-height: normal;
	text-align : left;
	vertical-align : middle;
	border-top: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-left: 1px none #cc0000;
	border-bottom: 1px solid #cc0000;
	margin-right: 4px;
	margin-left: 4px;
	left: auto;
	}
.erroroutline {
	font-family :Verdana, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #cc0000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	text-decoration: none;
	background-color: #ffffff;
	background-position: left;
	font-style: normal;
	line-height: normal;
	text-align : left;
	vertical-align : middle;
	border-top: 1px solid #cc0000;
	border-right: 1px none #cc0000;
	border-left: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	margin-right: 4px;
	margin-left: 4px;
	left: auto;
	}
	.errorfulloutline {
	font-family :Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #cc0000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	text-decoration: none;
	background-color: #f7f7f7;
	background-position: left;
	font-style: normal;
	line-height: normal;
	text-align : left;
	vertical-align : middle;
	border-top: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	margin-right: 4px;
	margin-left: 4px;
	left: auto;
	}
	.rightouterline {
	font-family :Verdana, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #c5d6e6;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	text-decoration: none;
	background-color: #F4FBFF;
	background-position: left;
	font-style: normal;
	line-height: normal;
	text-align : left;
	vertical-align : middle;
	border-top: 1px solid #c5d6e6;
	border-right: 1px solid #c5d6e6;
	border-left: 1px solid #c5d6e6;
	border-bottom: 1px solid #c5d6e6;
	margin-right: 4px;
	margin-left: 4px;
	left: auto;
	}

.DeliveryTableHeader {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 color: #000000
}

.borderLightGreyRightDarkGrey {
 border: solid;
 border-width: 1px 1px 0px;
; border-color: #CCCCCC #666666 #CCCCCC #CCCCCC
}

.borderLightGreyRightDarkGreyBgGrey {
 border: 1px solid;
 background-color: #F7F7F7;
; border-color: #CCCCCC #666666 #CCCCCC #CCCCCC
}

.borderLightGrey {
 border: #CCCCCC solid;
 border-width: 1px 1px 0px 0px;
}

.borderLightGreyBgGrey {
 border: #CCCCCC solid;
 border-width: 1px 1px 1px 0px;
 background-color: #F7F7F7;
}
.borderLightGreyRightDarkGreyTwo { border: solid; border-width: 0px 1px 1px; ; border-color: #CCCCCC #666666 #CCCCCC #CCCCCC }
.borderLightGreyRightDarkGreyBgGreyTwo { border: solid; background-color: #F7F7F7; ; border-color: #CCCCCC #666666 #CCCCCC #CCCCCC ; border-width: 0px 1px 1px}
.borderLightGreyTwo { border: #CCCCCC solid; border-width: 0px 1px 1px 0px; }
.borderLightGreyBgGreyTwo { border: #CCCCCC solid; border-width: 0px 1px 1px 0px; background-color: #F7F7F7; }
.borderRightLightGrey { border: #CCCCCC solid; border-width: 0px 1px 0px 0px; }