/*Compass Design layout.css CSS file*/

/* Microdot Circular Logo colours */
/* Orange: #FFC86D */
/* Red: #ff0800 */

body {
	text-align:center; /*center hack*/
	background-color: #1C4176;
}
#outerWrapper	{
	width:100%;
	padding: 5px 0 20px 0;
	overflow: hidden;	
}
#wrap {
	background-color: #fff;	
	border: solid 1px #B13420;
	min-width:760px;
	max-width: 1024px;
	width: auto !important; /*IE6 hack*/
	width:990px; /*IE6 hack*/
	margin:0 auto; /*center hack*/
	text-align:left; /*center hack*/	
}
#header {
	background: #000 url(../images/microdot-logo-300.png) no-repeat top left 32px;
	background-size: contain;
	height: 120px;
	border-bottom: none;
	position: relative;
} 
#sidebar {
	float:left;
	width: 170px;
	overflow: visible; 
} 
#content {
	float:left;
	width: auto;
	overflow:hidden;
	padding: 10px 32px;
}
#sidebar-2 {
	float:left;
	width: 170px;
	overflow:hidden;  
} 
#footer{
	margin-top: 10px;
	clear: both;
	background-color: #000;
	padding: 20px 20px;
}
#footer p	{
	color: #fff;
	width: 720px;
}

/*Compass Design typography CSS*/

* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 0.7em 0; 
}
li,dd { 
	margin-left:1em;
}
fieldset { 
	padding:0; 
	border: none;
}
body {
	font-size:76%;
	/*font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Geneva, Arial, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	line-height:1.3;
}
a:link, a:visited {
	color: #9CD6E2;
	color: #FEBB4A;
	background-color: #fff;
	text-decoration:none;
}
a:hover, a:focus	{
	background-color: #9CD6E2;
	color: #FEBB4A;
	text-decoration:none;
}
.larger.highlight a:link, .larger.highlight a:visited {
	 color: #FF0800;	
}
.larger.highlight a:hover, .larger.highlight a:focus {
	 color: #fff;	
	background-color: #FF0800;
}

h1,.componentheading{
font-size:1.7em;
}
h2,.contentheading{
font-size: 1.5em;
color: #ff0800;
background-color: #fff;
padding: 5px 0;
}
h3 {
font-size: 1.3em;
color: #1E3F75;
margin: 0.7em 0 0 0; 
}
h4 {
	font-size: 100%;
	margin: 0.3em 0;
	padding: 0;
}
h5 {
font-size:1.1em;
}
h6 {
font-size:1em;
font-weight:bold;
}
ul	{
	margin-left: 8px;
	padding-left: 8px;
}
ul li {
	line-height: 180%;
}
img	{
	border: none;
}
#footer, .createdate, .modifydate, .mosimage_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #999;
}
.moduletable{
	margin-bottom:1em;
	padding: 0 10px; /*padding for inside text*//*  border:1px #CCC solid; */
}
.moduletable h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px;
/*negative padding to pull h3 back out from .moduletable padding*/ }

/*Compass Design typography CSS*/
.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #333;
border-right: 10px solid #9D9D9D;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
.larger {
	font-size: 110%;
}


