@charset "utf-8";

/*div { border:1px solid #FF0000; }

div div { border:1px solid #0000FF; }

div div div { border:1px solid #FF99CC; }

div div div div { border:1px solid #666633; }*/

html, body {

	height:100%;

	height:auto;

	overflow-x: hidden;

	

	}



body {

margin:0px 0px 0px 0px;

padding:0 0 20px 0;

background:url(../images/bg_main_body.jpg) no-repeat center top #e4dacf;

font-family:Arial, Helvetica, sans-serif;

font-size:100%;

scrollbar-3dlight-color:#FFFFFF;

           scrollbar-arrow-color:#FFFFFF;

           scrollbar-base-color:#FFFFFF;

           scrollbar-track-color:#FFFFFF;

           scrollbar-darkshadow-color:#FFFFFF;

           scrollbar-face-color:#a1b4c5;

           scrollbar-highlight-color:#FFFFFF;

           scrollbar-shadow-color:#FFFFFF

}



#container {

width:1024px;

height:auto;

margin:auto;

background:url(../images/tertiary_bg.jpg) repeat-y center top #e4dacf;

position:relative; margin:0 auto 0 auto; text-align:left;

padding:0px 0 0px 0;

}

#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



#container_secondary { background:url(../images/bg_main_body.jpg) no-repeat center top; }



#header_container {

	height:84px;

	margin:0 auto 0 auto;

	padding:40px 20px 0 20px;

	width:910px;

	}



#header_container .header_links {

	margin:14px 0px 0px 0px;

    float:right;

	}





#header_container .header_links li {

	border-right:1px solid #CCCCCC;

	padding:0px 0px 0px 11px;



}



#header_container .header_links li img {

	margin:0px 8px 0px 0px;



}

	

#header_container .float_right {

	float:right;

    margin: 10px 0px 0px 20px;

}

	

#header_container .float_left {

	float:left;

	width:455px;     

	}

	

#header_container .header_links img {

	position:relative;

	top:7px;

	margin-left:10px;

	}

	

#header_container ul, #header_container li {

	margin:0;

	padding:0;

	}

	

#header_container ul, #header_container li {

	display:inline

	}

	

#header_container li a {

	color:#494949;

	font-size:0.7em;

	margin:0 8px 0 0;

	text-decoration:none;

}	

#header_container ul img{

	margin:0px 0px 0px 0px;

}	

	

#header_container li a:hover {

	text-decoration:underline;

	}



#nav_tabs {

	height:30px;

	width:951px;

	text-align:center;

	margin:0 auto 0 auto;

	background:url(../images/nav_bg.gif) repeat-x top center;

	}



#nav_tabs li, #nav_tabs ul {

	margin:0;

	padding:0;

	display:inline;

	list-style:none;

	cursor:pointer;

	}



#nav_tabs li a {

	border-left:1px solid #FFFFFF;

	border-right:1px solid #999999;

	width:115px;

	padding:0;

	color:#434343;

	font-family:Arial, Helvetica, Arial, sans-serif;

	text-decoration:none;

	font-size:0.7em;

	cursor:pointer;

	background:url(../images/nav_bg.gif) repeat-x right top;

	height:30px;

	line-height:30px;

	display:inline-block;

	}



#nav_tabs li.startnav a {

	width:124px;

	cursor:pointer;

	border-left:none;

	}

	



#nav_tabs li.endnav a {

	width:123px;

	border-right:none;

	cursor:pointer;

	}

	

#nav_tabs li a:hover {

cursor:pointer;color:#FFFFFF!important;

	background:url(../images/nav_bg_selected.gif) repeat-x right top;

	}



#nav_tabs li.active a {

	background:url(../images/nav_bg_selected.gif) repeat-x right top;

	color:#FFFFFF!important;

	cursor:pointer;

	}



.nw_hld {

	padding:0 20px 0 15px;

	}



#center_banner {

	height:auto;

	width:951px;

	margin:0 auto 0 36px;

	}



#mainContent {

	height:auto;

	width:916px;

	margin:0 auto 0 auto;

	padding:15px 0 40px 36px;

	font-size:0.7em;

	}

	

#mainContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



#mainContent h1 {

	font-size:2.3em!important;

	font-family:Helvetica, Arial, sans-serif;

	color:#71889d;

	font-weight:normal;

	}

	



#mainContent h4 {

	font-size:1.7em!important;

	font-family:Helvetica, Arial, sans-serif;

	color:#71889d;

	font-weight:normal;

	}

	

#mainContent h3 {

	margin-top:15px;

	font-size:2em;

	font-family:Helvetica, Arial, sans-serif;

	color:#71889d;

	font-weight:normal;

	}	

		

#mainContent h3 img {

margin:-12px 0 0 0;

	}	

	

#mainContent .contentheading {

	margin-top:15px;

	font-size:2em!important;

	font-family:Helvetica, Arial, sans-serif;

	color:#71889d;

	font-weight:normal;

	}	

	

.wrapper h3 {

	margin-top:10px!important;

	}

	

#mainContent h2 {

	font-size:2.3em!important;

	font-family:Helvetica, Arial, sans-serif;

	color:#71889d;

	font-weight:normal;

	}



.related_products {

	font-size:1.5em!important;

	font-family:Arial, Helvetica, sans-serif;

	color:#8e8e8e;

	font-weight:normal;

	margin:0;

	line-height:34px;

	padding:0;

	}



#mainContent a {

	font-size:1em;

	font-family:Arial, Helvetica, sans-serif;

	color:#737373;

	font-weight:normal;

	}



#mainContent a:hover {

	color:#000000;

	}

	

.left_section {

	float:left;

	width:245px;

	font-family:Helvetica LT Light, Helvetica, Arial, sans-serif;

	}

	

.dotted_line1vert h5 {

	font-size:1.2em!important;

	font-weight:bold;

	margin:6px 0 4px 0;

	color:#000000!important;

	}

	

.right_section {

	float:left;

	width:630px;

	font-family:Helvetica LT Light, Helvetica, Arial, sans-serif;

	font-size:0.7em;

	}



.smlwidth {

	padding:0 300px 0 0;

	}



strong {

	color:#737373;

	}



.section_container {

	height:auto;

	padding:0 0 0 0;

	}



.section_container {

	background:url(../images/dot2.gif) repeat-y top right;

	}



.section_container div.shop_info {

	padding:5px 0 5px 10px;

	font-size:1em;

	font-weight:bold;

	}



.dotted_line1 {

	background:url(../images/dot.gif) repeat-x top;

	width:690px;

	height:4px;

	margin:0 0 30px 0;

	}

	

.dotted_line1vert {

	background:url(../images/dot.gif) repeat-y scroll right top;

	float:left;

	height:100%;

	margin:0 70px 0 0;

	padding:0 0px 0 0;

	width:580px;

	}

	

.div3col_col1 {

	width:220px;

	float:left;

	padding:0 30px 0px 10px;

	}



.div3col_col1 p {

	color:#737373;

	font-family:Arial, sans-serif;

	padding:0 0 0 0px;

	}

	

.next_page {

	padding-right:20px;

	}	

	

.previous_page {

	padding-left:20px;

	}



h6 {

	border-bottom:1px solid #CCCCCC;

	font-size:1.1em!important;

	color:#7990a4;

	width:212px;

	padding:0 0 5px 0;

	margin:0 0 10px 0;

	}



#vmMainPage {

	width:600px;

	height:auto;

	margin:0 0 0 0px;

	}

	

/*#vmMainPage div {

	border:1px solid #c8d6e2;

	border-top:18px solid #c8d6e2;

	width:42%!important;

	height:auto;

	margin:0 13px 10px 0px;

	padding:14px!important;

	}

#vmMainPage div.vmRecent {

	margin:20px 0px 10px 0px;

	padding:10px;

	width:auto!important;

	}*/

	

#vmMainPage a {

	text-decoration:none!important

	}

	

.inputboxquantity {

	border:1px solid #7f9db9;

	width:26px;

	height:18px;

	}

	

.quantity_box {

	margin-left:10px;

	}



.quantity_box_button_up {

	position:relative;

	left:0px;background-repeat:no-repeat;

	top:-3px;

	}

	

