/*
Notes:
- asp:panel controls render a div tag in html
- asp:validatorsummary controls render a div tag in html

Sections:
- tag specific generic styles
- site structure
- navigation
- content
- input
- form
- grid: for datagrid controls
- survey; left here because the survey control can be inserted anywhere.

Template Comment Block:
/* begin section formatting */
/* end section formatting */


/* begin tag specific generic formatting */
body
{
	font-size: 12px;
	margin: 0px;
	font-family: Verdana, MS Sans Serif, Arial;
	text-align: center;
}
body.form
{
	background-image: none !important;
	text-align: left;
	background-color: whitesmoke;
	margin-top: 5px;
	font-family: Verdana, MS Sans Serif, Arial;
	margin-left: 5px;
	font-size: 12px;
	margin-right: 5px;
}

body.formView
{
	font-size: 12px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Verdana, MS Sans Serif, Arial;
	background-color: #ffffff;
	background-image: none !important;
	text-align: left;
}
p
{
	font-size: 12px;
	margin-top: 0px;
	font-family: Verdana, MS Sans Serif, Arial;
}
span
{
	font-family: Verdana, MS Sans Serif, Arial;
	font-size: 12px;
}
div
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
a
{
	font-family: Verdana, MS Sans Serif, Arial;
	font-size: 12px;
	color: #3300cc;
	text-decoration: underline;
}
a:hover
{
	text-decoration: underline;
}
a.small
{
	font-size: 11px;
}
tr
{
}
td
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
th
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
hr
{
	height: 0;
	border: 0;
	border-top: 1px solid silver; 
}
h1
{
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 8px;
	color: #0A436E;
}
h2
{
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px;
	color: #0A436E;
}
h3
{
	margin: 0px 0px 2px;
	color: black;
	font-size: 13px;
	font-weight: bold;
}
h4
{
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px;
	color: #0A436E;
}
/* end tag specific generic formatting */


/* begin site structure formatting */
table.siteTable
{
	width: 100%;
	background-color: #ffffff;
}

tr #headerRow
{
	vertical-align: middle;
		margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	background-color: red;
}

td.siteHeaderLeft
{
	font-weight: bold;
	font-size: 18px;
	vertical-align: baseline;
	width: 20%;
	color: #0A436E;
	font-family: Verdana, MS Sans Serif, Arial;
}
td.siteHeaderCenter
{
	text-align: center;
	width: 50%;
}
td.siteHeaderRight
{
	text-align: right;
	width: 30%;
}
td.siteBody
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 100%;
	padding-top: 0px;
}
td.pageLeft
{
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 150px;
}
td.pageBody
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 100%;
	padding-top: 3px;
}
td.pageRight
{
	padding-top: 3px;
	vertical-align: baseline;
	width: 0px;
	vertical-align: top;
}

.siteFooter
{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	Width: 990px; 
	text-align: center;
	margin-top: 10px;
}
.siteFooter span
{
	text-align: center;
	width: 100%
}

