html{margin:0px;padding:0px;}
@font-face
{font-family: level; src: url('../otf/arsenalregular.otf');}
body{margin:0px;padding:0px;font-family:Open Sans, sans-serif;font-weight:100;text-align:center;background:#fbf9f;color:#404040;width:100%;min-height:100%;font-size:100%;}
img{border:0px;}
p{font-family:Open Sans, sans-serif;text-align:justify;font-size:1em;}
h1{font-size:2.5em;}
h2{text-align:left;}
img {
/* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
image-rendering: optimize-contrast; /* CSS3 Proposed */
}
.red{color:red;}
.largerFont{font-size:1.6em;}
.smallerFont{font-size:.9em;}
.largeHeader{font-size:2.5em;}
.bold{font-weight:900;}
.darkText{color:#33333}
.lightText{color:#858585}
.clickable{color:#ff0066;cursor:pointer;}.clickable :hover{color:#ff6600;}
a{text-decoration:none;color:#008066;}
.noMargin{margin:0px;}
div.centered{width:80%;margin:0em auto;}
div.headerSpace{height:5em;}
div.footerSpace{height:5em;}
/*input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 50px white inset;
}*/
/*0 to 480*/
@media screen and (min-width: 0px) {body{font-size: 30%;}} /*phone*/
/*481 640*/
@media screen and (min-width: 481px) {body{font-size: 40%;}div#sideBar{width:20%;}div#rightSidePageWrapper{width:70%;}}
/* 641 - 900*/
@media screen and (min-width:640px) {body{font-size: 50%;}div#sideBar{width:20%;}div#rightSidePageWrapper{width:70%;}}
/*900 - 1400*/
@media screen and (min-width:901px) {body{font-size: 60%;}div#sideBar{width:20%;}div#rightSidePageWrapper{width:70%;}}/*ipad iphone phone*/
@media screen and (min-width:1100px) {body{font-size: 80%;}div#sideBar{width:14%;}div#rightSidePageWrapper{width:80%;}}/*laptop*/
@media screen and (min-width: 1800px) {body{font-size: 100%;}div#sideBar{width:14%;}div#rightSidePageWrapper{width:80%;}}
/*SIDE BAR STYLES*/
div#topBar{width:100%;height:auto;background:#152129;left:0px;position:fixed;top:0px;left:0px;z-index:100;text-align:left;padding:10px;display:block}
img#logo{display:inline-block;height:40px;}
div.topBarContainer{display:inline-block;vertical-align:top;margin-left:0px;border:0px solid white;margin-right:10px;}
img#titleImage{height:18px;padding:0px;margin:0px;display:block;margin-top:4px}
div#topBarLinkBar{display:inline-block;}
p#lema{display:inline;color:#aeeeff;margin:0em 0em 0em 0em;font-size:12px;padding:0px;}
a.topBarLink{padding:0em .7em 0em .7em; /*background-image:url('../img/topbardot.png')*/;background-repeat:no-repeat;background-position:left center;color:#aeeeff;display:inline-block;font-size:.8em;margin:.5em .3em;border:0px solid #ffffff;opacity:1;}
a.topBarLink:hover{color:#ffffff;/*background-image:url('../img/topbardothover.png')*/;font-weight:000;opacity:1;}
#topBarLinkBar img{height:1em;vertical-align:middle;}
form#searchBarTopBar{padding:8px 8px 8px 0px; text-align:left; border:1px solid #cccccc; background:#ffffff;}
input#topSearchBar{width:75% ;padding:1em; font-size:1em; border-radius:3px;border:1px solid #cccccc;}
div#userHolder{display:inline-block; background-color: #152129; text-align:right; vertical-align:top; margin-top:6px; float:right; margin-right:40px;}
a.userHolderIconHolder{display:inline-block;width:50px;text-align:center;margin-right:10px; cursor: pointer;border:0px solid white;}
a.userHolderIconHolder:hover{color:#ffffff;}
a.userHolderIconHolder img{border:0px solid white;height:20px;display:inline-block;margin-left:auto;margin-top:2px;margin-bottom:0px;margin-block-end:0em;}
div.userIconTitle{border:0px solid white;font-size:0.8em;padding:0px;margin:0px auto 0px auto;text-align:center;}
span#headerCreditAmount{color:#ffffff;font-weight:900;}
/* SIDE BAR STYLES*********************************************************/
div#navBar{
text-align:left;
padding-left:33px;
position:fixed;
top:5px;
height:35px;
width:100%;
background-color:#00f1dd;
border-bottom:0px solid #222222;
z-index:110;
}
a.navBarLink{margin-top:8px; display:inline-block;vertical-align:bottom;font-size:.9em;color:#333333;padding-right:10px;margin-right:10px;font-weight:400;border-right:1px solid #2c3e4c;}
a.navBarLink:hover{font-weight:900;color:#000000;}
a.navBarLink:hover > img {opacity:1;}
a.navBarLink img{vertical-align:middle;height:14px;margin-right:5px;opacity:0.6}
img.sideBarSocialMediaContainer{height:24px; margin-right:1%;margin-top:5px;float:right;margin-right:.5em;cursor:pointer;opacity:0.6}
img.sideBarSocialMediaContainer:hover{opacity:1}
/*footer*/
div#welcomeMessage{margin-top:1em;font-size:.9em;padding:4%;border-top:0px solid #ffffff;display:none;}
/*FOOTER---- */
div#navPanel{clear:both;width:94%;background-color:#3f4d4a;text-align:left;vertical-align:top;padding:15px 3%;border-top:2px solid #cccccc;}
img#footerEmail{height:1em;vertical-align:middle;}
#footer{width:100%;padding: 0em; clear:both; background:#152129; text-align:center;vertical-align:top;margin-top:100px;}
#footerWrapper{width:80%;margin:0px auto;}
.footerContainer{display:inline-block; border:0px solid #ffffff;margin:1% 1%;color:#ffffff;text-align:left;vertical-align:top;}
p.address{text-align:left;font-size:.9em;}
#footerLinkContainer{color:#ffffff;padding-top:1em;width:20%}
a.footerlink{display:block;padding:.4em;font-size:.9em;color:#eeeeee;border-bottom:1px solid #666666;}
a.footerlink:hover{color:#00ffcc;font-weight:900;}
#footerCopyright{padding:.1em;color:#ffffff;text-align:right;font-size:.8em;}
#footerSocialMedia img{ height:40px;margin-right:10px;display:inline-block;}
#footer p{text-align:center;}
/* page styles */
div#rightSidePageWrapper{margin:8em auto; text-align:left; padding-top:100px; clear:both; border:0px solid #333333; width:90%}/*legacy*/
div#pageWrapper{margin:8em auto; text-align:left; padding-top:100px; clear:both; border:0px solid #333333; width:90%}
/*toolbar graphics page*/
#assetsToolBar{width:100%;margin: 0px auto; border-bottom:0px solid #dddddd;padding:.0%;text-align:left;}
#assetsToolBar form {text-align:left;font-size:0.8em;margin:1.5em 0em;}
#assetsToolBar form select{border-radius:5px;padding:.1em;font-family:open Sans;}
input#searchBar{width:30%;border-radius:5px 5px 5px 5px;border:1px solid #cccccc;font-size:1.3em;padding:.2em;`color:#666666;}
input#searchButton{font-size:1em;padding:.2em;}
a.searchTermTag{display:inline-block;border:1px solid #bbbbbb; border-radius:4px;;background:#ffffff;margin:.1em;padding:.4em .4em;color:#404040;margin-bottom:0px;font-size:1.1em;}
a.searchTermTag:hover{background:#67aa89;color:white;}
div.toolBar{display:inline-block;padding:0px;vertical-align:bottom;border:0px solid #222222;margin:0px 0px 0px 0px}
button#toolBarFilter{padding:.5em 2em;background-color:#01C5BB;margin:0px 0px 0px 0px}
button#toolBarFilter:hover{background-color:#0198E1;}
select#catagory_select{width:auto;font-size:0.8em;background-color:#ffffff;}
select#catagory_select option.cat{color:#202020; font-weight:400;background-color:#c3e7e2;}
select#catagory_select option.sub{color:#505050;}
select#catagory_select option.catL{color:#303030; font-weight:400;background-color:#c3e7e2;}
/*hidden divs */
div.centeredHidden{ margin:0px auto;position:absolute;z-index:400;padding:1em;background:#ffffff;text-align:center;}
div.centeredHidden p{text-align:center;}
div#pageOut{display:none;position:fixed;top:0px;bottom:0px;left:0px;min-height:100%;width:100%;background:rgba(0,0,0,0.3);z-index:300;text-align:center;}
/*graphics display*/
p.resultsCount{font-weight:900;}
div.thumb{width:200px; display:inline-block; padding:0%; border:1px solid #dddddd;margin-right:.7% ;margin-top:3%;border-radius:3px 3px 0px 0px;text-align:center;background:#ffffff;vertical-align:top;}
div.thumb:hover{}
img.thumbnail{width:100%;border-radius:3px 3px 0px 0px;}div.thumb img.thumbnail:hover{box-shadow:0 5px 7px -2px gray;}
div.thumbInfoHolder{text-align:right;margin-left:.5em;vertical-align:middle;border:0px solid #cccccc;margin-top:4px;}
p.thumbPrice{display:block;padding:0%;font-size:1.2em;font-family:arial black;float:left;margin:0px;}
img.thumbnailInfoIcon{width:11%;opacity:.7;margin:0% 1.5%;cursor:pointer;}
img.thumbnailInfoIcon:hover{opacity:.9;margin:0% 1%;cursor:pointer;}
div.thumbFavorites{display:block;text-align:left;border:0px solid #cccccc;margin:0px;padding:0px;clear:both;margin:5px .5em}
div.thumbFavorites img{cursor:pointer;margin-top:10px;max-height:20px;}
/*library*/
div.libraryThumb{display:inline-block; min-width: 250px; width:28%;border:1px solid #dddddd;margin:10px 10px 10px 0px;padding:5px;font-size:12px;}
div.libraryThumb img.libraryThumbnail{width:150px;float:left;vertical-align:top;margin-right:20px;}
div.libraryThumb p.title{font-weight:900;vertical-align:top;font-size:14px;margin-bottom:5px;}
div.libraryThumb p{ margin:0px 0px;}
div.libraryThumb button{ margin-top:15px;font-size:15px;padding:15px 35px;}
div.libraryFavourite{display:inline-block;border:0px solid #cccccc;vertical-align:bottom;margin-left:10px;}
div.libraryFavourite img{height:20px;margin-top:5px;cursor:pointer;}
/*basket*/
div.basketItemHolder{width:80%;}
div.basketItemHolder .thumb{width:120px;}
/* download screen*/
div#download{position:fixed; background: rgba(255,255,255,0.95) ; border:1px solid #505050; z-index:2000;top:2%;height:96%;width:96%;left:2%;
text-align:center;}
div#download h1, h2, h3 ,h4 {font-family:level, Arial, sans-serif;text-align:center;}
p.cancel{font-size:1.4em;text-align:center;text-decoration:underline;cursor:pointer;color:#808080;}
div#download p{font-family:level, Arial, sans-serif;text-align:center;}
/*credit form*/
input.credit{padding:.2em;font-family:level;font-size:1.5em;margin:.0em auto; border-radius:3px 3px 3px 3px;border:1px solid #888888;}
/*pagination*/
div#pagingcontainer{width:100%;text-align:left;box-shadow:inset 0px 0px 0px #aaaaaa; padding:4em 0px 30px 0px;background:transparent;font-size:1.1em;}
b.currentpage {padding:8px; border:0px solid #cccccc;margin: 0px 2px 0px 2px;background:#152129;height:40px;padding-top:12px;border-radius:3px;;color:#00ffcc}
a.nextprev {padding:12px; border:1px solid #cccccc;margin: 0px 2px 2px 2px;background:#ffffff;font-weight:100;color:#333333;border-radius:2px;}
a.nextprev:hover{background:#152129;color:#00ffcc;border-radius:3px;border:0px;}
/*login page form- password reset and register*/
form.loginForm{width:40%;padding:2%;border:1px solid #dddddd;background:#ffffff;margin:0px auto;border-radius:5px;}
form.loginForm label{display:inline-block;width:20%;text-align:left;font-size:1.2em;color:#888888;padding:.1em;}
form.loginForm input.text{display:inline-block;width:75%;font-size:1.2em;color:#aaaaaa;padding:.2em;border:1px solid #cccccc;border-radius:3px;}
form.loginForm input.loginSubmit{padding:.5em;width:20%;}
div.whitespace{height:3em;}
.button{
cursor:pointer;
color:#ffffff;
font-weight:100;
font-family:level ;
display:inline-block;
background:#00ddcc;
font-size:1em;
border-radius:3px;
border:0px solid #3f4d4a;}
.button:hover{background-color:#0198E1;}
div#tabHolder{border:0px solid #cccccc; background:transparent;float:left;width:100%;font-size:1.4em;margin-right:4%;}
div.graphicsTab{width:20%;display:inline-block;border:1px solid #cccccc;border-bottom:0px;background:#eeeeee;cursor:pointer;border-radius:5px 5px 0px 0px;padding:2%;font-size:1.3em;text-align:center;}
div.graphicsTab:hover{background:#cccccc; }
div.tabBoxContent{padding:0%;border:1px solid #cccccc;background:#ffffff;height:40%;overflow:hidden;}
table.graphicsDetails{border-collapse:collapse;border:0px solid #cccccc;background:#ffffff;width:100%;}
table.graphicsDetails td{border:1px solid #cccccc;padding:1.5%;}tr.usage{border:1px solid #cccccc;}
div#topbox{border:1px solid #cccccc;width:98%;background:#ffffff;float:right;padding:1%;cursor:pointer;margin-top:1%;}
img.preview{border:1px solid #cccccc;width:98%;background:#ffffff;float:right;padding:1%;cursor:pointer;margin-top:4%;clear:right;}
div#downloadBox{float:left;border:1px solid #cccccc;background:#ffffff;margin-top:2%;padding:2%;width:96%;clear:right;}
div.moreDescribe{float:left;width:96%;border:1px solid #cccccc;background:#ffffff;margin-top:2%;padding:2%;clear:left;}
/* related graphics*/
div#relatedGraphicsHolder{float:right;width:98%;background:#ffffff;border:1px solid #dddddd;padding:1%;margin-top:2%;clear:right;}
div#relatedGraphicsHolder h1{margin:.5%;font-size:2em;}
div#relatedGraphicsHolder div{display:inline-block;width:20%;margin:5px;border:1px solid #dddddd;margin:1%;padding:1%;text-align:center;}
div#relatedGraphicsHolder div img{width:100%;}
/* download screen*/
div#download{position:fixed; background: rgba(255,255,255,0.95) ; border:1px solid #505050; z-index:2000;top:2%;height:96%;width:96%;left:2%;
text-align:center;}
div#download h1, h2, h3 ,h4 {font-family:level, Arial, sans-serif;text-align:center;}
p.cancel{font-size:1.4em;text-align:center;text-decoration:underline;cursor:pointer;color:#808080;}
div#download p{font-family:level, Arial, sans-serif;text-align:center;}
}
/*login form also on audio*/
form.login{width:40%;margin:0px auto;text-align:left;padding:2%;border:1px solid #dddddd;}
form#loginFromGraphics{width:35%;margin:1em auto; border:1px solid #cccccc;padding:2%;}
form#loginFromGraphics p {margin:0.2em;text-align:left}
form#loginFromGraphics input.text{width:70%;border:1px solid #cccccc;padding:0.2em;font-size:.9em;}
div#viewer{position:fixed;top:0px;left:0px;z-index:1000;width:100%;cursor:pointer;z-index:1004;height:100%;}
div#viewer img{margin-bottom:10%;}
div#viewer h2{color:#606060;font-size:3em;text-align:center;}
div#viewer img{padding:5px;background:#ffffff;border:1px solid #101010;}
/* FLASH OFFER TICKER BOX*/
div.tickerHolder{margin-top:10px;vertical-align:top;text-align:left;}
div.tickerBox{display:inline-block;text-align:center;width:90px;font-size:12px;color:white;}
div.tickerPanel{width:35px;height:30px; border:2px solid #222222;display:inline-block;border-radius:5px 5px 5px 5px;background:#e2dabd;font-family:arial black; padding-top:5px; font-size:18px;
color:black;}
img.offerTitle{display:inline-block;height:25px;margin-top:15px;}