/*
# Copyright (C) 2003 Janet Hanseth
# hanseth@post.harvard.edu
# 
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, and copied in the file LICENSE.txt in this 
# distribution.
*/


/* Stylesheet for quote request form. */

body {
	color:black;
	background-color:white;
	margin:0px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
}

img {
    border: 0px;
}

p {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:2px 2px 5px 2px;
	padding:2px;
}

/* same as p */
.normal {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:2px 2px 5px 2px;
	padding:2px;
}

.pagetitle {
    font: 20px verdana, arial, helvetica, sans-serif;
    margin: 10px 10px 10px 10px;
    background-color:#c1c1c1;
    padding: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    border-style:solid;
    border-color:#003300;
    border-width:1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */
    width:600;
}

.affiliate {
    background-color: #c1c1c1;
    padding: 8px;
    margin-right:300px;
}

/* for required items on the form */
.req {
    color:darkred;
    font-weight:bold;
}

.faq {
	text-align:right;
	font:10px verdana, arial, helvetica, sans-serif;
}

.buynow {
	color:blue;
	font-weight:bold;
}
.explain {
	color:green;
}
.notavailable {
	color:red;
}

/* All the content boxes belong to the content class. */
.content {
	position:relative; 
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width:550;
	margin:10px 10px 10px 10px;
	border: 1px solid black;
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
.content2 {
        position:relative;
        /* Position is declared "relative" to gain control of stacking order (z-index). */
        width:600;
        margin:10px 10px 10px 10px;
        border: 1px solid black;
        background-color:white;
        padding:10px;
        z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
        }

.divider {
        background-color: #c1c1c1;
}


.contentheader {
    background-color:#c1c1c1;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .4em;
    margin-bottom: 5px;
}

.logincontent {
	position:relative; 
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width:200px;
	border: 1px solid black;
	background-color:white;
	padding:5px 5px 0px 5px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.logincontentheader {
    background-color:#c1c1c1;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .4em;
    margin-bottom: 5px;
}



/* The next several items are for avoiding tables when trying to 
    align form elements. */
div.row {
  clear: both;
  padding-top: 2px;
  padding-bottom: 5px;
  }

div.row span.shortlabel {
  clear:none;
  float: left;
  width: 80px;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 5px;   
  }

div.row span.mediumlabel {
  clear:none;
  float: left;
  width: 150px;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 5px;
  }

div.row span.mediumlabelright {
  clear:none;
  float: right;
  width: 150px;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 5px;
  white-space: nowrap;
  }


div.row span.longlabel {
  float: left;
  width: 325px;
  text-align: right;
  padding-top: 3px;
  padding-bottom:3px;
  margin-right: 5px;
  clear:none;
  }
  
div.row span.shortformw {
  clear: left;
  float: right;
  width: 490px;
  text-align: left;
  clear:none;
  } 

div.row span.mediumformw {
  float: right;
  width: 425px;
  text-align: left;
  clear:none;
  } 

div.row span.longformw {
  float: right;
  width: 250px;
  text-align: left;
  clear:none;
  } 
  
  
div.loginrow {
  clear: both;
  padding: 2px 40px 2px 5px;
  }

div.loginrow span.label {
  clear:none;
  float: left;
  width: 60px;
  text-align: right;
  /* margin-right: 5px;   */
  }
div.loginrow span.formw {
  float: right;
  width: 60px;
  text-align: left;
  clear:none;
  margin-right: 5px;
} 
td {
  font:11px verdana, arial, helvetica, sans-serif;
}
td.taright {
  text-align: right;
}
td.taleft {
  text-align: left;
}

/* QUOTE FORM FORMATTING */

.index {
	border:1px solid #000000;
	margin: 0px 10px 15px 10px;
	}
	
.boxheader {
	color:#000000;
	background-color:#C1C1C1;
	text-align:left;
	font-size:1.0em;
	letter-spacing:0.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:7px;
	margin: 10px;
	border: none;
	}

.indexsmall

{
width: 95%;
text-indent: 0px;
font-weight: normal;
padding: 0px 7px 7px 7px;
text-align: left;
text-decoration: none;
margin: 10px 15px 10px 15px;
border: none;
display: block;
}

.headersmall
{
width:25%;
position: relative;
text-align: left;
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
}

.valuesmall
{
width:20%;
position: relative;
text-align: left;
padding-left: 10px;
float: left;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
}

#wrapper
{
width: 95%;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
background-color: white;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}

#GLOBAL_BLANK.index {
	border:none;
}

#QF_OTHER_INFO_HEADER  .headersmall {
	width:55%;
	padding-right:20px;
}

#QF_OTHER_INFO_HEADER  .valuesmall {
	width:30%;
	padding-right:20px;
}

#QF_TOWED_VEHICLE_INFO_HEADER .headersmall {
	width:30%;
	}
	
#QF_HEADER_MAIN_QUOTE_PAGE .indexsmall {
font-weight:700;
}

/* Padding */

.padleft {
padding-left:15px;
}

/* Privacy Statement formatting */

#privacy {
	text-align:center;
	font-size:10px;
	}

td .helpcont { border: none; }

.helpcont {text-align:right; }

.helpcont a:link {text-decoration:none; }
.helpcont a:visited {text-decoration:none; }
.helpcont a:hover {text-decoration:none; }
.helpcont a:active {text-decoration:none; }