span.siteFooter
{
	font-size: 10px;
	text-align: center;
}
div.siteFooter
{
	font-size: 10px;
	text-align: center;
}
a.siteFooter
{
	font-size: 10px;
}
table.pageTable
{
	width: 990px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
table.standardTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 100%;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
/* end site structure formatting */


/* begin navigation formatting */
td.navHorizontal
{
	
	border-top: #003366 1px solid;
	font-weight: bold;
	font-size: 12px;
	background-image: url(/Image/Site/green_bg.jpg);
	background-repeat: repeat-x;
	background-color: #000066;
	color: white;
	height: 24px;
}
td.navHorizontalRegistration
{
	border-top: #003366 1px solid;
	font-size: 12px;
	background-image: url(/Image/Site/green_bg.jpg);
	background-repeat: repeat-x;
	background-color: #000066;
	color: #66ff00;
	height: 24px;
}
span.navHorizontalRegistrationSelected
{
	font-weight: bold;
	color: #0258CA;
}

a.navHorizontal
{
	font-weight: bold;
	font-size: 14px;
	color: #66ff00;
	text-decoration: none;
}
a.navHorizontal:hover
{
	color: white;
}
a.navHorizontalSelected
{
	font-weight: bold;
	font-size: 14px;
	color: white;
}
td.navHorizontalSub /* used for the top horizontal sub-nav bar */
{
	background-color: #CCCCCC;
	color: #3300cc;
	font-weight: bold;
	height: 20px;
	font-size: 12px;
}
a.navHorizontalSub /* used for the top horizontal sub-nav links */
{
	color: #FFFF00;
	font-weight: bold;
	font-size: 12px;
}
a.navHorizontalSub:hover
{
	color: #6699cc;
}
a.navHorizontalSubSelected /* used for the top horizontal sub-nav links */
{
	color: #6699cc;
	text-decoration: underline;
}
a.navVertical
{
	font-size: 12px;
}
a.navVerticalSelected
{
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a.navVerticalSub
{
	font-size: 11px;
}
a.navBreadCrumb
{
	color: #3300cc;
	text-decoration: none;
	font-weight: bold;
}
a.navBreadCrumb:hover
{
	text-decoration: underline;
}
a.navBreadCrumbSelected
{
	color: #000099;
	font-weight: bold;
	text-decoration: underline;
}

a.navSellerProfile
{
	font-weight: bold;
	font-size: 12px;
	color: #0000ff;
}
a.navSellerProfile:hover
{
	color: #000099;
	text-decoration: underline;
}
a.navSellerProfileSelected
{
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	text-decoration: underline;
}
/* end navigation formatting */


/* begin content formatting - refers to generic site content on any page */
span.contentHeading
{
	font-weight: bold;
	color: #000099;
}
a.contentHeading
{
	font-weight: bold;
}
/* end content formatting */

/* begin input formatting */
input
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
	width: 250px;
}
#MiniForm1_rblNumberOfEmployees_0, #MiniForm1_rblNumberOfEmployees_1, #MiniForm1_rblNumberOfEmployees_2, #MiniForm1_rblNumberOfEmployees_3, #MiniForm1_rblNumberOfEmployees_4, #MiniForm1_rblNumberOfEmployees_5, #MiniForm1_rblNumberOfEmployees_6
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
	width: 60px;
}
input.view
{
	background-color: whitesmoke;
}
input.checkbox
{
	width: 15px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
select
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
select.view
{
	background-color: whitesmoke;
}
textarea
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
input.find
{
	background-color: whitesmoke;
}
select.find
{
	background-color: whitesmoke;
}
/* begin input formatting */


/* begin form formatting */
td.formHeaderLeft
{
	vertical-align: top;
	width: 10px;
	height: 20px;
	text-align: left;
	border-top: 1px solid;
	border-left: 1px solid;
	background-color: #e9f4e7;
}
td.formHeaderCenter
{
	border-top: 1px solid;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	color: #000099;
	font-family: Verdana;
	background-color: #e9f4e7;
}
td.formHeaderRight
{
	height: 20px;
	width: 10px;
	text-align: right;
	vertical-align: top;
	border-top: 1px solid;
	border-right: 1px solid;
	background-color: #e9f4e7;
	
}
td.formFooter
{
}
td.formBody /* used to format a form's body in edit mode */
{
	border-right: 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: 1px solid;
	border-top: 1px solid;
	padding-top: 5px;
	border-bottom: 1px solid;
	background-color: #EBEBC5;
}
div.formBody /* used to format a form's body in edit mode */
{
	border-right: 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: 1px solid;
	border-top: 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: 1px solid;
	background-color: #EBEBC5;
}
td.formBodyView
{
	border-top: 1px solid;
	border-right: 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: 1px solid;
	padding-top: 5px;
	border-bottom: 1px solid;
	background-color: #F3F3E3;
}
div.formBodyView
{
	border-right: 1px solid;
	padding-right: 5px;
	border-top: 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: 1px solid;
	background-color: #F3F3E3;
}
td.siteFormBody
{
	border-right: gray 1px solid;
	padding-right: 5px;
	border-top: gray 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: gray 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: gray 1px solid;
	background-color: whitesmoke;
}
span.formTitle
{
	color: #000099;
	font-weight: bold;
	font-size: 14px;
}
a.formTitle
{
	color: #000099;
	font-weight: bold;
	font-size: 14px;
}
a.formTitleBar
{
	color: #000099;
	font-size: 12px;
}
td.formSectionHeading
{
	font-weight: bold;
	font-size: 16px;
	color: #000099;
}
span.formSectionHeading /* for section headings in forms */
{
	font-weight: bold;
	color: #000099;
	font-size: 14px;
}
a.formSectionHeading /* for section headings in forms that are links */
{
	font-size: 14px;
}
td.formSectionDescription /* for section headings in forms */
{
}
span.formSectionDescription /* for section headings in forms */
{
	color: #000099;
}
span.formLabel /* used for form labels in edit mode */
{
	font-weight: bold;
}
td.formLabel /* used for form labels in view mode */
{
	font-weight: bold;
	vertical-align: top;
}
span.formLabelLink /* used for clickable span tags in forms */
{
	font-weight: bold;
	color: #000099;
}
div.formMessage
{
	border-right: #cccccc 1px solid;
	padding-right: 5px;
	border-top: #cccccc 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #cccccc 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #cccccc 1px solid;
	background-color: whitesmoke;
}
div.formMessageView
{
	border-right: #cccccc 1px solid;
	padding-right: 5px;
	border-top: #cccccc 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #cccccc 1px solid;
	width: 100%;
	color: #3300cc;
	padding-top: 5px;
	border-bottom: #cccccc 1px solid;
}
div.directoryBrowser
{
	border-right: #333366 1px solid;
	padding-right: 5px;
	border-top: #333366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #333366 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #333366 1px solid;
	height: 100px;
	background-color: white;
}
td.directoryLink
{
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
}
div.scrollArea
{
	border-right: #3300cc 1px solid;
	padding-right: 5px;
	border-top: #3300cc 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #3300cc 1px solid;
	padding-top: 5px;
	border-bottom: #3300cc 1px solid;
	background-color: white;
	overflow: auto;
}
div.scrollAreaOptionList
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	overflow: auto;
}
/* end form formatting */


