/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Shrugg Events - default.css
LAST UPDATED:	07 September 2007
AUTHOR:			Daniel Thompson <dt@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	=13:	[LENDERINFO]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
link,:visited { text-decoration:none }
ul li { list-style: disc; margin-left: 35px;}
ul { margin-top: 5px; margin-bottom: 5px;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:12pt; }
a img,:link img,:visited img { border:none }

.cleaner {
	clear:both; 
	height:1px;
	font-size:1px;
	border:none;
}

a {
	color: #000;
}

p {
	line-height: 25px;
}

p.contactError {
	text-align: center;
	color: #e00;
	width: 90%;
	margin: 5px auto;
	border: 1px solid #ddd;
	padding: 3px;
}

br {
	line-height: 4px;
}

address { font-style:normal }

html { margin-bottom: 1px;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 11pt;
	color: #000;
	background-color: #0072bc;
	text-align: center;
}

#calculator {
	background: url('../images/calc/calc_footer.gif') bottom left no-repeat;
	padding-bottom: 15px;
}

#pagewrap {
	width: 810px;
	background-color: #fff;
	margin: 0px auto;
	text-align: left;
}

#header {
	height: 114px;
}

#navigation {
	width: 810px;
	height: 39px;
	background: url(../images/navigation_bg.gif) no-repeat;
	list-style-position: inside;
	line-height: 32px;
}

#navigation ul#mainNav {
	margin: 0px;
	padding-top: 5px;
	list-style: none;
}

#navigation ul#mainNav li {
	float: left;
	margin: 0px;
	padding-left: 20px;
	list-style: none;
	font-weight: bold;
}

#navigation ul#mainNav a {
	color: #000;
}


#ticker {
	height: 30px;
	width: 801px;
	background: url(../images/ticker_bg.jpg) no-repeat;
	margin: 4px;
}

#ticker p {
	padding-top: 9px;
	padding-left: 95px;
	font-size: 8pt;
}

#colLHS {
	float: left;
	width: 160px;
}

#phoneBox {
	margin: 0px auto;
	width: 146px;
	background: url(../images/primnav_bg.gif) repeat-y;
	margin-bottom: 10px;
}

#phoneBox .titleBox {
	background: url(../images/primnav_top.gif);
	height: 35px;
	width: 145px;
	list-style-position: inside;
	line-height: 32px;
	font-size: 9pt;
}

#phoneBox #phoneBoxContent, #phoneBox .phoneBoxContent {
	padding: 10px;
	background: url(../images/mobile_bg.gif) no-repeat;
	background-position: bottom right;
	width: 122px;
}

#phoneBox #phoneBoxContent span.fieldTitle, #phoneBox .phoneBoxContent span.fieldTitle {
	font-weight: bold;
	font-size: 8pt;
	padding: 5px;
	display: block;
}

/*** POPUP ***/

#contactPopup {
	margin: 0px auto;
	width: 146px;
	background: url(../images/primnav_bg.gif) repeat-y;
	margin-bottom: 10px;
}

#contactPopup .titleBox {
	background: url(../images/primnav_top.gif);
	height: 35px;
	width: 145px;
	list-style-position: inside;
	line-height: 32px;
	font-size: 9pt;
}

#contactPopup #phoneBoxContent {
	padding: 10px;
	background: url(../images/mobile_bg.gif) no-repeat;
	background-position: bottom right;
	width: 122px;
}

#contactPopup #phoneBoxContent span.fieldTitle {
	font-weight: bold;
	font-size: 8pt;
	padding: 5px;
	display: block;
}

/*** END POPUP ***/

#primnav {
	margin: 0px auto;
	width: 146px;
	background: url(../images/primnav_bg.gif) repeat-y;
	margin-bottom: 10px;
}

#primnav .titleBox {
	background: url(../images/primnav_top.gif);
	height: 35px;
	width: 145px;
	list-style-position: inside;
	line-height: 32px;
	font-size: 9pt;
}

#primnav ul#primNavItem {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#primnav #primNavItem li {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	list-style-position: outside;
	line-height: 32px;
	background: url(../images/primnav_normalcell.gif) no-repeat;
	list-style: none;
}

#primnav #primNavItem li.topCell {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	list-style-position: outside;
	line-height: 32px;
	height: 32px;
	background: url(../images/primnav_topcell.gif) no-repeat;
	background-position: top left;
	list-style: none;

}

#primnav #primNavItem li.baseCell {
	background: url(../images/primnav_basecell.gif) no-repeat;
}

#colCentral {
	width: 485px;
	float: left;
}

#colRHS {
	float: right;
	width: 160px;
	background: url(../images/offerbar_bg.gif) no-repeat;
	background-position: top center;
}


#colCentralContent {
	width: 645px;
	float: left;
}



#colRHS #sidePod, #colRHS .sidePod {
	position: relative;
	margin-left: 15px;
	margin-top: 10px;
	width: 125px;
	height: 189px;
	background: url(../images/side_pod.gif) no-repeat;
	padding: 10px;
}

.contactForm {

}

.contactForm td {
	text-align: left;
	vertical-align: top;
}

.contactForm td.label {
	width: 40%;
	text-align: right;
}

/*	=2:	[LINKS] -------------------------------------------*/	

/* NOTES: remember LoVe HAte */

