@charset "UTF-8";
/*
Theme Name: Magic Dust
Theme URI: http://www.magic-dust.co.uk/
Author: Matt Willson
Version: 1.1
*/
/* General css */

body, form, table, h1, h2, h3, h4, h5, h6, p, ul, li, tr, td, input, textarea, img, fieldset {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
html {
	background-image: url(http://www.magic-dust.co.uk/images/htmlBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #C5D3F0;
}

body {
	text-align: center;
	color: #333333;
	font-size:65%;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.magic-dust.co.uk/images/bodyBg.jpg);
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	background-repeat: no-repeat;
}
fieldset {
	border:none;
	margin-bottom: 10px;
	margin-top: 10px;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	text-align: left;
}
a {
  outline: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
:focus
{
  -moz-outline-style: none;
}
h1, h2, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
}

/* Text css */

h1 {
	font-size: 28px;
	font-weight: lighter;
	margin-bottom: 10px;
	line-height: 1.07em;
	color: #1A1A1A;
}
h2 {
	font-size: 28px;
	font-weight: lighter;
	line-height: 1.07em;
	color: #323232;
	padding-bottom: 10px;
}
h3 {
	font-size: 20px;
	font-weight: lighter;
	line-height: 1.333em;
	color: #1A1A1A;
	margin-bottom: 5px;
}
h4 {
	font-size: 18px;
	font-weight: lighter;
	line-height: 1.667em;
	color: #1A1A1A;
	margin-bottom: 10px;
}
h5 {
	font-size: 17px;
	font-weight: lighter;
	line-height: 1.176em;
	margin-bottom: 10px;
}
h6 {
	font-size: 16px;
	font-weight: lighter;
	line-height: 1.25em;
	padding-bottom: 10px;
}
p {
	font-size: 14px;
	font-weight: lighter;
	line-height:1.429em;
	margin-bottom: 10px;
}
#footerForm label {
	text-align: right;
	float: left;
	width: 60px;
	margin-right: 5px;
	padding-top: 2px;
}
#footerForm input, #footerForm textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	line-height: 14px;
	width: 140px;
	border-color: #BDD2FF #fdfdfd #fdfdfd #BDD2FF;
	border-width:1px;
	border-style:solid;
}
#footerForm .submit {
	margin-left: 65px;
	background-color: #DAF1FF;
	width: 40px;
	background-image: url(http://www.magic-dust.co.uk/images/sideboxBg_100px-1px.png);
	background-repeat: repeat-x;
	background-position: 0px -1px;
	border-color: #EAF5F9 #BDD2FF #BDD2FF #EAF5F9;
	border-width:1px;
	border-style:solid;
}
#footerForm .submit:hover, #footerForm .submit:active {
	background-position: 0px -10px;
}
#footerForm label.error {
	background-image:url(http://www.magic-dust.co.uk/images/questionIcon17w-20h.png);
	background-position:left 0px;
	background-repeat:no-repeat;
	clear:left;
	float:none;
	margin-left:65px;
	margin-right:0;
	padding-left:25px;
	font-size:12px;
	color:#666666;
	line-height:20px;
	display: block;
	width: 130px;
	text-align: left;
	margin-top: 5px;
}
#footerForm label.checked {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.inputText {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #999999;
	background-color: #F6F6F6;
}
.status {
}
.commentForm fieldset {
	border: none;
	margin-bottom: 10px;
}
.commentForm label {
	text-align: right;
	float: left;
	width: 100px;
	margin-right: 20px;
}
.commentForm input {
	width: 200px;
}
.commentForm input, .commentForm textarea {
	background-color:#fefefe;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:5px;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
line-height:16px;
border-style:solid;
border-width:1px;
border-color: #bbb #ddd #ddd #bbb;
}
.commentForm .submit {
	margin-left: 120px;
	background-color: #D6EEFA;
	border-width: 1px;
	border-style: solid;
	border-color: #EAF5F9 #BDD2FF #BDD2FF #EAF5F9;
	width: 5em;
	background-image: url(http://www.magic-dust.co.uk/images/sideboxBg_100px-1px.png);
	background-repeat: repeat-x;
	background-position: 0px -1px;
}
.commentForm .submit:hover, .commentForm .submit:active {
 	background-position: 0px -10px;
}

.commentForm label.error {
	background-image: url(http://www.magic-dust.co.uk/images/questionIcon17w-20h.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 25px;
	float: none;
	margin-left: 10px;
	margin-right: 0px;
	color: #6699FF;
	font-size: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.commentForm .textarea label.error {
	clear: left;
	margin-left: 120px;
}
.commentForm label.checked {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* Link css */

#container a:link, #container a:visited {
	text-decoration:none;
	border:none;
	color: #4E74F2;
}
#container a:hover, #container a:active {
	border:none;
	color: #FF00CC;
}


/* Header css */

#header {
	height: 188px;
	padding-top:2px;
	margin: 0px;
	width: 100%;
	position: relative;
	z-index: 1;
}
#header #logo {
float:left;
}
#header #logo p {
	display: block;
	height: 125px;
	width: 440px;
	text-indent: -9999px;
}
#header #logo p a {
	height: 135px;
	width: 440px;
	text-indent: -9999px;
	display:block
}
.twitted {
	margin-left:440px;
	display: none;
	overflow:hidden;
	width: 280px;
	zoom: 1;
}

