/* PAGE ELEMENTS */

html, body {
margin: 0;
padding: 0;
}

#page-container{
width: 100%;
min-width: 1024px;
min-height: 100%;
margin-bottom: -330px;
position: relative;
margin: auto;
background: #ffffff;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif;
}

#topset{
height: 120px;
margin: auto;
text-align: left;
border-style: solid;
border-radius: 0px; 
border-color: #b7b4b2;
background-color : #eaeaea;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
}


#main {
width: 1024px;
margin: auto;
background: #ffffff;
}

#main-menu {
width: 1024px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background: #ffffff;
}


#footer {
width: 100%;
height: 100%;
min-height: 200px;
min-width: 1024px;
margin: auto;
position: relative;
clear:  both;
padding-top: 10px;
padding-bottom: 0px;
text-align: center;
border-radius: 0px;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #d3d0ce;
}

#footerCL {
width: 100%;
height: 100%;
min-height: 200px;
min-width: 1024px;
margin: auto;
position: relative;
clear:  both;
padding-top: 10px;
padding-bottom: 0px;
text-align: center;
border-radius : 0px;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #b7b4b2;
}


#footer1 {
width: 1024px;
margin: auto;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif;
text-align: center;
padding: 0px 0px 0px 50px;
}

#footer2 {
width: 1024px;
margin: auto;
text-align: center;
padding: 0px 0px 0px 0px;
}


/* END PAGE ELEMENTS */


/* BOXES */

#box-side1 {
border-style: solid; 
border-color: #2ebcf7;
border-width: 1px;
padding: 10px 20px; 
background: #ffffff;
width: 170px;
border-radius: 10px;
-moz-border-radius : 10px; /* Firefox 3.6 and earlier */
box-shadow: 1px 1px 6px #888;
text-align: left;
}


.side-text-1 {
background: #afabab;
border-radius: 10px;
/*text-shadow: 0px 0px 1px #000000;*/
font-family: Arial, Verdana, Helvetica, Sans-serif;
color: #ffffff;
font-size: 14px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}

/* END BOXES */



/* CLASSES */


.content {
width: 824px;
height: auto;
vertical-align: top;
padding: 0px 5px 0px 20px;
background: #ffffff;
border-style: none; 
border-color: #ffffff; 
border-width: 0px;
border-radius: 0px;
font-size: 14px;
font-family: Arial, Verdana, Helvetica, Sans-serif;
text-align: left;
}

.side1 {
width: 170px;
height: auto;
vertical-align: top;
padding: 10px 0px 0px 0px;
background: #ffffff;
border-style: none; 
border-color: #ffffff; 
border-width: 0px;
border-radius: 0px;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif;
text-align: left;
}

.clearfooter {
height: 25px;
clear: both;
}

.footerspan1 {
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #20b8d8;
font-weight : normal; 
text-decoration : none; 
}

.footerspan2 {
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #ee7379;
font-weight: bold; 
text-decoration: none; 
}

.appleside {
width: 169px;
height: 127px;
display: block;
margin-top: 10px;
background-image:url("../images/sides/appleside4.jpg");
border-width: 0px;
}

.appleside:hover {
background-image: url("../images/sides/appleside4hover.jpg");
border-width: 0px
}

.gameconsoleside {
width: 169px;
height: 88px;
display: block;
background-image:url("../images/sides/gameconsoleside4.jpg");
}

.gameconsoleside:hover {
background-image: url("../images/sides/gameconsoleside4hover.jpg");
}

.actionfigureside {
width: 169px;
height: 136px;
display: block;
background-image:url("../images/sides/actionfigureside4.jpg");
}

.actionfigureside:hover {
background-image: url("../images/sides/actionfigureside4hover.jpg");
}

.applecolor {
color: #0383fa;
font-weight: bold; 
text-decoration: none;
}

.actionfigurecolor {
color: #fa02bd;
font-weight: bold; 
text-decoration: none;
}

.specscolor {
color: #a09c9c;
font-weight: bold; 
text-decoration: none;
}

.subimage{
font-weight: normal; 
text-decoration: none; 
font-size: 12px; 
color: #6A6A6A;
}


/* END CLASSES */


/* TITLES */

h1.apple {
font-size: 24px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #0383fa;
font-weight: bold; 
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
}

h2.apple {
font-size: 24px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #0383fa;
font-weight: bold; 
text-decoration: none;
padding-top: 10px;
padding-bottom: 0px;
}

h1.gameconsole {
font-size: 24px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #04de8f;
font-weight: bold; 
text-decoration: none;
padding-top: 10px;
padding-bottom: 0px;
}

h1.actionfigure {
font-size: 24px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #fa02bd;
font-weight: bold; 
text-decoration: none;
padding-top: 10px;
padding-bottom: 0px;
}

