@charset "utf-8";
/**************************************************************************
** $Id:$
** Company:		Sure Can Technology
** Author:		Ben Gillies
** Date:		11 September 2008
** Version:		1.0
** Notes:		Handles styles for various integrated quick quote panels.
** 
** NB. DO NOT MODIFY THIS DOCUMENT WITHOUT FIRST DISCUSSING CHANGES WITH 
**     THE AUTHOR.
**
**************************************************************************/

.qp_wrap {
	font-weight:					normal;
	font-size:						1em;
	color:							#444;
	padding-bottom:					20px;
}
.qp_wrap .lp {
	font-family:					verdana,helvetica,sans-serif;
}
.qp_wrap .wn {
	font-family:					arial,helvetica,sans-serif;
}
.qp_wrap .tid {
	font-family:					arial,helvetica,sans-serif;
}
.qp_wrap .qp_module {
	position:						relative;
	background:						#fff url(/i/bg_module_footer2.gif) no-repeat 0 bottom;
	width:							627px;
	widt\h:							587px;
	padding:						20px;
	margin:							0 0 20px;
}
.qp_wrap .qp_module_sm {
	width:							190px;
	widt\h:							170px;
	background:						none;
	position:						relative;
	padding:						20px 10px;
	margin:							0 0 20px;
	border:							1px solid #ccc;
}
.qp_wrap .qp_module_med {
	width:							250px;
	widt\h:							232px;
	background:						none;
	position:						relative;
	padding:						20px 9px;
	margin:							0 0 20px;
	border:							1px solid #ccc;
}
.qp_wrap .qp_module_lg {
	width:							320px;
	widt\h:							309px;
	background:						none;
	position:						relative;
	padding:						20px 5px 20px 6px;
	margin:							0 0 20px;
	border:							1px solid #ccc;
}
.qp_wrap .qp_module_lgLg {
	width:							600px;
	widt\h:							580px;
	background:						none;
	position:						relative;
	padding:						20px 10px;
	margin:							0 0 20px;
	border:							1px solid #ccc;
}
.qp_wrap .qp_module_lgLg .column_half {
	width:							290px;
	widt\h:							270px;
	padding:						0 10px;
	display:						block;
	float:							left;

}
.qp_wrap .qp_module div.qp_header {
	position:						absolute;
	top:							0;
	left:							0;
	width:							627px;
	height:							5px;
	background:						url(/i/bg_module_header.gif) no-repeat left top;
}
.qp_wrap .qp_module .qp_module_footer {
	font-size:						0.8em;
}

/* Standard elements */
.qp_wrap hr {
	border:							none;
	color:							#f0f0f0; /* ie */
	height:							1px;
	background-color:				#f0f0f0; /* moz */
	margin:							12px 0 20px;
	padding:						0;
}
* html .qp_wrap hr {
	margin:							7px 0 13px;
}
.qp_wrap p {
	margin:							0;
	padding:						0 0 10px 0;
}
.qp_wrap a {
	color:							#0066cc;
	text-decoration:				none;
}
.qp_wrap a:hover {
	color:							#0066cc;
	text-decoration:				underline;
}
.qp_wrap img {
	border:							none;
}

.qp_wrap .right {
	text-align:						right;
}
.qp_wrap .fontSm {
	font-size:						0.9em;
}
.qp_wrap .fontSmSm {
	font-size:						0.8em;
	color:							#696969;
}
.qp_wrap .fontLg {
	font-size:						1.1em;
}
.qp_wrap .fontBlue {
	color:							#0066cc;
}
.qp_wrap .cDiv {
	clear:							left!important;
	float:							none!important;
}
.qp_wrap .cDivRight {
	clear:							right!important;
	float:							none!important;
}
.qp_wrap .cDivBoth {
	clear:							both!important;
	float:							none!important;
}
.qp_wrap .floatLeft {
	float:							left!important;
}
.qp_wrap .floatRight {
	float:							right!important;
}
.qp_wrap .noPad {
	margin:							0!important;
	padding:						0!important;
}
.qp_wrap ul {
	margin:							0 0 0 15px;
	padding:						0;
}
.qp_wrap ul li {
	margin:							0;
	padding:						2px 0 2px 10px;
}
.qp_wrap ul.list_horizontal {
	margin:							0;
	padding:						0;
}
/* end standard elements */

/* headings */
.qp_wrap h1,
.qp_wrap h2,
.qp_wrap h3,
.qp_wrap h4,
.qp_wrap h5,
.qp_wrap h6 {
	display:						block;
	font-size:						1em;
	font-weight:					bold;
	font-family:					helvetica,sans-serif;
	margin:							0 0 10px;
	padding:						0;
	color:							#000;
}
.qp_wrap .lp h1,
.qp_wrap .lp h2,
.qp_wrap .lp h3,
.qp_wrap .lp h4,
.qp_wrap .lp h5,
.qp_wrap .lp h6 {
	color:							#0066cc;
	font-family:					tahoma,helvetica,sans-serif;
}
/* end headings */