.twitted ul#twitter_update_list {
	padding:4px 15px 10px 48px;
	background-image:url(http://www.magic-dust.co.uk/images/twitterBg.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	margin: 0;
	list-style-type: none;
	zoom: 1;
	height: 78px;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 8px 0 10px 0;
	color: #454545;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	font-size:11px;
	line-height:15px;
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #3D5DC2;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #454545;
}
#headerFeeds {
	height: 30px;
	margin-right: 85px;
	width: 280px;
	margin-top: 10px;
}
#headerFeeds a  {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	width: 130px;
	text-indent: -9999px;
	height: 30px;
	margin-right: 10px;
}
#headerFeeds a.feedRSS {
	background-position: -135px;
}
#navBar {
	height: 50px;
	position: absolute;
	margin: 0;
	padding: 0px;
	bottom: 0px;
	right: 0px;
	background-image: url(http://www.magic-dust.co.uk/images/navSprite.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	width: 960px;
}
#navBar ul {
	list-style:none;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
}
#navBar li {
	float:left;
	display:block;
	height:50px;
	width:92px;
	background-repeat: no-repeat;
	background-image: url(http://www.magic-dust.co.uk/images/navSprite.png);
}
#navBar li.home {
	background-position: -20px 0px;
}
#navBar li.blog {
	background-position: -112px 0px;
}
#navBar li.services {
	background-position: -204px 0px;
}
#navBar li.ontheday {
	background-position: -296px 0px;
}
#navBar li.starting {
	background-position: -388px 0px;
}
#navBar li.suppliers {
	background-position: -480px 0px;
}
#navBar li.tips {
	background-position: -572px 0px;
}
#navBar li.testimonials {
	background-position: -664px 0px;
}
#navBar li.masterclass {
	background-position: -756px 0px;
}
#navBar li.contact {
	background-position: -848px 0px;
}
#navBar a {
	display:block;
	height:50px;
	width:92px;
	text-indent:-9999px;
	background-image: url(http://www.magic-dust.co.uk/images/navSprite.png);
}
#navBar li.home a {
	background-position: -20px -100px;
}
#navBar li.blog a {
	background-position: -112px -100px;
}
#navBar li.services a {
	background-position: -204px -100px;
}
#navBar li.ontheday a {
	background-position: -296px -100px;
}
#navBar li.starting a {
	background-position: -388px -100px;
}
#navBar li.suppliers a {
	background-position: -480px -100px;
}
#navBar li.tips a {
	background-position: -572px -100px;
}
#navBar li.testimonials a {
	background-position: -664px -100px;
}
#navBar li.masterclass a {
	background-position: -756px -100px;
}
#navBar li.contact a {
	background-position: -848px -100px;
}
#home #navBar li.home a, #home #navBar li.home {
	background-position: -20px -150px;
}
#theblog #navBar li.blog a, #theblog #navBar li.blog {
	background-position: -112px -150px;
}
#services #navBar li.services a, #services #navBar li.services {
	background-position: -204px -150px;
}
#ontheday #navBar li.ontheday a, #ontheday #navBar li.ontheday {
	background-position: -296px -150px;
}
#starting #navBar li.starting a, #starting #navBar li.starting {
	background-position: -388px -150px;
}
#suppliers #navBar li.suppliers a, #suppliers #navBar li.suppliers {
	background-position: -480px -150px;
}
#tips #navBar li.tips a, #tips #navBar li.tips {
	background-position: -572px -150px;
}
#testimonials #navBar li.testimonials a, #testimonials #navBar li.testimonials {
	background-position: -664px -150px;
}
#masterclass #navBar li.masterclass a, #masterclass #navBar li.masterclass {
	background-position: -756px -150px;
}
#contact #navBar li.contact a, #contact #navBar li.contact {
	background-position: -848px -150px;
}

#navBar li.home.hover a:hover {
	background-position: -20px 0px;
}
#navBar li.blog.hover a:hover {
	background-position: -112px 0px;
}
#navBar li.services.hover a:hover {
	background-position: -204px 0px;
}
#navBar li.ontheday.hover a:hover {
	background-position: -296px 0px;
}
#navBar li.starting.hover a:hover {
	background-position: -388px 0px;
}
#navBar li.suppliers.hover a:hover {
	background-position: -480px 0px;
}
#navBar li.tips.hover a:hover {
	background-position: -572px 0px;
}
#navBar li.testimonials.hover a:hover {
	background-position: -664px 0px;
}
#navBar li.masterclass.hover a:hover {
	background-position: -756px 0px;
}
#navBar li.contact.hover a:hover {
	background-position: -848px 0px;
}


#iconBar {
	height: 50px;
	position: absolute;
	margin: 0;
	padding: 0px;
	top: 5px;
	right: 0px;
	width: 120px;
	height: 126px;
}
#iconBar ul {
	list-style:none;
	padding:0px;
	margin:0;
}
#iconBar li {
	display:block;
	height:42px;
	width:120px;
	background-repeat: no-repeat;
	background-image: url(http://www.magic-dust.co.uk/images/iconBarSprite.png);
}
#iconBar li.rss {
	background-position: 0px 0px;
}
#iconBar li.twitter {
	background-position:  0px -42px;
}
#iconBar li.newsletter {
	background-position:  0px -84px;
}
#iconBar a {
	display:block;
	height:42px;
	width:120px;
	text-indent:-9999px;
	background-image: url(http://www.magic-dust.co.uk/images/iconBarSprite.png);
}

#iconBar li.rss a {
	background-position:  0px -126px;
}
#iconBar li.twitter a {
	background-position: 0px -168px;
}
#iconBar li.newsletter a {
	background-position: 0px -210px;
}
#iconBar li.rss.hover a:hover {
	background-position: 0px 0px;
}
#iconBar li.twitter.hover a:hover {
	background-position: 0px -42px;
}
#iconBar li.newsletter.hover a:hover {
	background-position: 0px -84px;
}

/* Content css */
#contentWrapper {
	margin-top: 5px;
	margin-bottom: 40px;
	padding-top: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/containerSprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contentBottom {
	padding-bottom: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/containerSprite.png);
	background-repeat: no-repeat;
	background-position: -1920px bottom;
}
#contentSides {
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/containerSprite.png);
	background-repeat: repeat-y;
	background-position: -960px top;
}

/* Footer css */

