h1 {color: #4693b6; font-size: 20px; text-align: center; font-weight: normal}

h2 { font-weight: bold; font-size: 12px }

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/* background-image: url("../images/bg2.jpg"); */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

img.padded {
 	padding: 0px 0px 0px 0px ;
 }

.hiddenPic {display:none;}

.twoColFixLtHdr #container { 
	width: 804px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	background: #DDDDDD; 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left;
	 /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* background: #C4C595; */ /* the background color will be displayed for the length of the content in the column, but no further */
	background-image: url("../images/left_column_bg.jpg");
	padding: 5px 10px 15px 10px;
}
.twoColFixLtHdr #sidebar2 {
	float: left;
	 /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* background: #C4C595; */ /* the background color will be displayed for the length of the content in the column, but no further */
	background-image: url("../images/didYouKnowBG.jpg");
	padding: 5px 10px 15px 10px;
}
.twoColFixLtHdr #mainContent { 
	float: right;
	/* since this element is floated, a width must be given */
	width: 605px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-image: url("../images/mainBodyBG.gif");
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
}
.twoColFixLtHdr #mainPictures { 
	float: top;
	/* since this element is floated, a width must be given */
	width: 575px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
}
.twoColFixLtHdr #3Pictures { 
	float: right;
	/* since this element is floated, a width must be given */
	width: 575px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url("../images/bg2.jpg"); 
	
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
	/* my attempt at rounded corners (will fix) */
	.t {background: url("../images/dot.gif") 0 0 repeat-x; width: 11.2em;}
	.b {background: url("../images/dot.gif") 0 100% repeat-x;}
	.l {background: url("../images/dot.gif") 0 0 repeat-y;}
	.r {background: url("../images/dot.gif") 100% 0 repeat-y;}
	.bl {background: url("../images/dot.gif") 0 100% no-repeat;}
	.br {background: url("../images/dot.gif") 100% 100% no-repeat;}
	.tl {background: url("../images/dot.gif") 0 0 no-repeat;}
	.tr {background: url("../images/dot.gif") 100% 0 no-repeat; padding:10px;} 
	/* END my attempt at rounded corners */
	
	
	
	A {font-family: arial, sans-serif; color:#003399; font-size: 12px; font-weight: normal;}
	A:link {font-family: arial, sans-serif; color:#003399; font-size: 12px; font-weight: normal;}
	A:hover {color:#cc0000; text-decoration: underline;}
	A.catLink {font-family: arial, sans-serif; color:#cc0000; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: capitalize}
	A.closePopUp {font-family: arial, sans-serif; color:#666666; font-size: 10px; font-weight:bold; text-decoration: italics;}
	A.contentlink {font-family: arial, sans-serif; color:#003399; font-size: 12px; font-weight: bold; text-decoration: none;}
	A.countrySel {font-family: arial, sans-serif; color:#666666; font-size: 11px; font-weight: bold; text-decoration:none;}
	A.countrySel:visited {font-size: 11px; font-weight: bold;}
	A.footerLink {font-family: arial, sans-serif; color:#FFFFFF; font-size: 11px; font-weight:bold text-decoration:none} 
	A.featureSelector {font-family: arial, sans-serif; color:#003399; font-size: 11px; text-decoration: underline;}
	A.homeResrcLink {font-family: arial, sans-serif; color:#003399; font-size: 12px; text-decoration: none; line-height: 20px;}
	A.icons {font-family: arial, sans-serif; color:#ffffff; font-size: 11px; font-weight: bold; text-decoration: none;}
	A.icons:hover {font-family: arial, sans-serif; color:#ffcc33; font-size: 11px; font-weight: bold;}
	A.nav {font-family: arial, sans-serif; color:#6D6E40; font-size: 12px; font-weight: bold; text-decoration: none;}
	A.linkBlue {font-family: arial, sans-serif; color:#326393; font-size: 13px; text-decoration: none;}
        A.linkBlueSmall {font-family: arial, sans-serif; color:#326393; font-size: 11px; text-decoration: none;}	
	A.linkBlueSmaller {font-family: arial, sans-serif; color:#326393; font-size: 9px; text-decoration: none;}	
	A.linkBlueBold {font-family: arial, sans-serif; color:#326393; font-size: 13px; text-decoration: none; font-weight:bold}
	A.linkGreen {font-family: arial, sans-serif; color:#578D00; font-size: 11px; text-decoration: none;}
	A.linkGreenBold {font-family: arial, sans-serif; color:#578D00; font-size: 11px; text-decoration: none; font-weight:bold}
	A.nav:hover {font-family: arial, sans-serif; color:#ffcc33; font-size: 12px;}
	A.mainLink {font-family: arial, sans-serif; color:#003399; font-size: 12px; font-weight: bold;}
	A.productTitle {font-family: arial, sans-serif; color:#CC0000; font-size: 16px; font-weight: bold; text-decoration: none;}
	A.productSubTitle {font-family: arial, sans-serif; color:#cc0000; font-size: 12px; font-weight: bold; text-decoration: none;}
	A.productLineList {font-family: arial, sans-serif; color:#003399; font-size: 11px;}
	A.resrcLink {font-family: arial, sans-serif; font-size: 10px; color: #666666;}
	A.segmentText {font-family: arial, sans-serif; font-size: 12px; color: #888888; text-decoration:none;}
	A.segmentText:hover {color: #000000; text-decoration:none;}
	A.stockStatus {font-family: arial, sans-serif; color:#003399; font-size: 11px; font-weight: normal;}            
	A.subLink {font-family: arial, sans-serif; color:#003399; font-size: 11px; font-weight: normal;}
	A.visiOrderHeader {font-family: arial, sans-serif; color:#ffffff; font-size: 11px; font-weight:bold;}   
	A.visiOrder {font-family: arial, sans-serif; color:#003399; font-size: 10px; font-weight: bold; text-decoration: none;}
	A.advSearch {font-family: arial, sans-serif; color:#CACACA; font-size: 10px;}
	A.advSearch:hover {font-family: arial, sans-serif; color:#CACACA; font-size: 10px;}
	A.advSearch:visited {font-family: arial, sans-serif; color:#CACACA; font-size: 10px;}
	
	TD.altCell{background:#EFEFEF;}
	TD.dotVert {background: url("../images/dotted_vert.gif");}
	TD.dotHoriz {background: url("../images/dotted_horiz.gif");}
	TD.footerBar {background: #666666;}
	TD.header {background: #6597CE;}
	TD.headerLine {background: #CC0000;}
	TD.infoBox {background: #efefef;}
	TD.infoBoxBorder {background: #CCCCCC;}
	TD.visiOrderBack {background: #6597CE;}            
	TD.visiOrderBorder {background: #EFEFEF;}
	TD.nav {background: #666666;}
	TD.resrc{background:#EFEFEF;}           
	TD.resrcHeader {background: #959595;}
	TD.subHeaderLine {background: #CCCCCC;}
	TD.topNavLine {background: url("../images/green_headline.gif");}
	TD.tableHeader{background:#D4D5C3; font-weight: bold;}
	TD.warningBoxBorder {background: #FF6100;}
	TD.whiteCell{background:#FFFFFF;}
	
	#featureSelector {POSITION: relative; Z-INDEX: 1;}
	.bullet {font-family: arial, sans-serif; color:#003399; font-size: 11px; font-weight: bold;}
	.bulletLeft {font-family: arial, sans-serif; color:#000000; font-size: 12px; font-weight: normal; text-decoration:none;}
	.bulletLeftBold {font-family: arial, sans-serif; color:#326393; font-size: 14px; font-weight: bold; text-decoration:underline;}
	.bulletLeftSmall {font-family: arial, sans-serif; color:#326393; font-size: 11px; font-weight: normal; text-decoration:none;}
	.capitalize {text-transform: capitalize;}
	.copyrightWhiteBold {font-family: arial, sans-serif; color:#FFFFFF; font-size: 11px; font-weight:bold;}
	.countrySel:hover {color:#cc0000;}
	.countrySel {font-family: arial, sans-serif; color:#666666; font-size: 11px; font-weight: bold; text-decoration:none;}
	.currency {font-family: arial, sans-serif; color:#666666; font-size: 11px; font-weight: normal; font-style: italic;}
	.didYouKnow {font-family: arial, sans-serif; color:#326393; font-size: 16px; font-weight: bold; text-decoration:none;}
	.featurePrice {font-family: arial, sans-serif; color:#000000; font-size: 12px; font-weight: bold;}
	.featureYourPrice {font-family: arial, sans-serif; color:#cc0000; font-size: 12px; font-weight: bold;}
	.featureStock {font-family: arial, sans-serif; color:#666666; font-size: 12px; font-weight:bold;}
	.findLectures {font-family: arial, sans-serif; color:#647080; font-size: 13px; font-weight:bold;}
	.findLecturesWhite {font-family: arial, sans-serif; color:#ffffff; font-size: 10px; font-weight:bold; font-style: italic;}
	.footer {font-family: arial, sans-serif; color:#666666; font-size: 11px}
	.hasShipped {font-family: arial, sans-serif; color:#036981; font-size: 11px; font-weight:bold;}                  
	.header {font-family: arial, sans-serif; color:#666666; font-size: 21px; font-weight:bold;}
	.helenBlue {font-family: arial, sans-serif; color:#326393; font-size: 11px; font-weight:normal;}
	.helenBlueMed {font-family: arial, sans-serif; color:#326393; font-size: 12px; font-weight:bold;}
	.helenBlueLarge {font-family: arial, sans-serif; color:#326393; font-size: 14px; font-weight:normal;}
	.helenBlueMedNormal {font-family: arial, sans-serif; color:#326393; font-size: 12px; font-weight:normal;}
	.iconsDisabled {font-family: arial, sans-serif; color:#ffffff; font-size: 11px; font-weight: bold;}
	.iconsActive {font-family: arial, sans-serif; color:#ffcc33; font-size: 11px; font-weight: bold;}
	.mfgSkewCode {font-family: arial, sans-serif; color:#333333; font-size: 11px;}
	.nav {font-family: arial, sans-serif; color:#ffffff; font-size: 12px; text-decoration: none;}
	.note {font-family: arial, sans-serif; color:#CC0000; font-size: 11px;}
	.noteHeader {font-family: arial, sans-serif; color:#CC0000; font-size: 11px; font-weight:bold;}
	.phone {font-family: arial, sans-serif; color:#cc0000; font-size: 12px; font-weight: 700;}
	.presentationPrice {font-family: arial, sans-serif; color:#000000; font-size: 19px; font-weight: bold;}
	.presentationStock {font-family: arial, sans-serif; color:#666666; font-size: 14px; font-weight: bold;}
	.promoHeader {font-family: arial, sans-serif; color:#6699CC; font-weight: bold; font-size: 29px}
	.rebatePrice {font-family: arial, sans-serif; color:#003399; font-size: 12px; text-decoration: none; font-weight: bold;}
	.rebateCurrency {font-family: arial, sans-serif; color:#003399; font-size: 11px; font-weight: normal; font-style: italic;}
	.resrcHeader {font-family: arial, sans-serif; color:#ffffff; font-size: 13px; font-weight: bold;}
	.resrcTitle {font-family: arial, sans-serif; color:#666666; font-size: 12px; font-weight: bold;}
	.specialOffers {font-family: arial, sans-serif; color:#666666; font-size: 11px;}
	.stepOn {font-family: arial, sans-serif; color:#cc0000; font-size: 14px; font-weight:bold}
	.stepOff {font-family: arial, sans-serif; color:#999999; font-size: 14px; font-weight:bold}
	.subfeaturePrice {font-family: arial, sans-serif; color:#000000; font-size: 12px; font-weight: bold;}
	.subfeatureStock {font-family: arial, sans-serif; color:#666666; font-size: 11px; font-weight: bold;}
	.subheader {font-family: arial, sans-serif; color:#cc0000; font-size: 14px; font-weight:bold;}
	.subText {font-family: verdana,sans-serif; color:#333333; font-size: 10px;}
	.subtextBold {font-family: arial, sans-serif; color:#333333; font-size: 11px; font-weight:bold}
	.subtextGreen {font-family: arial, sans-serif; color:#036981; font-size: 11px; font-weight:bold}
	.subtextPop {font-family: arial, sans-serif; color:#cc0000; font-size: 11px; font-weight:bold}			
	.text {font-family: arial, sans-serif; color:#333333; font-size: 12px; font-weight: normal;}
	.textBold {font-family: arial, sans-serif; color:#333333; font-size: 12px; font-weight:bold}
	.textBoldSmall {font-family: arial, sans-serif; color:#333333; font-size: 10px; font-weight:bold}
             .textBoldSmallRed {font-family: arial, sans-serif; color:#FF0000; font-size: 10px; font-weight:bold}
             .textBoldSmallGreen {font-family: arial, sans-serif; color: green; font-size: 10px; font-weight:bold}	
	.textGreen {font-family: arial, sans-serif; color:#578D00; font-size: 12px;}
	.textBlue {font-family: arial, sans-serif; color:#319de1; font-size: 12px;}		
        .textGreenBold {font-family: arial, sans-serif; color:#578D00; font-size: 12px; font-weight:bold}
	.textSmall {font-family: arial, sans-serif; color:#333333; font-size: 10px;}
	.textSmaller {font-family: arial, sans-serif; color:#333333; font-size: 9px;}
	.understandYourCondition {font-family: arial, sans-serif; color:#676C3A; font-size: 13px; font-weight:bold;}
	.whiteTextBold {font-family: arial, sans-serif; color:#ffffff; font-size: 12px; font-weight:bold}
	.textInput {font-size:10px; font-family:arial, verdana; color: #000000;}
	.textPop {font-family: arial, sans-serif; color:#cc0000; font-size: 12px; font-weight: 700;}
	.thankyou {font-family: arial, sans-serif; color:#333333; font-size: 17px; font-weight:bold;}     
	.visiOrder {font-family: arial, sans-serif; color:#003399; font-size: 10px;}
	.visiOrderHeader {font-family: arial, sans-serif; color:#ffffff; font-size: 11px; font-weight:bold;}            
	.warning {font-family: arial, sans-serif; color:#CC0000; font-size: 13px; font-weight: bold;}