@charset "utf-8";
/* MOLLY TROLLEY
--------------------------------------------------------------
swatches:

#9fa99e  green lt   (subpage headings)
#1f4f48  green md   (left nav bg)
#102926  green dk   (nav inner bg)
#ceeceb  blue lt    (window bg; green box text)
#7eacac  blue md    (nav link bg)
#689999  blue dk    (nav link bg hover)
#990000  red dk     (nav link bg hover)
#CC3333  red md     (nav link sub bg hover)
#e9e5e5  gray lt    (aluminum box border)
#bbbaba  gray lt    (aluminum box)	
#393636  gray dk    (aluminum box text) 
#eab829  gold  	    (nav box border)
#ffffff  white      (aluminum box heading, footer, nav link)
#000000  black      (text general)
width
height
background
font
color
margin
padding

float
*/

body {
	background: #102926;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 auto;
	padding: 0 ;
	}
	
#wrapperPage {
	width: 960px; 
	background: #ffffff url('../images/imgs_bg/page_middle.gif') repeat-y;
	margin: 0 auto;
	padding: 0;
	}
	
#bg-pageTop {
	height: 50px;
	background: #102926 url('../images/imgs_bg/page_top.gif');
	margin: 0;
	padding: 0;
	}

#bg-pageBottom {
	height: 50px;
	background: #102926 url('../images/imgs_bg/page_bottom.gif');
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#wrapperSideBar { 
	width: 231px;
	margin: -20px 0 0 11px;
	padding:0;
	float:left;
	}	

#wrapperSideBar img {
	margin: 0;
	padding: 0;
	display: block;
	}


#sidebarBoxOne {
	width: 207px;
	background: #102926;
	border: 2px solid #eab829;
	margin: 0 10px 0 10px;
	text-align:center;
	}

/*======================================= */

/*#navMain { position:relative; float:left; width:735px; height:50px; font:12px/12px Trebuchet MS; font-weight:bold; text-transform:uppercase; }

                #navMain ul { margin:0; padding:10px 10px 10px 235px; list-style-type:none; }
                #navMain ul li { position:relative; padding:0; float:left; }
                #navMain ul li a, #navMain ul li a:visited { color:#999; font-weight:bold; display:block; padding:9px; }

                #navMain ul li ul.navSub { display:none; list-style-type:none; background:#bb6a2f; color:#000; text-transform:none; }
                #navMain ul li:hover > ul.navSub { display:block; position:absolute; top:30px; left:-1px; z-index:1002; padding:0; width:160px; border:1px solid #000; border-width:0 1px 1px 1px; }
                #navMain ul li ul.navSub li { float:none; border:0; text-align:left; }
                #navMain ul li ul.navSub li a:link, #navMain ul li ul.navSub li a:visited { padding:7px 10px; width:160px; wid\th:140px; font-size:12px; font-weight:normal; background:#bb6a2f; color:#000; }
                #navMain ul li ul.navSub li a:hover { width:160px; wid\th:140px; background:#a15734; color:#fff; }

                #navMain a:hover, #navMain ul li a:hover, #navMain ul ul a:hover { text-decoration:none; color:#fff; background:#bb6a2f; }
                #navMain :hover > a, #navMain ul li :hover > a, #navMain ul ul :hover > a { text-decoration:none; color:#fff; background:#bb6a2f; }
*/

#navMain {
	background: url('../images/imgs_bg/window_middle.gif') repeat-y;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold; 
	/*line-height: 13px;*/
	color: #ffffff;
	position:relative; 
	z-index:1002;
	}

#navMain ul { margin:0; padding:0 17px 0 17px; list-style-type:none; width: 174px; display: block;} /*keep width here?*/
#navMain ul li { position:relative; /*padding:2px 0 3px 0;*/ background: #7eacac; border-bottom: 1px solid #ceeceb; padding: 0; margin: 0; display: block;}
#navMain ul li a, #navMain ul li a:visited { color:#fff; /*font-weight:bold;*/ display:block; padding:5px 0 5px 0; text-decoration: none; width: 174px; margin: 0;}
#navMain ul li.current {background: #990000;}
#navMain ul li.current a {color: #eab829; }

#navMain ul li ul.navSub { display:none; list-style-type:none; background:#CC3333; color:#fff; text-transform:none; margin: 0; padding: 0;}
#navMain ul li:hover > ul.navSub { display:block; position:absolute; margin: 0 0 0 174px; /*margin: -24px 0 0 174px; */z-index:1002; padding:0; left: 0; top: 0;
border-right:1px solid #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left: none;
}
#navMain ul li ul.navSub li { float:none; border:0; text-align:left; }
#navMain ul li ul.navSub li a:link, #navMain ul li ul.navSub li a:visited { padding: 5px 4px 5px 10px; /*padding-left:10px;*/ margin: 0; font-size:13px;  /*font-weight:bold;*/ background:#990000; color:#fff; display: block; width: 160px;}
#navMain ul li ul.navSub li a:hover {background:#CC3333; color:#eab829; display: block; width: 160px;}

#navMain a:hover, #navMain ul li a:hover, #navMain ul ul a:hover { text-decoration:none; color:#eab829; background:#990000; }
#navMain :hover > a, #navMain ul li :hover > a, #navMain ul ul :hover > a { text-decoration:none; color:#fff; background:#990000;}
/*======================================= */

#sidebarBoxTwo {
	width: 207px;
	background: #102926;
	border-left: 2px solid #eab829;
	border-right: 2px solid #eab829;
	margin: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #ceeceb;
	text-align:left;
	}