.quantity_box_button_down {

	position:relative;

	left:-15px;background-repeat:no-repeat;

	top:10px;

	}	

	

.quantity_box_button {

background-position:left top;

background-repeat:no-repeat;background-color:#FFFFFF;

border:none;

height:14px;

vertical-align:middle;

width:10px;

}

.addtocart_button_module {

	background: url(../images/add-to-cart_blue.gif) no-repeat center;

	cursor:pointer;

	overflow:hidden;

	height:24px;

	position:relative;

	left:5px;

	padding:40px 0 0 0;

	border:none;

	width:100px;

	}



.addtocart_button {

	height:24px;

	position:relative;

	left:5px;

	padding:40px 0 0 0;

	width:100px;

	}

	

.vmCartModule {

	background:url(../images/basket_tab.gif) no-repeat top;

	width:192px;

	height:auto;

	margin:10px 0 0 0;

	padding:50px 10px 0px 10px;

	}

.vmCartModule hr {

	border:none;

	border-top:1px solid #7d93a7;

	}

	

.vmCartContainer {

	background:none;

	border:none;

	float:right;

	padding:3px;

	width:auto;

	}

	

.vmCartChild {

	border:1px solid #ffffff;

	float:left;

	margin-bottom:2px;

	padding-left:2px;

	padding-right:2px;

	vertical-align:middle;

	}



.browseProductTitle {

	font-size:0.9em!important;

	display:none;

	}

	

.browseRatingContainer {

	display:none;

	}



.browsePriceContainer {

	margin:0;

	width:40px;

	}



.browseProductDescription {

	width:100%;

	display:block;

	float:left;

	margin:0;

	}



.browseProductContainer {

	margin:0 0 40px 0;

	}



img.browseProductImage {



	}



.cart_bottom {

	width:212px;

	height:11px;

	background:url(../images/basketbot.jpg) no-repeat left top;

	}



	

div.buttons_heading {

margin:0px;

display:none;

}

.related_top {

	background:url(../images/related.gif) no-repeat left top;

	height:auto;

	width:172px;

	margin:0px 0 20px 0;

	padding:50px 20px 20px 20px;

	}	

	

.related_top div.cost {

	font-size:0.6em;

	text-align:center;

	font-weight:bold;

	margin-left:25px;

	float:left; padding-top:6px

	}

	

.related_top p {

	margin:0;

	padding:0 0 20px;

	text-align:center;

	}	

	



.related_top div.select {

	float:left; margin:0 0 46px 40px;

	}

	

.related_bg {

	background:url(../images/relatedbg.gif) repeat-y left top;

	height:auto;

	width:212px;

	margin-top:20px;

	}	

	

.related_bot {

	background:url(../images/relatedbot.gif) repeat-y left top;

	height:12px;

	width:212px;

	}

	

.login_top {

	height:auto;

	width:172px;

	margin:0px 0 20px 0;

	padding:5px 20px 20px 20px;

	}

	

#form-login {

	margin:0;

	padding:0;

	}	

			

#form-login ul, ul.menu222 {

	margin:10px 0;

	padding:0;

	list-style-type: none;

	}	

		

#form-login fieldset {

	margin:0;

	padding:0;

	border:none;

	}	



#form-login input {

	margin:0;

	padding:3px 0 1px 4px;

	border:1px solid #CCCCCC;

	width:170px;

	height:16px;

	font-size:1em;

	font-family:Arial, Helvetica, sans-serif;

	color:#999999;

	}

	

	

#form-login input#modlgn_remember {

	margin:0;

	padding:0;

	width:20px;

	height:11px;

	}	

	

#form-login input.button {

	margin:0;

	padding:0;

	width:174px;

	height:auto;

	font-weight:bold;

	}

	

#josForm, .form-validate {

	margin:0;

	padding:0;

	}	

			

#josForm ul, .form-validate ul {

	margin:10px 0;

	padding:0;

	list-style-type: none;

	}	

		

#josForm fieldset, .form-validate fieldset {

	margin:0;

	padding:0;

	border:none;

	}	



