body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#999;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		text-align:center;
    }
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#003366;
		text-decoration:none;
	}
	a:hover.img {
		color:#fff;
		background:#fff;
		text-decoration:none;
	}

    h1, h2, h3, h4 {
        margin:.8em 0 .2em 0;
        padding:0;
        color:#002A5C;
    }
    h4 {
    	font-size: 16px;
    	}
    h5 { 
    	margin-top: -4px;
    	margin-bottom: 10px;
    	}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	#wrap {
   		margin:0 auto;
   		width:800px;
   		text-align:left;
	}
	
	
	/********** Header styles *************/

    #header {
        clear:both;
        float:left;
        width:100%;
        height:186px;
        background: url(../images/headers/head6.jpg) no-repeat top left ;
   		}
    #header2 {
        clear:both;
        float:left;
        width:100%;
        height:186px;
        background: url(../images/headers/head3.jpg) no-repeat top left ;
		}
    #header3 {
        clear:both;
        float:left;
        width:100%;
        height:186px;
        background: url(../images/headers/head2.jpg) no-repeat top left ;
		}
    #header4 {
        clear:both;
        float:left;
        width:100%;
        height:186px;
        background: url(../images/headers/head4.jpg) no-repeat top left ;
		}
    #header5 {
        clear:both;
        float:left;
        width:100%;
        height:186px;
        background: url(../images/headers/head3.jpg) no-repeat top left ;
		}
    #header6 {
        clear:both;
        float:left;
        width:100%;
        height:186px;
        background: url(../images/headers/head7.jpg) no-repeat top left ;
		}
		
	#header p, #header2 p, #header3 p, #header4 p, #header5 p, #header6 p, #header h1, #header2 h1, #header3 h1, #header4 h1, #header5 h1, #header6 h1 {
        margin-top:3px;
        text-align:center;
        font-size: 10px;
        font-weight:normal;
        color:#fff;
	}
	#header4 p.plink {		
		text-align:left;
		margin: 84px 0 0 10px;
		font-size:18px;
		font-weight:bold;
		}
	
/************ 'widths' sub menu *************/
	#layoutdims {
		clear:both;
		background:#000;
		border-top:6px solid #003362;
		margin:0;
		/*padding:1px 15px !important;*/
		padding: 0px 15px 5px 0px;
		text-align:right;
		font-size:.8em;
	}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#003366;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
	.colt {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
        background: url(../img/applaud.jpg) repeat-x bottom left ;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
    }
	
	
	/* Footer styles ORIGINAL
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:5px;
        margin:0;
        font-size:11px;
        color:#fff;
        text-align:center
    }
    #footer p.zip {
        font-size:.7em;
    }
     */
    
    
	/* Footer styles NEW*/
	#footer {
        clear:both;
        float:left;
        width:100%;
		/*border-top:1px solid #314B27;*/
		background: url(../img/footerbg.jpg) no-repeat bottom left ;

    }
    #footer p {
        padding:20px 5px 5px 5px;
        margin:10px 10px 0 205px;
        font-size:11px;
        color:#576B7F;
        text-align:left
    }
    #footer p.zip {
        font-size:.7em;
    }
    #footer a {
        color:#71879D;
    }
/****************MENU*****************/

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

img {
    border: none;
}

