/* basic styles */
body {
margin:1.5em 0 1.5em 1.5em;
padding:0; /* needed for Opera */
background-color:#FFF;
margin-left: auto; 
margin-right: auto; 
width: 935px
}

img {border:0}

body {
font-family:Verdana,Sans-serif;
line-height:1.3em;
}

td {
font-family:Verdana,Sans-serif;
}

.clear {clear:both;}
.clearLeft {clear:left;}

a {
color:#9E0B0E;
font-weight:bold;
text-decoration:none;
}

a:hover, a:active, a:visited { color:#00F; }

form {margin:0;}

p {
margin:1em 0 1em 0;
}

/* "Green Mountain Motorbooks" main title */
h1 {
position:absolute;
margin:0;
padding:.1em 0 0 .2em;
font-family:"Times New Roman",Serif;
font-style:italic;
color:#090;
line-height:1em; /* weird stuff happens with spacing if we don't override the body line-height here */
}

/* page titles */
h2 {
margin:0 0 1em 0 ;
padding:.25em .5em .3em .5em;
font-family:Arial,Sans-serif;
color:#FFF;
background-color:#090;
text-align:center;
line-height:1.2em;
font-size:1.4em;
}

/* titles above dynamic content boxes on front page */
h3 {
margin:0 0 .2em 0;
padding:1px .5em 2px .5em;
font-family:Arial,Sans-serif;
color:#FFF;
background-color:#090;
text-align:center;
font-size:1.1em;
}


h4 {
margin:0;
}

/* font sizes defined in one place */
body,td {font-size:76%;}
h1 {font-size:2.8em;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}
p {font-size:1.0em;}
.content p {font-size:1.0em;}

.divider { width:1px; height: 400px; float:left }
.orderreview {
margin:0 0 1em 0 ;
padding:.25em .5em .3em .5em;
font-family:Arial,Sans-serif;
font-size: small;
font-weight: bold;
/* color:#FFF;
background-color:#090;
text-align:right; */
line-height:1.2em;
}
#specialSearch p, #boutique p, #sellingLeft p, #magazines p, #posters p, #movies p, #specialOccassion {
font-size:.9em;
}

/* fixed-width sections */
#header, #horzNav, #body, #footer {
width:931px;
}

#header {
height:95px;
background-color:#D4E7D6;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}

.full {
 font-size: 100%;
}
/*
#quickSearch {
position:absolute;
top:68px;
left:18px;
text-align:right;
}
*/
#quickSearch {
position:relative;
top:50px;
/*text-align:right;*/
}

#quickSearch form {
width:12em;
margin:0 1.8em .2em 0;
font-family:Verdana,Sans-Serif;
font-size:1.2em;
border:0;
}

.qinput {
	width:225px;
	font-family:Verdana,Sans-Serif;
	font-size:1.2em;
	border:0;
}

#quickSearch img {
margin:0 0 5px 0;
}

/* link colors must be defined in this specific order: normal, active, hover, visited */
#quickSearch a { 
color:#000;
font-weight:normal;
}
#quickSearch a:active { color:#00F; }
#quickSearch a:hover { color:#00F; }
#quickSearch a:visited { color:#00F; }

#events {
font-family:Verdana;
margin:.8em;
font-size:.9em;
float:right;
color:#00F;
font-weight:bold;
line-height:1.2em;
text-align:center;
}

#events ul {
margin:.5em 0 0 0;
padding:0;
color:#FFF;
list-style-type:none;
}

/* link colors must be defined in this specific order: normal, active, hover, visited */
#leftNav a { color:#000; }
#leftNav a:active { color:#00F; }
#leftNav a:hover { color:#00F; }
#leftNav a:visited { color:#00F; }

#horzNav a { color:#000; }
#horzNav a:active { color:#00F; }
#horzNav a:hover { color:#00F; }
#horzNav a:visited { color:#00F; }

#footer a { color:#000; }
#footer a:active { color:#00F; }
#footer a:hover { color:#00F; }
#footer a:visited { color:#00F; }

#horzNav {
margin:.5em 0 1.0em 0;
text-align:center;
font-size:11.5px;
}

#horzNav li {
display:inline;
padding:0 .25em 0 .25em;
}

#horzNav li.first { padding-left:0; }
#horzNav li.last { padding-right:0; }

#footer li {
display:inline;
}

#horzNav ul, #footer ul {
margin:0;
padding:0;
list-style-type:none;
}

