/*
Oreck CSS v3.9.6.24
- Fixed speech bubbles for testimonials and vacuums
*/
/*---------- html elements CSS -----------*/
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
* html #container {
	height: 100%;
}
body {
	font-family: "lucida sans", "lucida grande", arial, tahoma, geneva, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	background: url(/images/page_layout/oreck_page_bg.png) repeat-x #4c7fb2;
	color: #333;
}
a, a:link, a:visited, a:active {
	color: #1947a7;
	text-decoration: none;
}
a:hover {
	color: #4c70ba; 
}
form {
	margin: 0;
	padding: 0;
}
p {
	margin: 1.12em 0;
}
h1,h2,h3,h4,h5,h6 {
	color: #2d4b79;
	padding: 5px 0 5px 0;
	margin: 0;
	font-weight: normal;
}
h1 {
	font-size: 1.5em;
	letter-spacing: -1px;
}
h2 {
	font-size: 1.3em;
	letter-spacing: -1px;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: .83em;
}
h6 {
	font-size: .75em;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
img.right {
	float: right;
	margin: 0 0 0 10px;
}
img.left {
	float: left;
	margin: 0 10px 0 0;
}
li {
	margin: 0;
}
ol,ul {
	list-style: square outside;
	margin: 0 0 0 25px;
}
ol.number,ul.number {
	list-style: decimal outside;
}
ol.circled,ul.circled {
	list-style: circle outside;
}
ol.orange,ul.orange {
	list-style-image: url(/images/product/orange_bullet.png);
}
ol.large_ol,ul.large_ol {
	line-height: 25px;
}
/*---------- classes -----------*/
.clear {
	clear: both;
}
.break_half {
	height: 8px;
}
.break {
	height: 16px;
}
.breakx2 {
	height: 32px;
}
.subtitle {
	font-size: 1.3em;
/*	letter-spacing: -1px;*/
	color: #2d4b79;
	font-weight: bold;
}
.note_text {
	font-weight: bold; 
	color: #090;
}
.warn_text {
	font-weight: bold; 
	color: red;
}
.spaced_text {
	margin: 8px 0 8px;
}
.dark_blue_text {
	color: #00339d;
}
.light_blue_text {
	color: #2d4b79;
}
.green_text {
	color: #3d813d;
}
.lime_green_text {
	color: #679d14;
}
.red_border {
	border: 1px solid #ca5151;
}
.blue_border {
	border: 1px solid #4b7fb2;
}
.grey_border {
	border: 1px solid #ccc;
}
.grey_content {
	color : #888;
	font-size : 0.8em;
}
.f_right {
	float: right;
}
.f_left {
	float: left;
}
/*---------- Energy Calculator CSS -----------*/

.tick_line {
	height: 40px; 
	background: url(/images/tick.png) no-repeat right top;
	line-height: 40px;
}
.tick_line_left {
	height: 40px; 
	background: url(/images/tick.png) no-repeat left top;
	font-size: 1.1em;
	padding-left: 40px;
	line-height: 32px;
}
.cross_line {
	height: 40px; 
	background: url(/images/cross.png) no-repeat right top;
	line-height: 32px;
}
.cross_line img,.tick_line img {
	vertical-align: middle;
}
.form_title {
}
.form_field {
	padding: 8px 0 8px 0;
}
/*---------- Wrapper Left side menu and content CSS -----------*/
#content_wrapper {
	width: 928px;
	background: white;
/*	background: url(/images/menu_bg.gif) repeat-y; */
	margin: 0 auto;
}
/*---------- Left side menu bar CSS -----------*/
#menu_bar {
	float: left;
	margin-left: 32px;
	width: 146px;
	display: inline;
}
/*---------- Main content CSS -----------*/
#content {
	width: 864px; 
	margin: 0 auto;
}
/*---------- Header CSS -----------*/
#header {
	width: 864px;
	margin: 0 auto;
	font-size: 0.8em;
}
#product_menu {
	background: #00339d;
	height: 24px;
}
#product_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#product_menu li {
	float: left;
	height: 24px;
	white-space: nowrap;
	font-size: .9em;
	background: url(/images/menu_bullet.gif) no-repeat left center;
	padding-left: 5px;
	margin-left: 15px;
}
#product_menu li a:hover {
	color: #fff;
}
#product_menu li a {
	display: block;
	text-align: center;
	line-height: 24px;
	padding: 0 5px 0 5px;
	font-weight: normal;
	color: #d9e1f0;
	font-weight: bold;
}
/*---------- Footer CSS -----------*/
#footer {
	width: 864px;
	background: #fff;
	margin: 0 auto;
	background: url(/images/break_blue.png) #fff top center no-repeat;
	font-size: .8em;
	padding: 8px 0 8px 0;
}
/*---------- draw_prices function CSS -----------*/
.pandp, a.pandp, a.pandp:link, a.pandp:visited, a.pandp:active a.pandp:hover {
	font-weight: bold;
	color: #2d4b79;
	background-color: transparent;
	text-decoration: none;	
}
.price {
	font-weight: bold;
	color: #00339d;
}
.new_or_sale_product {
	font-size: 1.1em;
	font-weight: bold; 
	color: #f00;
}
.free_pp {
	font-weight: bold; 
	color: #f00;
}
.was_price {
	font-weight: bold;
	color: #777;
}
.instalment_information {
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	text-align: center;
	padding: 3px 0 3px 0;
	width: 160px;
}
/*---------- Information Boxes CSS -----------*/
#tabContainer {
	position: relative;
	width: 328px;
	border: 1px solid #ddd;
}