#menu {
        width: 200px;
        margin-left: -15px;
        /*border-style: solid solid none solid;*/
       /* border-color: #000;*/
        /*border-size: 1px;*/
        /*border-width: 1px;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
        font-weight: bold;
        }

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        color: #CCC;
        display: block;
        background:  url(menu.gif);
        padding: 8px 0 0 10px;
        }

#menu li a:hover, #menu li #current {
        color: #FFF;
        background:  url(menu.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
        
#menu li a:link.red, #menu li a:visited.red {
        color: #CCC;
        display: block;
        background:  url(menured.gif);
        padding: 8px 0 0 10px;
        }

#menu li a:hover.red, #menu li #current.red {
        color: #FFF;
        background:  url(menured.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

#leftimg {
		width:170px;
	    background:#003366;
		margin:0;
		padding-top: 20px;
		}
#leftimg img{
		text-align:center;
		}
#leftimg img a:link, #leftimg img a:visited, #leftimg img a:hover, #leftimg img a:active{
		background:#000;
		text-decoration:none;
		}     
.imgleft {border:1px solid #ccc; padding:4px; float: left;margin:0px 10px 0px 0px;}
.imgright {border:1px solid #ccc; padding:4px; float: right;margin-left:30px;margin-bottom:5px;margin-right:30px;}
.imgright2 {padding:4px; float: right;margin-left:30px;margin-bottom:5px;margin-right:30px;}
.imgright3 {padding:4px; float: right;}
.imgright4 {border:1px solid #ccc; padding:4px; float: right;margin-left:20px;margin-top:0;margin-right:10px;}
.center {text-align:center;}
.quote {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color:#002A5C;line-height:1.4;font-style:italic;font-weight:bold;margin:-4px 0 20px 0;border-bottom:1px dashed #ccc;}
.privacy {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color:#002A5C;line-height:1.4;font-style:italic;margin:0px 0 0px 0;border-bottom:1px dashed #ccc;padding-top:5px;}


span.black {color:#333;}
span.blu {color:#002A5C;}
span.red {color:#9F0004}


#table-awp
{
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	border-bottom: 10px solid #705C1F;
	cursor: pointer;
	font-size: 11px;
}
#table-awp.sm
{
	font-size: 11px;
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
	border-bottom: 6px solid #eee;
}

#table-awp th
{
	font-size: 10px;
	font-weight: bold;
	padding: 4px;
	background: #000;
	border-top: 6px solid #705C1F;
	border-bottom: 1px solid #eee;
	text-align: center;
	color: #fff;
}
#table-awp td
{
	padding: 4px;
	background: #ebe9e0; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
	text-align: center;
}
#table-awp td.check
{
	background-image: url('../img/check.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
}
#table-awp td.no
{
	background-image: url('../img/no.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
}
#table-awp td.cond
{
	background-image: url('../img/conditions.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
}

#table-awp td.first
{
	padding: 4px;
	background: #eee; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
	text-align: left;
	}

#table-awp tr:hover td
{
	background: #ccc;
	color: #000;
}
#table-awp tr:hover td.check
{
	background: #ccc;
	color: #000;
	background-image: url('../img/check.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
}
#table-awp tr:hover td.no
{
	background: #ccc;
	color: #000;
	background-image: url('../img/no.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
}
#table-awp tr:hover td.cond
{
	background: #ccc;
	color: #000;
	background-image: url('../img/conditions.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
}
.small-cond
{
	font-size: 10px;
	text-align:right;
	color:#666;
	background-image: url('../img/conditions.gif'); 
	background-repeat: no-repeat; 
	background-position: 68% 50%;
}
.small-right
{
	text-align:right;
	font-size: 10px;
	color:#666;
}
.small-center
{
	text-align:center;
	font-size: 10px;
	color:#fff;
}

.small-offer
{
	text-align:right;
	font-size: 10px;
	margin-right: 265px;
	color:#666;
}
	#offer {
		position:relative;
		margin: 0;
		height: 375px;
		width:550px;
		background-image: url('../img/offer.jpg');
		background-repeat:no-repeat;
		background-position:0% 100%;
		overflow:auto
		text-align:center;
	}
	#offer2 {
		position:relative;
		margin: 0;
		height: 485px;
		width:550px;
		background-image: url('../img/offer2.jpg');
		background-repeat:no-repeat;
		background-position:top left;
		overflow:auto
		text-align:center;
	}

form {margin:0; border: 1px dotted #000000; padding:5px;background-color:#D7EBFF /*#dcdcdc url('../img/csbg.jpg') no-repeat bottom left;*/}
form.off {width:507px;margin-left:0px; border:none;padding:5px;background:#fff url('../img/offerform.gif') no-repeat top left;font-size:11px;}
form.off2 {width:507px;float:left;background:#fff url('../img/offerform2.gif') no-repeat top left;font-size:11px;border:none;margin-left: 25px;}
table.off {margin-left:0px;}

input, select {
	font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
}
select, .inputbox {
	padding: 2px;
}
.inputbox{
	margin: 1px 0;
}
.inputbox:focus {
	border: 1px solid #BABDB6;
	background: #FFFFDD;
}
textarea {
	padding-left: 2px;
}
textarea.inputbox{
	font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
	width: 95%;
}
fieldset{
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 10px;
}
.button {
	padding: 1px 4px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #BABDB6;
	border-right: 1px solid #BABDB6;
	background: #9F0004;
	color: #fff;
	cursor: pointer;
}
.button:hover, .button:focus {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
	color: #999;
}
.inputbox {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #EDEEEC;
	border-bottom: 1px solid #EDEEEC;
	border-left: 1px solid #BABDB6;
}
.inputbox:hover, .inputbox:focus {
	border: 1px solid #BABDB6;
}
.line {
	border-bottom:1px dashed #ccc;;
}
hr {
	color: #e6e6e6;
	background-color: #fff;
	height: 1px;
}
/****** LIGHTBOX ***************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 9pt;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#lightbox a:hover{ background-color:#ccc;} 

#overlay img{ border: none; }

#overlay{ background-image: url('overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	/*background-image: url(blank.gif);*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


/* ---- list styling --- */
ul#style {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
li.ok {
	padding: 2px 20px 2px 25px;
	background: url(../img/ok_list.png) no-repeat left top;
}
ul#info {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
li.info {
	padding: 0px 20px 2px 25px;
	background: url(../img/info_text.png) no-repeat left top;
}
.info_bar {
	display:block;
	padding: 5px;
	background-color: #E3E6E8;
}
.info_text {
	padding: 2px 20px 2px 25px;
	background: url(../img/info_text.png) no-repeat left top;
}
.read_text {
	padding: 2px 20px 2px 25px;
	background: transparent url(../img/read_text.png) no-repeat 0 0%;
}
.spanish {
	padding: 0px 20px 2px 25px;
	background: url(../img/flag-esp.png) no-repeat left top;
}


.item {font-size: 88%;border: 1px solid #b4b4b2; padding: 1.2em;background: #C8D1D9;margin-top: 1.5em;}
.introitem {font-family:Georgia, "Times New Roman", Times, serif;font-size:88%;line-height:1.4;font-style:italic;border-top: 1px solid #b4b4b2;padding: 1.2em;border-bottom: 1px solid #b4b4b2;background: #C8D1D9;	margin-top: 1.5em;}

	#offeresp {
		position:relative;
		margin: 0;
		height: 375px;
		width:550px;
		background-image: url('../img/offeresp.jpg');
		background-repeat:no-repeat;
		background-position:70% 100%;
		overflow:auto
		text-align:center;
	}


	#guarantee {
		position:relative;
		margin: 0;
		height: 375px;
		width:500px;
		background-image: url('../img/warranty.gif');
		overflow:auto
	}
	#guarantee p {
	margin:64px 70px 10px 65px;
	font-size: 11px;
	}
	#guarantee p:first-letter {color: #705C1F;
	font-size:large
	}
