/* CSS <<2ndtier>> Style Sheet----------------------------------------------------
version: 2.0.1
author: Michel Joanisse
email: michel.joanisse@mountainmamma.com
website: http://www.mountainmamma.com
last updated: May 05th, 2008
----------------------------------------------------------------------------------*/

/* To be fixed/reviewed:
-->TODO(1): firefox bug for textarea.. when typing the text is supposed to break
to next line but instead it continuously scrolls vertically without ever breaking 
down. It does work in internet explorer, and i know there's a way to fix it for
firefox, but the solution is yet to be found.

-->SOLUTION(1):

-->TODO(2): firefox displays nice looking border lines, however in IE the lines/borders
appear to be much thicker and unattractive. Quick fix would be to simply have both
lines at a thin fixed width in both browsers.

-->SOLUTION(2):

-->TODO(3): Radio buttons - only one should be selectable, not the case with IE.

-->SOLUTION(3):

----------------------------------------------------------------------------------*/

#content p.verticalline, #content ul#biztips li.verticalline {
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}


/* General Typography and Style 
********************************************/

#content h3 {
	color:#663435;
	font-size:14px;
	
}

#content h3.boldemphasis {
	color:#000000;
	font-size:110%;
	font-weight:bolder;
	text-transform:uppercase;
	margin:0px;
}

#content div.members h3.boldemphasis {margin-left:139px;}

#content h3.boldemphasis span {
	color:#663435;
	font-size:100%;
	text-decoration:underline;
}

#content h5 {
	color:#663435;
	font-size:125%;
	font-weight:bold;
}

#content ul.biztips li, #content ol.biztips li {
	line-height:18px;
	margin: 5px 0px 10px 0px;
}

#content ul.biztips, #content ol.biztips {margin: 5px 60px 5px 60px;}


#content p {
	line-height:140%;
}

#content p span.underline {
	text-decoration:underline;
}

#content p span.bold, #content p.verticalline span.bold, #content ul.biztips li span.bold, #content ol.biztips li span.bold {
	font-weight:bold;
}

#content span.maincontentlinks, #content span.maincontentlinks:hover {
	color:#663435;
	text-decoration:underline;
	font-weight:bold;
}

#content span.maincontentlinks:hover {
	cursor:pointer;
}

#content ul.nobulletlist {
	list-style:none;
	margin:5px 0px 10px 0px;
}

#content ul.externallistlinks {
	list-style:none;
	margin:20px 0px 20px 0px;
}

#content ul.externallistlinks li {
	padding-bottom:10px;
}

/* General Images and Advertisement
********************************************/

.Adcontainer {
	margin-left:30%;
}

img.advertisement {
	margin-bottom:10px;
}

/* General fieldsets/labels/inputboxes, etc..
********************************************/

#paymentform1 {
	margin-bottom:15px;
}

#paymentform2 select#expirymonth {
	width:50px;
}

#paymentform2 select#expiryyear {
	width:137px;
}

#paymentform1 select, #paymentform2 select {
	width:255px;
}

#paymentform2 input.radiobuttons {
	width:20px;
	margin-bottom:20px;
}

#paymentform2 p#billingaddress {
	margin-top:15px;

}

#paymentform2 form input.checkbox {
	width:20px;
	outline:none;
	margin-right:10px;
	height:13px;
	
}

#content input.buttons#submit {
	margin: 0px 0px 5px 0px;
	width:22%;
}

/*CSS ie7 HACK*/
#content input.buttons#submit {*margin-left:-200px;}
							   

#contactform input, #paymentform1 input, #paymentform2 input {
	width:250px;
}

#contactform input.buttons, #paymentform1 input.buttons, #paymentform2 input.buttons {
	width:75px;
}

#content #contactform input, #content #paymentform1 input, #content #paymentform2 input  {
	margin-top:3px;
	margin-bottom:3px;
}

#contactform textarea {
	margin-bottom:10px;
	margin-top:3px;
	width:510px;
}


/* Pseudo-classes = hoverstates and such
********************************************/

#content ul.externallistlinks li a:hover {
	color:#003838;
}

/*BBB Graphic
********************************************/
#content a#BBB img {
	border:0;
	float:right;
	clear:both;
}


/*-----------------
SIDE/SUB NAVIGATION
*/

div#secondary h3 {
	margin-left:0;
	font-size:14px;
	font-weight:normal;
	color:#663433;
}

div#secondary ul {margin:15px 0 25px 0;}
div#secondary ul li {list-style:none;margin-bottom:5px;}
div#secondary ul li.active a {font-weight:bold;cursor:default;}

div#secondary ul li a {
	color:#000;
	font-size:11px;
	text-decoration:none;
}/*>*/div#secondary ul li a:visited {color:#000;}
/*-->*/div#secondary ul li a:hover {text-decoration:underline;}
/*--->*/div#secondary ul li.active a:hover {text-decoration:none;}