@CHARSET "UTF-8";

/*******************
  Default Overrides
 *******************/
 
body {
	/* center containder div in ie 6 */
	text-align: center; 
	background-color: #383838;	
}

.input-textarea {
    margin: 0 2px 2px 2px;
    padding: 2px;   
    border: 1px solid #c0c0c0;
    background: white url(../images/bg_text.gif) repeat-x;
    overflow: auto;
}

.input-button {
    background: #c80000 url(../images/bg_button.gif) repeat-x;
    border: 1px solid #333;
    height: 24px;
    padding: 0px 20px;
}

.input-button:HOVER {
	background: #c80000 url(../images/bg_button_h.gif) repeat-x;
}

.input-textbox {
	height: 18px;
	margin: 2px;
	border: 1px solid #aaa;
	background: white url(../images/bg_text.gif) top left repeat-x;
}

.input-textbox:FOCUS,
textarea:FOCUS {
	border: 1px solid #888;	
}

.input-select {
	height: 22px;
	margin: 2px;
	border: 1px solid #aaa;
}


.validation-failed,
.validation-failed:FOCUS {
    border: 1px solid red;	
}

button span {
    padding-left: 10px;
    padding-right: 10px;	
}

button.new-button span {
	background: transparent url(../images/bullet_plus.png) 5px 0px no-repeat;
	padding-left: 26px;
}

button.delete-button span {
    background: transparent url(../images/bullet_cross.png) 5px 0px no-repeat;
    padding-left: 26px; 	
}

button.accept-button span {
    background: transparent url(../images/bullet_check.png) 5px 0px no-repeat;
    padding-left: 26px;     
}

h1 {
	margin-bottom: 5px;	
}

h2 {
	margin-bottom: 3px;	
}

div#spring {
	width: 0px;
	height: 250px;
	float:left;
}

div.clear {
	height: 0px;
	clear: both;	
}

div.spacer {
	height: 18px;	
}

div.scroll {
	overflow: scroll;
}

div.f-left {
    float: left;   
}

div.f-right {
    float: right;   
}

table.form-table {
	table-layout: fixed;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;	
}

ul.plain {
	list-style: none;
	list-style-type: none;
    border: 0;
    padding: 0;
    margin: 0;	
}

ul.plain li {
    border: 0;
    padding: 0;
    margin: 0; 	
}

ol.numbered {
	list-style: decimal;
	list-style-type: decimal;
}

ol.numbered li {
	margin-left: 22px;
}

div.debug {
	background-color: #fff;
	color: 	#cdcdcd;
}


/*************
  Message Box
 *************/

div.messages {
    margin: 10px 0 20px 2%;
	padding: 5px;
	width: 95%;
}
 
div.messages ul {
    list-style: none;
}

div.messages ul li {
 	display: block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
}
 
/***********
  Error Box
 ***********/
div#error {
    background-color: #ffaaaa;
    border: 1px solid red;
}

div#error ul li {
	background: transparent url(../images/icon_error.gif) top left no-repeat;
}

/*************
  Warning Box
 *************/
div#warning {
    border: 1px solid #ffbb44;
    background-color: #ffffaa;
}

div#warning ul li {
	background: transparent url(../images/icon_warning.gif) top left no-repeat;
}

/**********
  Info Box
 **********/
div#information {
    border: 1px solid #ccc;
    background-color: #efefef;
    margin: 10px 0 20px 2%;
    padding: 5px;
	width: 95%;
}

div#information ul li {
	background: transparent url(../images/icon_info.gif) top left no-repeat;
}


/************
  Data Table
 ************/

table.data-table {
	width: 100%;
	padding: 0;
	margin: 0;
    border: 1px solid #aaa;
    border-collapse: separate;
}

table.data-table input,
table.data-table select {
	margin: 0;
	width: 95%;
}

table.data-table td,
table.data-table th	 {
	padding: 0px 5px;
}	
	
table.data-table td,
table.data-table th {
	border: none;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
    vertical-align: middle;
}

table.data-table tbody tr {
    background-color: #fafafa;
}
	
table.data-table tbody tr.total {
	background: #ccc;
}

table.data-table tr.last td {
    border-bottom: none;
}
    
table.data-table td.last, 
table.data-table th.last {
    border-right: none;
}
    