blockquote {background:url('../img/quote1.gif') no-repeat top left; padding:5px 0 0 40px; font-style:italic; color:#666; margin:15px 0; line-height:16px;}
blockquote span {font-style:italic; font-weight: bold; color:#5f7786; background:url('../img/quote2.gif') no-repeat bottom right; display:block; padding-top: 5px;}
blockquote p {font-size:1.1em; }

/**************************************************
     Box Holder
 **************************************************/
 
#boxholder {
	clear: both;
	overflow: auto;
	padding-top: 10px;
}

#boxholder h2, h3{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	/*background: #005A91;*/
	text-align:center;
	background: url(../img/boxh-bg.jpg) no-repeat top left ;
}
#boxholder .pricetag{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1a2674;
	background-image: url('../img/menu-bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	background-position: left bottom;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	display: block
}
#boxholder a{font-weight:bold;font-size: 93%;}
#boxholder a:hover{
	color: #fff;
	text-decoration: underline;
	font-weight:bold;
	font-size: 93%;
}
#boxholder sup{
	color: #ff6c00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

/**************************************************
     Individual Boxes
 **************************************************/


.boxone {
	float: left;
	width: 180px;
	margin-right: 3px;
	margin-bottom: 5px;
}
.boxtwo {
	float: left;
	width: 180px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 5px;
}
.boxthree {
	float: left;
	width: 180px;
	margin-left: 3px;
	margin-bottom: 5px;
}
.boxone p, .boxtwo p, .boxthree p {
	padding: 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #5f7786;
}
.boxone ul, .boxtwo ul, .boxthree ul {
	list-style: square;
	margin-left: 8px;
	padding: 0 10px 10px 15px;
	line-height: 1.2em;
	}
	