/* default Joomla styles */
div.componentheading {
padding: 0 0 8px 0;}
div.contentpane {}
div.contentdescription {}
td.sectiontablefooter {}
td.sectiontableheader {}
a.category {}
td.sectiontableentry1 {}
td.sectiontableentry2 {}
form#selectForm {}
table.contentpane {}
td.contentheading {}
form#emailForm {}
input#contact_name {}
label#contact_emailmsg {}
input#contact_email {}
input#contact_subject {}
label#contact_textmsg {}
textarea#contact_text {}
input#contact_email_copy {}
form.form-validate {}
div.contact_email {}
input.inputbox {}
input.required {}
input.validate-email {}
textarea.inputbox {}
textarea.required {}
button.button {}
button.validate {}
span.hasTip {}
hr#system-readmore {}
form#jForm {}
ul#archive-list {}
div#navigation {}
li.row {}
h4.title {}
h5.metadata {}
span.created-date {}
span.author {}
div.intro {}
div.contentpaneopen_edit {}
table.contentpaneopen {}
a.contentpagetitle {}
td.buttonheading {}
span.small {}
td.createdate {}
td.modifydate {}
a.readon {}
span.article_separator {}
input#title {}
input#created_by_alias {}
input#publish_up {}
input#publish_down {}
textarea#metadesc {}
textarea#metakey {}
table.adminform {}
td.key {}
img.calendar {}
input#alt {}
table.blog {}
td.article_column {}
div.blog_more {}
a.blogsection
td.contentdescription {}
span .article_separator {}
td.componentheading {}
form#poll {}
table.pollstableborder {}
th.sectiontableheader {}
td.smalldark {}
span.highlight {color: #ff0800;}
table.searchintro {}
input#search_searchword {}
/*input#area_{VALUE} {} /* Value is set programatically */
input.button {}
form#login {}
form#josForm {}
label#namemsg {}
input#name {}
label#usernamemsg {}
input#username {}
label#emailmsg {}
input#email {}
label#pwmsg {}
input#password {}
label#pw2msg {}
input#password2 {}
div.message {}
form.josForm {}
label.hasTip {}
input#password1 {}
input.validate-password {}
input#token {}
input#name {}
form#adminForm {}
input#jformtitle {}
input#jformurl {}
textarea#jformdescription {}
table#explain-sql {}
table.Table {}
td.TD {}
div#keepAliveLayer {}
/*input#cb{ROW_NUMBER} {} /* Value is set programatically */
dl.tabs {}
div.pane-sliders {}
div.panel {}
h3.jpane-toggler  {}
h3.title {}
div.jpane-slider  {}
div.content {}
table.paramlist {}
table.admintable {}
td.paramlist_description {}
td.paramlist_key {}
td.paramlist_value {}
div.toolbar {}
#search {}
input.text_area {}
select.inputbox {}
span.breadcrumbs  {}

span.pathway {}
/*button#trigger_{ID} {} /* Value is set programatically */
div.expander {}
/*input#{NAME} {} /* Value is set programatically */
/*input#{VALUE} {} /* Value is set programatically */
div#overDiv {}
a.tooltip {}
/*form{FORMNAME} {} /* Value is set programatically */
link#luna-tab-style-sheet {}
/*div#{PANEID} {} /* Value is set programatically */
div.tab-page {}
h2.tab {}
div.bannergroup {}
div.bannerheader {}
div.banneritem {}
div.clr {}
div.bannerfooter {}
a.pathway {}
table.moduletable {}
ul.newsfeed {}
ul.latestnews {}
li.latestnews {}
a.latestnews {}
input#mod_login_username {}
input#mod_login_password {}
input#mod_login_remember {}
/*li#{ITEM ID} {} /* Value is set programatically */
span.separator {}
ul#mainlevel {}
ul#sublevel {}
ul.mostread {}
li.mostread {}
a.mostread {}
/*input#voteid{VOTE ID NUMBER} {} /* Value is set programatically */
table.poll {}
ul.relateditems {}
input#mod_search_searchword {}
div.search {}
ul.sections {}


/*Added custom styles */
.breadcrumb a {
color: #9CD6E2;
}
.breadcrumb a:link, .breadcrumb a:visited	{
	color: #9CD6E2;
	color: #1E3F75;
	background-color: #fff;
}
breadcrumb a:hover, breadcrumb a:focus	{
	color: #FF8400;
	color: #fff;
	background-color: #9CD6E2;
}
ul.breadcrumb  	{
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}
ul.breadcrumb li	{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
ul.breadcrumb .divider	{
	margin: 0 3px;
}
ul.sf-vertical	{
	width: 170px;
}
ul.sf-vertical li	{
	width: 170px;
}
ul.sf-menu	{
	list-style-type:none;
	margin: 0;
	padding: 0;
	background-color: #000;
}
ul.sf-menu li	{
	margin:0;

	padding:5px;
		padding: 0;
	/*min-width: 50px;*/
}
ul.sf-menu li ul	{
	list-style: none;
}
ul.sf-menu a	{
	display: block;
	text-decoration: none;
	padding: 5px 7px 0;
	border: none;
	border-bottom: 2px solid #000;
}
ul.sf-menu a:link, ul.sf-menu a:visited	{
	background-color:#f6f6f6;
	background-color: #000;
	color: #fff;	
}
ul.sf-menu a:hover, ul.sf-menu a:focus	{
	border-bottom: solid 2px #ff0800;
	color:#9CD6E2;
	background-color: #000;
	transition: all ease 0.7s;
}
ul.sf-menu li.active > a	{
	color: #ff0800;
	background-color: #000;
	border-bottom: 2px solid #9CD6E2;
	border-bottom: 2px solid #ff0800;
}
#top-main-nav > ul	{
	padding: 0 32px 10px;
}
.readmore a	{
	font-weight: bold;
}
.readmore a:link, .readmore a:visited	{
	background-color: #fff;
	color: #326AC3;
}
.readmore a:hover, .readmore a:focus	{
	background-color: #326AC3;
	color: #fff;
}
#topMenu a:link, #topMenu a:visited	{
	background-color: transparent;
	color: #fff;	
	text-decoration: none;
	padding-left: 4px;
	line-height: normal;
}
#topMenu a:hover, #topMenu a:focus	{
	background-color: transparent;
	color: #fff;
	text-decoration: underline;
	padding-left: 4px;
	line-height: normal;
}
#sidebar .moduletable{
	padding:0;
} 
#topMenu	{
	text-align: right;
	width: 990px;
	margin:10px auto;
}
#topMenu ul	{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#topMenu ul li	{
	display:inline;
}
#search	{
	width: 135px;
	padding-left: 20px;
	background: url(../images/icon-search.gif) no-repeat center left;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 10px;
}
#search form	{
	padding: 0;
	margin: 0;
}
#search input {
background: #444444;
border: 1px solid #333333;
color:#fff;
font-size:92%;
padding:3px 5px;
width:120px;
}
.article-content img	{
	margin: 10px 0;
}
.imageWrapGroup	{
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#linksContainer div	{
	border-bottom: 1px dashed #ff0800;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#linksContainer a:link, #linksContainer a:visited {
	text-decoration: none;
	background-color: transparent;
}
#linksContainer a:hover, #linksContainer a:focus {
	text-decoration: none;
	background-color: transparent;
}
.productGroup	{
	margin-bottom: 10px;
	overflow: hidden;
}
.productGroup div	{
	float:left;
	width: 250px;
	height: 250px;
	/*border: solid 1px #CCCCCC;
	padding: 0  15px 15px;*/
	margin-right: 15px;
	margin-bottom: 15px;
}
.price	{
	font-weight: bold;
	color: #FF0800;	
	color: #fff;
	background-color: #FF0800;	
	padding: 0 4px;
	box-shadow: 2px 2px 2px #888;
}
.price-info	{
	font-weight: bold;
	color: #333;	
}
.topOffers .price	{
	font-weight: bold;
	color: #FF0800;	
	color: #fff;
	background-color: #FF0800;	
	padding: 0 4px;
	box-shadow: 2px 2px 2px #888;
	display: inline-block;
	line-height: normal;
}
.topOffers a:link,  .topOffers  a:visited {
	 color: #FF0800;	
}
.topOffers a:hover, .topOffers  a:focus {
	 color: #fff;	
	background-color: #FF0800;
}
.items-leading {
	margin-bottom: 20px;
}
.items-row {
	margin-bottom: 20px;
	border-top: 1px dashed #1E3F75;
}