#josForm button, .form-validate button {

	margin:0;

	padding:3px 0 1px 4px;

	border:1px solid #CCCCCC;

	width:170px;

	height:16px;

	font-size:1em;

	font-family:Arial, Helvetica, sans-serif;

	color:#999999;

	}

	

#josForm input, .form-validate input {

	margin:0;

	padding:3px 0 1px 4px;

	border:1px solid #CCCCCC;

	width:180px;

	height:16px;

	font-size:1em;

	font-family:Arial, Helvetica, sans-serif;

	color:#999999;

	}

	

	

#josForm button.validate, .form-validate button.validate {

	margin:0;

	padding:0;

	width:186px;

	height:auto;

	font-weight:bold;

	}



.form-validate button.validate {

	margin:0 0 0 165px;

	}



.glb_float_left {

	float:left;

	}

	

.glb_float_right {

	float:right;

	}



#footer { background:url(../images/footer_bg.jpg) no-repeat left top; height:25px; font-size:0.6em; font-family:Arial, Helvetica, sans-serif; color:#999999; width:1024px; margin:auto; }

#footer a { color:#999999; text-decoration:none }

#footer a:hover { color:#000000; text-decoration:none }



/* PRODUCT DETAILS DHTML SLIDER */





		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

			margin: 20px 0;

		}



		/* These 2 lines specify style applied while slider is loading */

		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}

		.csw .loading {margin: 200px 0 300px 0; text-align: center}



		.stripViewer { /* This is the viewing window */

			position: relative;

			overflow: hidden; 

			border: 1px solid #e0e0e0; /* this is the border. should have the same value for the links */

			margin: auto;

			width: 586px; /* Also specified in  .stripViewer .panelContainer .panel  below */

			height: 100%;

			height:auto;

			float:left;

			clear: both;

			background: #fff;

		}

		

		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

			position: relative;

			left: 0; top: 0;

			width: 100%;

			list-style-type: none;

			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

		}

		

		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */

			float:left;

			height: 100%;

			position: relative;

			width: 592px; /* Also specified in  .stripViewer  above */

		}

		

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

			padding: 10px;

		}

		

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

			margin:auto; width:640px!important; position:relative; left:-40px

		}

		

		.stripNav ul { /* The auto-generated set of links */

			list-style: none;

		}

		

		.stripNav ul li {

			float: left;

			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */

		}

		

		.stripNav a { /* The nav links */

			font-size: 1.2em!important;

			font-family:Myriad Pro, Arial, Helvetica, sans-serif;

			font-weight: normal;

			text-align: center;

			line-height: 40px;

			background: #c6e3ff;

			color: #6e6e6e;

			text-decoration: none;

			display: block;

			padding: 0 8px 0 4px; width: 123px;

		}

		

		.stripNav li.tab1 a { background:url(../images/tabon.gif) no-repeat center top;  }

		.stripNav li.tab2 a { background:url(../images/tabon.gif) no-repeat center top; }

		.stripNav li.tab3 a { background:url(../images/tabon.gif) no-repeat center top;  }

		.stripNav li.tab4 a { background:url(../images/tabon.gif) no-repeat center top;  }



		.stripNav li a:hover {

			text-decoration:underline;

		}

		

		.stripNav li a.current {

			background:url(../images/tabselect.gif) no-repeat center top #fff;

			color: #6e6e6e;

			position:relative;

			top:1px;

			z-index:1;



		}

		

		.stripNavL, .stripNavR { /* The left and right arrows */

			display: none;

		}



		.stripViewer dl.img {

			margin:40px 0 0 0;

		}

		

		.stripViewer dl.img dt {

			display:inline;

			float:left;

			text-align:center;

		}



		.stripViewer dl.img dd {

			margin-bottom:20px;

			width:420px;

			margin-left:110px;

		}

		

		.stripViewer dl.img dd.title {

			font-weight:bold;

			margin-bottom:5px;

		}

		

		.stripViewer div#tabcontent_features.boxContent, .stripViewer div#tabcontent_specifications.boxContent {

			padding-top:5px !important;

		}

		

		.stripViewer .boxContent {

			padding:8px 15px;

		}

		

		.stripViewer div#tabcontent_features table, div#tabcontent_specifications table {

			margin-bottom:30px;

		}

		

		.stripViewer div#tabcontent_features table p {

			margin:0;

			padding:0;

		}

		

		.stripViewer table {

			border-collapse:collapse;

			width:100%;

		}

		

		.stripViewer table, .stripViewer table td, .stripViewer table th {

			padding:0 5px;

			text-align:left;

			vertical-align:top;

		}

		

		.stripViewer table {

			border-collapse:collapse;

			border-spacing:0;

		}

		

		.stripViewer div#tabcontent_features table th, .stripViewer div#tabcontent_specifications table th {

			border-bottom:3px solid #CCCCCC;

			color:#FFFFFF;

			font-size:1em;

			font-weight:bold;

		}

		

		.stripViewer table th {

			border-bottom:1px solid #CCCCCC;

			font-weight:bold;

			margin-top:20px;

			padding-top:3px;

			padding-bottom:3px;

			vertical-align:middle;

			background:#C54D3F;

		}

		

		.stripViewer div#tabcontent_features table td, .stripViewer div#tabcontent_specifications table td {

			border-bottom:1px solid #CCCCCC;

			padding:4px;

		}

		

		.wrapper h3 {

			color:#71889D;

			font-family:Helvetica,Arial,sans-serif;

			font-size:2em !important;

			font-weight:normal;

			margin-top:15px;

			margin-left:13px;

		}

		

		.title h5 {

			color:#71889d !important;

		}

		

