#calculator p,#calcualtorSubmit span, #calculatorResults a span, 
#calculatorSend a span, #bottomText span{ visibility: hidden; }

#calculator { width: 362px; height: 269px; position: relative;}
#calculator .content { padding: 100px 0 0 25px;}
#calculator .error { width: 230px;}
#calculator input, #calculator select { font-size: .75em; }
#vehicle_type { width: 105px; margin-right: 5px; }
#miles_per_week { width: 85px; margin-right: 5px;}
#region { width: 105px; }
.blue #calculator  { background: url('../../img/blue/calcbkg.jpg') top left no-repeat;}
.orange #calculator  { background: url('../../img/orange/calcbkg.gif') top left no-repeat;}
#calcualtorSubmit { width: 70px; height: 24px; margin: 10px 25px 0 0; }
.blue #calcualtorSubmit  { background: url('../../img/blue/submit.gif') top left no-repeat;}
.orange #calcualtorSubmit  { background: url('../../img/orange/submit.gif') top left no-repeat;}
.blue #calcualtorSubmit:hover  { background: url('../../img/blue/submit-roll.gif') top left no-repeat;}
.orange #calcualtorSubmit:hover  { background: url('../../img/orange/submit-roll.gif') top left no-repeat;}

#calculatorResults { 
	display: none; height: 90px; width: 220px; position: absolute; top: 70px; left: 80px; 
	background: url('../../img/calc-results.gif') top left no-repeat;
}
#calculatorResultsWrapper { padding: 0px 15px 5px 20px; position: absolute; top: 15px; left: 0px;}
#calculatorSend { 
	display: none; height: 180px; width: 269px; position: absolute; top: 50px; left: 50px; 
	background: url('../../img/send-friend-back.gif') top left no-repeat;
}
#calculatorSendWrapper { padding: 0px 15px 5px 20px; position: absolute; top: 15px; left: 0px;}

#calculatorSend .medText { width: 100px;}
#calculatorSend #friendsEmail { width: 208px;}
#calculatorSend .close { width: 15px; height: 15px; position: absolute; top: 0px; left: 0px;}
#calculatorSend span { color: #000;font-size: 11px; line-height: 11px;}
#sendToAFriendSubmit { width: 50px; height: 20px; }
.blue #sendToAFriendSubmit  { background: url('../../img/blue/send.gif') top left no-repeat;}
.orange #sendToAFriendSubmit  { background: url('../../img/orange/send.gif') top left no-repeat;}
.blue #sendToAFriendSubmit:hover  { background: url('../../img/blue/send-roll.gif') top left no-repeat;}
.orange #sendToAFriendSubmit:hover  { background: url('../../img/orange/send-roll.gif') top left no-repeat;}

#calculatorResults .error {}
#calculatorResults .msg {font-size: 11px; line-height: 11px; }
#calculatorResults .title { font-size: 1.1em;}
#calculatorResults span { color: #000;}
#calculatorResults .close { width: 15px; height: 15px; position: absolute; top: 0px; left: 0px;}
#calculatorResults .clickHere {width: 70px; height: 20px; }
.blue #calculatorResults .clickHere  { background: url('../../img/blue/clickhere.gif') top left no-repeat;}
.orange #calculatorResults .clickHere  { background: url('../../img/orange/clickhere.gif') top left no-repeat;}
.blue #calculatorResults .clickHere:hover  { background: url('../../img/blue/clickhere-roll.gif') top left no-repeat;}
.orange #calculatorResults .clickHere:hover  { background: url('../../img/orange/clickhere-roll.gif') top left no-repeat;}
#calculatorResults .sendToAFriend {width: 110px; height: 20px;}
.blue #calculatorResults .sendToAFriend  { background: url('../../img/blue/sendtoafriend.gif') top left no-repeat;}
.orange #calculatorResults .sendToAFriend  { background: url('../../img/orange/sendtoafriend.gif') top left no-repeat;}
.blue #calculatorResults .sendToAFriend:hover  { background: url('../../img/blue/sendtoafriend-roll.gif') top left no-repeat;}
.orange #calculatorResults .sendToAFriend:hover  { background: url('../../img/orange/sendtoafriend-roll.gif') top left no-repeat;}

.error {color: #00245e; font-size: 12px; font-family: Arial;}
.block {display: block}
.textright {text-align: right}
.left {float: left}
.lilpad {padding: 3px 0}
.roomAbove {margin-top: 10px}
.bold {font-weight: bold; font-style: normal; } 
.right {float: right}