/* begin grid formatting */
td.gridBody
{
	border-bottom: #3300cc 1px solid;
	border-left: #3300cc 1px solid;
	padding-bottom: 5px;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: baseline;
	border-top: #3300cc 1px solid;
	border-right: #3300cc 1px solid;
	padding-top: 5px;
}
tr.gridHeader
{
	font-weight: bold;
	color: black;
	height: 20px;
	background-color: #D9E9F7;
	padding: 3px;
	font-family: Verdana;
	font-size: 10px;
}

tr.gridFooter
{
	font-size: 12px;
	color: #3300cc;
	background-color: whitesmoke;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}
tr.gridPager
{
	background-color: whitesmoke;
	height: 20px;
	color: #3300cc;
	font-size: 12px;
	text-align: center;
}
a.gridPager
{
	font-size: 12px;
}
span.gridPagerCurrentPage
{
	font-size: 13px;
	font-weight: bold;
}
tr.gridItem
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	vertical-align: baseline;
	padding-top: 4px;
	background-color: white;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	height: 30px;
}
tr.gridAlternatingItem
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	vertical-align: baseline;
	padding-top: 4px;
	background-color: #EDF4FC;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	height: 30px;
}
tr.gridEditItem
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	color: black;
	padding-top: 4px;
	height: 20px;
	background-color: whitesmoke;
	text-align: left;
}
/* end grid formatting */

a.sellerLeftNav
{
}
a.sellerLeftNav:hover
{
	text-decoration: underline;
}
a.sellerLeftNavSelected
{
	font-weight: bold;
	text-decoration: underline;
}
a.quoteCategoryChild
{
	font-size: 12px;
}
a.quoteCategoryChild:hover
{
	text-decoration: underline;
}
a.quoteCategoryChild:visited
{
	color: #006699;
}