#footerWrapper
 {
	padding-top: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/footerSprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footerWrapper h4 {
	margin-bottom: 0px;
	padding-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bdd2ff;
	color: #454545;
}
#footerWrapper  p {
	font-size: 12px;
	line-height: 1.667em;
	margin-bottom: 10px;
	color: #454545;
}
#footerWrapper p.topBorder, .topBorder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FDFDFD;
}
#footerBottom {
	padding-bottom: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/footerSprite.png);
	background-repeat: no-repeat;
	background-position: -1920px bottom;
}
#footerSides {
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/footerSprite.png);
	background-repeat: repeat-y;
	background-position: -960px 0px;
}
#footerLeft {
	float: left;
	width: 220px;
	margin-right: 10px;
	padding-right: 10px;
}
#footerLeftMiddle {
	float: left;
	width: 210px;
	padding-right: 10px;
	margin-right: 10px;
}
#footerRightMiddle {
	float: left;
	width: 210px;
	padding-right: 10px;
}
#footerRightMiddle a {
	float: left;
	width: 105px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#footerRightMiddle a.noFloat {
	float: none;
	margin: 0px;
	width: 100%;
}
#footerRight {
	float: right;
	width: 220px;
}
#indexFirstLevel {
	background-image: url(http://www.magic-dust.co.uk/images/indexFirstLevelBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 420px;
	width: 890px;
	padding-right: 30px;
}
.indexFirstLevelBox {
	height: 90px;
	width: 260px;
	float: right;
	clear: right;
	margin-top: 30px;
	background-color: #EBF4FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.indexFirstLevelBox h2 {
	padding-bottom: 2px;
	font-size: 22px;
	line-height: 1.364em;
}
.indexFirstLevelBox p {
	font-size: 15px;
	line-height: 1.33em;
	margin-bottom: 0px;
}
#indexFirstLevel a:link, #indexFirstLevel a:visited {
	color:#444444;
}
#indexFirstLevel a:hover, #indexFirstLevel a:active {
color:#FF00CC;
}

.indexFirstLevelBox img {
	position: absolute;
	top: -15px;
	left: -12px;
}
#indexFirstLevel .photographyCredit a {
	font-size: 11px;
	color:#666666;
	clear: right;
	float: right;
	margin-right: 0px;
	margin-top: 5px;
}
#indexFirstLevel .photographyCredit p {
	margin-bottom: 0px;
}

.indexFirstLevelBoxRightMargin {
	margin-right: 15px;
}

.indexSubLevelContainer {
	height: 180px;
	margin-top: 10px;
	border: 1px solid #BDD2FF;
	background-image: url(http://www.magic-dust.co.uk/images/boxBg_160px-1px.png);
	background-repeat: repeat-x;
	background-position: 0px -1px;
	background-color: #D6EEFA;
}

.indexSubLevel1Bg, .indexSubLevel2Bg, .indexSubLevel3Bg {
	height: 160px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.indexSubLevel1Bg {
	background-image: url(http://www.magic-dust.co.uk/images/indexSubLevel1Bg_1px-20px.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.indexSubLevelBox {
	background-color: #FFFFFF;
	height: 148px;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	border: 1px solid #BDD2FF;
}
.indexSubLevelBox img {
	margin-right: 20px;
	float: left;
}
#blog {
	width: 400px;
	float: left;
	margin-right: 100px;
}
#blogPull .blogTitle p {
	font-size: 15px;
	line-height: 1.33em;
}
#blogPull  .blogPubDate  p  {
}
#video {
	width: 400px;
	float: left;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 320px;
	height:100px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable  /* single scrollable item */