table.data-table thead td,
table.data-table thead th {
    background: #ccc url(../images/table_header.png) top left repeat-x;
}

table.data-table thead th {
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid white;
	height: 22px;
}

table.data-table thead tr.last td,
table.data-table thead tr.last th {
	border-bottom: 1px solid #aaa;
}


table.data-table tfoot td {
    background: transparent url(../images/table_footer.png) top left repeat-x;
}

table.data-table tfoot td {
    height: 22px;
}

/****************
  Main Container
 ****************/

div#container {
	overflow: hidden;
	position: relative;
	margin: 15px auto 5px auto;
	width: 959px;
}

/********
  Header
 ********/

div#header {
	width: 959px;
	height: 112px;
	background: white url(../images/header_background.png) no-repeat;
}

div#header address {
	float: right;
	margin: 10px;
	margin-right: 10px;
} 


/********
  Banner
 ********/

.replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ }
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ }

div#banner_fr, 
div#banner_fr span {
	width: 959px;
	height: 89px;
	background-image: url(../images/fr_CA/banner.jpg);
}

div#banner_en,
div#banner_en span {
	width: 959px;
	height: 89px;
	background-image: url(../images/en_CA/banner.jpg);
}

/***********
  Menu Box
 ***********/

div#navbar {
	position: absolute;
	top: 201px;
	width: 959px;
	height: 27px;
	background: white url(../images/menu_background.png) no-repeat;
}

/****************
  Content Layout
 ****************/ 

div#content {
	position: relative;
	width: 949px;
	background: white url(../images/template_07.png) repeat-y;
	padding: 37px 5px 0;
}

div#content p {
	margin-bottom: 10px;
}
		
div#content.single-column div.col1 {
    width: auto;
    margin-left: 1%;
    margin-right: 1%;
}

div#content.double-column div.col1 {
    width: 48%;
    float: left;    
    margin-left: 1%;
    margin-right: 1%;
}

div#content.double-column div.col2 {
    width: 48%;
    float: right;
    margin-right: 1%;
}

div#content.triple-column div.col1 {
	width: 24%;
    float: left;
	padding-right: 1%;
    margin-left: 1%;
}

div#content.triple-column div.col2 {
    width: 53%;
    float: left;
    padding-right: 1%;
    margin-left: 1%;
}

div#content.triple-column div.col3 {
    width: 16%;
    float: left;    
    margin-left: 1%;
}

div#content div.content-block {
	padding-bottom: 25px;	
}

div#content div.divider {
	background: transparent url(../images/vbar.png) repeat-y;
	float: left;
	height: 420px;
	width: 1px;
}


/************
  Form Style
 ************/

div#content ul.field-list {
	margin-left: 5px;
	position: relative;
}

div#content ul.field-list li {
	clear:both;
	display: block;
}

div#content.single-column ul.field-list li {
    width: 900px;
}

div#content.double-column ul.field-list li {
    width: 410px;
}
 
div#content ul.field-list li label {
    display: block;
    float: left;
    line-height: 25px;
}

div#content.single-column ul.field-list li label {
	width: 200px;
}

div#content.double-column ul.field-list li label {
	width: 120px;
}

div#content.single-column ul.field-list li div.input {
    float: left;
    margin: 0;
    width: 155px;
}

div#content.double-column ul.field-list li div.input {
    float: left;
    margin: 0;
    width: 125px;
}

div#content.single-column ul.field-list li div.input input.input-textbox {
	width: 152px;
}

div#content.single-column ul.field-list li div.input select.input-select {
	width: 177px;
}

div#content.double-column ul.field-list li div.input input.input-textbox {
	width: 123px;
}

div#content ul.field-list li div.input textarea.input-textarea {
	width: 120px;
}

div#content ul.field-list li p {
	color: #333;
	display: block;
    float: right;
    font-style: italic;
    line-height: 25px;
    margin:0;
}

div#content.single-column ul.field-list li p {
    width: 500px;
}

div#content.double-column ul.field-list li p {
    width: 135px;
}

div#content div#bottom-bar
{
	border-top: 1px solid #eaeaea;
	height: 30px;
    margin-top: 10px;
    padding-top: 5px;
}

div#content div#bottom-bar div#btm-message {
	float: left;
}

div#content div#bottom-bar div#btm-button {
    float: right;
    text-align: right;
}

