/*
	Stylesheet for AlarmQuotes.net - Publice site version
	initiated 2007.06.05
	mode: triage
*/

	
body,td,th {
	/*	This style has been inherited form the previous version. 
		It might need to be removed or editing as the site gets rebuilt. */
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:			12px;} /* this was set to 9px!!! RL */
	
body {
	background-image:	url(leftside.jpg);
	margin-left:		0px;
	margin-top:			0px;
	margin-right:		0px;
	margin-bottom:		0px;}
	
a:link {
	text-decoration: none;
	color:				#000000;}
	
a:visited {
	text-decoration: none;
	color:				#0000FF;}
	
a:hover {
	text-decoration:	underline;}
	
a:active {
	text-decoration:	none;}


#PageWrapper {
	background-color:	#fff;
	margin:				auto;
	padding-top:		0em;
	padding-right:		1em;
	padding-bottom:		1em;
	padding-left:		1em;
	width:				702px;
	text-align:			left;}



/*	============================================================================ 
	HTML site styles
	This first main section is used mainly for the HTML site, but a few of the
	rules, mostly content display rules, are also used on the seller pages.          
	============================================================================ */


td.ContentLeftTD {
	/* formats the td used to display content on page left */
	padding-top:		4px; 
	padding-right:		10px; 
	padding-bottom:		4px; 
	padding-left:		10px;
	text-align:			left;}

td.ContentLeftTD ul {
	margin-left:		14px;
	padding-left:		0px;}

.NoteToUser {
	font-size:			12px;
	color:				#777;}

p.bc {
	/*	redefining a basic p becasue there are too many freaky styles 
		spammed on this site to use a simple p.  bc = body copy */
	font-size:			12px;}

ul.bc {
	/* same rational as above */
	margin-left:		4em;
	padding-left:		0px;
	font-size:			12px;}

ul.bc li {
	/* same rational as above */
	margin-left:		1em;
	padding-left:		0px;}

div.footer {
	margin-left:		4em;
	margin-right:		4em;
	text-align:			center;}

p.copyright {
	margin-top:			.25em;
	margin-bottom:		10px; /* creates the page bottom border */
	text-align:			center;
	color:				#CA002F;
	font-size:			10px;}

img {border:none;}

.AQred {
	color:				#CA002F;}

td.AlignTop {
	vertical-align:		top;}

div.PageTitleBar {
	margin-right:		3px;
	margin-bottom:		10px;
	margin-left:		4px;
	background-image:	url(PageTitleBarBackground.gif);
	border: 			1px solid #CA002F;
	padding:			3px;
	font-size:			14px;
	font-weight:		bold;
	color:				#CA002F;}

div.PageTitleBar.homepage {
	margin-right:		0px;
	margin-bottom:		0px;
	margin-left:		0px;
	background-image:	url(PageTitleBarBackground.gif);
	background-position:	right;}



.CityStateHeading {
	margin-top:			4px;
	margin-bottom:		0px;
	font-size:			14px;}

p.CityStateLinks {
	line-height:		150%}
	
p.CityStateLinks a:link, 
p.CityStateLinks a:visited, 
p.CityStateLinks a:focus {font-weight:bold;color:#CA002F;}

p.CityStateLinks a:hover, 
p.CityStateLinks a:active {font-weight:bold;color:#2F00ca;}



/*	Home page */

td#HomePageFlash {
	padding:			0px;
	text-align:			center;}

#FlashMovie1,
#FlashMovie2 {
	margin-right:		8px;}

p.emphasized {
	margin:				6px 0px 1em 0px ;
	padding:			0px 10px 0px 4px ;
	font-size:			13px;}


/* Survey pages */

td.ContentLeftTD h4 {
	margin-top:			6px;
	margin-bottom:		0px;
	font-size:			14px;}

.SurveyQuestion {
	margin-top:		1em;
	margin-bottom:	.25em;
	font-size:		12px;
	font-weight:	bold;}

.SurveyAnswers {
	margin-left:	1em;
	font-size:		12px;
	font-weight:	normal;}
	
.aspxtextarea {
/* used for the "additional options" text area */ 
	width:			28em;
	height:			6em;
	margin-bottom:	1em;}

/* page two specific */

table#WhereToSendQuotesData  {
	margin-left:	32px;
	margin-left:	0px;} /* changed my mind on this site ;-) */

table#WhereToSendQuotesData td {
	padding-bottom:	2px;
	font-weight:	bold;
	font-size:		12px;}


/* a decidedly progromattic approach to this mess,
	format survey fields. */
input#txtPh1, 
input#txtPh2, 
input#txtPh3, 
input#txtExt {
	width:			30px;}
	
#txtfirstname,
#txtlastname, 
#txtcompanyname, 
#txtAddr1, 
#txtAddr2, 
#txtAddr3, 
#txtCity, 
#txtpostalcode, 
#txtfaxnumber, 
#txtEmail {
	width:			193px;}

#ddlState {
	width:			127px;}