.boxone li, .boxtwo li, .boxthree li {
	font-size: 11px;
	font-weight: normal;
	color: #5F7786;
	line-height: .5em;
	}
	
.boxone, .boxtwo, .boxthree {
	border: 1px solid #d8d8d8;
	background-image: url('../img/slope-bg.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
}
.boxone img, .boxtwo img, .boxthree img {
	border:1px solid #ccc; padding:3px 3px 3px 3px; margin:0px;
}
.boxone img a:hover, .boxtwo img a:hover, .boxthree img a:hover{
	background-color:#fff;
}

/*=======rotator===========*/
#slides {margin:0px;border: 1px solid #fff;cursor: pointer;overflow: hidden;position: relative;width: 563px;height: 60px;}
#slides img {border: 0;	cursor: pointer;width: 563px;height: 60px;}
/*=======//rotator===========*/

a.flag {background-image:url('../img/flags.png');}
a.flag:hover {background-image:url('../img/flagshover.png');background-color:#fff;}

/*   BUTTONS
------------------------------------------------------------- */
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 95%;
	margin: 90px 0 0 18px;
}
.buttonwrapperfull{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/*   BUTTONS RED
------------------------------------------------------------- */

a.boldbuttonsred{
	background: transparent url(../img/roundedge-red-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 14px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsred, a:visited.boldbuttonsred, a:hover.boldbuttonsred, a:active.boldbuttonsred{
	color: white; /*button text color*/
}

a.boldbuttonsred span{
	background: transparent url(../img/roundedge-red-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsred{ /* Hover state CSS */
	text-decoration: underline;
}
/*   BUTTONS BLUE
------------------------------------------------------------- */

a.boldbuttonsblue{
	background: transparent url(../img/roundedge-red-left.gif) no-repeat top left;
	display: block;
	float: right;
	font: bold 14px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsblue, a:visited.boldbuttonsblue, a:hover.boldbuttonsblue, a:active.boldbuttonsblue{
	color: white; /*button text color*/
}

a.boldbuttonsblue span{
	background: transparent url(../img/roundedge-red-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsblue{ /* Hover state CSS */
	text-decoration: underline;
}
/*   BUTTONS GRAY
------------------------------------------------------------- */

a.boldbuttonsgray{
	background: transparent url(../img/roundedge-gray-left.gif) no-repeat top left;
	display: block;
	float: right;
	font: bold 14px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;

}

a:link.boldbuttonsgray, a:visited.boldbuttonsgray, a:hover.boldbuttonsgray, a:active.boldbuttonsgray{
	color: white; /*button text color*/
}

a.boldbuttonsgray span{
	background: transparent url(../img/roundedge-gray-right.gif) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttonsgray{ /* Hover state CSS */
	text-decoration: underline;
}