/* form elements */
.qp_wrap form {
	margin:							0;
	padding:						0;
}
.qp_wrap fieldset {
	margin:							0;
	padding:						0;
	border:							none;
}
.qp_wrap .lp fieldset {
	margin:							0 0 0 20px;
}

.qp_wrap legend {
	margin:							0;
	padding:						0;
	font-size:						0.8em;
	color:							#999;
}
.qp_wrap div.rowWrap {
	display:						block;
	clear:							left;
	margin-bottom:					30pz!important;
}
.qp_wrap div.rowWrap p {
	margin:							-5px 0 10px;
	padding:						0;
	color:							#999;
}
.qp_wrap label {
	display:						block;
	float:							left;
	margin:							0;
	padding:						4px 20px 2px 0;
	font-weight:					bold;
	font-size:						1em;
}
.qp_wrap .lp label {
	font-size:						0.9em;
}
.qp_wrap .wn .qp_module_sm label,
.qp_wrap .wn .qp_module_med label {
	float:							none;
	margin-bottom:					3px;
}
.qp_wrap .lblPlain {
	font-weight:					normal;
	font-size:						1em;
}
.qp_wrap .wn .qp_module_sm .lblPlain,
.qp_wrap .wn .qp_module_med .lblPlain {
	margin-bottom:					0;
}
.qp_wrap .lblShtSht {
	width:							30px;
	widt\h:							10px;
}
.qp_wrap .lblSht {
	width:							50px;
	widt\h:							30px;
}
.qp_wrap .lblShtMed {
	width:							70px;
	widt\h:							50px;
}
.qp_wrap .lblShtLng {
	width:							90px;
	widt\h:							70px;
}
.qp_wrap .lblMed {
	width:							120px;
	widt\h:							100px;
}
.qp_wrap .lblMedMed {
	width:							130px;
	widt\h:							110px;
}
.qp_wrap .qp_module_lg .lblMedMed {
	padding-right:					0;
	width:							130px;
}
.qp_wrap .lblMedLng {
	width:							180px;
	widt\h:							160px;
}
.qp_wrap .qp_module_sm .lblMedLng,
.qp_wrap .qp_module_med .lblMedLng {
	padding-right:					0;
	widt\h:							160px;
}
.qp_wrap .lblLngMed {
	width:							232px;
	widt\h:							212px;
}
.qp_wrap .qp_module_sm .lblLngMed,
.qp_wrap .qp_module_med .lblLngMed {
	padding-right:					0;
	widt\h:							232px;
}
.qp_wrap .lblLng {
	width:							300px;
	widt\h:							280px;
}

.qp_wrap input,
.qp_wrap select, 
.qp_wrap textarea {
	font-size:						1em;
	margin:							0 5px 10px 0;
	padding:						1px;
	border:							1px solid #d3d3d3;
}
.qp_wrap .qp_module_sm input,
.qp_wrap .qp_module_sm select,
.qp_wrap .qp_module_sm textarea,
.qp_wrap .qp_module_lg input,
.qp_wrap .qp_module_lg select,
.qp_wrap .qp_module_lg textarea {
	margin-right:					2px;
}
.qp_wrap .qp_module_sm .radioBtn,
.qp_wrap .qp_module_lg .radioBtn {
	margin-right:					5px;
}

.qp_wrap .radioBtn {
	border:							none;
	float:							left;
	display:						block;
	margin:							4px 5px 10px 0;
}
* html .qp_wrap .radioBtn {
	margin:							2px 5px 10px -3px;
}
.qp_wrap .inputShtSht {
	width:							50px;
	widt\h:							48px;
}
.qp_wrap .inputSht {
	width:							65px;
	widt\h:							63px;
}
.qp_wrap .inputMed {
	width:							120px;
	widt\h:							118px;
}
.qp_wrap .inputMedLng {
	width:							170px;
	widt\h:							168px;
}
.qp_wrap .inputLng {
	width:							259px;
	widt\h:							257px;
}

.qp_wrap .selectShtSht {
	width:							52px;
	widt\h:							50px;
}
.qp_wrap .selectSht {
	width:							60px;
	widt\h:							58px;
}
.qp_wrap .selectMed {
	width:							120px;
	widt\h:							118px;
}
.qp_wrap .selectMedLng {
	width:							172px;
	widt\h:							170px;
}
.qp_wrap .selectLngMed {
	width:							222px;
	widt\h:							220px;
}
.qp_wrap .selectLng {
	width:							259px;
	widt\h:							257px;
}

.qp_wrap .taSht {
	width:							65px;
	widt\h:							63px;
	height:							100px;
	heigh\t:						98px;
}
.qp_wrap .taMed {
	width:							120px;
	widt\h:							118px;
	height:							100px;
	heigh\t:						98px;
}
.qp_wrap .taMedLng {
	width:							180px;
	widt\h:							178px;
	height:							100px;
	heigh\t:						98px;
}
.qp_wrap .taLng {
	width:							259px;
	widt\h:							257px;
	height:							150px;
	heigh\t:						148px;
}