div.quoteFormBody /* used to format a form's body in edit mode */
{
	vertical-align: baseline;
	width: 100%;
	background-color: whitesmoke;
}
table.quote
{
}
td.quoteLeftTop
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 4px;
	width: 300;
	padding-top: 4px;
	margin: 4 4 4 4;
}
td.quoteLeft
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #E9F4E7;
	margin: 4 4 4 4;
}
td.quoteRight
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	width: 700;
}
td.siteBox
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	padding-left: 4px;
	padding-bottom: 4px;
	border-left: 1px solid;
	padding-top: 4px;
	border-bottom: 1px solid;
	background-color: #ffffff;
}
td.quoteBox
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	padding-left: 4px;
	padding-bottom: 4px;
	border-left: 1px solid;
	padding-top: 4px;
	border-bottom: 1px solid;
	background-color: whitesmoke;
}
td.quoteContent
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	padding-left: 4px;
	padding-bottom: 4px;
	border-left: 1px solid;
	padding-top: 4px;
	border-bottom: 1px solid;
	background-color: #ffffff;
}

span.small
{
	font-size: 8pt;
}
a.small
{
	font-size: 8pt;
}
span.large
{
	font-family: Arial;
	font-size: 12pt;
}
a.large
{
	font-family: Arial;
	font-size: 12pt;
}
span.siteBoxHeading
{
	font-weight: bold;
	font-size: 12pt;
	color: #000099;
	font-family: Arial;
}
td.sellerDashboardNav
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	padding-left: 4px;
	padding-bottom: 6px;
	border-left: 1px solid;
	padding-top: 6px;
	border-bottom: 1px solid;
	background-color: #e9f4e7;
}
td.sellerDashboardSiteBoxA
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	padding-left: 4px;
	padding-bottom: 4px;
	border-left: 1px solid;
	padding-top: 4px;
	border-bottom: 1px solid;
	background-color: #EBEBC5;
}
td.sellerDashboardSiteBoxB
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	padding-left: 4px;
	padding-bottom: 4px;
	border-left: 1px solid;
	padding-top: 4px;
	border-bottom: 1px solid;
	background-color: #F3F3E3;
}
hr.sellerDashboard
{
	 height: 1px; color: silver;
}

span.required
{
	font-size: 11px;
	color: crimson;
}
td.regTitle
{
	border-bottom: silver 1px solid;
	background-color: #EBEBC5;
}
td.paddedCell
{
	padding: 4px;
}


/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */
DIV.table-row {
  background: none; border: solid #000000 1px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 25.0%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 24.9%;
}
/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}
/* Some rules for captions, headers and running text */
H5.colhdr {
  background: none #ffffcc; border: solid #ffffff 1px; color: #993333;
  font-family: sans-serif; font-size: 1em; font-style: italic;
  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: center; width: auto;
}
P.text {
  border: solid #ffffff 1px; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto;
}
/* ----------------------  new dev start  ------------------------*/
div.content
{
	margin-left: auto;
	margin-right: auto;
	top: 10px;
	width: 1000;
	text-align: left;
	margin-top: 10px;
}

.leftBar
{
	float: left;
	width: 180px;
}

.middleSection
{
	float:right;
	width: 808px;
	overflow: hidden;
}

.topHeader
{
	margin-left: auto;
	margin-right: auto;
	Width: 990; 
}

div .topHeaderLeft
{
	float: left;
	margin-left: 20px;
}

div .topHeaderRight
{
	position: relative;
	float: right;
	margin-right: 30px;
}

#topBg
{
	margin-left: auto;
	margin-right: auto;
	BACKGROUND-IMAGE: url(/Image/Site/bg.jpg); 
	BACKGROUND-REPEAT: repeat-x; 
	height: 132px;
}

.topMenu
{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	margin-top: 10px;
	text-align: center;
}