#txtPostalCode {
	margin-left:	16px;}



/* feedback.html */

#FeedbackTables td {
	text-align:		left;}

#FeedbackTables #txtfirstname,
#FeedbackTables #txtlastname,
#FeedbackTables #txtemail,
#FeedbackTables #txtphonenumber {
	width:			200px;}


/* help.html */

ul.FAQul li {
	margin-left:	22px;
	padding-left:	0px;}


/* privacystat.html */

p.NumberedList {
	margin-top:		0px;
	margin-bottom:	.5em;
	margin-left:	1em;
	text-indent:	-1em;}


/* sitemap.html */

ul#SiteMap {
	margin-top:		.5em;
	font-size:		12px;
	font-weight:	bold;
	line-height:	1.5em;}

ul#SiteMap li {
	margin-left:	8px;
	padding-left:	0px;}





/*	============================================================================ 
	Seller Portal styles
	============================================================================ */


div#SellerPortalContent {
	/*	This is the overall wrapper for seller portal content.
		It opens inside the file sellerHeader-RL.ascx and
		it closes inside the the file sellerFooter-RL.ascx.
		You will not find it in any of the other aspx files.
		You see it as the red bordered area on every seller
		portal page. */
	border:				1px solid #c80228;
	padding:			10px 10px 10px 10px ;}


/*	Some general content display rules */

	h2 {
		font-size:			14px;
		color:				#c80228;}
		
	h2.FirstH2 {
		margin-top:			0px;}
	

/*	Seller Menu control 
	This is the in-page navigation menu at the top of seller pages. */

	table#SellerMenu {
		width:100%; /* still thinking about this. It /appears to work. */
		border-collapse:	separate;
		border-spacing:		2px 2px;}
		
	table#SellerMenu td {
		background-color:	#efefef;
		padding:			4px 3px 4px 3px ;}
	
	table#SellerMenu td.simple {
		background-color:	#fff;}
	
	table#SellerMenu a:link {
		color:				#000;
		font-weight:		bold;
		text-decoration:	none;}
	
	table#SellerMenu a:visited {
		color:				#000;
		font-weight:		bold;
		text-decoration:	none;}
	
	table#SellerMenu a:focus {
		color:				#000;
		font-weight:		bold;
		text-decoration:	none;}
	
	table#SellerMenu a:hover {
		color:				#000;
		font-weight:		bold;
		text-decoration:	underline;}
	
	table#SellerMenu a:active {
		color:				#000;
		font-weight:		bold;
		text-decoration:	underline;}
	
	#LogoLink {
		float:				left;
		height:				40px;
		width:				210px;}


/* Sellers.aspx (signup page) */

	table#SellerLogonTable {
		border-collpse:		collapse;}
	
	#SellerSignUpTable td {
		padding-bottom:		3px;}
	
	td.SellerSignUpTableColumn1 {
		width:				180px;}
		
	td.SellerSignUpTableColumn2 {
		width:				420px;}
	
	#txtPostalCode {
		margin-left:		0px;}
	
	#txtprimaryemail, 
	#txtUsername, 
	#txtPassword, 
	#txtPassword2, 
	#txtCap {
		width:				193px;}
	
	#SellerPortalContent input#txtPh1, 
	#SellerPortalContent input#txtPh2, 
	#SellerPortalContent input#txtPh3, 
	#SellerPortalContent input#txtExt {
		width:				36px;}


/*	AccountSetupWizard 
	Remember that there are 3 "pages" within the one aspx file.
	They are displayed sequentially. rules for all ot them are below. */

	#AccountSetupWizard ul li {
		margin-left:			2em;
		margin-bottom:			.5em;
		padding-left:			0px;}
	
	#stateTable td {}


	/* force a little alignment ;-) */
	#btnAddState, 
	#btnRemoveState, 
	#btnAddCounty, 
	#btnRemoveCounties {
		margin-right:			30px;}
		
	#lbStatesOut, 
	#lbCountiesOut {
		margin-right:				30px;}

	#locationTableStateTD,
	#locationTableCountyTD {
		padding-left:		60px;}


/* Login.aspx */

	td.SellerLogonTableColumn1 {
		width:				120px;
		padding-bottom:		3px;}
		
	td.SellerLogonTableColumn2 {
		width:				480px;
		padding-bottom:		3px;}
	
	#SellerLogonTable #btnLogin, 
	#SellerLogonTable #btnSend {
		/* used on the logon and forgot password pages */
		margin-top:			8px;
		margin-bottom:		8px;}


/* AccountOverview.aspx */

	#AccountTable td {
		border-collapse:	separate;
		border-spacing:		2px 2px;
		padding:			2px;}
	
	td.AccountTableColumn1 {
		width:50%;}
	
	td.AccountTableColumn2 {
		width:50%;}