img {
	cursor:pointer;
	margin-top: 10px;
	margin-right: 0px;
}
.scrollable   /* single scrollable item */
.items .block {
	float:left;
	cursor:pointer;
	width: 140px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
.scrollable img.videoPlay {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 25px 55px;
	background-image: url(http://www.magic-dust.co.uk/images/transparent/black50.png);
	background-repeat: repeat;
	background-position: left top;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:26px;
	height:26px;
	float:left;
	cursor:pointer;
	font-size:1px;
	margin-top: 35px;
	margin-bottom: 40px;
	background-image: url(http://www.magic-dust.co.uk/images/scrollableButtonSprite.png);
	background-repeat: no-repeat;
}

/* right */
a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
}
a.right:hover {
	background-position:0px -90px;
}
a.right:active 	{
	background-position:0px -90px;
} 


/* left */
a.left	{ 
	margin-left: 4px;
} 
a.left:hover  {
	background-position:0px -60px;
}
a.left:active  {
	background-position:0px -60px;
}

/* up and down */
a.up, a.down		{
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{
	background-position:-26px 0;
}
a.up:active  		{
	background-position:-52px 0;
}

/* down */
a.down 				{
	background-position: 0 -26px;
}
a.down:hover  		{
	background-position:-26px -26px;
}
a.down:active  	{
	background-position:-52px -26px;
} 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
/* specific site specification  */
.scrollable   
.items .block p {
font-size:12px;
line-height:1.25em;
	padding-bottom:15px;
	font-size: 12px;
	line-height: 1.25em;
}
.indexSubLevel2Bg {
	background-image: url(http://www.magic-dust.co.uk/images/indexSubLevel2Bg_1px-320px.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.subLevel2Left {
	float: left;
	width: 287px;
	margin-right: 20px;
}
.positionRelative {
	position: relative;
}
.positionRelative  img.meetPlay {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 30px 85px 30px 15px;
	background-image: url(http://www.magic-dust.co.uk/images/transparent/black25.png);
	background-repeat: repeat;
}
.subLevel2Right {
	width: 286px;
	float: left;
}
.subLevel2Right p, .subLevel2Left p {
	font-size: 12px;
	line-height: 1.35em;
}
.indexSubLevel3Bg {
	background-image: url(http://www.magic-dust.co.uk/images/indexSubLevel3Bg_1px-500px.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.subLevel3Left {
	float: left;
	width: 210px;
	margin-right: 20px;
}
.subLevel3Right {
	width: 210px;
	float: left;
}
.quoteBg  {
	background-image: url(http://www.magic-dust.co.uk/images/index/quoteBg.png);
	background-repeat: no-repeat;
	background-position: 80px 60px;
}
.subLevel3Right p, .subLevel3Left p {
	font-size: 11px;
	line-height: 1.364em;
}
#indexDownload {
}
#innerContentWrapper {
	width: 920px;
	background-image: url(http://www.magic-dust.co.uk/images/innerContentWrapperBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	background-color: #FFFFFF;
}
#innerFirstLevel {
	background-image: url(http://www.magic-dust.co.uk/images/innerContentWrapperBgSprite.jpg);
	background-repeat: no-repeat;
	width: 870px;
	padding-right: 30px;
	padding-left: 20px;
	height: 180px;
	padding-top: 30px;
	position: relative;
}
.image1 {
}
.image2 {
	background-position: 0 -210px;
}
.image3 {
	background-position: 0px -420px;
}
.image4 {
	background-position: 0px -630px;
}
.image5 {
	background-position: 0px -840px;
}
.image6 {
	background-position: 0px -1050px;
}
.image7 {
	background-position: 0px -1260px;
}
.image8 {
	background-position: 0px -1470px;
}
#innerFirstLevel h1 {
	background-color: #FFFFFF;
	line-height: 40px;
	display: inline-block;
	padding: 10px;
	margin-right:200px;
}
#innerFirstLevel .photographyCredit  {
	position: absolute;
	right: 20px;
	bottom: 0px;
}
#innerFirstLevel .photographyCredit p {
	font-size: 11px;
}
#innerFirstLevel .photographyCredit a {
	color:#999999;
}
#innerLeftContent {
	width: 570px;
	float: left;
	padding-left: 20px;
	padding-right: 35px;
	background-repeat: repeat-y;
	background-position: right top;
	margin-right: 5px;
}
#innerLeftContent h2, #innerContentWrapper h2 {
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom: 1px solid #f6f6f6;
}
#innerLeftContent p {
}
#search_wrapper {
	width: 600px;
	float: left;
	padding-left: 20px;
	height: 1000px;
	overflow: hidden;
}
#mapWrapper {
	padding-right: 20px;
	padding-left: 20px;
}
#supplierMapWrapper {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 460px;
	border: none;
	clear: both;
	padding-bottom: 30px;
}
#cm_map {
	height: 450px;
	width: 710px;
}
.gmnoprint p {
	font-size: 13px;
	line-height: 1.539em;
}
#cm_sidebarDIV {
	height: 450px;
	overflow: auto;
	font-size: 12px;
	line-height: 15px;
	margin-top:-1px;
	background-color: #D6EEFA;
}
#cm_sidebarDIV h3 {
	font-size: 16px;
	line-height: 30px;
	padding-left: 10px;
}
#cm_sidebarDIV a {
	background-image: url(http://www.magic-dust.co.uk/images/boxBg_179px-1px.png);
	background-repeat: repeat-x;
	background-position: left -1px;
	display: block;
	padding: 10px;
	margin-bottom: 2px;
}