.topMenu a
{
	text-align: center;
	vertical-align: middle;
	font-family: Trebuchet MS, Verdana;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

.topMenu a:hover
{
	color: #f1d9e3;
	text-decoration: none;
}

.topMenuFocused
{
	color: #f1d9e3;
	text-decoration: none;
}

.topTallMenuSide
{
	float:left; 
	background-repeat:  no-repeat;
	width: 5px; 
	height: 43px; 
}

.topTallMenuMiddle
{
	background-repeat:  repeat-x;
	width: 150px; 
	height: 43px; 
	float:left; 
}

.topShortMenu
{
	background-repeat: repeat-x;
	width: 170px; 
	height: 30px; 
	float:left; 
	padding-top: 5px;
	margin-top: 13px;
}

.imageButton
{
	width: 70px;
}

.blueTallBarLeft
{
	background: url(/Image/Site/tall_blue_bar_left.gif) no-repeat;
	float:left;
	height: 57px;
	width:10px;
	margin: 0px;
}

.blueTallBarBg
{
	background: url(/Image/Site/tall_blue_bar_bg.gif) repeat-x;
	float:left;
	height: 57px;
	padding: 5px;
	color: Navy;
	margin: 0px;
}

.blueTallBarRight
{
	background: url(/Image/Site/tall_blue_bar_right.gif) no-repeat;
	float:left;
	height: 57px;
	width:10px;
	margin: 0px;
}

.longBoxTop
{
	background: url(/Image/Site/long_top.gif) no-repeat;
	height: 30px;
	width: 660px;	
	margin: 0px;
	padding: 10px;
}

.longBoxContent
{
	padding-left: 5px;
	width: 660px;
	padding-right: 5px;
	font-family: Verdana;
	background: url(/Image/Site/long_box_bg.gif) repeat-y;
	overflow:hidden;
	clear: both;
}


.longBoxBottom
{
	background: url(/Image/Site/long_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 660px;
	height:18px;
}

.longBoxBg h3
{
	color: Black;
	font-size: 13px;
	font-weight:bold;
}

.smallBoxTop
{
	margin: 0px;
	padding: 10px 10px 0 10px;
	width: 360px;
	background: url(/Image/Site/small_box_top.gif) no-repeat;
	height: 39px;
}

.smallBoxContent
{
	margin: 0px;
	padding-left: 10px;
	width: 360px;
	padding-right: 10px;
	font-family: Verdana;
	overflow:auto;
	text-align: left;
	background: url(/Image/Site/small_box_bg.gif) repeat-y;
}

.smallBoxContent div
{
	width: 300px;
}

.smallBoxContent h3
{
	color: Blue;
	font-size: 11px;
	font-weight:normal;
}

.smallBoxBottom
{
	background: url(/Image/Site/small_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 360px;
	height:14px;
}

#categoryBoxTop
{
	background: url(/Image/Site/category_box_top.gif) no-repeat;
	height: 58px;
}

#categoryBoxContent
{
	padding-bottom: 5px;
	background-color: #b7d5f0;
	margin-top: 0px;
	padding-left: 5px;
	width: 180px;
	padding-right: 5px;
	padding-top: 5px;
}

#categoryBoxContent a
{
	color: #114c78;
	text-decoration: none;
}

#categoryBoxContent a:hover
{
	color: green;
}

.getNewCustomer
{
	background: url(/Image/Site/get_new_customer.jpg) no-repeat;
	width: 796px;
	height: 162px;
}

.midBar
{
	background: url(/Image/Site/mid_bar_bg.gif) no-repeat;
	width: 784px;
	height: 35px;
	padding: 5px;
}

.midBar h1
{
	color: #0a436e;
	font-size: 15px;
	font-weight: bold;
}

td.leadViewLabel
{
	border-bottom: #b7d5f0 1px solid;
	padding-bottom: 5px;
	margin-top: 15px;
	padding-left: 5px;
	width: 50%;
	padding-right: 5px;
	font-weight: bold;
	padding-top: 5px;
}

td.leadViewValue
{
	width: 50%;
	padding: 5px;
	vertical-align: top;
}


.postGreenTop
{
	background: url(/Image/Site/pic_post_top.jpg) no-repeat;
	width: 252px;
	height: 80px;
}

.postGreenBg
{
	background: url(/Image/Site/post_green_bg.gif) repeat-y;
	width: 252px;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
	padding: 5px;
}

.postGreenBottom
{
	background: url(/Image/Site/post_green_bottom.gif) no-repeat;
	width: 252px;
	height: 12px;
}

.leadButton
{
	width: 206px;
}

.xsmallBoxTop
{
	margin: 0px;
	padding-left: 10px;
	width: 200px;
	padding-right: 10px;
	background: url(/Image/Site/xsmall_box_top.gif) no-repeat;
	height: 38px;
	padding-top: 10px;
}

.xsmallBoxContent
{
	margin: 0px;
	padding-left: 10px;
	width: 200px;
	padding-right: 10px;
	font-family: Verdana;
	overflow:auto;
	background: url(/Image/Site/xsmall_box_bg.gif) repeat-y;
}

.xsmallBoxContent div
{
	width: 180px;
}

.xsmallBoxContent h3
{
	color: Blue;
	font-size: 11px;
	font-weight:normal;
}

.xsmallBoxBottom
{
	background: url(/Image/Site/xsmall_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 200px;
	height:12px;
}

#middleContent
{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}


.fullBoxTop
{
	padding-left: 10px;
	width: 977px;
	padding-right: 10px;
	padding-top: 10px;
	background: url(/Image/Site/full_box_top.gif) no-repeat;
	height: 38px;
}

.fullBoxContent
{
	padding-left: 10px;
	padding-right: 10px;
	width: 977px;
	font-family: Verdana;
	background: url(/Image/Site/full_box_bg.gif) repeat-y;
}

.fullBoxBottom
{
	background: url(/Image/Site/full_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 977px;
	height:14px;
}

.SearchCategory
{
	padding: 10 20 10 10;
	background: url(/Image/Site/search_category_bg.gif) no-repeat; 
	width:808px; 
	height:85px;
}
span.SiteMapSectionHeading /* for section headings in forms */
{
	font-weight: bold;
	color: #0258CA;
	font-size: 11px;
	font-family: Verdana;
}
#quoteLeftSide
{
	float: left;
	padding: 0px 0px 0px 10px;
}

#quoteRightSide
{
	float:right;
	text-align:left;
	margin-left:-10px;
}

.button
{
	width: 75px;
}


.loginBoxTop
{
	margin: 0px;
	padding-left: 20px;
	width: 480px;
	padding-right: 20px;
	background: url(/Image/Site/login_box_top.gif) no-repeat;
	height: 18px;
}

.loginBoxContent
{
	list-style-type: none;	
	margin: 0px;
	width: 480px;
	padding: 0 20 0 20;
	font-family: Verdana;
	background: url(/Image/Site/login_box_bg.gif) repeat-y;
	overflow: auto;
	text-align: left;
}

.loginBoxBottom
{
	background: url(/Image/Site/login_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 480px;
	padding-left: 20px;
	padding-right: 20px;
	height:14px;
}

.getStarted
{
	background: url(/Image/Site/get_started_bg.jpg) no-repeat;
	width: 260px;
	height: 235px;
	padding: 10px;
}

.getStarted h2
{
	font-family: 'Trebuchet MS';
	font-size: 18px;
}

.loginButton
{
	width: 107px;
}

.input
{
	border-bottom: #7F9DB9 1px solid;
	border-left: #7F9DB9 1px solid;
	padding-bottom: 1px;
	background-color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	border-top: #7F9DB9 1px solid;
	border-right: #7F9DB9 1px solid;
	padding-top: 1px;
	height: 20px;
}

.categoryRepeater
{
	float: left;
	margin-right: 100px;
}

#GetFreeQuotesBackground
{
	background: url(/Image/Site/123_header.gif) no-repeat;
	width: 984px;
	height:130px;
	padding-top: 13px;
	padding-left: 31px;
	margin-bottom: 10px;
}

#GetFreeQuotesBackground h1
{
	font-size: 22;
	color: #0C6098;
	font-weight: bold;
}

#receiveBoxTop
{
	width: 517px;
	background: url(/Image/Site/receive_lead_top.gif) no-repeat;
	height: 86px;
}

#receiveBoxContent
{
	padding-left: 10px;
	padding-right: 10px;
	width: 517px;
	background: url(/Image/Site/receive_lead_bg.gif) repeat-y;
}

#receiveBoxBottom
{
	background: url(/Image/Site/receive_lead_bottom.gif) no-repeat;
	margin: 0px;
	width: 517px;
	height:14px;
}

#articleBoxTop
{
	width: 399px;
	background: url(/Image/Site/sm_top.gif) no-repeat;
	height: 15px;
}

#articleBoxContent
{
	padding-left: 10px;
	padding-right: 10px;
	width: 399px;
	background: url(/Image/Site/sm_bg.gif) repeat-y;
}

#articleBoxBottom
{
	background: url(/Image/Site/sm_bottom.gif) no-repeat;
	margin: 0px;
	width: 399px;
	height:13px;
}

div.iFrameTop
{
	background: url(/Image/Site/B2BOne/long_top.gif) no-repeat;
	width: 575px;
	height: 30px;	
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
div.iFrameContent
{
	padding-left: 5px;
	width: 575px;
	padding-right: 5px;
	font-family: Verdana;
	background: url(/Image/Site/B2BOne/long_box_bg.gif) repeat-y;
	clear: none;
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
}
div.iFrameBottom
{
	background: url(/Image/Site/B2BOne/long_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 575px;
	height:18px;
}
iframe.iFrameContent
{
	text-align: left;
	width: 565px;
	height: 600px;
	border: none;
	overflow-x: hidden;
	margin: 0px;
}
/*

div.iFrameContent
{
	padding-left: 5px;
	width: 600px;
	padding-right: 5px;
	font-family: Verdana;
	background: url(/Image/Site/long_box_bg.gif) repeat-y;
	overflow:hidden;
	clear: both;
}
*/
#reg_form_box
{
	text-align: left;
}
#reg_form_box input
{
	width:170px;
}
#reg_form_box input.submitButton
{
	width: 138px;
	background: url(/Image/Site/B2BOne/register_btn.gif) no-repeat;
	height: 36px;    
	padding-left: 500px;/* for IE*/
	overflow:hidden;/* for FF*/
	border:0px;
}
#reg_form_box select
{
	width:325px;
}
#reg_form_box textarea
{
	width:215px;
	height:100px;
}
#reg_form_box div#form_header
{
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px;
	color: #0258ca;
}

/*
Client services link on Login page
*/

.ClientServicesBoxTop
{
	margin: 0px;
	width: 260px;
	background: url(/Image/Site/B2BOne/comp_2_r2_c2.gif) no-repeat;
	height: 42px;
}

.ClientServicesBoxContent
{
	list-style-type: none;	
	width: 260px;
	font-family: Verdana;
	background-color:#1B1B1B;
	text-align: center;
}

.ClientServicesBoxBottom
{
	background: url(/Image/Site/B2BOne/comp_2_r6_c2.gif) no-repeat;
	margin: 0px;
	width: 260px;
	height:12px;
}

.MoreCategoryBoxTop
{
	padding-left: 10px;
	width: 760px;
	padding-right: 10px;
	padding-top: 10px;
	background: url(/Image/Site/moreCategory_box_top.gif) no-repeat;
	height: 30px;
}

.MoreCategoryBoxContent
{
	padding-left: 10px;
	padding-right: 10px;
	width: 760px;
	font-family: Verdana;
	background: url(/Image/Site/moreCategory_box_bg.gif) repeat-y;
}

.MoreCategoryBoxBottom
{
	background: url(/Image/Site/moreCategory_box_bottom.gif) no-repeat;
	margin: 0px;
	width: 760px;
	height:14px;
}
.ArticleSynopsis
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana;
	overflow:auto;
	text-decoration:none;
}

div.ArticleSynopsis table tbody tr td a h3
{
	
	color: #0a436e;
	text-decoration: none;
}
div.MiniForm
{
	BACKGROUND-IMAGE: url(/Image/Site/B2BOne/green.jpg); 
	BACKGROUND-REPEAT: no-repeat; 
	WIDTH: 780px; 
	HEIGHT: 220px;
}
h2.MiniFormTitle
{
	COLOR: white; 
	FONT-SIZE: 26px;
}
h2.MiniFormService
{
	COLOR: white; 
	FONT-SIZE: 40px;
}
td.MiniForm
{
	background-image: url(/Image/Site/B2BOne/form_box.png); 
	BACKGROUND-COLOR: transparent; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center center;
	height:217;
	width:413;
}
table.MiniForm
{
	 MARGIN-LEFT:35px;
	 margin-top:-10px;
	 padding:0;
}

#acdr-image{
	float:left;
	margin-left:40px;
	width:135px;
	height:51px;
}