/* ADDED TO CART POPUP STYLES */

.cbContainer {

	padding:5px;

	background-color:#FFFFFF;

	border: 3px double #7c7b7b;

}

.cbBox h3 {

	margin:0px;

	padding: 0;

	vertical-align: middle;

	text-align:center;

	background-color:#fff;

	background-image:none;

	font-size:1.7em;

	font-family:Helvetica, Arial, sans-serif;

	color:#c54d3f;

	font-weight:bold;

}

.cbBox p {

	margin:3px;

}

.cbBox, .cbButtons {

	text-align:center;

}

.cbButton {

	margin: 3px;

}



.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {

	background-color:#efefef;

	background-position:left 5px;

	background-repeat:no-repeat;

	border-color:#AACCAA;

	border-style:dotted none;

	border-width:1px 0pt;

	font-weight: bold;

	color:#538956;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.7em;

	text-transform:uppercase;

	margin:14px 0;

	padding:10px 0 10px 0;

}

.shop_error {

	background-image: url( "http://gator581.hostgator.com/~suetorp/components/com_virtuemart/themes/default/images/error.gif" );

}

.shop_warning {

	background-image: url( "http://gator581.hostgator.com/~suetorp/components/com_virtuemart/themes/default/images/warning.png" );

}

.shop_info, .shop_tip {

  	background-image: none;

}

.shop_info {

	position:relative;

	right:0px;

}



.pricehidden {

	width:9px; height:20px; float:left	

	}

	

		div.componentheading{

			color:#71889D;

			font-family:Helvetica,Arial,sans-serif;

			font-size:2em !important;

			font-weight:normal;

			margin-top:15px;

		}



/* fontsize */

#fontsize

{

 background:#fff;

 color:#000;

 text-align:right;

 margin-right:8px;

}



#fontsize h3,#fontsize p

{

 border:0;

 display:inline;

 font-size:1em;

}



#fontsize p

{

 margin:0;

 position:relative;

 top:-10px;

}



#fontsize p a

{

 margin:0 5px;

 display:inline;

 height:25px;

 line-height:25px;

 padding:2px 22px 2px 0;

 font-size: 1em!important;

font-weight: normal;

color: #000000;

text-decoration:none;

}



/* background-images */

#fontsize p a.larger {

background: url(../images/lupe_enlarge.gif) no-repeat right top;

}



#fontsize p a.smaller {

background: url(../images/lupe_reduce.gif) no-repeat right top;

}



#fontsize p a.reset {

background: url(../images/lupe_reset.gif) no-repeat right top;

}



#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {

background: url(../images/lupe_enlarge_over.gif) no-repeat right top;

text-decoration:underline;

}



#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {

background: url(../images/lupe_reduce_over.gif) no-repeat right top;

text-decoration:underline;

}



#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {

background: url(../images/lupe_reset_over.gif) no-repeat right top;

text-decoration:underline;

}



.unseen {

	border-left:1px solid #CCCCCC;

	}



div#related_top{

	width:588px;

	border-bottom:1px solid #e0e0e0;

}



div#related_bottom{

	background:url(../images/related_bottom.gif) no-repeat;

	width:588px;

	height: 10px;

	margin-bottom:15px;

}





div#related_middle{

	background:url(../images/related_middle.gif) repeat-y;

	width:568px;

	padding:5px 20px 0px 15px;

}

div#related_middle form {

	position:relative;

	left:-8px;

}

#mainContent .continue_link{
	padding:14px 6px 0px 0px;
	margin:0px 0px 0px 4px;
	background-position:left;
	background-image:url(../images/continue_shopping_button.gif);
	background-repeat:no-repeat;
	height: 37px;
	width:216px;
	float:left;
	/*	color:#538956!important; */
	color:#FFFFFF;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
a.continue_link {
	padding:4px 26px 4px 30px;
	text-align:right;
	margin:0;
	float:left;
	color:#22d737;

	}
	
/* New Checkout Button Style */

#mainContent .checkout_link{
	padding:14px 6px 0px 0px;
	margin:0px 0px 0px 4px;
	background-position:right;
	background-image:url(../images/checkout_button.gif);
	background-repeat:no-repeat;
	height: 37px;
	width:138px;
	float:left;
/*	color:#538956!important; */
	color:#FFFFFF;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#vmMainPage a strong {
	color:#6688a7;
	font-size:1.1em;
}


.notify_button {
	padding-top:100px; margin-top:-40px; overflow:hidden; height:29px;
}



a#bt_demo img { width:165px; height:43px; background: url(../images/bt_demo.gif) 0 0 no-repeat; margin:20px 0 11px 0; }

a#bt_demo:hover img {background:url(../images/bt_demo.gif) -165px 0; background-repeat:no-repeat; }

a#home_viewdemo img { width:358px; height:200px; background: url(../images/home_viewdemo.gif) 0 0 no-repeat; }

a#home_viewdemo:hover img {background:url(../images/home_viewdemo.gif) -358px 0; background-repeat:no-repeat; }

a#bt_how img { width:165px; height:43px; background: url(../images/bt_how.gif) 0 0 no-repeat; margin:0 0 11px 0; }

a#bt_how:hover img {background:url(../images/bt_how.gif) -165px 0; background-repeat:no-repeat; }

a#see_sonos img { width:212px; height:189px; background: url(../images/howsonos.jpg) 0 0 no-repeat; }

a#see_sonos:hover img {background:url(../images/howsonos.jpg) -212px 0; background-repeat:no-repeat; }

a#feature_img img { width:212px; height:38px; background: url(../images/feature_img.jpg) 0 0 no-repeat; }

a#feature_img:hover img {background:url(../images/feature_img.jpg) -212px 0; background-repeat:no-repeat; }

a#feature_img:hover { cursor:default; }

a#bt_login img { width:212px; height:38px; background: url(../images/bt_login.jpg) 0 0 no-repeat; }

a#bt_login:hover img {background:url(../images/bt_login.jpg) -212px 0; background-repeat:no-repeat; }

a#bt_login:hover { cursor:default; }

a#bt_free img#free_blank { width:165px; height:43px; background: url(../images/bt_free.gif) 0 0 no-repeat; }

a#bt_install img { width:165px; height:43px; background: url(../images/bt_install.gif) 0 0 no-repeat; margin:0 0 11px 0; }

a#bt_install:hover img {background:url(../images/bt_install.gif) -165px 0; background-repeat:no-repeat; }

a#bt_iphone img { width:212px; height:188px; background: url(../images/iphone_app.jpg) 0 0 no-repeat; }

a#bt_iphone:hover img {background:url(../images/iphone_app.jpg) -212px 0; background-repeat:no-repeat; }



