/******************************************************
  Overall Style
*******************************************************/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, table, td, tr{
	margin:0;
	padding:0;
	border:0px;
	border-collapse:separate;
	border-spacing:0px;
	}
ul,li{
	list-style-type:none;
	}
body{
	font:70% Verdana, Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	background:url(../images/body_background.gif) repeat-x #ffffff;
	text-align:center;
	}
table{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	}
.CButton{
	margin:10px 0;
	}

/******************************************************
  Layout and Structure... must clean up
*******************************************************/
#overall-site-wrapper{
	padding:0;
	width:800px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
#footer{
	clear:both;
	background:url(../images/footer_background.gif) repeat-x;
	height:276px;
	padding:20px;
	text-align:center;
	}
#footer p{
	margin:10px 0;
	}
#logo{
	height:100px;
	background:url(../images/archway_plans_logo.gif) no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
#page-wrapper{
	clear:both;
	padding:0;
	padding-top:10px;
	margin:0;
	}
#page{
	color:#3d3d3d;
	line-height:1.4em;
	float:left;
	padding:0;
	margin-left:200px;
	width:600px;
	}
#page h1{
	color:#64baeb;
	font:normal 2.75em/110% Arial, Helvetica, sans-serif;
	letter-spacing:-1.2px;
	margin:2px 0px 10px 0px;
	}
#page h2{
	color:#64baeb;
	font:normal 2em/110% Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:2px 0px 10px 0px;
	}
.large_title{
	color:#333333;
	font:normal 2em/110% Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:2px 0px 10px 0px;
	}
#page h2 span{
	font-size:75%;
	}
#page h3{
	color:#383838;
	font:bold 1.6em/110% Arial, Helvetica, sans-serif;
	margin:2px;
	}
#page p{
	margin:10px 0px;
	}
#page ul{
	list-style-type:disc;
	list-style-position:outside;
	margin:0 20px;
	}
#page li{
	padding:3px;
	}
#wide-content{
	padding:0 10px;
	margin:0;
	width:580px;
	position:relative;
	}
#mid-content{
	float:left;
	padding:5px;
	width:280px;
	}
#sup-content{
	float:left;
	padding:5px;
	width:280px;
	}
#side_bar{
	float:left;
	position:relative;
	padding:0;
	width:200px;
	margin-left:-800px;
	background:url(../images/side_bar_background.gif) no-repeat left top;
	font-size:1em;
	color:#1a1a1a;
	}
.quick_search_title{	
	color:#001826;
	font:normal 2.2em/90% Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:2px 0px;
	padding-left:20px;
	}

/******************************************************
  Menus
*******************************************************/
#top-menu{
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	}
#top-menu ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#top-menu ul li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
#top-menu ul li a{
	width:150px;
	display:block;
	height:30px;
	background:url(../images/top_menu_off.gif) no-repeat left top;
	color:#cccccc;
	text-decoration:none;
	font-size:1em;
	}
#top-menu ul li a span{
	display:block;
	padding-top:5px;
	}
#top-menu ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background:url(../images/top_menu_on.gif) no-repeat left top;
	}
body#home a#top-menu-home,
body#garageplans a#top-menu-garageplans{
	color:#ffffff;
	text-decoration:none;
	background:url(../images/top_menu_on.gif) no-repeat left top;
	}
#top-menu ul li.last a{
	width:148px;
	}
#top-menu ul li.last{
	background:url(../images/top_menu_last.gif) no-repeat right top;
	padding-right:2px;
	}
	
.side-bar-menu{
	padding:0;
	padding-bottom:5px;
	margin:0;
	width:200px;
	margin-top:10px;
	background:url(../images/quicksearch_bottom_bar.gif) no-repeat bottom right;
	}
.side-bar-menu li{
	display:inline;
	padding-bottom:1px;
	}
.side-bar-menu li a{
	display:block;
	width:173px;
	padding:5px 2px 5px 25px;
	}
