/* Reset CSS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
table {border-spacing:0px;margin:0px;padding:0px;}
img {border:none;}
body {background-color:#000;color:#000;font-size:100%;font-family: "Lucida Grande", sans-serif;}

/* Global CSS */
div.PAGE,div.GreyLayer,div.RedLayer,div.BlackLayer,div#BreadCrumbs {display:block;overflow:hidden;}
div.ContentLeft,div#SearchBox {float:left;display:inline;overflow:hidden;}
div#Navi,a#SignInLink {float:right;display:inline;overflow:hidden;}

/*  General CSS */

/* Header and navigation */
div.PAGE {width:100%;min-width:980px;z-index:1;}
div.GreyLayer {background-color:#222}
div.RedLayer {background-color:#C00;}
div.BlackLayer {background-color:#000;}
div.CenterDiv, div.centerDiv {margin:0 auto;width:980px;overflow:hidden;}
div#Header {height:90px;z-index:100;}
img#Logo {margin-top:15px;margin-left:10px;display:inline;float:left;}
div#Navi {display:inline;float:right;overflow:hidden;}
div#Footer {height:40px;line-height:40px;margin-bottom:20px;}
div#Footer a {text-decoration:none;font-size:70%;color:#555;}
div#Footer img {margin:0px 10px 0px 0px;vertical-align:middle;}
.NaviItem {padding:10px;border-right:1px solid #A00;float:left;display:inline;z-index:2000;}
a.MainNaviItem {text-decoration:none;font-size:75%;color:#FFF;}
a.MainNaviItem:hover {color:#700;border-bottom:4px solid #A00;}
a#NaviOn {color:#700;border-bottom:3px solid #A00;}
div#SearchBox {padding:10px 0px 10px 10px;}
input#SearchInput {width:100px;}

div.DropMenuBox {position:absolute;width:160px;margin-top:20px;display:none;z-index:500;}
a.DropMenuItem {display:block;background-color:#000;margin:0px;padding:0px;text-decoration:none;padding:5px;font-size:0.8em;color:#FFF;}
a.DropMenuItem:hover {border-left:4px solid #F00;}
img.DropDownTop, img.DropDownBottom {display:block;margin:0px;padding:0px;}
 
a.CrumbLink, span.CrumbLink {color:#000;font-size:70%;text-decoration:none;color:#600;display:inline;}
div#BreadCrumbs {display:block;clear:both;overflow:hidden;}
div#BreadCrumbs b {font-size:60%;}
a#SignInLink {font-size:70%;color:#EEE;text-decoration:none;display:inline;float:right;}

span#SearchPrompt {position:absolute;width:100px;background-color:#000;top:35px;z-index:1024;}
span#SearchPrompt a {display:block;padding:3px;text-decoration:none;color:#800;}
span#SearchPrompt a:hover {color:#DDD;}

h3.PageTitle {font-size:70%;color:#600;display:block;margin-bottom:5px;}
div#Spacer8 {height:4px;}

div.PageContent {display:block;overflow:hidden;background-color:#EEE;margin:0 auto;width:980px;}
div.PageLeft {width:180px;padding:10px;float:left;overflow:hidden;display:inline;}
div.PageRight {width:780px;float:right;overflow:hidden;display:inline;}
div.PageNavi {display:block;width:180px;}
div.ContentFull,div.ContentLeft,div.ContentRight {display:block;padding:10px;overflow:hidden;border-left:1px solid #CCC;}
div.ContentLeft {float:left;width:538px;display:inline;}
div.ContentRight {float:right;width:200px;display:inline;}

div.PageIndex {font-size:0.8em;width:180px;border:1px solid #000;}
a.PageIndexTitle {display:block;padding:10px;text-decoration:none;color:#FFF;background-color:#000;border-bottom:1px solid #000;}
a.PageIndexTitleOff {display:block;padding:10px;text-decoration:none;color:#FFF;color:#FFF;background-color:#C00;border-bottom:1px solid #000;}
a.PageIndexLink {display:block;padding:10px;color:#000;text-decoration:none;font-size:1.2em;}
a.PageIndexLink:hover {background-color:#C00;}
a#PageIndexLinkOn {background-color:#000;color:#FFF;}
div.PageText {padding:5px;line-height:150%;color:#CCC;font-size:0.8em;}
div.PageTextLarge {padding:5px;line-height:150%;color:#000;font-size:1em;}
b.TitleBar {display:block;color:#c00;padding:0px 0px 3px 0px;font-size:0.8em;margin-bottom:5px;}

/* Homepage */
img#HomeBanner {display:block;margin:0 auto;}
div#Features a {color:#555;}
div#Features a:hover {color:#800;}
h3.HomepageFeatureTitle {color:#555;display:block;font-size:70%;margin:0px 0px 10px 0px;}
a.ProductRotate {display:block;}

div#ProductTypes {overflow:hidden;background-color:#000;}
div#ProductTypes table {width:100%;}
div#ProductTypes tr {vertical-align:top;}
div.ProductTypeItem {float:left;text-align:center;padding:5px;margin:10px 25px 10px 10px;}
div.ProductTypeItem img {display:block;border:0px;}
td#ProductTypeText {width:200px;padding-right:10px;padding-top:20px;color:#AAA;}
td.ProductTypeProducts {border-bottom:1px solid #222;padding-bottom:20px;}
td.ProductTypeProducts a {text-decoration:none;color:#EEE;font-size:80%;}
td.ProductTypeProducts a:hover {color:#C00;}

img.Imageright {display:inline;float:right;margin-left:20px;margin-bottom:10px;vertical-align:top;}
img.Imagecenter {display:block;margin:0 auto;}
img.Imageleft {display:inline;float:left;margin-right:20px;margin-bottom:10px;vertical-align:top;}

div#ProductPage {margin-bottom:30px;overflow:auto;}
div#ProductPageBanner, div#CommunityBanner, div.PageIndex {display:block;overflow:hidden;}
div#ProductPageBanner {background-color:#000;}
div#CommunityBanner {background-color:#EEE;}
div#ProductPageBanner img {display:block;margin:0px;}
div.ProductVideos {display:none;text-align:center;}
div#VideoViewBox {display:none;clear:both;min-height:350px;padding:20px 0px 20px 0px;}

div#ProductImages, div#ProductArtists,div#ProductVideos,div#ProductTutorials,div#ProductTips,div#ProductReviewVideos {display:none;background-color:#000;overflow:hidden;clear:both;}
div.MediaTitleBlock {display:inline;float:left;width:100px;height:92px;background-color:#900;color:#FFF;padding:5px;font-size:80%;}
a.MediaItem {display:inline;float:left;margin:0px 0px 5px 5px;border:1px solid #333;text-decoration:none;color:#FFF;}
a.MediaItem img {height:100px;display:block;}

div#ProductBox {background-color:#EEE;display:block;}
div#ProductLeft {float:left;display:inline;overflow:hidden;}
div#ProductRight {float:right;display:inline;overflow:hidden;}
div#ProductLeft {width:180px;padding:10px;padding-top:0px;}
div#ProductRight {width:758px;padding:10px;border-left:1px solid #CCC;}
a.ProductSectionTitle,div#SameProductType a {display:block;text-decoration:none;margin-top:10px;font-size:0.9em;color:#900;}
b.sectionTitle {display:block;font-size:1em;color:#900;margin-bottom:5px;}
a.BackTop {color:#900;text-decoration:none;float:right;}
div.ProductTextSection {display:block;line-height:150%;margin:10px 0px 20px 0px;overflow:hidden;font-size:80%;}
div.ProductTextSection a {color:#900;text-decoration:none;}
b.SmallBlackTitle {font-size:60%;color:#000;display:block;}
div#ProductSupportLink,div#SameProductType,div#ProductRelatedProduct {border-top:1px solid #CCC;display:block;margin-top:15px;padding-top:10px;}
a.RelatedProductItem {display:block;text-decoration:none;font-size:0.7em;display:block;text-align:center;margin:10px 0px 10px 0px;color:#000;}
div.ProductFeatureBox {display:inline;float:left;margin: 0px 19px 10px 0px;width:175px;height:300px;overflow:hidden;cursor:pointer;color:#000;}
div.ProductFeatureBox b,div.ProductFeatureBox p {display:block;margin-bottom:10px;}
div.ProductFeatureBox p {margin-top:150px;padding:5px;font-size:65%;line-height:140%;}
div.ProductFeatureBoxBody {display:none;border-bottom:1px solid #CCC;overflow:hidden;font-size:80%;}
div#ProductTop {min-height:10px;overflow:hidden;display:block;background-color:#EEE;padding:5px 10px 5px 10px;border-bottom:1px solid #CCC;}
div#BuyNowBox {float:right;display:inline;overflow:hidden;background-color:#C00;border:1px solid #000;font-size:80%;}
b.BuyNowLabel {float:left;display:inline;color:#FFF;background-color:#000;font-size:80%;font-weight:normal;padding:5px 10px 5px 10px;}
a.BuyNow {float:left;text-decoration:none;color:#FFF;font-size:80%;padding:5px 15px 5px 15px;}
a.BuyNow:hover {background-color:#000;}
b.MediaControl {padding:5px 10px 5px 10px;background-color:#000;font-weight:normal;display:block;float:left;font-size:60%;margin-right:10px;color:#FFF;letter-spacing:1px;cursor:pointer;}
b.MediaControl:hover {color:#FFF;background-color:#C00;}

a.CommunityRightItem, a.SupportRightItem {display:block;margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;text-decoration:none;color:#000;font-size:80%;border-top:1px solid #CCC;}

div#ArtistGallery,div#ArticleGallery {padding:10px 0px 10px 0px;}
div.ArtistListingItem {display:inline;background-color:#121212;overflow:hidden;text-decoration:none;color:#AAA;font-size:0.9em;width:150px;border:1px solid #222;float:left;height:150px;margin-right:11px;margin-bottom:10px;}
div.ArtistListingItem img {display:block;}
span.ArtistListingLinks {display:block;margin-top:10px;}
span.ArtistListingLinks a {display:block;text-decoration:none;color:#EEE;padding:5px;font-size:0.8em;}
span.ArtistListingLinks a:hover {color:#C00;}

/* standardised*/
a.BlockLink {text-decoration:none;color:#000;}
a.BlockLink:hover {color:#C00;}
div.ArticleBlock {display:inline;overflow:hidden;width:250px;height:120px;text-decoration:none;color:#000;float:left;border:1px solid #CCC;margin:0px 10px 10px 0px;padding:0px 10px 0px 0px;}
div.ArticleBlock img {display:inline;float:left;margin:0px 10px 10px 0px;width:120px;}
div.ArticleBlock b {display:block;font-size:80%;margin:10px 0px 10px 0px;}
div.ArticleBlock p {display:block;font-size:60%;line-height:150%;}


a.ImageList {display:block;overflow:hidden;padding:10px 0px 10px 0px;border-top:1px solid #CCC;text-decoration:none;color:#000;}
img.ImageListImg {float:left;margin: 0px 10px 0px 0px;display:inline;width:100px;}
b.ImageListTitle {font-size:80%;display:block;margin-bottom:10px;}
div.ImageListText {font-size:60%;display:block;line-height:150%;}

div#ArtistBio {padding:10px 0px 10px 0px;}
img#ArtistBioImage {width:200px;;float:right;display:inline;}
div#ArtistBioText {float:left;color:#EEE;width:670px;}
div#ArtistBioText b {font-size:160%;display:block;margin-bottom:10px;font-weight:normal;}
div#ArtistBioText p {display:block;font-size:80%;line-height:150%;margin-bottom:10px;}
a#ArtistWebsite {display:block;color:#C00;font-size:80%;} 

div#ArticleGallery {height:250px;overflow:hidden;}
div#ArticleGallery table {display:block;margin:0px;padding:0px;border-spacing:0px;}
div#ArticleScoll {display:block;width:980px;overflow:hidden;}
a.ArticleScrollLinks {display:block;width:150px;text-decoration:none;background-color:#222;color:#EEE;height:190px;overflow:hidden;margin:0px 10px 10px 0px;border:1px solid #333;}
a.ArticleScrollLinks img {display:block;}
a.ArticleScrollLinks:hover {color:#C00;}
a.ArticleScrollLinks b {display:block;font-size:70%;padding:3px;}
a.ArticleScrollLinks span {display:block;}

b.ArticleTitle {display:block;font-size:160%;margin-bottom:10px;}
div.ArticleText {line-height:150%;font-size:80%;}
div.ArticleText a {text-decoration:none;}

div.ArticleProducts {display:block;clear:both;overflow:hidden;border-top:1px solid #CCC;padding:10px 0px 0px 0px;margin-top:10px;}
a.ArticleProduct {text-decoration:none;text-align:center;color:#000;margin:0px 10px 10px 0px;width:160px;height:130px;overflow:hidden;text-align:center;border:1px solid #AAA;display:inline;float:left;color:#000;padding:10px;font-size:80%;}
a.ArticleProduct:hover {color:#C00;}
a.ArticleProduct img {display:block;margin:0 auto;}

ul.SubIndex {display:none;}

div.TutorialMovie {clear:both;margin:0 auto;}
div#SupportBanner {display:block;padding:10px 0px 10px 0px;}
div#SupportResult {display:block;margin-top:10px;border-top:1px solid #CCC;padding-top:10px;}
b.ResourceTypeTitle {display:block;background-color:#AAA;padding:5px;letter-spacing:1px;}
div.ResourceItem {display:block;padding:5px;background-color:#EEE;margin-top:5px;color:#000;}
b.ResourceItemTitle {display:block;color:#000;font-size:80%;}
p.ResourceItemText {display:block;line-height:180%;font-size:0.8em;}
a.ResourceItemFile {display:block;color:#800;margin-bottom:5px;text-decoration:none;font-size:80%;}
span.ResourceItemDate {display:block;font-size:0.6em;}
a.AnswerbaseLink {display:block;margin-top:5px;margin-bottom:15px;color:#000;}
div.TutorialItem {display:block;overflow:hidden;margin:5px 5px 5px 0px;padding-bottom:5px;} 
div.TutorialItem img {display:block;float:left;}
p.TutorialItemText {float:right;width:230px;}
div.TutorialItem b {display:block;font-size:0.8em;font-weight:normal;}
div.LatestTutorial {display:block;overflow:hidden;}
div#TutorialViewer {display:none;overflow:hidden;}
a#CloseButton {margin:0 auto;color:#800;text-decoration:none;margin-top:10px;}

div#AccountPage, div#SupportPage {display:block;overflow:hidden;background-color:#EEE;}
div#AccountLeft {width:203px;float:left;border-right:1px dotted #BBB;padding:10px;min-height:300px;}
div#AccountCenter {width:570px;float:left;padding:10px;display:block;}
div#AccountRight {width:203px;float:right;border-left:1px dotted #BBB;padding:10px;min-height:300px;}
div#AccountProducts {display:block;}
div#AccountProducts a {display:block;width:120px;float:left;margin:10px;text-decoration:none;font-size:0.6em;}
div#AccountProducts img {display:block;width:100%;border:3px solid #BBB;}
span#AccountName {font-size:1.2em;font-weight:bold;display:block;margin-bottom:10px;}
span#AccountCompany {font-size:0.8em;font-weight:bold;display:block;margin-bottom:10px;}
span#AccountAddress {display:block;}
a.AccountEdit {font-size:0.7em;display:block;margin-top:10px;}
span#AccountNews {display:block;margin-top:10px;padding-top:10px;border-top:1px dotted #BBB;line-height:150%;}
span#AccountNews label {font-size:0.7em;color:#369;}

a.UserProduct {display:inline;float:left;margin:0px 6px 6px 0px;width:170px;height:110px;text-decoration:none;text-align:center;color:#000;border:1px solid #CCC;padding:5px;}
a.UserProduct img {display:block;clear:both;margin:0 auto;}
.UserInput {padding:2px;font-size:120%;}

table.AccountFormTable {border-spacing:0px;display:block;margin-top:20px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #BBB;}
table.AccountFormTable tr {vertical-align:top;}
table.AccountFormTable td {padding-bottom:15px;}
table.AccountFormTable textarea {width:360px;min-height:200px;}
td.FormLeft {padding-right:10px;}
span#AccountMessage {display:block;margin-bottom:20px;color:#036;}
form#ReminderForm {margin:30px auto;width:400px;}

div.StoreItem {display:block;margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;border-top:1px solid #CCC;}
span.StoreTown {display:inline;float:right;font-size:80%;}
a.OnlineStoreItem {display:inline;float:left;width:110px;margin:6px;border:1px solid #CCC;height:130px;text-decoration:none;font-size:70%;color:#000;}
a.OnlineStoreItem b {display:block;clear:both;font-weight:normal;margin:5px;}

div#ImagePage {background-color:#EEE;overflow:hidden;}
a.ImageItem {display:inline;width:180px;height:140px;overflow:hidden;margin:0px 6px 6px 0px;border:1px solid #CCC;float:left;text-decoration:none;font-size:70%;color:#000;}
a.ImageItem:hover {color:#900;}
a.ImageItem img {display:block;clear:both;}

b.CLEARER {clear:both;display:block;}
iframe#DownloadFrame {display:none;}

a.DownloadFileLink {padding:2px;background-color:#333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;color:#FFF;font-size:120%;}
table#LibraryTable td {padding:5px;font-size:80%;}

a.VIP_Menu {display:block;font-size:80%;padding:10px 0px 10px 10px;text-decoration:none;color:#FFF;background-color:#000;}
a.VIP_Menu:hover {background-color:#333;}
a.VIP_Latest {color:#FFF;text-decoration:none;display:block;margin:10px 0px 15px 10px;font-size:80%;}
a.VIP_Latest:hover {color:#AAA;}
table#DealerTable input {font-size:120%;}
table#DealerTable td {padding-bottom:20px;}

form dl {display:block;overflow:hidden;}
form dt {display:inline;float:left;width:40%;}
form dd {display:inline;float:right;width:55%;}