body, html {
    height: 100%;
    margin:0;
    padding:0;
    background:#4D5365;
    color:#000;
    }
    
img {
    border: 0;
}

p {
    margin: 0;
    padding-bottom: 1em;
}

body {
    min-width:814px;
}

#wrap {
    background:#fff url(../images/mainbg.gif) repeat-y top center;
    margin:0 auto;
    width:814px;
    border: 0;
}

#header {
      width:814px;
      height: 125px;
      background:#fff url(../images/headerbg.gif) no-repeat;
      font-family: Verdana, Arial, Helvetica;
      font-size:10pt;
      line-height:normal;
      display: table-cell;
      margin-bottom:0px;
      padding:0;
      }
    #header ul {
      margin:0;
      padding:99px 10px 0 20px;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../images/left-blue.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      }
    #header a {
      display:block;
      background:url("../images/right-blue.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
      text-decoration:none;
      color:#a6c6e7;
      }
    #header a:hover {
      color:#fff;
      }
    #header #current {
      background-image:url("../images/left-white.gif");
      }
    #header #current a {
      background-image:url("../images/right-white.gif");
      color:#333;
      padding-bottom:4px;
      }

#main {
    width:814px;
    min-height: 600px;
    margin:0;
    padding: 0;

}

#main a:link {
    color:#1567C5;
    text-decoration: underline;
}

#main a:visited {
    color:#1567C5;
    text-decoration: underline;
}

#main a:hover {
    color:#000;
    text-decoration: none;
}

#main a:active {
    color:#000;
    text-decoration: none;
}

#footer {
    background:#4D5365 url(../images/footerbg.gif) no-repeat;
    clear: both;
    text-align:center;
    height: 79px;
    padding-top: 0.5em;
}

#footer p {
    margin:0;
    padding: 5px;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica;
    color: #fff;
}

#footer a:link {
    color: #fff;
    text-decoration: underline;
}

#footer a:visited {
    color: #fff;
    text-decoration: underline;
}

#footer a:hover {
    color: #fff;
    text-decoration: none;
}

#footer a:active {
    color: #fff;
    text-decoration: none;
}

#main p, ul {
    list-style: circle outside;
    font-family: Verdana, Arial, Helvetica;
    margin-left:0;
    padding-left:0;
    color: #000;
    font-size: 10pt;
    text-align: justify;
}

#main ul {
  padding-left:5px;
  margin-top:5px;
}

#main li,ul {
  margin-left: 10px;
}

ul#rotate {
  list-style: none;
  margin-left:0;
  padding-left:0;
}

#mainForm
{
	position: relative;
	border: 0;
	border-style: solid;
	margin: 0 0 0 0;
	text-align: left;
	width: 275px;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica;
	font-size:10pt;
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #000000;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #000000;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:normal;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(../imgs/question.gif) no-repeat bottom right;
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}

/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(../imgs/calendar.png);
	cursor: pointer;
}

#content {
  margin:auto;
  padding:0px;
  padding-top:10px;
  padding-bottom:10px;
  width: 780px;
  border: 0;
  position:relative;
}

#mainForm
{
	position: relative;
	border: 0px;
	border-style: solid;
	margin: 0;
	text-align: left;
	background-color: #ffffff;
	padding-left:0px;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Verdana, Arial, sans-serif;
	font-size:10pt;
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:100%;
	font-weight:normal;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}

#blogpostbody p
{
  padding-left: 25px;
}

div.specialofferbutton {
  margin-top:0px;
  width: 388px;
  height: 80px;
background-image: url('../images/specialofferbutton.gif');
background-position: 0px 80px;
}

div.specialofferbutton:hover {
  background-position: 0px 0px;
}

div.satnavofferbutton {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:6px;
  width: 377px;
  height: 75px;
background-image: url('../images/satnavofferbutton.gif');
background-position: 0px 0px;
}

div.satnavofferbutton:hover {
  background-position: 0px 75px;
}

#main p.demo-model {
             font-size: 14pt;
             margin-bottom:0px;
             color:#4a77d4;
             font-weight:bold;
             padding:0 0 5px 0;
}
#main p.demo-color {
             font-size: 10pt;
             margin-bottom:0px;
             margin-top:0px;
             padding:0 0 5px 0;
}
#main p.demo-spec {
             font-size: 10pt;
             margin-bottom:0px;
             margin-top:0px;
             padding:0;
}

div.demo-pic {
  float:right; 
  margin-left: 5px; 
  width:250px; 
  height:175px; 
  border:1px solid black;
  overflow:hidden;
}

div.blogfeed {
  width:380px;
  border:1px solid #ccc; 
  height:auto; 
  position:relative;
  background:#d4d4d4;
  margin-top:1em;
  margin-bottom:1em;
  padding-right:5px;
}

div.blogfeed h2 {
  font-family: Verdana, Arial;
  font-size:12pt;
  color:#000000;
  margin:5px 5px 1em 5px;
  padding:0;
  font-weight:normal;
}

div.blogfeed li {
  margin-right:10px;
}