* {
  margin: 0;
  padding: 0;
}
body {
  font: 62.5%/1.6 "verdana" "Arial", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background:#fffcd6;
}
p {
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 7px;
  text-align: center;
  color: #000;
}
h1 {
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  letter-spacing: 7px;
  padding-bottom: 0;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  padding-bottom: 5px;
}
h3 {
  font-size: 13px;
  line-height: 17px;
}

h5 {
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 5px;
}
#header h1 {
  margin: 0;
}

#wrapper {
  background-color: #C0C0C0;
}

#header {
  height: 160px;
  background-color:#C0C0C0;
  width: 760px;
  padding: 5px;
}
body {
  text-align: center;
  min-width: 770px;
}
#wrapper {
  width: 770px;
  margin: 0 auto;
  text-align: left;
  margin-top: 10px;
}
#content {
  position: relative;
  width: 545px;
  float: right;
  margin-right: 5px;
  border: 3px solid #000;
  margin-bottom: 5px;
  background-color: #fff;
  height: 727px;
}
* html #content {
  width: 540px;
}
* html #content {
  left: 5px;
}
body.marquees #content_inner {
  background: url(images/marqueebody.jpg) 10px 65px no-repeat;
}
#content_outer {
  display: inline;
  float: right;
  margin: 2px;
  padding: 0;
  border: 2px solid #999;
}
body.default #content {
  background-color: #fff;
}
body.smoking_zone  #content_inner {
  background: url(images/Smoking-Background.gif) no-repeat 50% 50%;
}
body.default #top_menu .defaultpage a {
  color: #999;
}
body.about_us #top_menu .about_us_page a {
  color: #999;
}
body.examples #top_menu .examples_page a {
  color: #999;
}
body.contact_us #top_menu .contact_us_page a {
  color: #999;
}
body.smoking_zone #top_menu .smoking_zone_page a {
  color: #999;
}
body.sitemap #top_menu .sitemap_page a {
  color: #999;
}
body.parasols #mainNav .first a {
  color: #f8f4c2;
}
body.accessories #mainNav .accessories_page a {
  color: #f50303;
}
body.marquees #mainNav .marquees_page a {
  color: #f8f4c2;
}
body.marquees2 #mainNav .marquees_page a {
  color: #f8f4c2;
}
body.awnings #mainNav .awnings_page a {
  color: #f8f4c2;
}
body.marquees_accessories #mainNav .marquees_page2 a {
  color: #f8f4c2;
}
body.aftersales #mainNav .aftersales_page a {
  color: #f8f4c2;
}
body.repairs #mainNav .repairs_page a {
  color: #f8f4c2;
}
body.installation #mainNav .installation_page a {
  color: #f8f4c2;
}
body#examples2 #mainNav li.marquees_page2 a {
  color: #f8f4c2;
}
body.examples3 #mainNav li.accessories_page a {
  color: #f8f4c2;
}
#content_inner {
  position: relative;
  top: 0;
  left: 0;
  width: 509px;
  margin: 3px;
  padding: 10px;
  border: 1px solid #000;
  height: 691px;
}
* html #content_inner {
}
#content_inner p, #content_inner h2, #content_inner h1 {
  font-family: Arial;
}
#content_inner .bottom {
  position: absolute;
  top: 94%;
  margin: 0 auto;
  text-align: center;
  display: inline;
}
* html #content_inner .bottom {
  left: 10px;
}
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.red {
  color: #FF0000;
}
.none {
  clear: none;
}
.space {
  margin-left: 320px;
}
.space2 {
  margin-left: 415px;
}
.toppad2{
  margin-bottom: 15px;
}
.toppad3 {
  padding-top: 5px;
}
.botpad {
  padding-bottom: 10px;
}
#content_inner img {
  border: none;
}
#content_inner h1 {
  color:#000;
  text-align: center;
  letter-spacing: 2px;
}
#select_box {width: 490px;text-align: center;border: 2px solid #000;margin-top: 10px;margin-bottom: 15px;float: left;display: inline;margin-left: 7px;padding-top: 40px;background: #fff url(images/select_box.jpg) no-repeat;
}
#welcome_list ul {
  list-style: none;
  float: left;
  width: 480px;
  height: 90px;
  margin-top: 10px;
}
#welcome_list li {
  float: left;
  display: block;
  width: 240px;
}
#welcome_list li a {
  text-decoration: none;
  color: #999;
  font-size: 13px;
  font-weight: bold;
}
#welcome_list li a:hover {
  color: #f50303;
}
#mainNav img 
{
    border:0;
}
#mainNav {
  width: 175px;
  margin: 1px 1px 2px 1px;
  padding: 65px 5px 5px 6px;
  float: left;

  border: 1px solid #330000;
  background:#000 url(images/menu_top2.gif) no-repeat -5px 0;
}
* html #mainNav  {
  width: 172px;
  padding-right: 0;
  margin-right: 0;
  padding-left: 7px;
  margin: 1px;
 /* ie double margin fix */
}
#mainNavOuter
  {
  padding: 0;
  padding: 2px;
  margin: 0;
  margin-left: 0px;
  width: 190px;
  float: left;
  border: 2px solid #999;
  display: inline-block; /* ie double margin fix */
}
#mainNavOuterwrap {
border:3px solid #000000;
clear:left;
display:inline;
float:left;
background: #fff;
margin:0pt 0pt 0pt 4px;
padding:2px;
width:198px;
}
#mainNav ul {
  list-style: none;
}
#mainNav ul li a:hover {
  color: #f8f4c2;
}
#mainNav ul li a {
  padding-left: 20px;
  background: url(images/blt2.png) 0 4px no-repeat;
  color: #ccc;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  display: block;
  line-height: 22px;
  border-bottom: 1px dotted #999;
}
#mainNav ul li a {
  height: 1%;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
  margin: 0 auto;
}
.listhead {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 3px;
  padding-bottom: 10px;
  color: #f8f4c2;
}
.listhead2 {
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  letter-spacing: 2px;
  text-align:center;
  color: #fff;
  padding-bottom: 5px;
}
.toppad {
  padding-top: 12px;
}
#footer {
  clear: both;
  background-color:#fff;
  padding:3px;
  margin-left: 214px;
  padding-left: 195px;
  margin-right: 5px;
  border-bottom:5px solid #C0C0C0;
}
#footer a {
  list-style: none;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