#sidebarBoxTwo ul { margin:0 0 0 10px; padding:0 20px 0 20px; list-style-image: url(../images/imgs_bg/rivet_gr.gif); width: 174px; }

#sidebarBoxThree {
	width: 207px;
	margin: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ceeceb;
	text-align:center;
	}

#wrapperContent {
	width: 696px;
	margin: 3px 11px 0px 11px;
	padding: 0;
	float:right;
	}
	
#content {
 	width: 632px;
	font-size: .8em;
	line-height: 1.6em;
	padding: 30px;
	margin: 0px;
	}

#content_colOne {width: 316px; float: left; clear: both; padding:0; margin: 10px 0 10px 0;}
#content_colTwo {width: 316px; float: left; clear: none; padding:0; margin: 10px 0 10px 0;}

#content a:link,#content a:visited {color: #CC3333; text-decoration: none;}
#content a:hover {color: #eab829; text-decoration: underline;}

.pageHeader { width: 696px; background: #102926 url('../images/imgs_bg/page_header.gif') repeat-x; height: 43px; margin: 0 0 0 0px; padding: 0px;} 
/*.pageHeaderInner { width: 685px; background: #102926; border:1px dashed #fff; border-width:1px 0; padding:2px;}*/
h1 {color: #eab829; font:22px/22px Georgia; padding: 11px; margin: 0;}

.subPageLink {width: 200px; float: left; clear: none; margin: 5px; padding: 0; }
.subPageLink img {display: block;}
.subPageHeader { width: 200px; background: #9fa99e url('../images/imgs_bg/subpage_header.gif') repeat-x; height: 43px; margin: 0; padding: 0px; text-align:center;} 
h4 {color: #fff; font:16px/16px Georgia; padding: 15px; margin: 0; text-decoration: none;}
.subPageHeader a:link, .subPageHeader a:visited {text-decoration: none;}
.subPageHeader a:hover {text-decoration: underline;}
#landing {width: 420px; padding: 0 106px;}
#content h3 {color: #eab829; font:15px/15px Georgia; margin: 10px 0 20px 0; background: #fff; border-bottom: 1px solid #eab829; border-top: 1px solid #eab829; padding: 8px;}
#content h5 {color: #990000; font-size: 15px; margin-top: -5px;}
.secondary_heading {color: #990000; font-weight: bold;}

#highlightBox {
	width: 170px;
	background: #bbbaba;
	border: 2px solid #e9e5e5;
	color: #393636;
	padding: 0 20px 20px 20px;
	margin: 0 0 0 30px;
	float: right;
	clear: none;
	}

#highlightBox ul { margin:0 0 0 10px; padding:0 20px 0 20px; list-style-image: url(../images/imgs_bg/rivet_al.gif); width: 170px; }
#highlightBox h2 {color: #ffffff; font-family: Georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: normal;text-align: center; margin: 10px;}

#listBox {
	width: 295px;
	background: #bbbaba;
	border: 2px solid #e9e5e5;
	font-size: .8em;
	padding: 0 20px 20px 20px;
	margin: 0 -32px 30px 30px;
	float: right;
	clear: none;
	}
td.spec_desc {text-align: right; color:#666666; }
td.spec_value {text-align: left; color:#000000; font-weight: bold;}
#listBox h2 {color: #ffffff; font-family: Georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-align: center; margin: 10px;}

#picBox {
	width: 275px;
	height: 275px;
	padding: 0 0 0 40px;
	margin: 0;
	float: right;
	clear: none;
	}

#sideBox {
	width: 175px;
	background: #bbbaba;
	border: 2px solid #e9e5e5;
	font-size: .85em;
	padding: 0 20px 20px 20px;
	margin: 0 0px 30px 30px;
	float: right;
	clear: none;
	}
#sideBox h2 {color: #ffffff; font-family: Georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; text-align: center; margin: 10px;}

/*.col_container {width: 690px; background-color: red; vertical-align: middle; display: block; width: 680px; height: 100px; }*/
.col_pic {width: 102px; float: left; height: 67px; padding: 0; margin: 2px 10px 2px 0; background: #ccc; clear: both;}
.col_pic img {border: 1px solid #000000;}
.col_desc {width: 500px; float: left; vertical-align:middle;}
.clear {clear: both;}

#footer {
	width: 692px;
	float: right;
	font-size: .7em;
	color: #ffffff;
	text-align: center;
	margin: -30px 0 0 0;
	padding: 0;
	}	
	
#footer a:link, #footer  a:visited {color: #ffffff;}
#footer a:hover {color: #eab829;}

form {
	width: 620px; 
	margin: auto;
	}
	
label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px ; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
  	}


fieldset {padding:20px; }

legend {background: #e2e2e2; padding: 5px; margin: 3px 0 0 0; }

input {/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	/*width: 200px;       set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	text-align:left;		
	}
	
select {
	margin: 5px;
	text-align:left;
	}

input.button {
	/*width: auto;*/
	margin: 10px 0 0 200px;
	clear: both;
	float: left;
	color: #fff;
	border: 1px solid #990000; background: #CC3333;
	padding: 4px;
	font-style: bold;
	text-align:center;
	}
	
.required {color: red;}	

.fineprint {font-size: 11px;}
.disclaimer {font-size: 11px; text-align:center; color: #666666; font-style: italic;}

.alert {color: red; font-weight: bold;}

.captcha_pic {float: left; padding: 0; margin:0 0 0 150px; }
.captch_text {float: left; clear: none;}