a:link 		{color: #666; text-decoration: none;}
a:hover 	{color: #666; text-decoration: underline;}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/

h2 {
	color: #0066cc;
	font-weight: bold;
	font-size: 14pt;
	margin-top: 15px;
	margin-bottom: 15px;
}

h3 {
	font-size: 10pt;
	padding: 0 4px 4px 4px;
	margin: 5px;
	border-bottom: 1px solid #888;
}

p {
	font-size: 10pt;
	line-height: 15px;
	margin-bottom: 20px;
	text-align: justify;
}

td.title {
	text-align: right;
	width: 150px;
}

td.input {
	text-align: left;
}

td.result {
	font-weight: bold;
	background-color: #efefef;
	text-decoration: underline;
}

/*td {
	vertical-align: top;
}*/

.small {
	font-size: 8pt;
}

.small7 {
	font-size: 7pt;
}

#colRHS #sidePod span.percentFigure, #colRHS .sidePod span.percentFigure {
	font-size: 20pt;
	font-weight: bold;
	padding: 10px;
	display: block;
}

table#tblNoFormatting {
	border: 0px;
}

table#dataTbl {
	/*border: 0px;*/
}

table#dataTbl tr.header {
	background: url('../images/td_bg.gif');
	color: #fff;
}

table#dataTbl tr.central {
	text-align: center;
}

table#dataTbl tr.header a {
	color: #fff;
}

table#dataTbl tr.row1 {
	background: #eaf4fa;
	
}

table#dataTbl tr.row1 td {
	border-bottom: 1px solid #e6e6e6;
	
}

table#dataTbl tr.central td {
	border-bottom: 1px solid #44f !important;
	
}

table#dataTbl tr.row2 {
	background: #fff;
}

table.accordTbl, table.accordTbl table {
	width: 100%;
	border: 0px;
	padding: 0px;
}

table.accordTbl tr.header {
	font-weight: bold;
	height: 35px;
	cursor: pointer;
	background: url(../images/calc/accordian_bg.gif) repeat-x;
}
/*

table.accordTbl tr.header.selected td{
	background: #ff0000 url(../images/td_bg_shit.gif);
	color: #fff;
	border: 10px solid #ff0000;
}*/
/*	=4:	[TOP ELEMENTS] ------------------------------------*/

/*	=5:	[NAVIGATION] --------------------------------------*/	

/*	=6:	[MAIN COLUMN] -------------------------------------*/	

#welcomeBanner {
	width: 484px;
	height: 216px;
}

#calcBanner {
	position: relative;
	width: 484px;
	height: 162px;
	background: url(../images/calculator_banner.jpg) no-repeat;
}

#calcFlash {
    width: 484px;
	height: 162px;
	position: absolute;
	z-index: 0;
}

#calcBanner img {
	bottom: 12px;
    position: absolute;
    z-index: 1;
}

td.highlighted {
	background: url(../images/td_bg.gif) repeat-x;
}

table {
	/*border: 1px solid #ccc;*/
	margin-bottom: 10px;
}

table td {
	padding: 5px;
}

td.highlighted p {
	padding: 5px 0px 0px 10px;
	font-weight: bold;
	color: #fff;
}

#addrList ul {
	padding: 0;
	margin: 5px 0;
}

#addrList li {
	padding-left: 5px;
	margin: 0;
	list-style-position: inside;
}

#contactPg {
float: left;
	background: url('../images/phone_bg.gif');
	background-position: top right;
	clear: both;
}

#contentEnder {
	float: left;
}

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	

#testimonialTxt {
	width: 150px;
}

#testimonialTxt p{
	padding: 10px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
}

/*	=8:	[FOOTER] ------------------------------------------*/	

#footer {
	height: 60px;
	width: 810px;
	background: url('../images/footer.gif') no-repeat;
	clear: both;
	color: #666;
}

#footer p { 
	padding-top: 20px;
	padding-left: 5px;
	font-size: 8pt;
}

#footer a { 
	color: #666;
}

#footerLHS {
	float: left;
}

#footerRHS {
	padding-right: 5px;
	text-align: right;
	float: right;
}

/*	=9:	[LISTS] -------------------------------------------*/	
ol.links {
	margin: 0px;
	padding: 0px;
}

ol.links li {
	padding: 2px;
}



/*	=10: [FORMS] ------------------------------------------*/	

input {
	border: 1px solid #ccc;
}

form {margin: 0px;}

table.fullWidth {
	width: 100%;
}

/*	=11: [IMAGES] -----------------------------------------*/	

img.fright {
	float: right;
}

img.leftIt {
	position: absolute;
	left: 0px;
}

img.rightIt {
	position: absolute;
	right: 0px;
}

img.topIt {
	position: absolute;
	top: 0px;
}

img.bottomIt {
	position: absolute;
	bottom: 0px;
}

img.button {
	float: right;
	cursor: pointer;
}

img {border: 0px; display: block;}	
img.inline { display: inline; }
img.withGap {margin-top: 5px;}

/*	=12: [MISC] -------------------------------------------*/	


.paddLeft {
	padding-left: 10px;
}

.paddRight {
	padding-right: 10px;
}

.nspBlue {
	color: #0072bc;
}

.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #50b300; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #999999; }

.fLeft  {float: left;}
.fRight {float: right;}

/* =13: [LENDERINFO] ---------------------------------------*/	

body.lenderinfo {
	background-color: #fff !important;
}

table.lenderinfo {
	
}


/* =14: [SEO Frame BOX] ---------------------------------------*/	
#textbox {
	float: left;
	width: 810px;
	background-color: #fff;
}

#textbox p {
	width: 800px;
}

#textbox a, #textbox a:visited {
	text-decoration: none;
}

#textbox a:hover {
	text-decoration: underline;
}


/* =15: [TICKER SCROLLER] ---------------------------------------*/	
#pscroller1{
	width: 450px;
	height: 20px;
	padding: 8px 0px 0px 100px;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}


/* =16: [TESTIMONIAL] ---------------------------------------*/	
#quoter {
	margin-left: 10px;
	font-size: 9pt;
}

#quoter p {
	font-size: 9pt;
}