@charset "utf-8";
body  {
	font: 1em Arial, Helvetica, sans-serif; /* The default parent font.  Any text element will show up with these setting unless specified differently on that element. */
	background: #FFFFFF; /* The overall while page background.*/
	color: #000000; /* Sets the font color for the pages to be black */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* ensures no extra spacing is added*/
}
/* This is the link treatment for all states of an a link */
a:link{ border:none; color:#007fC4;	text-decoration: none;}
a:visited{ border:none; text-decoration: none;}
a:hover{ text-decoration: underline;}

/****************/
/**BODY CONTENT**/
/****************/
.BodyContent{	font: 12px Arial, Helvetica, sans-serif;}
.BodyContentAccent12{	font: 12px Arial, Helvetica, sans-serif; color:#F17C0E;}
.BodyContentAccent14{	font: 14px Arial, Helvetica, sans-serif; color:#F17C0E;}
.LevelOneHeaderOrange{
	margin: 0px;
	padding: 0px 0px 5px 7px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#F17C0E;
	text-decoration: none;
}

/* Tips for this Hybrid layout
1. Since the side columns em-based sizing is based on the user's default font size, you will want to be sure that background graphics in the columns take that into account. Built correctly, this is more accessible for those that need larger font sizes, since the width of the columns remains proportionate. If this is undesirable with your design, simply change the width to a pixel size and be sure to change the margins on the #mainContent div accordingly.
2. Since the sizing of side columns in this layout are based on the 100% font size in the body element, if you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the column widths will downsize proportionately. You may want to increase their widths, and the size of the #mainContent div's side margins, to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
4. The #container div is not necessary for this layout at the 100% width. You may want to use it to create faux columns or limit the width of the layout.
5. It is not neccessary to have the 100% width on the #container div since, by nature, a div takes up 100% of the available space. It is here so that if you want to decrease the size of the overall container - perhaps leaving a bit of margin on each side - this will already be available for adjustment.
*/
.thrColHybHdr #container {
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 10px 0px 10px;
	width: 61.25em;
}  
/*  HEADER  */
.thrColHybHdr #header { 
	padding: 0;  /* 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. */
	margin: 0 0 15px 0;
	width: 61.25em;
	height: 60px;
}
.thrColHybHdr #headerLogo {
	text-align:left;
	float:left;
	margin: 25px 0 15px 0em;
}
.thrColHybHdr #headerLinks {
	padding: 2px 5px 0px 0px;
	margin-top: 1.5em;
	float:left;
	width: 425px; /* MV added this to make the Header spacing correct if the links within it change*/
} 
.thrColHybHdr #headerLinks ul{ 
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration:none;
} 
.thrColHybHdr #headerLinks li{
	display: inline; /* makes the LI elements appear horizontally instead of vertically */ 
	border-left: 2px solid #999999; /*creates the vertical bar seperator between the links */
	font-weight: bold; /* text appears bold */ 
}
.thrColHybHdr #headerLinks li.first{/* This class is used to identify the first item of the UL list */ 
	border-left: 0px; /* removes the vertical bar seperator */ 
}
.thrColHybHdr #headerLinks li a{/* Changes the links from default look to a bolder larger look to stand out on page */
	padding: 0px 15px 0px 17px; /* adds spacing between the links and the vertical bars (border) */ 
}
/*  LOGIN BAR  */
.thrColHybHdr #loginBar {
	margin: 2px 0;
	padding-right: 52px;
	float: right;
	height: 20px;
} 
.thrColHybHdr #loginBar ul{ 
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
	color: #000000;
	text-decoration:none;
	font-size: .65em; 
} 
.thrColHybHdr #loginBar li{
	display: inline; /* makes the LI elements appear horizontally instead of vertically */ 
	border-left: 2px solid #999999; /*creates the vertical bar seperator between the links */
	/*font-weight: bold;  text appears bold */ 
	padding: 0px 5px 0px 5px; /* adds spacing between the links and the vertical bars (border) */ 
	
}
.thrColHybHdr #loginBar li.first{/* This class is used to identify the first item of the UL list */ 
	border-left: 0px; /* removes the vertical bar seperator */ 
}
.thrColHybHdr #loginBar li.cart{/* This class is used to identify the first item of the UL list */ 
	border-left: 0px; /* removes the vertical bar seperator */ 
	vertical-align:middle;
}
/*  SEARCH  */
.thrColHybHdr #searchTip {
	padding-right: 54px;
	float:right;
	font-size: .65em; 
} 
.thrColHybHdr #headerSearch {/* This is the search box div that appears in the top right of the page.  It is floated right in order to appear beside the FAL */
	width: 375px; /* 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 */
	margin-top: 0px; /* the right margin on this div element creates the column down the right 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-top: 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. */
	float: right;  /*floats the search div to the right side of the header div to get it to line up correctly. */
	text-align: right;
} 
.thrColHybHdr #headerSearch form {
	padding: 0px;
	margin: 0px;
} /*Removes all padding fromt he form html elemement so that it lines up correctly twith the other elements ont he page*/
.thrColHybHdr #headerSearch form .elements1 {
	border: 1px solid #007FC4;
	/* font-size: .75em;  took out to see what is causing h1 to default to small case*/
	margin-right: 5px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom:0px;
	
} /*formats all elements of the form to have a smaller text size and spacing to ensure they line up correctly*/
.thrColHybHdr #headerSearch form .select {
	margin-bottom: 4px;
} /*required to have the search box align correctly*/