h1.supportpages {
font-size: 24px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #a09c9c;
font-weight: bold; 
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
}

h2.supportpages {
font-size: 18px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
color: #a09c9c;
font-weight: bold; 
text-decoration: none;
padding-top: 10px;
padding-bottom: 0px;
}


/* END TITLES */


/* BORDER CLASSES */

.thumbnail1 {
border-style: solid; 
border-color: #6A6A6A; 
border-width: 1px;
}

.thumbnail1:hover {
border-style: solid; 
border-color: #f9a9a0; 
border-width: 3px;
}

.picturetable1 {
border-radius: 10px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: #d3d0ce;
box-shadow: 1px 1px 4px #888;
width: 760px;
margin: 0 auto;
}

.table1 {
border-width: 1px;
border-style: solid;
border-color: #d3d0ce;
border-collapse: collapse;
box-shadow: 0px 1px 2px #888;
width: 760px;
margin: 0 auto;
}

.table1 td {
border-width: 1px;
border-style: solid;
border-color: #d3d0ce;
padding: 5px;
}

.static1 {
border-style: solid; 
border-color: #6A6A6A; 
border-width: 1px;
}

/* END BORDER CLASSES */


/* LINKS */


a.footer1:link {
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
font-weight: normal; 
text-decoration: none; 
color: #2ebcda;
}

a.footer1:visited {
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
font-weight: normal; 
text-decoration: none; 
color: #2ebcda;
}

a.footer1:hover {
font-size: 12px;
font-family: Arial, Verdana, Helvetica, Sans-serif; 
font-weight: normal; 
text-decoration: underline; 
color: #2ebcda;
}

a.ml:link {
font-weight : normal; 
text-decoration: none; 
color: #00008b;
}

a.ml:visited {
font-weight: normal; 
text-decoration: none; 
color: #00008b;
}

a.ml:hover {
font-weight: normal; 
text-decoration: none; 
background-color: #F8F358;
}

a.xl:link {
font-weight: normal; 
text-decoration: underline; 
color: #00008b;
}

a.xl:visited {
font-weight: normal; 
text-decoration: underline; 
color: #00008b;
}

a.xl:hover {
font-weight: normal; 
text-decoration: none; 
background-color: #F8BCB7;
}

a.mb:link {
font-weight: normal; 
text-decoration: none; 
color: #000000;
}

a.mb:visited {
font-weight: normal; 
text-decoration: none; 
color: #000000;
}

a.mb:hover {
font-weight: normal; 
text-decoration: underline; 
color: #FF0000;
}

a.fairuse:link {
font-weight: normal; 
text-decoration: none; 
font-size: 12px; 
color: #6A6A6A;
}

a.fairuse:visited {
font-weight: normal; 
text-decoration: none; 
font-size: 12px; 
color: #6A6A6A;
}

a.fairuse:hover {
font-weight: normal; 
text-decoration: underline; 
font-size: 12px; 
color: #FF0000;
}

#expanderHead:hover {
font-weight: normal; 
text-decoration: underline; 
color: #00008b;
}

#expanderHead{
font-weight: normal; 
text-decoration: none; 
color: #00008b;
}

/* END LINKS */


/* ARROWS */

.footer-up-arrow1 {
width: 0; 
height: 0; 
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #20b8d8;
}

.black-up-arrow1 {
width: 0; 
height: 0; 
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #000000;
}


/* END ARROWS */


/* MAIN MENU */