#tabContent {
	position:relative;
	height: 480px;
	color: #444;
	overflow: auto;
}

#tabContent .content {
	display: none;
	font-size: .9em;
}

#tabContent .active{
	padding: 5px 10px;
	display: block;
}
/*---------- Technical Specifications CSS -----------*/
.tech_spec_odd {
	background: #fff;
	padding: 2px;
	border-bottom: 1px solid #ddd;
	font-size: .85em;
}
.tech_spec_even {
	background: #eee;
	padding: 2px;
	border-bottom: 1px solid #ddd;
	font-size: .85em;
}
/*---------- Product selection CSS -----------*/
.product_select_image {
	width: 98px; 
	height: 98px; 
	float: left;
}
.product_select_label {
	width: 246px; 
	height: 98px; 
	float: left; 
	background: url(/images/product/menu_background.png) #fff no-repeat;
	font-size: 1.5em; 
	color: #555; 
	line-height: 98px;
}
.product_select_label a {
	color: #555;
}
/*---------- Sets CSS -----------*/
.multi_text {
	border-top: solid 1px #ddd;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #2d4b79;
	font-weight: bold;
}
.multi_title {
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #023467;
	font-weight: bold;
	clear: both;
}
/*---------- Media CSS -----------*/
#media_slideshow {
	position: relative;
	visibility: hidden;
	margin: 6px 0 0 6px;
}
#media_slideshow .gallerydesctext {
	text-align: left;
	padding: 2px 5px;
}
/*---------- carousel css -----------*/
.carousel_main {
	height: 140px; 
}
.carousel {
	width: 760px;
	float: left;
	height: 140px;
}
li.carousel {
	margin: 0 5px 0 5px;
	cursor: hand;
}
/*---------- bubble css -----------*/
.tt {
	position:relative;
	z-index:24;
	text-decoration:none;
}
.tt span { 
	display: none; 
}
.tt:hover { 
	z-index:25; 
	background:;
}
.tt:hover span.tooltip {
	display: block;
	position: absolute;
	top:-40px; 
	left:0;
	padding: 15px 0 0 0;
	width: 200px;
	text-align: center;
	/*margin-top: 50px;*/
}
.tt:hover span.top {
	display: block;
	padding: 30px 8px 0;
	background: url(/images/bubble_tip/bubble.gif) no-repeat top;
}
.tt:hover span.middle {
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_tip/bubble_filler.gif) repeat bottom; 
}
.tt:hover span.bottom {
	display: block;
	padding: 3px 8px 10px;
	background: url(/images/bubble_tip/bubble.gif) no-repeat bottom;
}
/*---------- upright customer review CSS -----------*/
.sbl { 
	background: url('/images/quotes/bl.gif') bottom left no-repeat #b4d1ea; 
	text-align: center; 
}
.sbr { 
	background: url('/images/quotes/br.gif') bottom right no-repeat; 
}
.stl { 
	background: url('/images/quotes/tl.gif') top left no-repeat;
}
.str { 
	background: url('/images/quotes/tr.gif') top right no-repeat; 
	padding: 10px; 
} 
.sb { 
	background: url('/images/quotes/b.gif') 30px top no-repeat; 
	padding: 2px 0px 10px 50px; 
}
/*---------- new product CSS -----------*/
.banner_div {
	white-space: nowrap;
	margin-top: 1px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 0;
	font-family: Arial;
	background: url(/images/product/banner_background.png) bottom repeat-y #2f732f ;
	text-align: right;
	color: white; 
	font-size: 2em;
}
.engineered_box {
	width: 416px;
	margin: 10px 0 0 0;
}
.engineered_box img {
	float: left;
	margin: 0 8px 3px 0;
}
.onDiv, .offDiv {
	clear:both;
}
a.showLink, a.hideLink {
	float:right; 
	margin-top: 20px;
	padding: 0 2px;
	font-size:10px;
	text-decoration:none;
	width:16px;
	text-align:center;
}
a.showLink{
	line-height: 1.2em;
}
a.hideLink{
	line-height: 1.2em;
}
a.showAll, a.hideAll{
}
a.showLink:hover, a.hideLink:hover{
}
a.hideLink:hover{
}
a.showLink:hover{
	color:#FFF;
}
.faqTitle{
	font-size:1.2em;
	line-height: 1.2em;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
	padding-top: 16px;
}
.onDiv .showLink{
	display:none;
}
.offDiv .hideLink{
	display:none;
}
.show-hide {
	padding-top: 8px;
	clear: both;
}
/*---------- misc CSS -----------*/
a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 125px;
	padding: 5px;
	z-index: 100;
	background: #000;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}


.related_items {
	width: 64px;
	float: right;
	clear: both; 
	font-size: 11px;
}
.related_items a {
	color: #99CCFF;
}

.products_list ul {
	list-style-image: url(/images/product/orange_bullet.png);
	list-style-position: outside;
	margin: 0;
	padding: 0;
}




.trolley_on {
	font-family: arial,helvetica;
	font-size: 16pt;
	color: #555;
	text-align: center;
}
.trolley_off {
	font-family: arial,helvetica;
	font-size: 16pt;
	color: #ccc;
	text-align: center;
}
.save_text {
	color: red;
	font-weight: bold;
	font-size: 12px;
}



div.tandc_hidden_content {
	display: none;
	padding: 8px 0 8px 16px;
}
/*---------- Wrapper Whole Page -----------*/
#container {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
	background: url(/images/page_layout/oreck_content_background.png) repeat-y;
}