.thrColHybHdr #PrintLogo {
	display:none;
}

/*  FONTS - TYPE AHEAD STYLE  */
.thrColHybHdr #typeAhead {
	font-size: .75em; /* sets the font size for the Type Ahead section */
	padding: 0 .5em 0 .5em; /* top and bottom padding create visual space within this div */
	width: 18.45em; /* the width of the Type Ahead box, which is a little larger than the text input box*/
	border: 1px solid #CCC; /* creates the light grey border around the Type Ahead options */
	margin:0 0 0 7.15em;
	text-align:left;
	background-color: #FFFFFF;
	display:block;
	position:absolute;
	z-index:99;
}

.thrColHybHdr #typeAhead ul{
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
	list-style: none; /* removes the dots infront of list items */
	z-index:100;
}
.thrColHybHdr #typeAhead li{
	margin: 0; /* ensures no extra spacing is added*/
	padding: .1em 0; /* ensures no extra spacing is added*/
	line-height: .95em; /* Sets the line hight of any line item to be .95 of an em */
	display: block; /* extends the list item to be the width of the parent div #typeAhead */
}
.thrColHybHdr #typeAhead a:link{display: block; margin: 0 -.5em; padding: .25em .5em; color:#333;}
.thrColHybHdr #typeAhead a:visited{color: #333; text-decoration: none; display: block; margin: 0 -.5em; padding: .25em .5em;}
.thrColHybHdr #typeAhead a:hover{text-decoration: none; background-color: #EEE; display: block;}
.thrColHybHdr #typeAhead strong{
	color: #007FC4;
}
.thrColHybHdr #sectionTitle {
	border-bottom: 1px dashed #FF9900;
	padding: 0px;
}  
.thrColHybHdr #sectionTitle h1{
	font-size: 1.5em;
	font-weight: bold;
	color:#333333;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}
.thrColHybHdr #breadcrumbs {
	font-size: .65em;
	color: #FF9900;
	padding: 3px 1px;
	margin-bottom: 15px;
}
/* This is the link treatment for breadcrumb states of an a link */
.thrColHybHdr #breadcrumbs a:link{ border:none; color:#007fC4;	text-decoration: none;}
.thrColHybHdr #breadcrumbs a:visited{ border:none; color:#007fC4; text-decoration: none;}
.thrColHybHdr #breadcrumbs a:hover{ text-decoration: underline;}

