@charset "UTF-8";
/* CSS Document */


body {
font: 10px normal Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 970px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 70px; /*Height of top section*/
background-image: url(images/header_stretch.gif);
background-repeat: repeat-x;
}

img.logo {
	display: block;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

p.contact {
	width: 100%;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: right;
	color: #FFF;
	margin-top: -45px;
}

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: url(images/topnav_stretch.gif) repeat-x;
	z-index: 1;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url(images/topnav_active.gif) repeat-x; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 970px;
	background: #1376c9;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
border-left-style: solid;
border-left-width: thin;
border-left-color: #CCC;
border-right-style: solid;
border-right-width: thin;
border-right-color: #CCC;
}

#contentcolumn{
float: left;
width: 670px;
margin-right: 300px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
background: #CCC
}

#contentleft{
float: left;
width: 485px;
}

#contentright{
float: left;
width: 485px; /*Width of right column*/
}

#pricevalid {
clear: left;
text-align: center;
}

#footer{
clear: left;
width: 100%;
background: url(images/header_stretch.gif);
color: #FFF;
text-align: center;
padding: 10px 0;
line-height: 2em;
}

#footer a{
font-size: 1.2em;
color: #f0f0f0;
text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

div.banner {
	width: 450px;
	padding: 10px;
	margin: auto;
	}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
text-align: justify;
}

img.floatleft {
float: left;
}

img.floatright {
float: right;
}

.contentspan {
padding: 10px;
	}
	
.uniForm{ background: #dde8ec; }
    
    .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
  
    .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #c4ced1; }
    .uniForm .ctrlHolder.focused{ background: #e1f0f6; }
    
    .uniForm .buttonHolder{ background: #c4ced1; text-align: center; margin: 1.5em 0 0 0; padding: 1.5em;
                            /* CSS3 */
                            border-radius:         4px;
                            -webkit-border-radius: 4px;
                            -moz-border-radius:    4px;
                            -o-border-radius:      4px;
                            -khtml-border-radius:  4px;
                          }
      .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff;
                                             /* CSS3 */
                                             border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                             box-shadow: 1px 1px 0 #d5e2e7;
                                             -webkit-box-shadow: 1px 1px 0 #d5e2e7;
                                             -moz-box-shadow: 1px 1px 0 #d5e2e7;
                                             text-shadow: -1px -1px 0 rgba(0,0,0,.25);
                                           }
      .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; }
      .uniForm .secondaryAction            { text-align: left; }
      .uniForm button.secondaryAction      { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; }
      
        .uniForm .inlineLabels label em,
        .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
        .uniForm label small{ font-size: .75em; color: #777; }
        
      .uniForm .textInput,
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #b2babe; background: #fff;
                             /* CSS3 */
                             border-radius:         3px;
                             -webkit-border-radius: 3px;
                             -moz-border-radius:    3px;
                             -o-border-radius:      3px;
                             -khtml-border-radius:  3px;
                           }
      .uniForm textarea    { height: 12em; }
      
        .uniForm .inlineLabels .ctrlHolder ul li,
        .uniForm .ctrlHolder ul.blockLabels li{ margin-top: .3em; margin-bottom: .3em; }
          .uniForm .ctrlHolder ul li label{ font-size: .85em; }
      
      /* Get rid of the 'glow' effect in WebKit, optional */
      .uniForm .ctrlHolder .textInput:focus,
      .uniForm .ctrlHolder textarea:focus{ outline: none; }
      
      .uniForm .formHint                    { font-size: .85em; color: #777; }
      .uniForm .inlineLabels .formHint      { padding-top: .5em; }
      .uniForm .ctrlHolder.focused .formHint{ color: #333; }
      
/* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */

  /* Error message at the top of the form */
  .uniForm #errorMsg{ background: #c20f2e; color: #fff; margin: 0 0 1.5em 0; padding: 1px 1.5em;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                      box-shadow: 0 0 14px rgba(0,0,0,.25);
                      -webkit-box-shadow: 0 0 14px rgba(0,0,0,.25);
                      -moz-box-shadow: 0 0 14px rgba(0,0,0,.25);
                    }
    .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #a20d27; position: relative; font-size: .85em;
                                /* CSS3 */
                                border-radius:         4px;
                                -webkit-border-radius: 4px;
                                -moz-border-radius:    4px;
                                -o-border-radius:      4px;
                                -khtml-border-radius:  4px;
                              }
  
  .uniForm .ctrlHolder.error,
  .uniForm .ctrlHolder.focused.error{ color: #c20f2e;
                                      /* CSS3 */
                                      border-radius:         4px;
                                      -webkit-border-radius: 4px;
                                      -moz-border-radius:    4px;
                                      -o-border-radius:      4px;
                                      -khtml-border-radius:  4px;
                                    }
    .uniForm .ctrlHolder.error input.error,
    .uniForm .ctrlHolder.error select.error,
    .uniForm .ctrlHolder.error textarea.error{ border-color: #c20f2e; }
    
  /* Success messages at the top of the form */
  .uniForm #okMsg{ background: #59a20e; color: #343434; margin: 0 0 1.5em 0; padding: 1px 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                   box-shadow: 0 0 14px rgba(0,0,0,.25);
                   -webkit-box-shadow: 0 0 14px rgba(0,0,0,.25);
                   -moz-box-shadow: 0 0 14px rgba(0,0,0,.25);
                   text-shadow: 1px 1px 0 rgba(255,255,255,.25);
                 }
    .uniForm #OKMsg p{ margin: 0; }

/* ----------------------------------------------------------------------------- */
/* ############################### Columns ##################################### */
/* ----------------------------------------------------------------------------- */

    .uniForm .col{ margin-bottom: 1.5em; }
    /* Use .first and .last classes to control the layout/spacing of your columns */
    .uniForm .col.first{ width: 49%; float: left; clear: none;                   }
    .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }
	
	
.form{
margin: 10px;
margin-top: 0px;
text-align: center;
}