@charset "utf-8";

header, nav {width:100%; margin:0; padding:0; background:rgba(191,231,255,.3); line-height:1.5;}

/* HEADER */
header {background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background-image:-moz-linear-gradient(top,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.15)),color-stop(100%,rgba(255,255,255,0)));
 background-image:-webkit-linear-gradient(top,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);
 background-image:-o-linear-gradient(top,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);
 background-image:-ms-linear-gradient(top,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);
 background-image:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#HeaderWrap {height:105px; padding:20px 0; /*background:url(/img/global/customusb-sprite.png) center -62px no-repeat;*/
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
 #HeaderHomeLink, #FooterHomeLink {display:inline-block; height:62px; width:220px; text-indent:-6000px; background:url(/img/global/customusb-sprite.png) no-repeat 0 0;
  margin:0; padding:0; border:0; outline:0; vertical-align:middle;}

 p[id*="Slogan"], em[id*="Slogan"] {display:inline-block; width:50%; margin:10px 0 0; vertical-align:middle;
  text-align:center; color:#fff; font-size:16px; font-family:'MV Boli'; text-transform:uppercase;
  letter-spacing:-1px; text-shadow:.05em .05em .1em #00468f; -webkit-font-smoothing:antialiased;
  -webkit-transform:scaleY(1.25); -moz-transform:scaleY(1.25); -ms-transform:scaleY(1.25); -o-transform:scaleY(1.25); transform:scaleY(1.25);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
 
/* NAVIGATION */
nav {border:1px solid rgba(0,0,0,.1); border-left:0; border-right:0;
 -moz-box-shadow:inset 0 1px 2px rgba(255,255,255,.3), 0 3px 5px -3px rgba(0,0,0,.1);
 -webkit-box-shadow:inset 0 1px 2px rgba(255,255,255,.3), 0 3px 5px -3px rgba(0,0,0,.1);
 box-shadow:inset 0 1px 2px rgba(255,255,255,.3), 0 3px 5px -3px rgba(0,0,0,.1);}
 nav ul {display:block; height:auto; width:960px; margin:0 auto; padding:0; position:relative;}
 nav .menu a {text-decoration:none; outline:0;}
 .menu ul, .menu li {list-style:none; margin:0; padding:0; text-align:left;}
  nav .menu .dropdown li {position:relative;}
   nav .menu .dropdown-wrap {display:block; position:absolute; top:101%; left:0; width:auto; opacity:0; height:0; overflow:hidden; margin-left:-1px; min-width:100%; white-space:nowrap;}
   nav .menu li:hover > .dropdown-wrap {opacity:1;}
    nav .dropdown {float:none; padding:0; font-weight:normal; line-height:2; font-size:13px; width:100%; white-space:nowrap;}
     nav .dropdown li a {text-align:left; padding:0 7px; text-transform:none; display:block; float:none; border-bottom:1px solid rgba(102,204,255,.5);
	  -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; transition:all .2s;
	  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
     nav .dropdown li:first-of-type a {padding-top:1px;}
     nav .dropdown li:last-of-type a {border:none; padding-bottom:1px;}

/* TOP NAVIGATION */
nav.top {display:inline-block; margin:0 auto 4px; text-align:center; background:rgba(255,255,255,.2); border:none; padding:0;
 -moz-box-shadow:0 -1px 2px rgba(255,255,255,.1), 0 3px 3px -4px rgba(0,0,0,.1);
 -webkit-box-shadow:0 -1px 2px rgba(255,255,255,.1), 0 3px 3px -4px rgba(0,0,0,.1);
 box-shadow:0 -1px 2px rgba(255,255,255,.1), 0 3px 3px -4px rgba(0,0,0,.1);}
 .top .menu {z-index:9999;}
  .top .menu li {float:left; border-right:1px solid rgba(255,255,255,.25); position:relative; font-size:12px;}
   .top .menu > li:first-child, .top .menu > li.account {border-left:1px solid rgba(255,255,255,.25);}
    .top .menu a {display:block; height:28px; padding:4px 11px; line-height:28px; color:#fefefe; text-shadow:-1px -1px 0 rgba(0,0,0,.2);}
	 .top .menu li:hover a, .top .menu li:hover > a {background-color:rgba(255,255,255,.1);}
 	 .top .menu li > a:active {background-color:rgba(0,102,255,.05); line-height:29px;}
      .top .menu a:before {font-family:'entypo'; text-shadow:none; margin-right:8px; vertical-align:middle; font-size:16px; line-height:27px;} /* Entypo Icons */
      .top .menu a:active:before {line-height:29px;}
/* Top Dropdown */
	.top .dropdown-wrap {background:rgba(102,204,255,.98); border:1px solid rgba(102,204,255,.75); border-top:0; box-shadow:none;}
     /* NOTE: Single Item = 27px / Total Height = n(28px) */
	 /*.top li.account:hover > .dropdown-wrap {height:168px;}
	 .top li.cart:hover > .dropdown-wrap {height:56px;}*/
      .top .dropdown {background-color:transparent; width:100; white-space:nowrap;}
	   .top .dropdown li {width:100%; display:block; float:none; border:0;}
	    .top .dropdown li a {padding:0 7px;}
       .top .dropdown li:hover a, .top .dropdown li a:active {background-color:rgba(51,153,255,.8);}

.menu li.last {float:right; letter-spacing:.5px;}
 .menu li:last-child.last {border-left:1px solid rgba(255,255,255,.25);}

/* MAIN NAVIGATION */
.main .menu {height:50px; clear:both; z-index:9998;}
 .main .menu > li {float:left; vertical-align:middle; border:none; font-weight:600; padding:11px 0; margin:0 .8em; position:relative;}
 .main .menu li[id*="Menu"] a:before {display:inline; margin-right:10px; font-weight:normal; vertical-align:middle;} /* Store + Blog - Entypo Icons */
  .menu li:first-child {margin-left:0;}
  .menu li:last-child {margin-right:0;}
  .main .menu a {color:#000;}
   .main .menu .item > a {display:block; color:#000; text-shadow:1px 1px 0 rgba(255,255,255,.3), -1px -1px 0 rgba(0,0,0,.1);
    font-size:15px; text-align:center; padding:3px 10px; opacity:0.9;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
   .main .menu .item:hover > a {background-color:rgba(255,255,255,.7); opacity:1; color:#000;}
    .main .menu .item:active > a {}

/* Main Dropdown */
 .main .dropdown-wrap {background:rgba(102,204,255,.75); border:1px solid rgba(102,204,255,.75); border-top:0;
  -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.25), 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.25), 0 0 5px rgba(0,0,0,.1); box-shadow:0 2px 2px 0 rgba(0,0,0,.25), 0 0 5px rgba(0,0,0,.1);}
  /* NOTE: Single Item = 27px / Total Height = n(27px) + 1px */
  /*.main .menu li:hover > .dropdown-wrap.all {height:163px;}
  .main .menu li:hover > .dropdown-wrap.flash {height:244px;}
  .main .menu li:hover > .dropdown-wrap.custom {height:109px;}
  .main .menu li:hover > .dropdown-wrap.mail {height:163px;}*/
   .main .menu .dropdown {background-color:rgba(255,255,255,.9);}
   /*.dropdown:before {display:block; content:''; background:transparent; position:absolute; top:-12px; left:50%; margin-left:-3px; width:0; height:0;
    border-width:6px; border-style:solid; border-color:transparent; border-bottom-color:rgba(255,255,255,.9);}*/
    .main .menu .dropdown li:hover a {background-color:rgba(102,204,255,.8);}

/*Search*/
 #MenuSearch {display:inline-block; margin-top:18px; padding:0; float:right;}
  #MenuSearchField, #MenuSearchButton {display:block; float:left; background:transparent; border:1px solid rgba(255,255,255,.5); border-width:0 0 1px 0;
   font-family:"Open Sans", Arial, Helvetica, sans-serif; color:#fff; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
  #MenuSearchField {margin:0; width:190px; height:25px; line-height:25px; padding:2px; text-indent:3px;}
   #MenuSearchField::-webkit-search-cancel-button {-webkit-appearance:none; height:16px; width:16px;}
    #MenuSearchField::-webkit-search-cancel-button:after {content:"\2715"; display:block; color:#fff; font-family:'entypo'; font-size:16px; line-height:16px;}
     #MenuSearchField::-webkit-search-cancel-button:after:hover {color:#000;}
   #MenuSearchField:hover, #MenuSearchField:focus {border-color:rgba(255,255,255,.8); background:rgba(255,255,255,.2);}
  #MenuSearchButton {height:30px; line-height:30px; width:30px; padding:0; margin-left:4px;
   font-size:22px; font-weight:bold; text-transform:lowercase; text-align:center;
   -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
   #MenuSearchButton:hover, #MenuSearchButton:focus {background-color:rgba(255,255,255,.5); color:#000; cursor:pointer;}

/* CSS Transitions */
nav .menu li:hover .dropdown-wrap {
 -webkit-transition:height .5s, opacity .1s; -moz-transition:height .5s, opacity .1s; -o-transition:height .5s, opacity .1s; -ms-transition:height .5s, opacity .1s; transition:height .5s, opacity .1s;}
nav .dropdown-wrap {
 -webkit-transition:height .4s, opacity .5s; -moz-transition:height .4s, opacity .5s; -o-transition:height .4s, opacity .5s; -ms-transition:height .4s, opacity .5s; transition:height .4s, opacity .5s;}

#MenuSearchField, #MenuSearchButton, .menu .item > a {
 -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;
 /*-webkit-transition:padding 0; -moz-transition:padding 0; -o-transition:padding 0; -ms-transition:padding 0; transition:padding 0;*/}