.thrColHybHdr #breadcrumbs strong{
	font-weight: normal;
	color: #333333;
}
.thrColHybHdr h2 { 
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
	margin: 0;
	padding: 0;
}
.thrColHybHdr h3 { 
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
	margin: 0 0 15px 0;
	padding: 15px 0 10px 0;
	background-image: url(/images/h3-section-heading-bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
}
h4{
	margin: 20px 5px 10px;
	padding: 2px 0px 2px 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color:#EFEFEF;
	border-top: 1px solid #F6AF6D;
}
.thrColHybHdr h5 {
	height: 15px;
	font-size: .80em;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
}
.thrColHybHdr #mainBanner {
	padding: 0;
	margin: 0 0 1em 0;
	text-align:left;
	border:0;
}
/*Start of Inline Blocks */
div.float {
float:left;
border:solid #999;
padding-left:1px;
padding-right:1px;
height:75px;
width:175px;
margin-bottom:2px;
border-width:1px;
}
div.float img {
padding-bottom:15px;
padding-top:5px;
}
div.float p {
text-align:left;
padding-right:1px;
padding-left:1px;
border-top:solid #999;
border-width:1px;
}
div.float h1 {
text-align:left;
padding-right:1px;
padding-left:1px;
border-top:solid #999;
border-width:1px;
font-size: 1.00em;
}
/*End of Inline Blocks */
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColHybHdr #sidebar1 p" rule.
*/
.thrColHybHdr #sidebar1 {
	float: left; 
	width: 10em; /* since this element is floated, a width must be given */
	border: 1px solid #CCCCCC;
	border-top: 0px;
	font-weight: bold;
	background-image: url(/images/h3-section-heading-bg.gif);
	background-repeat: repeat-x;
	padding-bottom: 15px;
}
.thrColHybHdr #sidebar1Content {
	padding: 1.5em .5em .5em .5em; /* top and bottom padding create visual space within this div */
	font-size: .8em;
}
.thrColHybHdr #sidebar1 ul{
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
	list-style: none;
}
.thrColHybHdr #sidebar1 li{
	margin: 0; /* ensures no extra spacing is added*/
	padding: .10em 0; /* ensures no extra spacing is added*/
	line-height: .95em;
}
.thrColHybHdr #sidebar1 ul ul{
	padding-left: .75em; /* ensures no extra spacing is added*/
	list-style: none;
}
.thrColHybHdr #sidebar1 ul ul ul{
	list-style: none;
	font-weight: normal;
}
.thrColHybHdr #sidebar1 li a{display: block; margin: 0 -.5em; padding: .25em .5em;}
.thrColHybHdr #sidebar1 li a:visited{text-decoration: none; display: block;}
.thrColHybHdr #sidebar1 li a:hover{text-decoration: none; background-color: #E5E5E5; display: block;}

.thrColHybHdr #sidebar1DefaultLinks {
	border-top: 1px solid #CCCCCC;
	float:left;
	text-align:left;
	width: 97%;
	margin-top: 2em;
	padding: 1em 0 1em 0;
	font-weight: normal;
}
/*.thrColHybHdr #sidebar1DefaultLinks a{
	color:#000000;
}*/
.thrColHybHdr #sidebar2 {
	float: right;
	width: 12em; /* since this element is floated, a width must be given */
	background: #FFFFFF;
	padding: 0px 0; /* top and bottom padding create visual space within this div  */
	margin: 0px 0px 0px 0px;
}
.thrColHybHdr #sidebar2 p {
	margin: 6px;
	padding: 0;
	font-size: .75em;
}
.thrColHybHdr #sidebar2 ul {
	padding-left: 11px;
	margin-left: 11px;
}
.thrColHybHdr #sidebar2 li {
	font-size: .75em;
}
.thrColHybHdr #sidebar2 li.title {
	font-size:.75em;
	list-style:none;
	font-weight: bold;
	margin-left: -10px;
	padding-bottom: 5px;
}
.thrColHybHdr #sidebar2 ol {
	padding-left: 11px;
	margin-left: 22px;
}