#innerRightSidebar {
	float: right;
	padding-right: 20px;
	width: 260px;
	padding-top: 40px;
}
.innerRightSidebarTopDistance88 {
	background-image: url(http://www.magic-dust.co.uk/images/rightQuoteBg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	width: 150px;
	margin-left: 20px;
	padding-bottom: 25px;
	margin-bottom: 10px;
	clear: right;
	background-color: #D6EEFA;
	color: #555555;
}
.rightQuote {
	background-color: #D6EEFA;
	background-image: url(http://www.magic-dust.co.uk/images/rightQuoteBg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: right;
	float: right;
	width: 150px;
	margin-left: 20px;
	padding-bottom: 30px;
}
.rightQuote p {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:13px;
	line-height:17px;
	color: #555555;
}
.rightImg {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	clear: right;
}
.icon {
	float: left;
	margin-right: 10px;
}
.innerRightSidebarBox {
	margin-bottom: 20px;
	
}
.innerRightSidebarBox p {
	font-size: 13px;
	line-height: 1.538em;
	color: #555555;
}
.innerRightSidebarBox li {
	font-size: 13px;
	line-height: 1.538em;
	margin-bottom: 10px;
}
.innerRightSidebarBox ul {
	margin-bottom: 10px;
}
.innerRightSidebarSimpleBox {
	background-color: #D6EEFA;
	border: 5px solid #BDD2FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(http://www.magic-dust.co.uk/images/boxBg_160px-1px.png);
	background-repeat: repeat-x;
	background-position: left -1px;
}
.innerRightSidebarSimpleBox  h5, p.bottomBorder {
	margin-bottom: 0px;
	padding-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDD2FF;
}
.innerRightSidebarSimpleBox p {
	padding-top: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
.contactIcon {
	float: left;
	margin-right: 10px;
	margin-top: -2px;
}
.innerRightSidebarBoxImage {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
/* styling for innerContent top tabbed panel  */
#innerLeftContent .contentTabbedPanel {
	width: 100%;
	margin-top: 20px;
}
.contentTabbedPanel .panes div.pane {
	height: auto;
	background-color: #FFFFFF;
	border: 5px solid #BDD2FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	-moz-box-shadow:0 0 5px 1px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
}

/* root element for tabs  */
.contentTabbedPanel ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0 0 0 5px;
	height:36px;
}

/* single tab */
.contentTabbedPanel ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#innerLeftContent .contentTabbedPanel ul.tabs a {
	background-image: url(http://www.magic-dust.co.uk/images/contactTabbedPanelSprite.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
	font-size:14px;
	display:block;
	height: 36px;
	line-height:36px;
	text-align:center;
	text-decoration:none;
	color:#666666;
	margin:0 2px 0 0;
	position:relative;
	overflow:hidden;
	width:120px;
}
#innerLeftContent ul.tabs .tab1 a {
background-position: -360px 0px;
width:90px;
}
#innerLeftContent ul.tabs .tab1 a:hover{
background-position: -360px -36px;
width:90px;
}
#innerLeftContent ul.tabs .tab1 a.current {
background-position: -360px -72px;
cursor:default !important;
width:90px;
}
#innerLeftContent ul.tabs .tab2 a {
background-position: -450px 0px;
width:90px;
}
#innerLeftContent ul.tabs .tab2 a:hover{
background-position: -450px -36px;
width:90px;
}
#innerLeftContent ul.tabs .tab2 a.current {
background-position: -450px -72px;
cursor:default !important;
width:90px;
}
#innerLeftContent ul.tabs .tab3 a {
background-position: -540px 0px;
width:90px;
}
#innerLeftContent ul.tabs .tab3 a:hover{
background-position: -540px -36px;
width:90px;
}
#innerLeftContent ul.tabs .tab3 a.current {
background-position: -540px -72px;
cursor:default !important;
width:90px;
}
#innerLeftContent ul.tabs .tab4 a {
background-position: -630px 0px;
width:90px;
}
#innerLeftContent ul.tabs .tab4 a:hover{
background-position: -630px -36px;
width:90px;
}
#innerLeftContent ul.tabs .tab4 a.current {
background-position: -630px -72px;
cursor:default !important;
width:90px;
}
#innerLeftContent ul.tabs .tab5 a {
background-position: -720px 0px;
width:90px;
}
#innerLeftContent ul.tabs .tab5 a:hover{
background-position: -720px -36px;
width:90px;
}
#innerLeftContent ul.tabs .tab5 a.current {
background-position: -720px -72px;
cursor:default !important;
width:90px;
}
#innerLeftContent ul.tabs .tab6 a {
background-position: -810px 0px;
width:90px;
}
#innerLeftContent ul.tabs .tab6 a:hover{
background-position: -810px -36px;
width:90px;
}
#innerLeftContent ul.tabs .tab6 a.current {
background-position: -810px -72px;
cursor:default !important;
width:90px;
}
#innerLeftContent ul.tabs .contact a {
background-position: -120px 0px;
}
#innerLeftContent ul.tabs .contact a:hover{
background-position: -120px -36px;
}
#innerLeftContent ul.tabs .contact a.current {
background-position: -120px -72px;
cursor:default !important;
}
#innerLeftContent ul.tabs .suppliers a {
background-position: 0px 0px;
}
#innerLeftContent ul.tabs .suppliers a:hover{
background-position: 0px -36px;
}
#innerLeftContent ul.tabs .suppliers a.current {
background-position: 0px -72px;
cursor:default !important;
}
#innerLeftContent ul.tabs .media a {
background-position: -240px 0px;
}
#innerLeftContent ul.tabs .media a:hover{
background-position: -240px -36px;
}
#innerLeftContent ul.tabs .media a.current {
background-position: -240px -72px;
cursor:default !important;
}
#innerLeftContent .contentTabbedPanel ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

/* styling for "scalable top tabbed panel  */
.scalableButtonTabbedPanel {
	width: 260px;
}
.scalableButtonTabbedPanel .panes div {
	height: auto;
	background-color: #D6EEFA;
	border: 5px solid #BDD2FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(http://www.magic-dust.co.uk/images/boxBg_160px-1px.png);
	background-repeat: repeat-x;
	background-position: left -1px;
	font-size: 13px;
	line-height: 1.538em;
}

/* root element for tabs  */
.scalableButtonTabbedPanel ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0 0 0 5px;
	height:30px;
}

/* single tab */
.scalableButtonTabbedPanel ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
#innerRightSidebar .scalableButtonTabbedPanel ul.tabs a {
	background-image: url(http://www.magic-dust.co.uk/images/scalableTabbedPanelTabBg.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-size:16px;
	display:block;
	height: 28px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	color:#666666;
	padding-left:10px;
	padding-right:10px;
	margin:0 3px 0 0;
	position:relative;
	top:1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #B9CCFD;
	border-right-color: #B9CCFD;
	border-left-color: #B9CCFD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDD2FF;
}

#innerRightSidebar .scalableButtonTabbedPanel ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#innerRightSidebar .scalableButtonTabbedPanel ul.tabs a:hover {
	color:#333333;
	background-image: url(http://www.magic-dust.co.uk/images/scalableTabbedPanelTabHoverBg.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#innerRightSidebar .scalableButtonTabbedPanel ul.tabs a.current, #innerRightSidebar .scalableButtonTabbedPanel ul.tabs a.current:hover, #innerRightSidebar .scalableButtonTabbedPanel ul.tabs li.current a {
	background-image: url(http://www.magic-dust.co.uk/images/scalableTabbedPanelTabActiveBg.png);
	background-repeat: repeat-x;
	background-position: left top;
	cursor:default !important;
	color:#333333 !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BDD2FF;
	border-right-color: #BDD2FF;
	border-left-color: #BDD2FF;
	border-bottom: 1px solid #BDD2FF;
}
/* styling for Vertical tabbed panel  */
#innerLeftContent .verticalTabbedPanel {
	width: 100%;
	display: block;
	border-top: 1px solid #efefef;
	padding-top: 20px;
}
.verticalTabbedPanel .panes div {
	height: auto;
	border: 1px solid #BDD2FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left:190px;
	-moz-box-shadow:0 0 5px 1px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background-image: url(http://www.magic-dust.co.uk/images/sideboxBg_100px-1px.png);
	background-repeat: repeat-x;
	background-position: 0px -1px;
	background-color: #D9EFFA;
}

/* root element for tabs  */
.verticalTabbedPanel ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	width:200px;
	float:left;
}