.side-bar-menu li a, .side-bar-menu li a:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	}
.side-bar-menu li a:hover, .side-bar-menu li a:active{
	color:#005383;
	font-weight:bold;
	background:url(../images/sidebar_back.gif) no-repeat bottom left;
	text-decoration:none;
	}
	
/******************************************************
  Quick Search - sidebar
*******************************************************/
#quick-search{
	background:url(../images/quicksearch_bottom_bar.gif) no-repeat bottom right;
	padding:20px;
	font-size:1em;
	}
#quick-search p{
	padding:2px 0;
	}
#quick-search .quick_search_title{
	padding-bottom:10px;
	padding-left:0
	}
#quick-search form{
	padding-top:5px;
	}
#quick-search form .input{
	border:1px solid #808080;
	background:#ffffff;
	padding:3px 0px;
	margin-bottom:7px;
	}

/******************************************************
  HTML Styling
*******************************************************/

img{
	border:none;
	}
a, a:visited{
	color:#005383;
	border:none;
	text-decoration:underline;
	}
a:hover, a:active{
	color:#eb7a00;
	border:none;
	text-decoration:none;
	}

#logo a{
	display:block;
	width:400px;
	height:100px;
	}

.breadcrumb{
	padding:0 10px;
	}

.even{
	background:#f3f3f3;
	}
.odd{
	background:#E4E4E4;
	}
b, strong{}
e, em{}

p{}

pre{}
code{}
blockquote{}

.sidebar_sub{
	padding:10px 0 10px 0;
	}
	
.f_p_list{
	text-align:center;
	padding:10px 0;
	}

#page .highlight{
	color:#990000;
	}
.small_text{
	font-size:.9em;
	color:#666666;
	}

/******************************************************
  Advanced "Archway" Search form
*******************************************************/
p#search_title{
	background:url(../images/search_title.gif) repeat-x top left #efefef;
	text-indent:-9999px;
	position:relative;
	padding:0;
	margin:0;
	height:30px;
	width:280px;
	letter-spacing:normal;
	}
#a_search_form{
	border:1px solid #efefef;
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	padding:0 0 20px 0;
	margin:0;
	background:url(../images/search_back.gif) repeat-x top left #efefef;
	width:278px;
	}
#a_search_form form{
	padding:0;
	margin:0 10px;
	}
#a_search_form p{
	padding:0 5px;
	}
#a_search_form p label{
	display:block;
	}
#a_search_form select{
	width:258px;
	}
#a_search_form_bottom{
	margin:0;
	padding:0;
	background:url(../images/search_bottom.gif) no-repeat #efefef bottom;
	height:10px;
	}
	
	
/******************************************************
  Flash Messages, only shown when you send plan to friend. 
  isnt actually flashing anything...
*******************************************************/
#flash_message{
	background:#CCFFCC;
	border:1px solid #009900;
	text-align:center;
	padding:5px;
	}
#flash_message h2{
	font:normal 1.5em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	color:#009900;
	}
	
/******************************************************
  Wishlist Styling
*******************************************************/
.wishlist_item{
	padding:5px 5px 10px 5px;
	border-bottom:1px solid #cccccc;
	}
.wishlist_image{
	float:left;
	padding:2px;
	width:196px;
	}
.wishlist_data{
	margin-left:200px;
	}
	
/******************************************************
  Before you order 
*******************************************************/
.tb_before_you_order{
	width:90%;
	}
.tb_before_you_order td{
	text-align:center;
	padding:2px;
	}
.return_top_page{
	text-align:right;
	padding:5px;
	}
	
/******************************************************
  Contact Form
*******************************************************/
#contact_form{
	margin:10px;
	padding:10px;
	border:1px solid #cccccc;
	background:#f3f3f3;
	}
#contact_form td{
	padding:3px;
	}

/******************************************************
PPM
*******************************************************/
.call2action{
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	}
	
	
	
#wide-content ul{
	list-style:outside disc;
	margin:0 20px;
	}
#wide-content li{
	padding:3px;
	list-style-type:disc;
	}
#wide-content li ul li{
	padding:3px;
	list-style-type:circle;
	}