.thrColHybHdr #sidebar2 h6 {
	font: bold .75em Arial, Helvetica, sans-serif;
	margin-left: 12px;
	margin-bottom: -10px;
	padding-bottom: 0px;
}
.thrColHybHdr #sidebar2Box {
	/* border: 1px solid #CCC;*/
	margin-bottom: 10px;
	/*border-top: none ;*/
}
.thrColHybHdr #sidebar2Box .border{
	border: 1px solid #CCC;
}
.thrColHybHdr #sidebar2Box .Noborder{
	border: none; 
}
.thrColHybHdr #sidebar2BoxImage {
	float: left;
	width: 75px;
	text-align:center;
	padding-bottom: 5px;
}
.thrColHybHdr .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p {
	margin: .5em 1em;
	font-size: .75em;
}
.thrColHybHdr #sidebar2 ul {
	list-style:none;
	padding: 0;
	margin: .5em .75em;
}
.thrColHybHdr #sidebar2 ul.solutions{
	list-style: disc;
	padding: .2em .75em .2em 1.5em;
}
.thrColHybHdr #sidebar2 li.solutionslist{
	list-style: disc;
	padding: .2em .75em .2em 0;
	margin-left: 2em;
}
.thrColHybHdr #sidebar2 ul.solutions li{
	padding-bottom: 0;
}
.thrColHybHdr #sidebar2 li {
	font-size: .75em;
	margin-right: 1em;
	padding-bottom: .75em;
}
.thrColHybHdr #sidebar2 li li {
	font-size: 1em;
}
.thrColHybHdr #sidbarContentBox {
	border: 1px solid #CCCCCC;
	border-top: 0px;
	margin-bottom: 1em;	
}
.thrColHybHdr #sidbarContentBox.img{
	border: 0;
	text-align: center;
	width: 12.95em;
}
.thrColHybHdr #sidbarContentBox.action {
	border: 1px solid #CCCCCC;
	border-top: 0px;
	margin-bottom: 1em;
	background-color:#FFF;
	background-image:url(/business/images/action-background-gradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.learnMoreLink{ 
	padding: 0 3em 0 0;
	margin-bottom: .5em;
	font-size: .95em;
	display:block;
	text-align:right;
} 
.indent {
	padding: 0 0 0 4.55em;
}
.tableHead { 
	background-color:#CCCCCC;
}
#logout {
	width: 500px;
	float: right;
	padding: 0 0 0 0;
}
	 /* --------------- ROTATING BANNER -------------- */