/* contactInfo.aspx */

	table#ContactInfoTable  {
		border-collapse:	collapse;}
	
	table#ContactInfoTable  td {
		padding-bottom:		3px;}
	
	td.ContactInfoTableColumn1 {
		width:				25%;}
		
	td.ContactInfoTableColumn2 {
		width:				75%;}
	
	#txtphonenumber {
		width:				193px;}
	
	#txtAdditionalEmail {
		width:				193px;
		height;				3em;}
	
	#btnUpdate {
		width:				100px;}


/* billingInfo.aspx */

	#billingInfo #AccountTable td {}
	
	#billingInfo td.AccountTableColumn1 {
		width:25%;}
	
	#billingInfo td.AccountTableColumn2 {
		width:75%;}
	
	#txtName,
	#txtCardNumber {
		width:				193px;}
	
	#ddlCard {
		width:				199px;}
	
	#txtExpMonth, 
	#txtExpYear {
		width:				40px;}


/* makePayment.aspx */

	#txtCard,
	#txtInvoice, 
	#txtAmount {
		width:				193px;}
		
	#txtExpireMonth {
		width:				26px;}
		
	#txtExpireYear {
		width:				52px;}
	
	#btnProcess {
		width:				100px;}


/* MarkBogus.aspx */

	#txtNotes {
		/* The textarea for notes */
		width:				400px;
		height:				6em;}
	
	#btnBogus, 
	#btnCancel {
		width:				100px;}


/*	sellerFooter-RL.ascx */

#SellerPortal.footer {
	margin-top:			.75em;}



/* ========================================================= */
/* Main Menu rules ========================================= */
/* ========================================================= */

/*	this is the html header that appears on all pages. 
	There are adjustments for the public site */


table#Menu {
	width:				700px;
	margin-left:		1px;
	margin-bottom:		10px;
	border-collapse:	collapse;
	font-family:		Arial, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#c80228;}


table#Menu.PublicSite {
	margin-left:		auto;
	margin-right:		auto;}


#Menu td#MenuColumn1 {
	width:				166px;}
	
#Menu td#MenuColumn2 {
	width:				400px;}

#Menu td#TopBannerRow {
	background-color:	#fff;
	height:				62px;
	background-image:	url(TopBannerImage.gif);
	background-repeat:	no-repeat;
	border:				none;}

#Menu #UpperMenuLinks {
	margin-right:		1em;
	text-align:			right;
	font-size:			11px;
	font-weight:		normal;}
	
	#Menu #UpperMenuLinks a:link {
		color:				#c80228;
		text-decoration:	none;}

	#Menu #UpperMenuLinks a:visited {
		color:				#b80218;
		text-decoration:	none;}

	#Menu #UpperMenuLinks a:focus {
		color:				#c80228;
		text-decoration:	underline;}

	#Menu #UpperMenuLinks a:hover {
		color:				#000;
		text-decoration:	underline;}

	#Menu #UpperMenuLinks a:active {
		color:				#cc6633;
		text-decoration:	underline;}

#Menu td#MenuRightSideTD {
	background-color:	#c80228;
	border:				1px solid #c80228;
	background-image:	url(MiddleBannerBackground.gif);
	height:				141px; /* ie6 compatibility */
	Font-family:		Tahoma;
	line-height:		1.5em;
	color:				#fff;}
		
#BannerTextWrapper {
	margin-left:		64px;
	line-height:		1.75em;}	

	span#BannerText1 {
		font-size:			20px;}
		
	span#BannerText2 {
		text-transform:		uppercase;
		font-weight:		normal;
		font-size:			14px;}
		
	span#BannerText3 {
		text-transform:		uppercase;
		font-size:			16px;}
		
.MenuTD {
	/* These are the big buttons on the left of the menu */
	border:				1px solid #c80228;
	margin:				0px 0px 0px 0px ;
	padding:			0px 0px 0px 0px ;
	text-align:			right;
	vertical-align:		top;
	font-size:			14px;}
	
	a:link.MainMenuLink {
		display:			block;
		height:				26px;
		padding-top:		9px;
		padding-right:		21px;
		background-color:	#fff;
		color:				#c80228;
		text-decoration:	none;}
		
	a:visited.MainMenuLink {
		display:			block;
		height:				26px;
		padding-top:		9px;
		padding-right:		21px;
		background-color:	#fff;
		color:				#c80228;
		text-decoration:	none;}
		
	a:focus.MainMenuLink {
		display:			block;
		height:				26px;
		padding-top:		9px;
		padding-right:		21px;
		background-color:	#fff;
		color:				#c80228;
		text-decoration:	none;}
		
	a:hover.MainMenuLink {
		display:			block;
		height:				26px;
		padding-top:		9px;
		padding-right:		21px;
		background-color:	#c80228;
		color:				#fff;
		text-decoration:	none;}
		
	a:active.MainMenuLink {
		display:			block;
		height:				26px;
		padding-top:		9px;
		padding-right:		21px;
		background-color:	#c80228;
		color:				#f77;
		text-decoration:	none;}



/*	============================================================================ 
	end of Stylesheet for AlarmQuotes.net - Seller Portal version
	============================================================================ */