#leftNav {
margin-right: 16px;
width: 139px;
float: left;
background-color:#090;
z-index:6;
}

#leftNav ul ul {
width:11.5em;
background-color:#090;
}

#leftNav h3 {
margin:0;
}

#leftNav ul { 
font-size:.9em;
line-height:1em; /* small spaces sneak in between list items if we don't use px. better than overlapping text when text scales up */
text-align:center;
margin:0;
padding:0;
z-index:7;
}

#leftNav ul li {
background-color:#EEE;
list-style-type:none;
padding:0 2px 1px 0px; /* need at least 1px of bottom padding on the li or IE jumps off a bridge */
position:relative; /* this ensures that setting #leftNav ul ul width to 100% is relative to the parent ul, not the whole page */
display:block;
z-index:8;
}

#leftNav ul a {
width:100%;
background-color:#EEE;
padding:4px 0 3px 0px; /* small spaces sneak in between list items if we don't use px */
font-weight:normal;
display:block;
}


.popout {
top:0px;
left:100%;
position:absolute;
visibility: hidden;
z-index: 10;
}

#leftNav ul ul {
top:0;
left:100%;
font-size:1em;
text-align:left;
/*position:absolute;*/
z-index: 9;
}

#leftNav ul select {
background-color:#EEE;
}

#leftNav ul select option {
cursor:pointer;
}

#leftNav ul ul a {
width:95%; /* offset padding */
padding-left:.5em;
}

#leftNav, #leftContent, #rightContent {
	float:left;
}


#leftContent div, #rightContent div {
	float:left;
}

#leftContent div div, #rightContent div div {
	background-color:#FFF;
}

#justArrived, #specialSearch, #leftBottom, #magazines, #posters, #specialOccassion {
clear:left;
}

#justArrived {
height: 230px;
}

/* Widths are set in em where possible. Sections sized to a fixed-width image are set in px. */
#justArrived {width:137px;}
#welcome {width:278px;}
#specialSearch {width:418px; margin-top: 0; padding-top: 0;}
#leftBottom {width:33.6em;}
#boutique {width:135px;}
#sellingLeft {width:130px;}
#sellingRight {width:136px; padding-left:5px;}
#specialOccassion {width:358px; display: inline; margin-left: 5px;}

/* if we use margin here instead of padding, IE doubles (???) the width */
#welcome {
	padding-left:11px;
	margin-left:0px;
}

#rightContent {
	width: 364px;
	padding:0px;
	margin:0px;
}
#magazines_posters {
	padding:0px;
	margin:0px;
	display: inline;
}
#magazines {
	width:170px;
	padding:0px;
	margin-left: 27px;
	display: inline;
}
#posters {
	width:170px;
	padding:0px;
	margin-left: 27px;
	display: inline;
}

#movies {
	width:139px;
	padding:0px;
	margin-left: 28px;
	display: inline;
}	

#welcome p {
	margin:0 0 .4em 0;
}

#welcome img {
margin-top:.5em;
}

p#welcomeMessage {
margin:0;
color:#00F;
font-family:"Times New Roman";
font-size:1.1em;
font-weight:bold;
font-style:italic;
}

#specialSearch p {
margin:0 0 .5em 0;
color:#00F;
}

#magnifier {
margin:0 .2em 0 0;
float:left;
}

#checkers {
margin:0 0 1em 0;
}

#boutique h3, #sellingRight h3 {
font-size:1em;
}

#sellingLeft p, #sellingRight h3, #sellingRight img {
cursor:pointer;
}

#sellingLeft p {
margin:0 0 0 .8em;
}

#sellingRight {
margin:0;
}

#magazines_posters {
margin-bottom: .5em;
}


#posters .Spool {
height:120px;
/*#overflow:hidden;*/
}

#boutique p, #magazines p {
margin:0 0 10px 0;
}

#magazines .Spool {
display:inline;
margin-left:5px;
float:right;
}

/* we have to specifically set the posters h3 to be the same width as the posters image
since the posters div is stretched out a little to fit the text */
#posters h3 {
padding-left:0;
padding-right:0;
width:170px;
}

#movies p {
padding-top:.3em;
margin-top:.3em;
color:#00F;
/*background-image:url(../images/movie_icon.jpg);*/
background-repeat:no-repeat;
background-position:top right;
}

#movieSpacer {
margin:0 0 -1em -3em;
float:right;
}

#specialOccassion p {
margin:0 0 .5em 0;
}

.Thawte {
color:#9E0B0E;
font-weight:bold;
}

