@font-face {
  font-family: 'AvalonBold';
  src: url('../fonts/avalon_bold_macroman/Avalon-Bold-webfont.eot');
  src: local('☺'), 
    url('../fonts/avalon_bold_macroman/Avalon-Bold-webfont.woff') format('woff'), 
    url('../fonts/avalon_bold_macroman/Avalon-Bold-webfont.ttf') format('truetype'), 
    url('../fonts/avalon_bold_macroman/Avalon-Bold-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvalonBook';
  src: url('../fonts/avalon_book_macroman/Avalon-Book-webfont.eot');
  src: local('☺'), 
    url('../fonts/avalon_book_macroman/Avalon-Book-webfont.woff') format('woff'), 
    url('../fonts/avalon_book_macroman/Avalon-Book-webfont.ttf') format('truetype'), 
    url('../fonts/avalon_book_macroman/Avalon-Book-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvalonBoldOblique';
  src: url('../fonts/avalon_boldoblique_macroman/Avalon-BoldOblique-webfont.eot');
  src: local('☺'), 
    url('../fonts/avalon_boldoblique_macroman/Avalon-BoldOblique-webfont.woff') format('woff'), 
    url('../fonts/avalon_boldoblique_macroman/Avalon-BoldOblique-webfont.ttf') format('truetype'), 
    url('../fonts/avalon_boldoblique_macroman/Avalon-BoldOblique-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvalonBookOblique';
  src: url('../fonts/avalon_bookoblique_macroman/Avalon-BookOblique-webfont.eot');
  src: local('☺'), 
    url('../fonts/avalon_bookoblique_macroman/Avalon-BookOblique-webfont.woff') format('woff'), 
    url('../fonts/avalon_bookoblique_macroman/Avalon-BookOblique-webfont.ttf') format('truetype'), 
    url('../fonts/avalon_bookoblique_macroman/Avalon-BookOblique-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvalonDemi';
  src: url('../fonts/avalon_demi_macroman/Avalon-Demi-webfont.eot');
  src: local('☺'), 
    url('../fonts/avalon_demi_macroman/Avalon-Demi-webfont.woff') format('woff'), 
    url('../fonts/avalon_demi_macroman/Avalon-Demi-webfont.ttf') format('truetype'), 
    url('../fonts/avalon_demi_macroman/Avalon-Demi-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvalonDemiOblique';
  src: url('../fonts/avalon_demioblique_macromanAvalon-DemiOblique-webfont.eot');
  src: local('☺'), 
    url('../fonts/avalon_demioblique_macroman/Avalon-DemiOblique-webfont.woff') format('woff'), 
    url('../fonts/avalon_demioblique_macromanAvalon-DemiOblique-webfont.ttf') format('truetype'), 
    url('../fonts/avalon_demioblique_macromanAvalon-DemiOblique-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


html { background: #333a40 url('../images/body_bg.png') repeat-x; }
body { background: transparent; font-family: 'AvalonBook', sans-serif; font-size: 14px; line-height: 16px; }

b, strong, th, caption { font-family: 'AvalonDemi'; font-weight: normal; }
i, em { font-family: 'AvalonBookOblique'; font-weight: normal; }
b i, b em, strong i, strong em, i strong, i b, em b, em strong { font-family: 'AvalonDemiOblique'; font-weight: normal; }

h1, h2, h3, h4 { font-family: 'AvalonDemi'; font-weight: normal; }

h1 { font-size: 2.4em; margin-bottom: 0.6em; }
h2 { font-size: 1.6em; margin-bottom: 0.3em; line-height: 1.2em;  }
h3 { line-height: 1.2em; }
h4 { text-transform: uppercase; font-size: 1em; margin-top: 1.25em; margin-bottom: 1.1em;}

a { color: #faa116; }
a:hover { text-decoration: underline; color: #faa116; }
.button:hover, nav.primary a:hover { text-decoration: none; }

hr { border-color: #142426; }

.container { width: 980px; margin: 0 auto; }
.replace { display: block; overflow: hidden; text-indent: -9999px; }
.row { max-width: 100%; }

.button { font-family: 'AvalonDemi'; font-weight: normal; font-size: 1.1em; padding: 0.6em 1em; line-height: 1.1em; }
.button.large { font-size: 1.6em; padding: 0.7em 1em; }
.allcaps { text-transform: uppercase; }

.clearfix {
  *display: inline-block; }
  .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#main ul { padding-left: 0; margin-left: 0; }
#main ul li { position: relative; list-style: none; padding-left: 15px; margin-left: 0; margin-bottom: 5px; line-height: 1.3em; }
#main ul li:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #faa116;
  border-left-style: solid;
  margin-right: 15px;
  margin-top: -5.5px;
  position: absolute;
  top: 10px;
  left: 0;
}

#main aside ul li { margin-bottom: 10px; line-height: 1.3em; }
#main aside ul li:before { top: 10px; }

#main ul.checkboxset { clear: both; padding-top: 10px;  }
#main ul.checkboxset li:before { border: 0; }
#main ul.checkboxset input, #main ul.checkboxset label { display: inline; margin-bottom: 0; }

#main ul.checkboxset label.left { display: block; float: none !important;}

#main form ul li { padding-left: 0; }


#fancybox-wrap, #fancybox-wrap *, #top-social *, div.recaptcha * {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

#fancybox-left:hover span {
  left: 10px;
}

#fancybox-right:hover span {
  left: auto;
  right: 10px;
}

#fancybox-title, #fancybox-title strong { font-size: 12px; }
#fancybox-title { font-family: 'AvalonBook'; }


.recaptcha_r4_c1 { overflow: hidden; }
.recaptcha_r4_c1 input { height: auto; }
.recaptcha_input_area { overflow: hidden; }


header {  background: transparent url('../images/header_bg.png') repeat-x;  overflow: visible; }

header .container { background: url(../images/header_bg2.jpg) no-repeat; position: relative; }
  #brand {  width: 266px;  padding: 0; margin: 0;  overflow: hidden;  }

    #brand a {  margin-top: 45px;  background: url('../images/admagic.png') no-repeat; width: 266px; height: 64px;  }
  #top-social { position: absolute; text-align: right; right: 0; top: 18px; display: block; }
  #top-social p { margin: 0 0 20px; }



  .icon { width: 16px; height: 16px; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; margin-left: 0px; padding-right: 6px;  }
  .twitter { background: url('../images/twitter.png') no-repeat; }
  .facebook { background: url('../images/facebook.png') no-repeat; }
  .linkedin { background: url('../images/linkedIn.png') no-repeat; }
  .youtube { background: url('../images/youtube.png') no-repeat; }
	.pinterest { background: url('../images/pinterest.png') no-repeat; }
		.instagram { background: url('../images/instagram.png') no-repeat; }
			.rss { background: url('../images/rss.png') no-repeat; }
	
	
	
  nav.primary { overflow: visible; height: 43px; position: relative; }
  nav.primary ul { margin: 0; padding: 0 20px;  }
  nav.primary a { color: #FFF; font-family: 'AvalonDemi'; line-height: 43px; padding: 0 15px;  display: block; }
  nav.primary li { display: block; float: left; list-style: none;   } 
  .opener { display: none;  height: 34px; background: url('../images/navbtn.png') 0 5px no-repeat; color: #FFF; font-family: 'AvalonDemi'; line-height: 43px; height: 43px; 
    cursor: pointer; padding-left: 50px; margin-left: 25px;  
  }

  nav.primary ul.left { display: block; }

  nav.primary li.has-dropdown { position: relative; }
  nav.primary li.has-dropdown > a:after { 
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #FFFFFF transparent transparent transparent;
    border-top-style: solid;
    margin-left: 8px;
    margin-top: 0;
    position: relative;
    top: 3px; 
  } 

  nav.primary li:hover { background: #faa116; }

  nav.primary li ul.dropdown { display: none; z-index: 1000; position: absolute; left: 0; top: 43px; background: #faa116; width: auto; padding: 10px 0;}
  nav.primary li ul a { background: #faa116; line-height: 1em; width: auto; white-space: nowrap; padding: 10px 15px;}
  nav.primary li ul a:hover { background: #FFF; color: #000000; }
  nav.primary li ul li { float: none; width: auto; }

  nav.primary li:hover ul.dropdown { display: block; }

  .expanded .top-bar-section .has-dropdown > a:hover:after {
    border-color: transparent transparent transparent rgba(0,0,0,0.5);
  }

  nav.expanded ul.left { margin-top: 43px; display: block; position: relative; background-color: #f26522; width: 100%; z-index: 1000; padding: 3px 25px 25px }
  nav.expanded ul.left > li { float: none; z-index: 1000; background: #c6522b; margin-bottom: 1px;  }
  nav.expanded ul.left > li > a { line-height: 30px; }
  nav.expanded li ul.dropdown { position: relative; top: 0; padding: 0;}
  nav.expanded li:hover ul.dropdown { display: none; }
  nav.expanded li.open ul.dropdown { display: block; }
  nav.expanded li.has-dropdown.show-children ul.dropdown { display: block; }
  nav.primary.expanded ul.left { display: block; }

  aside a.current { color: #FFF; }

  #main { clear: both; }
  #main .container { background: #404950; padding: 10px; margin-bottom: 20px; }
  #tag { text-align: center; font-family: 'AvalonDemi'; font-size: 1.3em; margin: 0; padding: 5px 0 15px;}
  #tag strong { color: #FFF; }
  #content .inner { padding: 0; overflow: hidden; min-height: 400px; }

  .module { padding: 180px 25px 10px; }

  aside .order-widget { margin-bottom: 20px; }

  .custom-playing-cards { background: url('../images/sidebar/custom-playing-cards.jpg') no-repeat; }
  .custom-poker-chips { background: url('../images/sidebar/chips.jpg') -5px 20px no-repeat; padding-top: 160px; }
  .custom-board-games { background: url('../images/sidebar/custom-board-games.jpg') 0 15px no-repeat; padding-top: 155px;  }

  .module { text-align: center; border: 1px solid #142426; background-color: #333a40; overflow: hidden; border-radius: 20px; 
    margin-bottom: 20px; 
  }
  .module.no-image { padding-top: 10px; }
  .module.left-text { text-align: left; }

  .module .button { margin-bottom: 0; }
  .module h3 { margin-bottom: px; padding: 0; }


  .order-widget { text-align: center; background-color: #515b64; border-radius: 10px; padding: 25px 25px 22px; margin-bottom: 0; height: 307px; }
    .current-order p { color: #FFF; font-size: 1.3em; line-height: 1.2em; }
    .current-order p span { font-family: 'AvalonDemi'; }
    .order-widget .button.large { margin-bottom: 0; }
    .order-widget hr { margin-bottom: 50px; }

  .index-feature > hr {  margin: 0 10px 20px;  }
  .index-feature > div { margin-bottom: 20px; }

  p.big-links { margin: 0; }
  .big-links a { font-size: 1.2em; font-family: 'AvalonDemi'; }
  .module strong { color: #FFF; }

label { color: #FFF; font-size: 1em; font-family: 'AvalonDemi'; }
label.required, span.message.validation { color: #faa116; font-family: 'AvalonDemi'; margin-top: -5px; margin-bottom: 10px; clear: both; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], 
input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], 
textarea {
  margin-bottom: 2px;
}

form .Actions { padding-left: 10px; }

ul.checkboxset label { color: #b0bac2; font-family: 'AvalonBook'; }
div.field { margin-bottom: 20px; }
caption { padding-bottom: 3px; }
.button { border-radius: 5px; }

table { margin-bottom: 1.25em; }
td { padding: 0 15px 10px 0; font-family: 'AvalonBook'; }
td p strong {color: #ffffff; font-family: 'AvalonDemi';}

#main .product-options { text-transform: uppercase; margin-bottom: 1.5em; }
.product-options a { font-family: 'AvalonDemi'; }

.top-link { text-align: right; margin: 15px 0; text-transform: uppercase; font-family: 'AvalonDemi'; }
  .top-link:before { 
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent #faa116 transparent;
    border-top-style: solid;
    margin-top: 0;
    position: relative;
    top: -1px; 
  }

.box { background: #515b64; margin-top: 10px; margin-bottom: 10px;  padding: 20px; border-radius: 10px; font-family: 'AvalonDemi';  }
  .box strong { color: #FFF; }
  .box span { font-size: 1.2em; margin-left: 10px; }
  .box p { margin: 0; padding: 0; line-height: 1em; }
  .box a { margin-bottom: 0; }

.ordering-tips { font-family: 'AvalonBook'; width: 230px; float: right; margin-left: 20px; margin-bottom: 20px; margin-top: -5px; }
  .ordering-tips h3 { margin-top: 0; padding-top: 0; line-height: 1em; }
  .ordering-tips li { font-size: 0.9em; margin-bottom: 0.4em; }
  .ordering-tips p { text-align: center; }


footer .inner { background-color: #404950; padding: 20px; }
  footer address { font-style: normal; float: left; line-height: 1.3em; }
  footer strong { color: #FFF; font-size: 1.2em; display: block; margin-bottom: 10px; }
  footer nav { float: right; text-align: right; }
  footer nav ul { list-style: none; }
  footer nav li { display: inline; }
  footer nav li:before { content: '| '; color: #faa116; }
  footer nav li:first-child:before { content: '';}
  .copyright { text-align: right; padding-top: 5px; padding-right: 20px; }


.hero-container { position: relative; height: 305px; overflow: hidden; border-radius: 15px;  }
#hero { border-radius: 15px; overflow: hidden; width: 100%; height: 305px;border: 1px solid #142426; }
#hero div { width: 100%; overflow: hidden; border-radius: 15px; height: 305px; }
#hero div a { width: 100%; overflow: hidden; border-radius: 15px; height: 305px;  }
.hero-container img { height: 305px; width: 622px !important; max-width: 622px !important; left: 50%; margin-left: -311px; position: absolute; overflow: hidden; border-radius: 15px; }

.with-margin { margin-bottom: 20px; }

#hero-previous, #hero-next { position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: inset 16px;
  overflow: hidden; text-indent: -9999px; z-index: 9999; }

#hero-previous { border-right-style: solid; border-color: transparent; border-right-color: #faa116; left: 0; }
#hero-next { border-color: transparent; border-left-style: solid; border-left-color: #faa116; right: 0; }

.gallery-image { width: 145px; float: left; border: 1px solid #142426; background-color: #142426; text-align: center; margin: 0 10px 20px 0; }
.gallery-image strong { color: #FFF; display: block; }
.gallery-image .caption { padding: 5px; font-size: 0.9em; height: 57px; }
.gallery-image .caption a { display: block; }
.gallery-image:nth-child(4n) { margin-right: 0; }
.gallery-image img { display: block; }

#fancybox-outer, #fancybox-content { border-color: #142426; background-color: #142426; }
#fancybox-title { background-color: #142426; color: #FFF;}
.fancybox-title-inside { padding-bottom: 0; }
#fancybox-title-inside { padding: 5px; }

.breadcrumbs { color: #FFF; padding: 10px 0 15px 0; border-bottom: 1px solid #142426; margin-bottom: 15px;  }
.breadcrumbs a { font-family: 'AvalonDemi'; }

fieldset { padding: 0; border: 0; }

.gameImage {float: left; margin-right: 15px; margin-bottom: 15px; vertical-align: center;}
.gameSection {
  content: "";
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #faa116;
  border-left-style: solid;
  margin-left: 215px;
  margin-right: 15px;
  margin-top: -5.5px;
  position: relative;
  top: 10px;
}

@media only screen and (max-width: 768px) {
  .container { margin: 0; position: relative; width: auto;}
  header .container { min-height: 153px; overflow: visible;  }
  .opener { display: block; } 
  nav.primary ul.left { display: none; }
  #top-social { display: none; }
  #brand { margin: 0 auto }

  .index-feature  { padding-right: 0.625em; padding-left: 0.625em;}
  .index-feature .columns { padding-right: 0; padding-left: 0; }
  .index-feature hr { margin-right: 0; margin-left: 0; }
  /*.index-feature img { display: none; }*/
  #hero div a { right: 0; left: 0; display: block; height: 305px; width: 100% !important;  max-width: 100% !important; position: absolute; 
    overflow: hidden; border-radius: 15px; background-position: 50% 0; background-repeat: no-repeat; }
  #hero div { width: 100% !important;}

  footer address { float: none; }
  footer nav.bottom { float: none; text-align: left; }
  footer nav ul { margin-left: 0; padding-top: 8px; margin-bottom: 0;  }

  .box p { text-align: center; line-height: 1.4em;}
  .box a.button { display: block; margin: 0 auto 5px; }
  .box strong { white-space: nowrap; }

  .ordering-tips { font-family: 'AvalonBook'; width: 100%; margin-bottom: 20px; margin-top: -5px; }
}


@media only screen and (min-width: 939px) {
  .container { margin: 0 auto; position: relative; width: 980px; }
  header .container {  }
  .opener { display: none; } 
  nav.primary ul.left { display: block; }
  #top-social { display: block; }
  #brand { margin: 0 }
}


/* grid test */
.highlight div { background: #333; outline: 1px solid #FFF;  }
.highlight span { background: #666; outline: 1px solid #AAA; display: block;  }