#bannerContainer {
	padding: 0;
	width: 600px;
	height: 185px;
	overflow: hidden;
	z-index: 5;
	border: 1px solid #CCCCCC;
}
#bannerImages {
	padding: 0;
	margin: 0;
	width: 554px;
	height: 185px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	overflow: hidden;
	z-index: 10;
}
#bannerImages img{
	padding: 0;
	margin: 0;
	width: 554px;
	height: 185px;
	z-index:15;
}
#bannerImageOptions {
	z-index: 20;
	display: block;
	height: 15px;
	width: 17px;
	padding:2px 0 0 0;
	margin: -2.50em .5em 1.5em 0em;
	background-color: #F9F9F9;
	color: #007FC4;
	border: 1px solid #CCC;
	text-align: center;
	font-weight: bolder;
	font-size: .65em;
	position: relative;
	float: right;
	cursor: pointer;
}
#bannerImageOptionsPause {
	z-index: 99;
	display: block;
	height: 15px;
	width: 17px;
	padding:2px 0 0 0;
	margin: -2.50em .5em 1.5em -24px;
	background-color: #F9F9F9;
	color: #007FC4;
	border: 1px solid #CCC;
	text-align: center;
	font-weight: bolder;
	font-size: .65em;
	position: relative;
	float: right;
	cursor: pointer;
}
/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.thrColHybHdr #mainContent {
 	margin: 0 11em 0 10.75em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	width: 610px;
}
.thrColHybHdr #mainContent.noleftnav {
 	margin: 0 .25em 0 .25em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	width: 670px;
}
.thrColHybHdr #mainContent.rightnavOnly {
 	margin: 0 .25em 0 .25em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	width: 615px;
}
.thrColHybHdr #mainContentMyServ {
 	margin: 0 0 0 -.5em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	width: 770px;	
} 
.thrColHybHdr #mainContentform {
 	margin: 0 0px 0 10px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	width: 680px;
	float: left;
}
.thrColHybHdr #mainContent p, #mainContent ul, #mainContent ol{
	font-size: .75em; 	
} 
.thrColHybHdr #mainContentMyServ p, #mainContent ul{
	font-size: .75em; 	
} 
.thrColHybHdr #mainContent .CompatibilityMessage{
	padding: 1px 10px;
	margin: 10px 0px;
	font-weight: bold;
	font-size: 1.1em;
}
.thrColHybHdr #mainContent .CompatibilityMessage img{
	padding-right: 10px;
}
.table {
	font-size: .75em;
}
.table-ebill {
 margin-left: 20px;
 background: url('../images/8x1-horizontal-orange-dash.gif') 0 0 repeat-x; 
}
.thrColHybHdr #mainContent ul{
	font-size: .75em;	
} 
.thrColHybHdr #table {
	font-size: .75em;	
} 
.thrColHybHdr #mainContentMyServ ul{
	font-size: .75em;	
} 


.thrColHybHdr #mainContent ul ul{
	font-size: 1em; 	
} 
.thrColHybHdr #mainContent ul ul ul{
	font-size: 1em; 	
} 
.thrColHybHdr #mainContentText{
}
.thrColHybHdr #mainContentText.border{
	border-top: 1px dashed #FF9900;
}
.thrColHybHdr #mainContentCol1{
	float: left;
	width: 43%;
	text-align:left;
}
.thrColHybHdr #mainContentCol2{
	float: left;
	width: 43%;
	text-align:left;
	margin-left:10px;
}


.thrColHybHdr #mainContentThreeColLeft{
	float: left;
	width: 180px;
	padding: 5px 0px 20px 0px;
	margin: 5px 5px 0 5px;
	display: inline;
	height: 250px;
	vertical-align:top;
}
.thrColHybHdr #mainContentThreeColMiddle{
	float: left;
	width: 200px;
	padding: 5px 0px 20px 0px;
	margin: 5px 0 0 5px;
	height: 250px;
	vertical-align:top;
}

.thrColHybHdr #mainContentThreeColRight{
	float: right;
	width: 180px;
	padding: 5px 0px 20px 0px;
	margin: 5px 5px 0 5px;
	display: inline;
	height: 250px;
	vertical-align:top;
}
.thrColHybHdr #mainContentCol2 p, #mainContentCol1 p {
	padding-left: 1em;
}
.thrColHybHdr #mainContentMore {
	text-align: right;
	width: 92%;
	margin-top: 2em;
}
.TopMiddleCell,.MiddleCell{
	vertical-align:top;
	width:150px;
	background: url(../images/214x8-vertical-orange-dash.gif) repeat-y center left;
}
.MiddleCell{padding: 5px 10px 0px 10px; }
.TopMiddleCell{padding:0px 10px 0px 10px;}
.TopOutsideCell,.OutsideCell {
	vertical-align:top;
	width:200px; 
	background: url(../images/214x8-vertical-orange-dash.gif) repeat-y center left;
}
.TopOutsideCell,.OutsideCell-left {
	vertical-align:top;
	width:150px; 
}
.OutsideCell {padding:5px 0px 0px 10px;}
.HorizontalDash{height: 3px; padding:0px; background: url(../images/8x1-horizontal-orange-dash.gif) repeat-x center left;}
/*forms*/


