html, body, #wrapper          { color: #1e1e1e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-image: url("../img/back-grad.gif"); background-repeat: repeat-x; background-position: center top; text-align: center; margin: 0; height: 100% }
#wrapper   { text-align: left; width: 1000px }

h1, h2, h3, h4    { color: #003274; font-weight: normal; margin: 0; padding: 0 }
h1     { font-size: 19px }
h2   { font-size: 17px }
h3   { font-size: 14px }
h4  { font-size: 12px }
table {border-collapse: collapse;}
a   { color: #FF7A01 }
a:hover  { color: #77D1F5 }
p  { line-height: 17px }
a  { font-size: 12px }
p, th, td  { font-size: 12px; line-height: 1.5 }
hr  { color: #B4B4D1; background-color: #B4B4D1; height: 1px }
img  { border-width: 0 }

#top_cell    { height: 280px; vertical-align: middle }
#mid_cell  { background-color: #fff; padding: 0; vertical-align: top }
#bot_cell   { background-color: #003274; text-align: center; height:30px; vertical-align: middle }
#bot_cell, #bot_cell a    { color: #fff; font-size: 11px; text-transform: uppercase }

#top_shad      { font-size: 1px; line-height: 0; background-image: url("../img/top-shadow.gif"); background-repeat: repeat-x; width: 1000px; height: 4px }

#top_menu     { background-color: #2c358a; text-transform: uppercase; width: 100%; float: left }
#top_menu a             { color: #fff; font-size: 10px; line-height: 3.1; text-decoration: none; display: block; padding-right: 17px; padding-left: 17px; height: 30px; float: left }
#top_menu b a, #top_menu a:hover       { color: #fff; text-decoration: none; background: #5961b2 }

#left_pan, #right_pan       { font-size: 10px; background-image: url("../img/menu-back.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; width: 175px; height: 100%; float: left }
#mid_pan    { width: 650px; height: 100%; float: left; vertical-align: top }

#right_pan form {margin:0px}
#right_pan input {font-size:9px}

.pad_side   { padding: 10px 10px 20px }
.pad_main  { padding: 8px 18px }
.pad_10  { padding: 20px }

.admin_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.admin_but a:hover    { background-image: url("../img/user_button_on.gif") }

.back_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.back_but a:hover    { background-image: url("../img/user_button_on.gif") }

#pg_hd_1 h2, #pg_hd_1 h3,#pg_hd_1 h4,
#pg_hd_2 h2, #pg_hd_2 h3,#pg_hd_2 h4,
#pg_hd_3 h2, #pg_hd_3 h3,#pg_hd_3 h4,
#pg_hd_4 h2, #pg_hd_4 h3,#pg_hd_4 h4
{ font-weight: bold; text-transform: none }

#left_pan h2, #right_pan h2
 { font-size: 18px; font-weight: bold; text-transform: none }

#pg_hd_1     { color: black; background-image: url("../img/caravan.jpg"); background-repeat: no-repeat; background-position: right top; width: 640px; height: 187px }
#pg_hd_2   { color: #fff; background-image: url("../img/limited-availabiliy.jpg"); width: 650px; height: 270px }
#pg_hd_3    { color: black; background-image: url("../img/awnings.jpg"); background-repeat: no-repeat; background-position: right 0; width: 640px; height: 180px }
#pg_hd_4   { color: #fff; background-image: url("../img/new-used-awnings.jpg"); width: 650px; height: 270px }

.side_bold   { color: #003984; font-size: 10px; font-weight: bold; text-transform: uppercase }

#icons    { position: relative; top: 190px; right: 18px; width: 300px; float: right }
.icon_1 a, .icon_2 a, .icon_3 a, .icon_4 a   { color: #fff; font-size: 8px; text-decoration: none; background-repeat: no-repeat; background-position: center 0; text-align: center; text-transform: uppercase; display: block; margin: 7px; width: 55px; height: 37px; float: left }
.icon_1 a { background-image: url("../img/icons/1.png") }
.icon_2 a { background-image: url("../img/icons/2.png") }
.icon_3 a { background-image: url("../img/icons/3.png") }
.icon_4 a { background-image: url("../img/icons/4.png") }
.icon_1 a b, .icon_2 a b, .icon_3 a b, .icon_4 a b
  { position: relative; top: 40px }

#header_img  { background-repeat: no-repeat; width: 1000px; height: 276px }
#phone  { color: #fff; font-size: 24px; font-weight: lighter; position: relative; top: 230px; left: 38px; float: left }

#uk_amp   { background-image: url("../img/uk.png"); background-repeat: no-repeat; background-position: center 0; width: 100%; height: 192px; float: left }
#e_bay   { background-image: url("../img/ebay.png"); background-repeat: no-repeat; background-position: center 0; width: 100%; height: 76px; float: left }

.p1    { color: #2c358a; font-style: italic; font-weight: bold; text-transform: uppercase }
.p2  { color: #000 }
.p3   { color: #000; font-size: 15px; font-weight: bold }
.p4   { color: #2c358a; font-size: 12px }
.p5    { color: #2c358a; font-size: 18px; font-weight: bolder }

#cart { width:60px; height:57px; float:left; margin-top: 50px }

.tick_bllt ul   { }
.tick_bllt li   { font-size: 13px; font-style: italic; font-weight: bold; list-style-image: url("../img/tick.gif"); position: relative; left: -20px }
.tick_bllt p  { font-size: 10px; font-style: normal; font-weight: normal; margin-top: 7px; margin-bottom: 7px }

#nws_evnt     { background: #fff0c3; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; width: 200px; float: right; border: solid 1px #ffb240 }
#nws_evnt h3      { font-size: 15px; font-weight: bold; text-decoration: none }
#nws_evnt a      { text-decoration: none }
#nws_evnt_pad  { padding: 10px }

.frnt_bx    { font-size: 9px; margin: 8px; width: 187px; height: 210px; float: left }
.frnt_bx a  { color: #009bdc; font-size: 9px }
.frnt_bx h2 {font-size: 19px;}

.special   { padding: 8px;  }
.special a    { color: #003274; font-size: 9px; text-decoration: none }
.special a:hover { color: #5961B2 }
.special a b   { font-size: 11px; text-decoration: underline }