#header_left {
  width: 320px;
  float: left;
  height: 160px;
  background: #fff url(images/Logo.gif) no-repeat top left;
  margin: 0;
  padding: 0;
  text-align: left;
}
#top_menu {
  float: left;
  margin-top: 100px;
  border: 1px solid #999;
  margin-left: 5px;
  width: 310px;
  padding: 0;
  display: inline;
}
#top_menu ul li {
  float: left;
  list-style: none;
}
#top_menu ul li a {
  float: left;
  display: block;
  width: 120px;
  padding-left: 30px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  background: url(images/blt.gif) no-repeat 10px center;
}
* html #top_menu ul li a {
  height: 1%;
}
#top_menu ul li a:hover {
  color: #999;
}
#header_right {
  float: right;
  width: 435px;
  height:160px;
  background: #373737 url(images/Andwhynot_Faded.jpg) no-repeat top left;
}
#title {
  margin-top: 100px;
  padding-left: 3px;
}
.grey {
  color: #c0c0c0;
  font-style: normal;
}
.left {
  float: left;
}
.wrap {
  width: 250px;
  float: left;
}
.smaller {
  font-size: 11px;
  line-height: 13px;
}
.smaller2 {
  font-size: 11px;
  line-height: 12px;
}
.right {
  float: right;
}
.padoutr {
  margin-right: 25px;
}
.padoutl {
  padding-left: 23px;
}
.padout {
  padding-left: 20px;
  padding-right: 20px;
}
h1#giant  {
  font-size: 45px;
  letter-spacing: 1px;
  padding-top: 10px;
  padding-bottom: 5px;
}
#content_inner .center_outer {
  text-align: center;
  float: left;
  width: 100%;
  margin: 0 auto;
  border: 1px solid red;
}
#content_inner .img_outer_center {
  border: 2px solid #000;
  padding: 2px;
  text-align: center;
  margin: 0 auto;
  width: 168px;
}
#content_inner .img_outer_center2 {
  border: 2px solid #000;
  padding: 2px;
  text-align: center;
  margin: 0 auto;
  width: 467px;
}
#content_inner .heading_wrap {
  padding: 10px 20px 0 25px;
}

#content_inner .img_outer_left {
  border: 2px solid #000;
  padding: 2px;
  float: left;
  margin: 0 3px 0 0;
}
#content_inner .img_outer_right {
  border: 2px solid #000;
  padding: 2px;
  float: right;
}
#content_inner img.with_border {
  border: 2px solid #999;
  padding: 2px;
  margin: 0;
  display: block;
}

.center_image {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.formtitle {
  font-weight: bold;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.nextbutton {
  position: absolute;
  top: 519px;
  left: 425px;
}
.backbutton {
  position: absolute;
  top: 519px;
  left: 10px;
}
body.repairs ol {
  margin-left:20px;color:#000;
}
body.repairs ol li a {
  color: #010101;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
body.sitemap ul li{
  list-style: none;
}

body.sitemap ul li a {
  color: #010101;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  list-style: none;
}
body.sitemap ul li a:hover {
  color: #f50303;
}
body.sitemap .grey {
  color: #999;
  font-style: normal;
}
a:hover.onred {
  color: #f50303;
}

body.special_offers p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 2px 0;
	text-align: left;
}

#content_inner .img_outer_border {
	border: 2px solid #000;
	float: left;
	margin: 0 15px 15px 0;
	padding: 2px;
	text-align: center;
}

p.center_aligned {
	text-align: center !important;
}

body.special_offers p.enlarged {
	font-size: 14px;
	line-height: 20px;
}

body.special_offers p.enlarged_2 {
	font-size: 24px;
	line-height: 24px;
}

body.special_offers p.title {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
}

body.special_offers .offer {
	clear: both;
	overflow: hidden;
	padding: 0 0 15px 0;
	width: 100%;
}

br.clear_floats {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

body.special_offers table {
	border-collapse: collapse;
	margin: 0 0 5px 0;
	padding: 0;
	width: 245px;
}

body.special_offers table tr th {
	background: #404040;
	color: #fff;
	padding: 2px 5px;
}

body.special_offers table tr td {
	background: #f2f2f2;
	margin: 0;
	padding: 2px 5px;
}

body.special_offers table tr.alternate td {
	background: #e5e5e5;
}

body.special_offers table tr td span.price {
	color: #178000;
}