/* copied from ja-impurity template css */

.imageWrapLeft	{
	float: left;
	padding: 0 10px 10px 0;
}
div.clear	{
	clear: both;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.home-section {
	overflow: hidden;
	margin-bottom: 20px;
	clear: both;
}
.home-section div	{
	float:left;
	width: 150px;
	height: 300px;
	border: solid 1px #CCCCCC;
	padding: 0  15px 15px;
	margin-bottom: 15px;	
	margin-right: 10px;
	border-radius: 5px 5px 5px 5px;
	position: relative;
}
.home-section div:hover	{
	border: solid 1px #ccc;
}
.home-section h2, h2.offers  {
	margin: 0 0 0.7em;
	color: #fff;
	background-color: #1E3F75;
	border-left: 5px solid #9CD6E2;
	border-right-top-radius: 5px;
	border-right-bottom-radius: 5px;
	padding-left: 10px;
	width: 96%;
	width: auto;
}
.home-section img {	
	display: block;
}
.home-section div img {
	position: absolute;
	bottom: 10px;
	max-width: 150px;
}
.home-section div a {
	display: block;
	width: 150px;
	height: 240px;
	color: #fff;
    position: absolute;	
	bottom: 5px;
}
.home-section div a:link, .home-section div a:visited	{
	color: transparent;
	background-color: transparent;
	opacity: 1 !important;
}
.home-section div a:hover, .home-section div a:focus	{
	color: transparent;
	background-color: transparent;
}
.home-section div a p {
	color: #000;
}
.home-section div p {
	font-size: 100%;
}
#specialOffers div {
	height: 330px;
}
#homeFeatured div:hover, .home-section div:hover {
	cursor: pointer;
	box-shadow: 8px 8px 15px #333333;
    opacity: 0.9 !important;
}
.home-section div p.price, #homeFeatured div p.price {	
	color: #fff;
	background-color: #FF0800;	
}
#homeFeatured .price {
	display: none;
}
.home-section .price {
	display: inline;
}
.topOffers	{
	width: 100%;
	margin: 0 auto;
}
.topOffers div.top-featured {
	width: 100%;
	height: auto;
	max-height: 320px;
	border: solid 1px #1E3F75;
	padding: 15px;
	margin-bottom: 15px;	
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
}
.topOffers div.top-featured p {
	font-size: 1.2em;
}
.topOffers div.top-featured p:first-of-type {
	font-weight: bold;
}
.top-featured img {
	float: left;
	margin-right: 20px;
}
.topOffers div	{
	width: 474px;
	height: 315px;
	border: solid 1px #1E3F75;
	padding: 15px 20px;
	margin-bottom: 15px;	
	float:left;
	margin-right: 10px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
}
.topOffers div.productRight	{
	margin-right: 0;
}
.topOffers div.productLeft	img	{
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}
.topOffers div.productLeft img.arturia-pack	{
	padding-right: 0;
	padding-top: 10px;
}
.topOffers div.productLeft.rocketOffer	img	{
	padding-top: 20px;
	padding-bottom: 8px;
}