/* single tab */
.verticalTabbedPanel ul.tabs li { 
	float:none;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#innerLeftContent .verticalTabbedPanel ul.tabs a {
	background-image: url(http://www.magic-dust.co.uk/images/verticalTabSprite.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:13px;
	display:block;
	height: 40px;
	line-height:20px;
	text-align:left;
	text-decoration:none;
	color:#666666;
	padding-left:10px;
	padding-right:30px;
	margin:0 0 5px 0;
	position:relative;
	width:140px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#innerLeftContent .verticalTabbedPanel ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#innerLeftContent .verticalTabbedPanel ul.tabs a:hover {
	background-image: url(http://www.magic-dust.co.uk/images/verticalTabSprite.png);
	background-repeat: no-repeat;
	background-position: left -120px;
	color: #454545;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#innerLeftContent .verticalTabbedPanel ul.tabs a.current, #innerLeftContent .verticalTabbedPanel ul.tabs a.current:hover, #innerLeftContent .verticalTabbedPanel ul.tabs li.current a {
	background-image: url(http://www.magic-dust.co.uk/images/verticalTabSprite.png);
	background-repeat: repeat-x;
	background-position: left -60px;
	cursor:default !important;
	color:#333333 !important;
}

/* styling for "underneath tabbed panel"  */
.
ButtonTabbedPanel {
	width: 260px;
}
.belowButtonTabbedPanel .panes div {
	height: auto;
	background-color: #D6EEFA;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(http://www.magic-dust.co.uk/images/boxBg_160px-1px.png);
	background-repeat: repeat-x;
	background-position: left -1px;
	border: 5px solid #BDD2FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 13px;
	line-height: 1.538em;
	overflow: hidden;
}
.belowButtonTabbedPanel .testimonialPhoto, .belowButtonTabbedPanel .testimonialPhotoLandscape {
	float: right;
	margin-left: 5px;
}
	/* root element for tabs  */
.belowButtonTabbedPanel ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0 0 0 5px;
	height:30px;
}
.belowButtonTabbedPanel p.topBorder {
padding-top:9px;
font-style:italic;
}
	/* single tab */
.belowButtonTabbedPanel ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

	/* link inside the tab. uses a background image */
#innerRightSidebar .belowButtonTabbedPanel ul.tabs a {
	font-size:12px;
	display:block;
	height: 20px;
	line-height:20px;
	width: 20px;
	text-align:center;
	text-decoration:none;
	color:#666666;
	margin-right:5px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(http://www.magic-dust.co.uk/images/belowButtonTabbedPanelBg.png);
}

#innerRightSidebar .belowButtonTabbedPanel ul.tabs a:active {
	outline:none;
	
}

	/* when mouse enters the tab move the background image */
#innerRightSidebar .belowButtonTabbedPanel ul.tabs a:hover {
	color:#333333;
}

	/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#innerRightSidebar .belowButtonTabbedPanel ul.tabs a.current, #innerRightSidebar .belowButtonTabbedPanel ul.tabs a.current:hover, #innerRightSidebar .belowButtonTabbedPanel ul.tabs li.current a {
	cursor:default !important;
	color:#333333 !important;
	background-image: url(http://www.magic-dust.co.uk/images/belowButtonTabbedPanelActive.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
ul.tabs {
z-index:0;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {
	width: 250px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 4px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BDD2FF;
	border-right-color: #BDD2FF;
	border-bottom-color: #BDD2FF;
	border-left-color: #BDD2FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.accordion  /* accordion header */
h5 {
	height:29px; margin:0;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #BDD2FF;
	cursor:pointer;
	background-image: url(http://www.magic-dust.co.uk/images/scalableTabbedPanelTabHoverBg.png);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 29px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	background-color: #F0F9FE;
}
.accordion  /* currently active header */
h5.current {
	cursor:default;
	background-image: url(http://www.magic-dust.co.uk/images/scalableTabbedPanelTabActiveBg.png);
	background-repeat: repeat-x;
	background-position: left -1px;
	color: #333333;
	background-color: #BDD2FF;
}

/* accordion pane */
.accordion div.pane {
	display:none;
	height:auto;
	padding:10px;
	font-size:13px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #BDD2FF;
	line-height: 1.538em;
}
.accordion div.pane h3 {
	font-size: 16px;
	line-height: 20px;
}
.accordion /* a title inside pane */
 div.pane  p {
	font-weight:normal;
	font-size:13px;
	background-image: none;
	line-height: 20px;
	color: #666666;
}
.accordion div.pane p.dust, .accordion div.pane h3.dust {
 color:#aaaaaa;
 }
.accordion  div.pane  p a {
	background-image: url(http://www.magic-dust.co.uk/images/questionIcon17w-20h.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	display: block;
}
.accordion .pane form {
	margin: 0px;
	padding: 0px;
	height: 35px;
}


/* initially all panes are hidden */ 
div.panes div.pane {
	display:block;
	z-index:1;
}



/* Formatting css */
#container .lessEmphasis  {
	font-size: 90%;
}
.testimonialWrapper {
	padding-right: 20px;
	padding-left: 20px;
}
#testimonialLeftColumn {
float:left;
width:430px;
}
.testimonialLeft {
	position: relative;
	padding: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/testimonialBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}
.testimonialWrapper p {
	font-size: 12px;
	line-height: 1.666em;
}
.testimonialLeft .testimonialPhoto {
	float: left;
	margin-right: 20px;
}
.testimonialPhoto {
	background-image: url(http://www.magic-dust.co.uk/images/polaroidBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
}
.testimonialPhotoLandscape {
	background-image: url(http://www.magic-dust.co.uk/images/polaroidBgLandscape.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
}
#testimonialRightColumn {
float:right;
width:430px;
}
.testimonialRight {
	position: relative;
	padding: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/testimonialBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}
.testimonialRight .testimonialPhoto {
	float: right;
	margin-left: 20px;
}
.testimonialLeftClip {
	position: absolute;
	left: 30px;
	top: -6px;
	z-index: 10;
}
.testimonialRightClip {
	position: absolute;
	top: -6px;
	right: 50px;
	z-index: 10;
}
.clearLeft {
	clear:left;
}
#linkLeftColumn {
	float: left;
	width: 48%;
}
.clearRight {
	clear:right;
}
.clearBoth {
	clear:both;
}
.floatLeft, img.alignleft {
	float:left;
}
.floatRight, img.alignright {
	float:right;
}
.linkLookAlike {
	color: #4E74F2;
}
.emphasis {
	font-weight: bold;
}
.quote {
	font-style: italic;
	font-size: 12px;
}
.magic {
	color: #6699FF;
}
.dust {
	color: #828282;
}
.prices {
	font-size: 11px;
}
.smaller {
	font-size: 90%;
}
.leftColumn {
	width: 45%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rightColumn {
	width: 45%;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.noBorder {
	border: none;
}
p.topBorder {
	padding-top: 19px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FCFCFC;
}
div.topBorder {
padding-top:9px;
}
.accordion div.pane p.fullyBooked {
color:#999;	
}
/* Blog formatting css */

.date-header {
padding-top:20px;
clear:left;
font-style:italic;
font-size:13px;
color:#757575;
    }
.post {
    padding:0 0 20px 0;
}
.post-body {
	font-size: 14px;
	font-weight: lighter;
	line-height:1.429em;

}
.thumbnail {
float:left;
margin-right:20px;
background-color:#DAF1FF;
height:65px;
width:65px;
border:1px solid #daf1ff;
}
#container .thumbnail a:link, #container .thumbnail a:visited {
padding:5px 5px 3px;
background-image:url(http://www.magic-dust.co.uk/images/sideboxBg_100px-1px.png);
background-repeat:repeat-x;
background-position:0 0;
background-color:#DAF1FF;
display:block;
}
#container .thumbnail a:hover, #container .thumbnail a:active {
background-position:0 -5px;
}
.post p.meta {
font-size:13px;
color:#757575;	
}
a .readMore {
font-style:italic;
font-size:.9em;
}
.home #innerLeftContent h2.post-title, .archive #innerLeftContent h2.post-title, .category #innerLeftContent h2.post-title, .search #innerLeftContent h2.post-title {
border-bottom:none;
line-height:35px;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  font-weight:normal;
  }
  
#crp_related {
clear:left;
}
#crp_related li {
font-size:12px;
line-height:18px;
}
.post-title strong, .post-title a:hover {
  }
p.post-footer {
margin-top:15px;
  }
.post-footer em, .comment-link {
  }
.post-footer em {
	font-style:normal;
  	margin-right:.6em;
	color:#666666;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  }
.post img.alignright {
margin:5px 0px 10px 10px;
}
.post img.alignleft {
margin:5px 10px 10px 0px;
}
.post blockquote {

  }
.post blockquote p {

  }
p.blogger-labels {
margin-top:15px;
margin-bottom:15px;
}
.pagination a {
line-height:30px;
}

li.recent-comment {
color:#555555;
background-image:url('../images/commentQuoteBg.png');
background-position:bottom left;
background-repeat:no-repeat;
background-color:#ebf4ff;
padding:8px 10px 28px;
}
li.recent-comment:hover {
background-position:bottom right;
background-color:#f7fbff;
}
.recent-comment a.comment-link {
margin:0;
}

.recent-comment a.comment-link:hover {

}

.recent-comment .comment-author-gravatar {
	 float:left;
     margin-right: 10px;
}

.recent-comment .comment-author {
	 font-size: 1em;
font-style:italic;
}
.innerRightSidebarBox li.recent-comment {
line-height:15px;
}
.innerRightSidebarBox li.recent-comment .comment-meta {
	 line-height: 1.2em;
	 text-decoration: none;
	 font-size:11px;
	 line-height:14px;
	 margin-bottom:10px;
	 display:block;
	 font-style:italic;
	 color:#666666;
}

.innerRightSidebarBox .recent-comment .comment-date-time {
	 font-style: italic;
	 font-size: 10px
}

.innerRightSidebarBox .recent-comment .comment-post-title {
     margin:0;
}

.innerRightSidebarBox li.recent-comment .comment-text {
	 font-size: 13px;
	 line-height:16px;
}

/* Blog Comments
----------------------------------------------- */
#comments h4 {

  }
#comments h4 strong {
  }
#comments-block {
  }