#cssmenu { 
height: 37px; 
display: block; 
padding: 0; 
margin: 0;  
border: 1px solid; 
border-radius: 5px; 
} 
#cssmenu > ul {
list-style: inside none; 
padding: 0; 
margin: 0;
} 
#cssmenu > ul > li {
list-style: inside none; 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
position: relative;
} 
#cssmenu > ul > li > a { 
outline : none; 
display : block; 
position : relative; 
padding : 12px 20px; 
font : bold 13px/100% Arial, Helvetica, sans-serif; 
text-align : center; 
text-decoration : none; 
text-shadow : 1px 1px 0 rgba(0,0,0, 0.4); 
} 
#cssmenu > ul > li:first-child > a {
border-radius : 5px 0 0 5px;
} 
#cssmenu > ul > li > a:after { 
content : ''; 
position : absolute; 
border-right : 1px solid; 
top : -1px; 
bottom : -1px; 
right : -2px; 
z-index : 99; 
} 
#cssmenu ul li.has-sub:hover > a:after {
top : 0; 
bottom : 0;
} 
#cssmenu > ul > li.has-sub > a:before { 
content : ''; 
position : absolute; 
top : 18px; 
right : 6px; 
border : 5px solid transparent; 
border-top : 5px solid #fff; 
} 
#cssmenu > ul > li.has-sub:hover > a:before {
top : 19px;
} 
#cssmenu ul li.has-sub:hover > a { 
background : #3f3f3f; 
border-color : #3f3f3f; 
padding-bottom : 13px; 
padding-top : 13px; 
top : -1px; 
z-index : 999; 
} 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
display : block;
} 
#cssmenu ul li.has-sub > a:hover {
background : #3f3f3f; 
border-color : #3f3f3f;
} 
#cssmenu ul li > ul, #cssmenu ul li > div { 
display : none; 
width : auto; 
position : absolute; 
top : 38px; 
padding : 10px 0; 
background : #3f3f3f; 
border-radius : 0 0 5px 5px; 
z-index : 999; 
} 
#cssmenu ul li > ul {
width : 200px;
} 
#cssmenu ul li > ul li {
display : block; 
list-style : inside none; 
padding : 0; 
margin : 0; 
position : relative;
} 
#cssmenu ul li > ul li a { 
outline : none; 
display : block; 
position : relative; 
margin : 0; 
padding : 8px 20px; 
font : 10pt Arial, Helvetica, sans-serif; 
color : #fff; 
text-decoration : none; 
text-shadow : 1px 1px 0 rgba(0,0,0, 0.5); 
} 
#cssmenu, #cssmenu > ul > li > ul > li a:hover { 
background: #0e8ac4; 
background: -moz-linear-gradient(top, #0e8ac4 0%, #45b2d2 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e8ac4), color-stop(100%,#45b2d2)); 
background: -webkit-linear-gradient(top, #0e8ac4 0%,#45b2d2 100%); 
background: -o-linear-gradient(top,  #0e8ac4 0%,#45b2d2 100%); 
background: -ms-linear-gradient(top, #0e8ac4 0%,#45b2d2 100%); 
background: linear-gradient(top,  #0e8ac4 0%,#45b2d2 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e8ac4', endColorstr='#45b2d2',GradientType=0); 
} 
#cssmenu {
border-color: #3589a1;
} 
#cssmenu > ul > li > a {
border-right: 1px solid #3589a1; 
color: #fff;
} 
#cssmenu > ul > li > a:after {
border-color: #6ed1ff;
} 
#cssmenu > ul > li > a:hover {
background: #36acd2;
} 

/* END MAIN MENU */


/* GALLERY SIDE MENU */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
/* @charset "UTF-8"; */
/* Base Styles */
#gallerymenu,
#gallerymenu ul,
#gallerymenu li,
#gallerymenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#gallerymenu a {
  line-height: 1.3;
}
#gallerymenu {
  width: 170px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#gallerymenu > ul > li {
  margin: 0 0 2px 0;
}
#gallerymenu > ul > li:last-child {
  margin: 0;
}
#gallerymenu > ul > li > a {
  font-size: 12px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
  background: #565656;
  background: -moz-linear-gradient(#565656 0%, #323232 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
  background: -webkit-linear-gradient(#565656 0%, #323232 100%);
  background: linear-gradient(#565656 0%, #323232 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#gallerymenu > ul > li > a > span {
  display: block;
  border: 1px solid #666666;
  padding: 6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
#gallerymenu > ul > li > a:hover {
  text-decoration: none;
}
#gallerymenu > ul > li.active {
  border-bottom: none;
}
#gallerymenu > ul > li.active > a {
  background: #57bad9;
  background: -moz-linear-gradient(#57bad9 0%, #36acd2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57bad9), color-stop(100%, #36acd2));
  background: -webkit-linear-gradient(#57bad9 0%, #36acd2 100%);
  background: linear-gradient(#57bad9 0%, #36acd2 100%);
  color: #fff;
  text-shadow: 0 1px 1px #000;
  border: 1px solid #36acd2;
}
#gallerymenu > ul > li.active > a span {
  border: 1px solid #57bad9;
}
#gallerymenu > ul > li.has-sub > a span {
  background: url(../images/gallery/icon_plus.png) 98% center no-repeat;
}
#gallerymenu > ul > li.has-sub.active > a span {
  background: url(../images/gallery/icon_minus.png) 98% center no-repeat;
}
/* Sub menu */
#gallerymenu ul ul {
  padding: 5px 12px;
  display: none;
}
#gallerymenu ul ul li {
  padding: 3px 0;
}
#gallerymenu ul ul a {
  display: block;
  color: #595959;
  font-size: 12px;
  font-weight: bold;
}
#gallerymenu ul ul a:hover {
  color: #79980d;
}
#gallerymenu > ul > li > a {
  cursor: pointer;
}

/* END GALLERY SIDE MENU */