a#bt_contactus img { width:124px; height:32px; background: url(../images/bt_contactus.gif) 0 0 no-repeat; margin:3px 0 11px 0; }

a#bt_contactus:hover img {background:url(../images/bt_contactus.gif) -124px 0; background-repeat:no-repeat; }



a#bt_sonosbundles img { width:145px; height:38px; background: url(../images/sonos_bundles_small_button.gif) 0 0 no-repeat; }

a#bt_sonosbundles:hover img {background:url(../images/sonos_bundles_small_button.gif) -145px 0; background-repeat:no-repeat; }

a#bt_music img { width:124px; height:32px; background: url(../images/bt_music.gif) 0 0 no-repeat; position:relative; z-index:3; top:-28px; float:right; }

a#bt_music:hover img {background:url(../images/bt_music.gif) -124px 0; background-repeat:no-repeat; }

a#bt_setup img { width:124px; height:32px; background: url(../images/bt_setup.gif) 0 0 no-repeat; position:relative; z-index:3; top:-28px; float:right; }

a#bt_setup:hover img {background:url(../images/bt_setup.gif) -124px 0; background-repeat:no-repeat; }



a#bt_buynow img { width:124px; height:32px; background: url(../images/bt_buynow.gif) 0 0 no-repeat; margin:3px 0 0px 0; }

a#bt_buynow:hover img {background:url(../images/bt_buynow.gif) -124px 0; background-repeat:no-repeat; }

a#bt_sonos img { width:145px; height:38px; background: url(../images/sonos_small_button.gif) 0 0 no-repeat; }

a#bt_sonos:hover img {background:url(../images/sonos_small_button.gif) -145px 0; background-repeat:no-repeat; }

a#bt_speakers img { width:145px; height:38px; background: url(../images/sonos_speakers_small_button.gif) 0 0 no-repeat; }

a#bt_speakers:hover img {background:url(../images/sonos_speakers_small_button.gif) -145px 0; background-repeat:no-repeat; }

a#bt_storage img { width:145px; height:38px; background: url(../images/sonos_networks_small_button.gif) 0 0 no-repeat; }

a#bt_storage:hover img {background:url(../images/sonos_networks_small_button.gif) -145px 0; background-repeat:no-repeat; }

/* Home Page Styles */



.homepagetitle {

	margin:0px 0px 10px 0px;

	padding:0px;

	font-size:1.3em;

	font-family:Arial, Helvetica, sans-serif;

	color:#71889d;

	font-weight:normal;

}



.homepagetext {

	margin:0px;

	padding:0px;

	font-size:1em;

	font-family:Arial, Helvetica, sans-serif;

	color:#777777;

	font-weight:normal;

}



.view_full_size {

	position:relative; top:-90px; left:363px; width:198px; text-align:right; cursor:pointer; height:16px; background:url(../images/proplus.gif) no-repeat top right; padding-right:24px;

	}



a.button {

	width:198px; text-align:right; cursor:pointer; line-height:20px; position:relative; z-index:4px; height:19px; background:url(../images/proq.gif) no-repeat top right; padding:2px 22px 5px 0;

	}