.diffcat {
	margin-top: 0;
	padding-top: 20px;
	text-align:center;
	clear:both;
}

.diffcat.option {
	font-size: 12px;
}

#footer {
	margin-top: 0;
	padding-top: 1em;
	font-weight:bold;
	text-align:center;
	clear:both;
}

#footer_home {margin-right:.86em;}
#footer_about {margin-right:.86em;}
#footer_events {margin-right:1.2em;}
#footer_greenmountain {margin-right:1em;}
#footer_address {margin-right:.5em;}
#footer_zip {margin-right:1em;}
#footer_phone {margin-right:1em;}

.content {
	/*margin-left:22px;  must be at least 11.5em to clear the leftnav */
	line-height:1.5em;
	float: left;
	width: 775px;
}

.content p {
	margin:0 0 1.4em 0;
}

/* inline headers that appear at the beginning of paragraphs */
.content .paraHeader {
	font-weight:bold;
}

#book_club .paraHeader, #faq  .paraHeader {
margin-right:.5em;
}

img.floatLeft {
margin-right:1.76em;
float:left;
}

img.floatRight {
margin-left:1.76em;
float:right;
}

.greenMountain {
color:#090;
font-weight:bold;
}

#about #ourFounders {
text-align:right;
float:right;
}

#about #ourFounders img {
margin:0 0 0 1em;
}

#about #ourFounders p {
margin:.7em 0 .7em 0em;
padding:0 0 0 1em;
font-weight:bold;
font-style:italic;
text-align:center;
}

/* make the left-floating image margin a little narrower to fit text */
#about .floatLeft {
margin-right:1.4em;
}

#contact h2 {
margin-right:198px; /* at least 177px to offset contact map image */
}

#contact .textColumn {
float:left;
margin-right:3em;
}

/* fit the mapquest in a little tighter */
#contact #mapQuest {
margin:.3em 1em 0 0;
}

#contact #addressBox {
margin-bottom:1.4em;
}

#eventsPage p {
margin-bottom:.4em;
}

#eventsColumnLeft {
width:186px; /* same width as events pictures */
margin-right:15px;
text-align:center;
float:left;
}

#eventsColumnRight {
	width:186px; /* same width as events pictures */
	margin-left:15px;
	text-align:center;
	float:left;
    }

#eventsColumnCenter ul li {
	list-style-type:none;
	line-height:3em;
}

#eventsColumnCenter ul li .paraHeader {
	margin-right:.5em;
}

#group_rates h2 {
	margin-right:150px; /* at least 129px to offset contact map image */
}

/* tighten up the text around the bear image */
img#bear {
	margin:.3em 1em 0 0;
}

/* push the limerock image up a little bit so the third line of text wraps */
img#limerock {
	margin:-.4em 1em 0 0;
}

#car_sales, #privacy {
	line-height:1.73em;
}

/* tighten up the text around the bear image */
#ordering .floatRight {
margin-left:1em;
}

/* privacy and resource links pages have narrower content */
#resource_links.content, #privacy.content {
	/*margin-left:16.26em;*/ /* must be at least 11.5em to clear the leftnav */
	/*margin-right:3em;*/
}

#resourceColumnLeft {
	/*margin-right:1.7em;*/
	float:left;
}

#resourceColumnRight {
	float:right;
}

#resource_links a { 
	color:#000;
	font-weight:normal;
}
#resource_links a:active { color:#00F; }
#resource_links a:hover { color:#00F; }
#resource_links a:visited { color:#00F; }

#resource_links ul {
	margin-left:0;
	padding:0;
}

#resource_links li {
	padding:0;
	list-style-type:none;
}

#resource_links #racing_safety {
	position:absolute;
	margin:1em 0 0 17em;
}

#book_club .Spool {
margin-left:1em;
float:right;
}

#search h3, #browse h3 {
font-size:1em;
color:#000;
background-color:transparent;
margin-bottom:1em;
}

#search td {
/*text-align:left;*/
}
#browse td {
text-align:left;
}
.searchlist {
	margin-left: 0;
  padding-left: 40px;
}
.searchlist li {
	margin-left: -12px;
}
.bltext { margin: 0px; padding: 0px; }
.text { font-size: 1.2em }
/* debug styles */

/*
td 	    { border: dashed 2px green; }
div 	    { border: dashed 2px blue; }
div div	    { border: dashed 2px red; }
div div div { border: dashed 2px orange; }
*/