div#content div#form-container {
    margin-left: 15px;
    margin-right: 15px;	
}

fieldset {
	border-top: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

fieldset legend {
	padding: 0px 4px 0px 0px;
    background-color: white;
}

/* override for rows with select boxes */
div#content.single-column ul.field-list li.select-box-item label {
	width: 170px;
}

div#content.single-column ul.field-list li.select-box-item div.input {
	text-align: right;
	width: 185px;
}

/***********
  Home Page
 ***********/

div#content div.login-box {
	padding: 0px 0px 0px 5px;
}

div#content div.login-box form input {
	width: 130px;
}
	
div#content div.login-box form input.input-button {
	width: 132px;
	margin: 5px 5px 0px 0px;
}

div#content ul.links {
	height: 50px;
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0;
	width: 200px;
}

div#content ul.links li {
	padding-left: 15px;
	background: transparent url(../images/bullet_arrow.png) 3px 3px no-repeat;
	line-height: 15px;
}

div#content ul.quicklink {
	margin: 0px 0px 5px 0px;
	list-style: none;
	padding: 0;
}

div#content ul.quicklink li {
	background: transparent url(../images/bullet_arrow.png) 3px 3px no-repeat;
	line-height: 15px;
	padding-left: 15px;
}

div#content ul.services {
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

div#content ul.services li {
	background: transparent url(../images/bullet_small_arrow.png) 3px 4px no-repeat;
	line-height: 18px;
	padding-left: 18px;
}

div#content ul.delivery {
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

div#content ul.delivery li {
	background: transparent url(../images/bullet_small_arrow.png) 3px 4px no-repeat;
	line-height: 18px;
	padding-left: 18px;
}

div#content div.news-item {
	padding-bottom: 15px;
}

div#content div.newsitem p.news{
    margin-top: 4px;
}

/*******
  Load Quote
 *******/

div#content div#load-animation {
	position: absolute;
	width: 220px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -110px;		
}

div#update-container div.error {
    background-color: #ffaaaa;
    border: 1px solid red;
	margin: 10px;
}

div#update-container div.error p {
	margin: 3px;
	padding-left: 20px;
	background: transparent url(../images/icon_error.gif) 2px 2px no-repeat;
}

div#update-container div.all p {
	font-size: smaller;
}

/************
  Show Quote
 ************/
div#quote-result {
 	margin-left: 2%;
 	margin-right: 2%;
 	padding: 2%;
 	width: auto;
 	border: 1px solid #ccc;
}

div#quote-header {
	font-size: 10px;
	height: 45px;
	padding-bottom: 5px;
	border-bottom: solid 1px #888;
}

div#quote-header div#quote-header-address {
	width: 160px;
	float: left;
}

div#quote-header div#quote-header-phone {
	width: 200px;
	float: right;
	text-align: right;
	padding-top: 5px;
}

div#quote-header div#quote-header-phone p {
	height: 12px;
	margin: 0;
}

div#quote-title {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 20px;
	color: #444;
}

div.quote-info-row {
	height: 16px;
}

div.quote-info-row strong {
	display: inline-block;
	width: 220px;
}

div#quote-result table#quote-table tfoot tr {
	font-weight: bold;
}

div#quote-result div#quote-info-left {
	float: left;
	width: 450px;
}

div#quote-result div#quote-info-right {
	float: right;
	width: 390px;
}

div#quote-result table {
	line-height: 15px;
	width: 100%;
}

div#quote-result div#quote-info {
	margin: 0 0 20px;
}
	
div#quote-result img#vehicle {
	width: 390px;
	height: 312px;
}

div.legal {
	margin: 20px 0;
	font-size: 10px;	
}

div#quote-link {
	line-height: 22px;
	text-align: center;
	margin-left: 20%;
	width: 60%;	
}

/*********
  Account
 *********/
 
/* see account.css */

 
/********
  Footer
 ********/

div#footer {
	background: transparent url(../images/footer_background.png) no-repeat;
	height: 10px;
	padding-bottom: 20px;
	position: relative;
	width: 959px;
}

div#footer div#conditions {
	bottom: 0;
	left: 1%;
	position: absolute;
	right: auto;
	width: 35%;	
}

div#footer div#copyright {
	bottom: 0;
	left: auto;
	position: absolute;
	right: 1%;
	width: 55%;	
}