a.homelink{ color : #b83033; font-family : Arial, Helvetica, sans-serif; font-size : 1em; font-weight : normal; text-decoration : none }



a:link.homelink{ color : #b83033; font-family : Arial, Helvetica, sans-serif; font-size : 1em; font-weight : normal; text-decoration : none }



a:visited.homelink{ color : #b83033; font-family : Arial, Helvetica, sans-serif; font-size : 1em; font-weight : normal; text-decoration : none }



a:active.homelink{ color : #b83033; font-family : Arial, Helvetica, sans-serif;  font-size : 1em; font-weight : normal; text-decoration : none }



a:hover.homelink{ color : #b83033; font-family : Arial, Helvetica, sans-serif; font-size : 1em; font-weight : normal; text-decoration : underline; }





.subheading {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	color: #71889d;

	margin: 0px;

	padding: 20px 0px 6px 0px;

}

.subheading2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	color: #71889d;

	margin: 0px;

	padding: 0px 0px 14px 0px;

}



a.smallweblink, a:link.smallweblink, a:visited.smallweblink, a:active.smallweblink { color : #b83033!important; font-family : Arial, Helvetica, sans-serif; font-size : 0.9em; font-weight : normal; text-decoration : none; display:block; padding:0px 0 30px 0; }



a:hover.smallweblink{ color : #b83033!important; font-family : Arial, Helvetica, sans-serif; font-size : 0.9em; font-weight : normal; text-decoration : underline; }







/* form validation */

.invalid { border-color: #ff0000; }

.invalid { color: #ff0000; }





/* System Standard Messages */

#system-message dt.message {

	display:none;

}

#system-message dd {

	font-weight:bold;

	margin:0;

	text-indent:30px;

}



#system-message { margin-bottom: 20px; }



#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}



/* System Error Messages */

#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}



/* System Notice Messages */

#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}



#system-message dd ul {

	border-bottom:3px solid #84A7DB;

	border-top:3px solid #84A7DB;

	color:#0055BB;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin-bottom:10px;

	padding:10px;

}



dt.error {

	display:none;

}



div.mailto a {

	font-size:1.4em!important;

	font-weight:bold!important;

	color:#c0c1c3!important;

	text-decoration:none;

	}	

	

.shop_error{

	padding-left:40px;

}	



/* November 2009 changes */



.mrlogo {

	float:left;

	border:none;

	margin:0;

    padding: 10px 0px 0px 0px;

}



.headerbanners {

	float: left;

	margin:0;

    padding: 0px 0px 20px 36px;



}

.bannergroup {

	float: left;

/*	border:none;     */

	clear:both;

	margin:0;

}

.banneritem {

	float: left;

	border:0px;

	clear:both;

	margin:0px;

}



.banneritem a img {

	border:0px;

}



#hpadverts {

	float:left;

	width: 560px;

}

#footerbuttons {

	float:left;

	width: 560px;

}

.fbutton {

	float:left;

	border:solid 1px pink;

	margin:0px 0px 0px 20px;

}

.clearfloat {

	clear:both;

}



/* Adverts */



.redtitleheader {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight:bold;

	color:#FFF;

	background-image:url(../../../images/red_advert_background265x37.gif);

	background-repeat:no-repeat;

	height: 36px;

	width: 265px;

	text-align:center;

	text-transform:capitalize;

	padding: 2px 0px 2px 0px;

}

.bluetitleheader {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight:bold;

	color:#FFF;

	background-image:url(../../../images/green_advert_background265x37.gif);

	background-repeat:no-repeat;

	height: 36px;

	width: 265px;

	text-align:center;

	text-transform:capitalize;

	padding: 2px 0px 2px 0px;

}

#advert1 {

	width:265px;

	float:left;

}

#advert1 p{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#999;

	padding:10px 10px 10px 10px;

	background-image:url(../../../images/advert1bg_bottom.gif);

	background-repeat:no-repeat;

	height: 96px;

	margin:0px 0px 24px 0px;

}

#advert1 ul {

	margin:0px 0px 0px 10px;

	padding: 8px 4px 0px 16px;

}

#advert1 li{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 12px;

	color:#B35358;

	padding:2px 0px 0px 0px;

	list-style-type:square;

}

#advert2bgslice {

	background-image:url(../../../images/advert2bgslice.gif);

	background-repeat: repeat-y;

	margin:0px;

}

#advert2 p{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#999;

	padding:10px 10px 10px 10px;

	background-image:url(../../../images/advert2bg_bottom.gif);

	background-repeat:no-repeat;

	height: 96px;

	margin:0px 0px 24px 0px;

}

#advert2 li{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size: 12px;

	color:#77A5AC;

	padding:2px 0px 0px 0px;

	list-style-type:square;

}

#advert2 ul {

	margin:0px 0px 0px 10px;

	padding: 8px 4px 0px 16px;

}

#advert2 {

	width:265px;

	float:left;

	margin:0px 0px 0px 26px;

}

#advert1bgslice {

	background-image:url(../../../images/advert1bgslice.gif);

	background-repeat:repeat-y;

	margin:0px;

}