.topOffers div.productLeft.rocketOffer p {

}


.topOffers div.productRight	img	{
	float: left;
	padding-right: 0;
	padding-top: 20px;
}
.topOffers div.productLeft.package	img	{
	padding-right: 15px;
}
.topOffers div.productLeft.package .price-para {
	padding-top: 0;
	float: left;
}
.topOffers div.productRight.package	img	{
	padding-right: 20px;
	padding-bottom: 10px;
}
.topOffers div.productRight	img	{
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: -5px;
}
.topOffers div.productRight.package p:first-of-type	{
	font-weight: bold;
}
.topOffers p	{
	line-height: 1.2em;
	font-size: 1.2em;
}
.page-header h2, .page-header h2 a	{
	color: #ff0800;
	background-color: #fff;
}
.page-header h2 a:link, .page-header h2 a:visited {
	color: #ff0800;
	background-color: #fff;
}
.page-header h2 a:hover, .page-header h2 a:focus {
	color: #E92B1F;
	background-color: #fff;
}
.homeArturiaFac img	{
	left: 45px;
}
h2.contentheading	{
	color: #ff0800;
	background: #fff;
}
#sole	{
	font-size: 140%;
	color: #1E3F75;
	font-family: Arial, Helvetica, sans-serif;	
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#welcomePara	{
	margin: 15px 0 20px;
}
#welcomePara p {
	font-size: 120%;
}
#welcomePara p.price-info {
	font-size: 100%;
	font-weight: normal;
	color: #1E3F75;
}
div.reviewLink	{
	margin-top: 20px;
	border-top: 1px #d84941 dashed;
	padding-top: 10px;
}
div.reviewLink a:link, div.reviewLink a:visited	{
	color: #1E3F75;
	background-color: #fff;
}
div.reviewLink a:hover, div.reviewLink a:focus {
	color: #fff;
	background-color: #9CD6E2;
}
#system-message	{
	margin:0;
	padding: 0;
}
#system-message dd	{
	margin: 0;
	padding: 0;
}
#system-message dd ul {
border:3px solid #9CD6E2;
color:#9CD6E2;
list-style:none outside none;
margin-bottom:10px;
padding: 10px 10px 10px 0;
margin-left: 0;
}
dt.message	{
	display: none;
}
dd.message li	{
	padding-left: 16px;
}
.menu-nav li	{
	margin-left: 16px;
}
div.reviewLink	{
	margin-top: 20px;
	border-top: 1px #d84941 dashed;
	padding-top: 10px;
}
div.reviewLink p	{
}
.descriptor	{
	font-weight: bold;
}
.controls {
	padding: 0 0 10px 0;
}
.controls input {
	width: 100%;
}
/* Hide the sub-headings on the Contact page */
.contact #slide-contact .accordion-heading	{
	display: none;
}