@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.2;
}
body {
	background-attachment: fixed;
	background-position: center;
	background-color: #FFFFFF;
	background-image: url(images/background/wow_store_background.jpg); 
	background-size: cover;
	background-repeat: no-repeat;
}
ol {
    list-style: decimal outside none;
    padding-left: 1.4em;
}
ul {
    list-style: square outside none;
    padding-left: 1.4em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
    font-family: "lifecraft";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/lifecraft_font-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lifecraft_font-webfont.woff") format("woff"), url("fonts/lifecraft_font-webfont.ttf") format("truetype"), url("fonts/lifecraft_font-webfont.svg#lifecraftregular") format("svg");
}
@font-face {
    font-family: "kingdom hearts";
    font-style: normal;
    font-weight: normal;
    src: url("fontskingdom_hearts_font-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/kingdom_hearts_font-webfont.woff") format("woff"), url("fonts/kingdom_hearts_font-webfont.ttf") format("truetype"), url("fonts/kingdom_hearts_font-webfont.svg#kingdom_heartsregular") format("svg");
}
h1, h2, h3, h4, h5, h6 {
    -moz-text-size-adjust: none;
    color: #670001;
    font-family: "Kingdom Hearts",LifeCraft,"Comic Sans MS",cursive,sans-serif;
    text-align: center;
}
h1 {
    font-size: 6em;
    line-height: 0.7em;
}
h2 {
    font-size: 5em;
}
h3 {
    font-size: 4em;
}
h4 {
    font-size: 3em;
}
h5 {
    font-size: 2em;
}
h6 {
    font-size: 1.5em;
}
p {
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
}
#banner {
    height: 506px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: 1206px;
}
#banner img {
	width: 1200px;
	height: 506px;
}
#content {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    background-image: url("images/background/Wrapper_Background.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 88em;
    opacity: 1;
    padding: 7em;
    width: 66em;
}
#wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
    width: 66em;
}
#navigation {
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 22px;
    font-size-adjust: none;
    height: auto;
    margin: -50px auto 0;
    text-align: center;
    width: 930px;
}
#navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#navigation ul li a {
    color: #BE873A;
    display: block;
    margin: 0 0 0 -5px;
    text-decoration: none;
}
#navigation ul li a:hover {
    color: #00FFFF;
}
#navigation ul li {
    background-image: url("images/background/nav_background.jpg");
    border: 1px inset #FF0000;
    display: inline-block;
    margin-left: -4px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 150px;
}
#navigation ul ul {
    display: none;
    margin-top: 6px;
    position: absolute;
}
#navigation ul li:hover > ul {
    display: block;
}
#navigation ul li:hover {
    border: 1px solid #00FFFF !important;
}
#navigation ul li ul li {
    display: inline-block;
    margin-left: -6px;
    position: relative;
}
#navigation ul li ul li ul {
    margin-left: 162px;
    margin-top: -32px;
    position: absolute;
}
#navigation ul li ul li ul li {
    position: relative;
}
#filters {
    -moz-appearance: none;
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    height: 1.5em;
    margin: 10px 0 0 5px;
    vertical-align: middle;
    width: 8.5em;
}
#filters option {
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    width: 6.5em;
}
#filter2 {
    -moz-appearance: none;
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    height: 1.5em;
    margin: 10px 0 0 5px;
    vertical-align: middle;
    width: 8.5em;
}
#filter2 option {
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    width: 6.5em;
}
#filter3 {
    -moz-appearance: none;
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    height: 1.5em;
    margin: 10px 0 0 5px;
    vertical-align: middle;
    width: 8.5em;
}
#filter3 option {
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    width: 6.5em;
}
#products li {
    display: inline-block;
    list-style-type: none;
    padding: 5px 2px;
    vertical-align: text-top;
}
.img {
    height: 15em;
    width: 11.5em;
}
.mouse-pad-img {
    height: 12em;
    width: 15.625em;
}
label {
    -moz-text-size-adjust: none;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    margin-left: 20px;
}
.img-wrapper {
    padding: 5px 0;
    width: 11.5em;
}
.mouse-img-wrapper {
	width: 15.625em;
}
.caption {
    text-align: center;
}
.caption a {
    color: #660000;
    text-decoration: none;
}
.caption a:hover {
    color: #CC3333;
}
.pagination {
    margin: 0 0 5px;
    text-align: center;
}
.pagination li {
    -moz-text-size-adjust: none;
    background-image: url("images/background/nav_background.jpg");
    border: 1px solid #FF0000;
    display: inline-block;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 1.05em;
    font-size-adjust: none;
    margin: 0 1px;
    padding: 3px 10px;
    position: relative;
    text-align: center;
    width: 0.6em;
}
.pagination li a {
    color: #BE873A;
    text-decoration: none;
	padding: 2px 9px;
	margin: 0px -10px;
	text-align: center;
}
.pagination li a:hover {
    color: #00FFFF;
}
.pagination .active a {
    color: #00FFFF;
}
em {
    -moz-text-size-adjust: none;
    color: #CC6600;
    font-family: LifeCraft,"Comic Sans MS",cursive,sans-serif;
    font-size: 22px;
    font-size-adjust: none;
    font-style: normal;
}