.qp_wrap em.qp_error {
	display:						none;
	margin:							-5px 0 10px;
	padding:						0;
	color:							#cc0000;
	font-size:						0.9em;
	font-style:						normal;
}
.qp_wrap .qp_mainError {
	display:						none;
	color:							#cc0000;
	font-size:						0.9em;
}

.qp_wrap .indentShtSht {
	margin-left:					60px!important;
}
.qp_wrap .indentSht {
	margin-left:					75px!important;
}
.qp_wrap .indentMed {
	margin-left:					180px!important;
}
.qp_wrap .indentMedLng {
	margin-left:					195px!important;
}
.qp_wrap .indentLng {
	margin-left:					300px!important;
}
.qp_wrap .indent {
	margin-left:					20px!important;
}
/* end form elements */

/* button elements */
.qp_wrap .btn_getAQuote {
	display:						block;
	width:							88px;
	height:							26px;
	background:						url(/i/btn_getAQuote.gif) no-repeat 0 0;
	border:							none;
}
.qp_wrap .btn_getAQuote_orangeSquare {
	display:						block;
	width:							131px;
	height:							31px;
	background:						url(/i/btn_getAQuote_orangeSquare.gif) no-repeat 0 0;
	border:							none;
}

/* end button elements */

/* customisations of structural elements and unique conditional placement of items */
.qp_wrap .qp_module .qp_module_footer ul {
	margin-bottom:					0!important;
}
.qp_wrap h1 {
	margin-top:						20px;
	font-size:						1.4em;
}
.qp_wrap .lp h1 {
	color:							#87c52f;
}
.qp_wrap .wn h1 {
	color:							#000;
}
.qp_wrap .tid h1 {
	color:							#000;
}

.qp_wrap .lp .qp_module h2 {
	font-size:						1.5em;
	float:							left;
	vertical-align:					bottom;
	margin-right:					5px;
	margin-bottom:					20px;
	padding-top:					5px;
}
.qp_wrap .wn h2,
.qp_wrap .tid h2 {
	font-size:						1.7em;
	vertical-align:					bottom;
	margin-right:					5px;
	margin-bottom:					0;
}
.qp_wrap .qp_module_med h2 {
	font-size:						1.8em;
}
.qp_wrap .qp_module_lg h2 {
	padding-left:					3px;
	font-size:						1.8em;
}
.qp_wrap .lp .qp_module h3 {
	font-size:						1.1em;
}
.qp_wrap .qp_module_sm h3 {
	font-size:						1em;
	padding-left:					2px;
}
.qp_wrap .qp_module_med h3 {
	font-size:						1.2em;
	padding-left:					2px;
	margin-bottom:					25px;
}
.qp_wrap .qp_module_lg h3 {
	font-size:						1.2em;
	padding-left:					5px;
	margin-bottom:					25px;
}

.qp_wrap .qp_module p {
	padding:						0 0 10px;
}

.qp_wrap .lp .qp_module a.sponsor {
	float:							right;
}
.qp_wrap .wn .qp_module_med a.sponsor {
	display:						block;
	margin:							0 0 0 30px;
}
.qp_wrap .tid .qp_module_med a.sponsor {
	display:						block;
	margin:							0 0 0 17px;
}

.qp_wrap .wn .qp_module_lg a.sponsor {
	float:							left;
	display:						block;
	margin:							8px 0 0 2px;
}
.qp_wrap .tid .qp_module_lg a.sponsor {
	display:						block;
	margin:							0 0 20px 50px;
}
.qp_wrap .qp_module_lgLg a.sponsor {
	display:						block;
	margin:							0 0 20px;
}

.qp_wrap .wn .btn_getAQuote_orangeSquare,
.qp_wrap .tid .btn_getAQuote_orangeSquare {
	margin:							15px 0 20px 0;
}
.qp_wrap .qp_module_sm .btn_getAQuote_orangeSquare {
	margin-left:					20px;
}
.qp_wrap .qp_module_med .btn_getAQuote_orangeSquare {
	margin-left:					50px;
}
.qp_wrap .wn .qp_module_lg .btn_getAQuote_orangeSquare {
	display:						block;
	float:							left;
	margin-left:					8px;
}
.qp_wrap .tid .qp_module_lg .btn_getAQuote_orangeSquare {
	display:						block;
	margin-left:					80px;
}


.qp_wrap .qp_module ul, 
.qp_wrap .qp_module ol {
	margin:							0 0 10px 20px;
	padding:						0 0 0 20px;
}
.qp_wrap .qp_module ul li, 
.qp_wrap .qp_module ol li {
	margin:							0 0 5px;
	padding:						0 0 0 10px;
}
.qp_wrap .qp_module ul.list_horizontal, 
.qp_wrap .qp_module ol.list_horizontal {
	margin:							0 0 10px 0;
	padding:						0;
}
.qp_wrap .qp_module ul.list_horizontal li, 
.qp_wrap .qp_module ol.list_horizontal li {
	list-style:						none;
	display:						block;
	float:							left;
	margin:							0 10px 5px 0;
	padding:						0;
}

/* end customisations of structural elements and unique conditional placement of items */