#comments-block dt {

  }
#comments-block dd {
  }
#comments-block dd.comment-timestamp {

  }
#comments-block dd p {
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}
.item-action img {
border:none;
}
.addthis_toolbox {
	margin-top: 10px;
}

/* Widget content container */
#goog-wm { }
/* Heading for "Closest match"*/
#goog-wm h3.closest-match {
	padding-top: 5px;
	font-weight: lighter;
	font-size: 1.4em;
	margin-bottom: 3px;
	line-height: 1.3em;
	color: #212121;
}
/* "Closest match" link */
#goog-wm h3.closest-match a {
	color: #0071E1;
	text-decoration: none;
}
/* Heading for "Other things" */
#goog-wm h3.other-things {
}
/* "Other things" list item */
#goog-wm ul li {
	list-style-type: none;
	
}
#goog-wm li.search-goog {
	display: list-item; 
}
#goog-wm input {
	padding:2px;
	font-size: 13px;
	line-height: 1.429em;
	margin-right:10px;
}
	

.largeVideo {
	display: block;
	height: 360px;
	background-color:#333;
	border:1px solid #666;
	width: 640px;
}
#newsletter {
	background-color:#FFFFFF;
	width:500px;
}
.contentWrap {
	background-color: #FFFFFF;
	overflow: auto;
}
.video320Centre {
margin-left:120px;
}
/* Simple Overlay CSS */ 
.simple_overlay {
	/* must be initially hidden */ 
    display:none;
	/* place overlay on top of other elements */ 
    z-index:10000;
	/* styling */ 
	min-height:200px;
	/* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close {
	background-image:url(http://www.magic-dust.co.uk/images/overlayClose.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.videoTooltip {
	background-image:url(http://www.magic-dust.co.uk/images/tooltip_backgrounds/white_arrow.png);
	background-position:top left;
	padding:20px 20px;
	width:169px;
	height:82px;
	display:none;
	color:#333333;
	text-align:center;
	font-size:12px;
	line-height:17px;
	background-repeat:no-repeat;
	z-index: 10;
}
.contactTooltip {
	background-image:url(http://www.magic-dust.co.uk/images/tooltip_backgrounds/contactTooltip.png);
	background-position:top left;
	padding:22px 20px 18px;
	width:250px;
	height:27px;
	display:none;
	color:#333333;
	text-align:center;
	font-size:12px;
	line-height:17px;
	background-repeat:no-repeat;
	z-index: 10;
}
#indexTip {
	display:none;
	font-size:12px;
	line-height:16px;
	width:160px;
	height:100px;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 20px;
	background-image: url(http://www.magic-dust.co.uk/images/index/indexTipBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:center;
}
#alternativeIndexTip {
	background-image:url(http://www.magic-dust.co.uk/images/tooltip_backgrounds/indexAlternativeTooltip.png);
	background-position:top left;
	padding-top:7px;
	padding-bottom:18px;
	padding-left:20px;
	padding-right:20px;
	width:250px;
	height:50px;
	display:none;
	color:#333333;
	text-align:center;
	font-size:12px;
	line-height:17px;
	background-repeat:no-repeat;
	z-index: 10;
}
#tpa1, #tpa2, #tpa3, #tpa4, #tpa1 a, #tpa2 a, #tpa3 a, #tpa4 a {display:none;color:#ffffff;}

/******************** Comments css ********************
*******************************************************/
.commentsWrap {
padding:0 20px;
}
.commentsWrap p {
font-size:13px;
line-height:1.538em;
}
h3#comments-title {
border-top:1px solid #cccccc;
margin:0;
padding:10px 0;
}
.commentlist {
padding:10px 20px 30px;
}
.commentlist li {
padding:10px 20px;
border-top:1px solid #eeeeee;
border-bottom:1px solid #fdfdfd;
background-color:#fcfcfc;
}
.commentlist li:hover {
background-color:#eeeeee;
}
.commentlist li:first-child {
border-top: none;
}
.commentlist li:last-child {
border-bottom: none;
}
.avatar {
float:left;
width:32px;
height:32px;
padding:5px;
margin:0 10px 10px 0;
background-image:url(http://www.magic-dust.co.uk/images/sideboxBg_100px-1px.png);
background-position:0 0;
background-repeat:repeat-x;
background-color:#DAF1FF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-style:solid;
border-width:1px;
border-color:#daf1ff;
}
.vcard {
line-height:20px;
}
.comment-body p {
clear:left;
}
.reply {
line-height:20px;
}
#respond {
border-top:1px solid #cccccc;
padding:15px 0;
}
#respond label {
float:left;
width:100px;
margin-right:10px;
}
#respond input {
width:200px;
}
.comment input#submit, .form-required, .wpcf7-submit {
margin-left:0!important;
}
#respond textarea, #respond input, .wpcf7-form textarea, .wpcf7-form input, #pageContent div.wpcf7-validation-errors {
background-color:#fefefe;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:5px;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
line-height:16px;
border-style:solid;
border-width:1px;
border-color: #bbb #ddd #ddd #bbb;
}
#respond input:focus, #respond textarea:focus {
	background-color: #ffffff;
}
#respond input#submit, #searchForm #searchsubmit, .wpcf7-form input.wpcf7-submit {
width:auto!important;
padding:5px 10px;
margin-left:110px;
background-color: #DAF1FF;
background-image: url(http://www.magic-dust.co.uk/images/sideboxBg_100px-1px.png);
background-repeat: repeat-x;
background-position: 0px -1px;
border-color: #EAF5F9 #BDD2FF #BDD2FF #EAF5F9;
	border-width:1px;
	border-style:solid;
color:#121212!important;
text-shadow:1px 1px #cccccc;
}
#respond input#submit:hover, #searchForm #searchsubmit:hover, .wpcf7-form input.wpcf7-submit:hover {
	background-position: 0px -10px;
}
#searchForm #searchsubmit {
padding:6px 10px;
margin-left:10px;
font-size:11px;
}
#searchForm #searchtext {
padding:7px 10px;
width:140px;
border-width:1px;
border-style: solid;
border-color:#BDD2FF #FDFDFD #FDFDFD #BDD2FF;
font-size:11px;
}
#innerRightSidebar #searchForm {
padding:10px 0;}
.required {
}
.form-required {
font-size:12px;
line-height:16px;
margin-left:110px;
}
#theblog #innerRightSidebar {
padding-top:0;
}.imgRight {
	clear: right;
	float: right;
	margin-bottom: 20px;
	margin-left: 30px;
}
.mc1, .mc2 {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #BDD2FF;
	float: left;
	color: #BDD2FF;
	margin-right: 20px;
}
.mc1 p, .mc2 p {
	font-size: 26px;
	padding-right: 10px;
}
p.mcContent {
	margin-left: 50px;
}
.threeColumn {
	float: left;
	background-color: #D6EEFA;
	width: 33%;
	border-right: 1px solid #ffffff;
}
.mcThreeColumn {
	margin-bottom: 20px;
}
.mcThreeColumn h3 {
	font-size: 14px;
	background-color: #BDD2FF;
	padding: 5px 10px;
}
.mcThreeColumn p {
	padding-right: 10px;
	padding-left: 20px;
	font-size: 12px;
}
div.shr-bookmarks div.shr-getshr {
display:none!important;
}