.thrColHybHdr .FormTable{width: 680px; padding:0px; margin: 0px 0px 10px 0px; }
.thrColHybHdr .FormRequired{color:#F17C0E; font-weight: bold; font-size: 20px; width: 25px; text-align:right;vertical-align:top; padding: 0px 5px 0px 0px}
.thrColHybHdr .FormContent{font-size: 14px; color: #005b8e; padding: 0px 5px 10px 10px}
.thrColHybHdr .FormIntro{font-size: 14px;  padding: 0px 5px 10px 5px}
.thrColHybHdr .FormFieldName{width: 200px; font:12px Arial, Helvetica, sans-serif; padding: 0px; vertical-align:top;}
.thrColHybHdr .FormInputSection{width: 678px; margin: 10px 0px 10px 0px; padding: 0px;}
.thrColHybHdr .FormSectionHdr{margin: 10px 0px 5px 0;
	padding: 2px 0px 2px 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-color:#EFEFEF;
	border-top: 1px solid #F6AF6D;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
.thrColHybHdr .FormFieldInstruction{font-size: 10px;}
.thrColHybHdr .FormQuestion, .FormQuestion a{color: #F17C0E; font: bold 12px Arial, Helvetica, sans-serif;}
.thrColHybHdr .FormSpacing{padding:10px 0px 0px 0px;}


.thrColHybHdr .FullWidthContentCell{
	width: 596px;
	padding: 5px 0px 15px 0px;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	/*border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #B2B3B5; */
	}
.thrColHybHdr .TableColHeader{font: bold 12px Arial, Helvetica, sans-serif;}

.thrColHybHdr #footer {
	padding: 1em 0 1em 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top: 35px;  /* spacing added to seperate the footer from the rest of the page */
	border-top: 1px dashed #FF9900;  /* orange dashed line to visually seperate the footer from the content */
	font-size: 0.7em;  /* font size is set slightly smaller than the other elements on the page to signify less importance */
	text-align:center;  /* all items within the footer are centered on the page */
	clear:both;  /* clears any floats from the other elements on the page, so that the footer appears below them */
} 
.thrColHybHdr #footer ul {
	padding: 0; /* ensures no extra spacing is added */
	margin: 0; /* ensures no extra spacing is added */
}
.thrColHybHdr #footer li {
	display: inline;  /* displays list items horizontally */
	margin: 0; /* ensures no extra spacing is added */
	padding: 0px 1px 0px 5px;  /* spacing between list items and vertical spacer (border) */
	border-left: 1px solid #000;  /* visual vertical spacer to seperate links */
}
.thrColHybHdr #footer li.first{
	border-left: 0px;  /* seperater (border) removed from the first item in the list */
}
.thrColHybHdr #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 */
}


/* Miscellaneous classes for reuse */
.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;
}
/* --------------- FONTS -------------- */
.textSmallestGrey {
	font-size: .60em;
	color: #666;
}
.textSmallGrey {
	font-size: .70em;
	color: #666;
}
.textMediumGrey {
	font-size: .75em;
	color: #666;
}
.textLargeGrey {
	font-size: 1.00em;
	color: #666;
}
.textSmallestBlack {
	font-size: .60em;
	color: #000;
}
.textSmallBlack {
	font-size: .70em;
	color: #000;
}
.textMediumBlack {
	font-size: .75em;
	color: #000;
}
.textLargeBlack {
	font-size: 1em;
	color: #000;
}
.textNewPrice {
	color: #F00;
}
.textPriceStrike {
	text-decoration: line-through;
}
.textAccent {
	color: #F93;
}
.orangeDashedBorder {
	border-top: 1px dashed #FF9933;
	margin: 1em 0;
}

/* ---------------Image Gallery -------------- */
div.pictureContainer {
 float: left;
 width: 602px;
}
div.picture {
  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  height: 195px;
}
div.picture p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.picture img {
  border: none;
}
/* ---------------End of Image Gallery -------------- */