/**********************/
/* GENERAL STYLING
/**********************/
body, select, input, textarea                       {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
body                                                {background:  #374656 url(../images/bg.png) top center repeat-x;}
html, body {
height: auto;
}

#noscript 																						{color: #FF0000; display: block; font-weight: bold; padding: 3px 10px 0px 10px;  margin: 0 0 2px; text-align: center; border: 2px solid #FFFF00;
																											background: #ffff00; /* Old browsers */
																											background: -moz-linear-gradient(top,  #ffffc6 0%, #ffff00 100%); /* FF3.6+ */
																											background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffc6), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
																											background: -webkit-linear-gradient(top,  #ffffc6 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
																											background: -o-linear-gradient(top,  #ffffc6 0%,#ffff00 100%); /* Opera 11.10+ */
																											background: -ms-linear-gradient(top,  #ffffc6 0%,#ffff00 100%); /* IE10+ */
																											background: linear-gradient(to bottom,  #ffffc6 0%,#ffff00 100%); /* W3C */
																											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffc6', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */


																										}

/* Main Structure - backgrounds - Positions - widths */
#wrapper                                            {width: 960px; margin: 5px auto 0; padding: 0;}
#container                                          {width: auto; margin: 0 auto 5px auto; padding: 0 0 10px 0; border: 5px solid #fff; background: #fff url(../images/containerBorderBg.gif) repeat-x bottom left; }
#main                                               {padding: 0;margin:0;}

.Product #container                                                                 {padding: 0 0 10px 10px;}
.games #container                                                                 {padding: 0 8px 10px 8px;}

/* LINKS */
a, a:visited , a:active                             {color:#0067AC;text-decoration:none;}
a:hover                                             {color:#000;}
.button                                             {border: none; color: #FFFFFF !important; padding: 2px 10px; background: #6c889d; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c889d', endColorstr='#4f6473'); background: -webkit-gradient(linear, left top, left bottom, from(#6c889d), to(#4f6473)); background: -moz-linear-gradient(top,  #6c889d,  #4f6473); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.3); box-shadow: 0 0 2px 1px rgba(255,255,255,0.3);}
.button:hover                                                 {text-decoration: none; background: #4f6473; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f6473', endColorstr='#6c889d'); background: -webkit-gradient(linear, left top, left bottom, from(#4f6473), to(#6c889d)); background: -moz-linear-gradient(top,  #4f6473,  #6c889d); text-shadow: 0 1px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5);}

.buttonContinue                                                                         {padding: 6px 12px;}
.buttonCart, .buttonCheckout                                  {width: auto; display: block; font-weight: bold; font-size: 15px; text-align: center; background: #00B860; padding: 6px 20px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B860', endColorstr='#008D41'); background: -webkit-gradient(linear, left top, left bottom, from(#00B860), to(#008D41)); background: -moz-linear-gradient(top,  #00B860,  #008D41);}
.buttonCart:hover, .buttonCheckout:hover                      {background: #008D41;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008D41', endColorstr='#aab9c3');  background: -webkit-gradient(linear, left top, left bottom, from(#008D41), to(#00B860));  background: -moz-linear-gradient(top, #008D41, #00B860);}

#nav .buttonCheckout                                          {width: auto !important; display: inline !important; font-weight: bold; font-size: 16px; background: #00B860; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B860', endColorstr='#008D41'); background: -webkit-gradient(linear, left top, left bottom, from(#00B860), to(#008D41)); background: -moz-linear-gradient(top,  #00B860,  #008D41); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#nav .buttonCheckout:hover                                    {background: #008D41;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008D41', endColorstr='#aab9c3');  background: -webkit-gradient(linear, left top, left bottom, from(#008D41), to(#00B860));  background: -moz-linear-gradient(top, #008D41, #00B860); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.5); box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);}

#nav .disabled                                  {width: auto !important; display: inline !important; font-weight: bold; font-size: 16px; background: #aab9c3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aab9c3', endColorstr='#8699a8'); background: -webkit-gradient(linear, left top, left bottom, from(#aab9c3), to(#8699a8)); background: -moz-linear-gradient(top,  #aab9c3,  #8699a8);-moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5);}
#nav .disabled:hover                            {background: #8699a8;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8699a8', endColorstr='#aab9c3');  background: -webkit-gradient(linear, left top, left bottom, from(#8699a8), to(#aab9c3));  background: -moz-linear-gradient(top, #8699a8, #aab9c3);-moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5);}

.buttonMore       {background: url(../images/spriteArrow.png) no-repeat left -40px; display: block; height: 16px; line-height: 16px; text-decoration: none; padding: 0 0 0 20px; margin: 5px 0;}
.buttonMore:hover {background: url(../images/spriteArrow.png) no-repeat left -20px;}

.buttonClearCart                                                                            {width: 110px; display: block; font-size: 14px; text-align: center; margin: 0 auto; background: #6C889D; padding: 5px 20px 6px 20px; filter: progid:DXImageTransform.Microsoft.gradient(startColor str='#6C889D', endColorstr='#4F6473'); background: -webkit-gradient(linear, left top, left bottom, from(#6C889D), to(#4F6473)); background: -moz-linear-gradient(top,  #6C889D,  #4F6473);}

.buttonClearCart:hover                                                              {background: #4F6473; filter: progid:DXImageTransform.Microsoft.gradient(startColor str='#4F6473', endColorstr='#6C889D'); background: -webkit-gradient(linear, left top, left bottom, from(#4F6473), to(#6C889D)); background: -moz-linear-gradient(top,  #4F6473,  #6C889D);}

/* LOCAL STYLES */
#local                                              {
  margin:10px 0; 
  padding:0; 
  width:225px; 
  background: #dae2e7;
  border: 1px solid #dae2e7; border-width: 1px 1px 1px 0;
  -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), 6px 0 8px -4px rgba(0,0,0,0.1); 
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1),  6px 0 8px -4px rgba(0,0,0,0.1); 
  box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), 6px 0 8px -4px rgba(0,0,0,0.1);
  -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;
}
#local h3             {font-size: 20px; line-height: 20px; padding: 10px 0 10px 10px; color: #004470;}
#local ul             {list-style: none; margin: 0;}
#local ul li          {background: url(../images/divider-horizontal.png) repeat-x top left; padding: 5px 0 0; }
#local ul li a        {padding: 0 0 0 10px; display: block; width: 100%;line-height: 22px; }
/*#local ul li:hover a  {color: #000;}*/
#local ul li.active a {background: transparent url(../images/sidebarActive.png) top right no-repeat; color: #fff; height: 27px;  }

.featured-items       {width: auto; padding: 0 0 5px 0; margin: 0;}
#local .featured-items h4 {padding: 10px 0 10px 10px; font-size: 18px; line-height: 18px; color: #004470; text-transform: uppercase; letter-spacing: normal;}
.featured-items ul    {padding:0; border: none;}
#local .featured-items ul li {width: 225px; padding:5px 0 22px 0; position: relative; margin: 0 0 5px 0;}
#local .featured-items ul li a {padding: 0; height: auto; line-height: 18px!important;}
#local .featured-items ul li.block .prodInfo {padding: 0 10px;}
#local .featured-items ul li.block .prodCta {height: 22px; right: 10px;}


/* Header */
header                                              {background: #fff /*url(../images/bg-top.jpg) repeat-x top left*/; margin:0; padding: 5px 5px 0 5px; width:950px;}
#innerHeader                                        {border:none; width:950px; padding:0;}
#innerHeader .headerContent                         {width:700px; float:right; margin: 0 -13px 0 0;}
#innerHeader .headerContent nav                     {float:right; margin: 0; width: 728px;}
#innerHeader .headerContent nav li:before           {content: "";}
#innerHeader .headerContent nav li + li:before      {content: "|";}

/* Upper Content Navigation */
#innerHeader  nav.upperContent a                   {margin:0 0 0 5px;}
#innerHeader  nav.upperContent ul                  {float: right; display: block;}
#innerHeader  nav.upperContent ul                  {background: url(../images/topNavBeltLoop.png) top right no-repeat; height: 32px;}
#innerHeader  nav.upperContent ul li               {background: #0062a3; height: 22px; margin: 0; padding: 0 2px 0 2px; color: #CBE1EF; line-height: 22px; font-size: 12px;}
#innerHeader  nav.upperContent ul li a             {color: #CBE1EF; font-weight: bold; text-decoration: none;}
#innerHeader  nav.upperContent ul li a:hover       {color: #ffffff;}
#innerHeader  nav.upperContent ul li               {padding-left: 4px;
  -webkit-border-radius: 4px 0 0 4px; 
     -moz-border-radius: 4px 0 0 4px; 
          border-radius: 4px 0 0 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

#innerHeader  nav.upperContent ul li:last-child     {padding-right: 15px;}

#innerHeader  nav.upperContent ul > li + li      {padding-left: 0;
  -webkit-border-radius: 0; 
     -moz-border-radius: 0; 
          border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#innerHeader  nav.upperContent ul                  {width: auto;}
#innerHeader  nav.upperContent ul + ul             {width: auto; margin: 0 0 0 35px;}
.ie #innerHeader  nav.upperContent ul + ul         {width: auto; margin: 0 0 0 15px;}

#innerHeader  nav.upperContent ul + ul,
#innerHeader  nav.upperContent ul + ul li          {float: left; background: none;}
#innerHeader  nav.upperContent ul + ul li          {margin: 0 2px 0!important; padding: 0; color: #666666; margin: 0;}
#innerHeader  nav.upperContent ul + ul li a        {color: #666666; font-weight: normal;}
#innerHeader  nav.upperContent ul + ul li a:hover  {color: #0067AC;}
.ie #innerHeader  nav.upperContent ul li           {padding: 0 2px!important; margin: 0;}

/* Main Navigation */
#innerHeader #nav                     {
        width:100%; height: 50px; margin:0 auto; border:none; clear: both; z-index: 89; position: relative;
        }
#innerHeader #nav ul                  {border:none;margin:0 0 0 -2px;padding:0; width: 25%;}
#innerHeader #nav ul a h3             {color: #ffffff;}
#innerHeader #nav li a h3             {color:#eeeeee; font-size: 13px;line-height: 18px;  text-transform: uppercase; text-decoration: none; text-shadow:  1px 1px 0 rgba(0, 0, 0, 0.2); letter-spacing: -1px;}
#innerHeader #nav li a span           {font-size: 22px; display: block;}
#innerHeader #nav li a:hover          {color:#ffffff; }
#innerHeader #nav li.active           {background: #0068ac;}
#innerHeader #nav li.active a         {color: #ffffff;}
#innerHeader .headerContent nav#nav li:before       {content:""}


#innerHeader #nav ul,
#innerHeader #nav div#search          {float: left; width: auto;}
#innerHeader #nav ul                  {z-index: 8;} 
#innerHeader #nav ul li               {
    background: #899dac;
     -webkit-border-radius: 6px 0 0 0; 
        -moz-border-radius: 6px 0 0 0; 
             border-radius: 6px 0 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
             border: #fff solid;
             border-width: 2px 0 0 2px;
             padding-right: 18px;
             margin-left: 0;
             
             -moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
             -webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
             box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
}

#innerHeader #nav ul li + li,
#innerHeader #nav .navWrap          {margin-left: -2px;}
#innerHeader #nav ul li:hover         {
              background: #0068ac;
              -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}




/* Drop dwn nav */
#innerHeader #nav ul li ul               {
    background: #0068ac; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068ac', endColorstr='#004471'); background: -webkit-gradient(linear, left top, left bottom, from(#0068ac), to(#004471)); background: -moz-linear-gradient(top,  #0068ac,  #004471); 
    
    border: none; margin: 0; padding: 4px 0; 
    -moz-box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2); 
    -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; 
    top: 50px; left:0px; width: 200px; z-index: 100;
}
#innerHeader #nav ul li ul li            {
      padding: 3px 10px; margin: 0;
      border: none;
      -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
      -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
#innerHeader #nav ul li ul li            {background: transparent;}
#innerHeader #nav ul li ul li:hover, 
#innerHeader #nav ul li ul li.active     {background: #3385bb; filter: none;}
#innerHeader #nav ul li ul li a          {color: #fff;}


/* Navigation Wrap */
.navWrap                                                {
        background: #9db4c5;
        -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; 
        -moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);

        border: #fff solid;border-width: 2px 0 0 2px;
        -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 ;
        margin:0; padding: 0 6px 0 0;
        z-index: 10; position: relative;
        float: left; 
        width: 699px;
}
.ie .navWrap {padding: 0 4px 0 0;}
#innerHeader #nav .navWrap ul li                        {
        background: none;
        -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-width: 0;
        padding-right: 0; margin-left: 0;
        -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
#innerHeader #nav .navWrap ul li:hover         {background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

/* Navigation Search */
#innerHeader #nav div #keywordsearchform                {margin: 10px 5px 10px 10px;}
.searchBar-input,
.searchButton                                           {float: left; height: 30px; line-height: 26px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#innerHeader #nav div#search .searchBar-input           {
       background: url(../images/iconSearch.png) no-repeat left 6px #fff;
       -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
       border: none;
       font-size: 1em;
       padding: 0 0 0 22px;
       width: 330px; 
       color: #666; 
       
}
#innerHeader #nav div#search .searchButton              {margin: 0 0 0 5px;}
.ie #innerHeader #nav div#search .searchButton          {border-width: 0!important; line-height: 21px; margin-top: -1px;}

/* Fix Google Chrome zooming issue with the header navigation */
.webkit #innerHeader #nav > ul                                      {display:table;}
.webkit #innerHeader #nav > ul > li,
.webkit #innerHeader #nav .navWrap                                  {display:table-cell; float:none;}

/* miniCart & handle */
#nav ul.miniCart li                                     {padding: 2px 8px; margin-top: 12px;}
#nav ul.miniCart li a                                   {color: #FFF; white-space: nowrap; max-width: 140px; display: block; overflow: hidden;}
#nav ul.miniCart li.spacer                              {padding: 2px;}
#nav ul.miniCart li.handle                              {margin-top: 5px; padding: 0 8px; max-width: 145px; overflow: hidden; font-size: 12px;}
#nav ul.miniCart li.handle a                                                        {-moz-text-shadow: 0 0 2px 2px rgba(0,0,0,1) !important; -webkit-text-shadow: 0 0 2px 2px rgba(0,0,0,1)  !important; text-shadow: 0 0 2px 2px rgba(0,0,0,1)  !important;}

#innerHeader #nav li.handle a:hover                     {color:#000;}
#innerHeader #nav li.handle a span                      {font-size: 14px;}
#innerHeader #nav li.handle a:hover span                {background: #354455;}
#innerHeader #nav ul.miniCart a.buttonCheckout          {padding: 6px 8px;}

/* Navigation Mini Cart */
#innerHeader #nav ul.miniCart                           {float: right; padding-right: 2px;}
#innerHeader #nav ul.miniCart li span                   {
      background: #000000!important; color: #fff; font-weight: bold; display: block; font-size: 13px; padding: 2px 6px;
      -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
#innerHeader #nav ul.miniCart li span em                {color: #00944d; font-style: normal;}

/* SPRITE STYLES */
.sptGreySeparatorVertical, .ctaGreyArrowDown            {background: url(../images/shellsprite.png) no-repeat; vertical-align: middle;}
.typeSelector .sptGreySeparatorVertical                 {margin: 0;}
.sptGreySeparatorVertical                               {width: 2px; height: 11px; background-position: -61px 0; margin: 0 5px; vertical-align: middle;}
.ctaGreyArrowDown                                       {width: 7px; height: 4px; background-position: -14px 0;}

/* .keywordSearchResults */
.keywordSearchResult                                    {background: #fff; padding: 5px 0;-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2); box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2); position: absolute; top:36px!important; left:30px!important;}
#innerHeader #nav .keywordSearchResult ul               {width: 100%; margin: 0;}
#innerHeader #nav .keywordSearchResult ul li h3         {text-transform: uppercase; font-size: 14px; background: url(../images/divider-horizontal.png) repeat-x bottom left; margin-bottom: 4px;}
#innerHeader #nav .keywordSearchResult ul li            {display: block;float: none;font-size: 13px; padding: 0 0 0 5px; margin: 0;}
#innerHeader #nav .keywordSearchResult ul li + li       {padding: 1px 5px 0;}
#innerHeader #nav .keywordSearchResult ul li:hover,
#innerHeader #nav .keywordSearchResult ul li:active,
#innerHeader #nav .keywordSearchResult ul li.selected   {background: #0068AC; color: #ffffff; }




/*BREADCRUMBS*/
#breadcrumb    {padding:5px 0 5px 5px;}
#breadcrumb li {color: #899dac; font-size: 11px;}


/*FOOTER*/
#footer,
.push                                               {height:175px;}
.push                                               {display: none;}
#footer                                             {
  margin: /*-175px auto*/ 0 auto; width: 930px; padding:10px 15px; 
  background: #899dac; 
  -moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  border: #99a8b3 solid; border-width: 0 0 1px 0;
  color: white;
}
#footer > div                                       {width: 930px; padding: 0; margin: 0;}
#footer > div nav                                   {background: url(../images/divider-verticle.png) repeat-y top left; margin: 0; padding-left: 15px; height: 125px;}
#footer div nav li                                  {line-height: 18px;}
#footer nav:first-child                             {background: none; padding-left: 0;}
#footer div                                         {border:none}
#footer a                                           {color:#fff; font-size:12px;font-weight:bold;text-decoration:none;}
#footer a:hover                                     {color:#0067AC;}
#footer p                                           {color:#fff;font-size:12px;font-weight:bold;}
#footer h3                                          {color:#fff; font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 0 0 5px 0;}
#footer .socialLink                                 {margin: 5px 0 5px 0; padding: 0 0 0 25px; float: none; height: 20px; width: auto; text-indent: 0;}

#footer div .legalLinks                             {border-top: 1px solid #a1b1bd; float: none; margin: 10px 0 0 0; padding: 10px 0 0;}
#footer div .legalLinks li                          {margin: 0; color:#fff; }

/**********************/
/* STYLE GUIDE
/**********************/
/* Main Styles */

h1, h2, h3, h4, h5, h6 {color: #0068AC;}

h1 {font-size:28px; line-height: 28px;}
h2 {font-size:26px; line-height: 26px;}
h3 {font-size:22px; line-height: 22px; text-transform: uppercase;}
h4 {font-size:18px; line-height: 18px;}
h5 {font-size:16px; line-height: 16px;}
h6 {font-size:14px; line-height: 14px;}

#main h1 {padding: 5px 0; text-transform: uppercase; letter-spacing: -1px;}
em{color: #0068AC;}

#shoppingCart .inStock em{color: #CC0000;}
/***********************
   GLIDER STYLES  (Ryan P.)
***********************/
.nivo-controlNav{
  background: #fff;
  bottom:0;
  position:absolute;
  right:0;
}
.nivo-directionNav{
  position:absolute;
  top:50%;
  width:100%;
}
.nivo-prevNav{
  background: #fff;
  left:0;
  position:absolute;
}
.nivo-nextNav{
  background: #fff;
  position:absolute;
  right:0;
}

.nivo-slice, .nivo-box{
  display:inline-block;
}

#glider{
  background:url("../images/nivo-loading.gif") no-repeat scroll center center #FFFFFF;
  margin:0 auto;
  position:relative;
  width:100%;
  height:269px;
  z-index:88;
}

#glider .controls{
  bottom: 30px;
  display: inline;
  float: right;
  padding: 0 2px 3px 5px;
  position: relative;
  right: 10px;
  background: #fff;
  
  -webkit-border-radius: 10px; 
     -moz-border-radius: 10px; 
          border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
          
  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#glider .controls a{
  display:block;
  float:left;
  margin:0 2px 0 0;
  text-align:center;
  text-indent: -9999em;
  font-size:10px;
  line-height:22px;
  background:url("../images/nivo-bullets.png") no-repeat scroll 0 -22px transparent;
  color:#666;
  height:18px;
  width:14px;
  font-weight: bold;
}
#glider .controls a:hover, #glider .controls a.active{
  background:url("../images/nivo-bullets.png") no-repeat scroll 0 0 transparent;
  color:#fff;
}
div.scroller { 
  overflow: hidden;  
  height:269px;
}
div.scroller div.section {
  overflow:hidden;
  float:left;
  padding:0;  
  margin:0;  
}
div.scroller div.section img {
  
}
div.scroller div.content {
  width: 10000px;
}

/***********************
   Home Page Styles (Chris G.)
***********************/
.main #main{
  width: 100%;
  float:left;
  background: url(../images/containerBorderBg.gif) repeat-x bottom left;
  padding-bottom: 12px;
}
.main #breadcrumb, .main #main h1{display:none;}

/* LOCAL STYLES */
.main #local{
  float:right;
  width: 276px;
  padding: 15px;
  font-size: 12px;
  background: #899dac none; color: #fff;
  -moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0;
}
.main #local div + div {
background: url(../images/divider-horizontal.png) repeat-x top left;
padding-top: 10px;
margin: 10px 0 0;
}

.main #local h3 {font-size:25px; line-height: 26px; padding: 0;}
.main #local h3, .main #local h4 {text-shadow:  1px 1px 0 rgba(0, 0, 0, 0.2); color: #fff;}
.main #local h4 {font-size:18px; padding-bottom: 5px;}
.main #local img.cal {margin: 0 auto; display: block;}

.main #local ul li          {background: none; padding: 2px 0; }
.main #local ul li a        {padding: 0; height: auto; line-height: 14px; color: #fff;}
/*.main #local ul li:hover a  {background: none; color: #000; }*/

.main #local a.buttonMore {color: #fff; background-position: left 0; display: block;}
.main #local a.buttonMore:hover {color: #000; background-position: left -20px;}


.main #secondary, .main #sub{ margin: 10px; float:left; width: 620px;}

/* SECONDARY STYLES */
.main #secondary{}
.main #secondary h3 {float:left; width: auto; background: url(../images/titleImgSpecials.jpg) no-repeat right center; padding-right: 37px; height: 26px;}
.main #secondary .grid {clear:both;float: left; margin: 10px 0 0;}
.ie .main #secondary .grid {width:630px;}
.main #secondary .grid .block {
  padding: 0; margin: 5px;
  border: none;
}
/*.main #secondary .grid .block {width: 196px;}/*3 prod per row*/
.main #secondary .grid .block {width: 145px;}/*4 prod per row*/
.main #secondary .prodThumb {height: 145px; overflow: hidden;}

.main #secondary .prodTitle   {font-size: 11;}
.main #secondary .prodThumb   {border: 1px solid #e3e3e3; margin: 0;}
.main #secondary .prodThumb a img   {vertical-align:  middle;}
.main #secondary .prodTitle a {text-decoration: none;}
.main #secondary .prodPrice   {
      background: #00924c url(../images/priceTagBg.gif) top left no-repeat; height: 18px; line-height: 18px; color: #fff; font-weight: bold; display: block; float: right;
      -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
      padding: 0 10px 0 14px;
}

/* SUB STYLES */
.main #sub{
  clear: none;
  border-top: #d1d7dc 1px solid;
  padding-top:10px; margin-top: 10px;
}
.main #sub h3 {float: left; width: auto; background: url(../images/titleImgSpeach.jpg) no-repeat right center; padding-right: 44px; height: 26px;}
.main #sub .buttonMore {float: right;}
.main #sub div {
  clear:both;
  float: left; width: 590px;
  background: #ebebeb none; color: #333333;
  padding: 15px;
  margin: 10px 0 0;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  -moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
}
.main #sub dl dt{color: #0068ac; font-size: 12px; font-weight: bold; border-top: #d1d7dc 1px solid; padding-top:10px; margin-top: 10px;}
.main #sub dl dt:first-child{border-top: none; padding-top:0; margin-top: 0;}

/* Cal Style Overrides */
#jd-calendar table {
  background: white;
  margin: 10px 0 0;
}


/* GRID BLOCK */
.grid + .grid {/*background: url(../images/divider-horizontal.png) top left repeat-x;*/ margin: 5px 0 0; padding: 5px 0 0;}
.grid .block {
  width: 155px;
  border: none;
  position: relative;
  border: 1px solid #CCC;
  padding: 5px;
  margin-right: 8px;
}

.grid .block + .block {
    margin: 5px 8px 5px 0;
}

.block .prodInfo {font-size: 12px;}
.block .prodInfo strong {font-size: 11px;}
.block .prodTitle {font-size: 12px;}
.block .prodDesc {font-size: 12px; position: relative;}
.block .inStock,
.block .outOfStock {/*position: absolute; bottom: -5px; right: 0; width: 100%; height: 20px; padding: 20px 0 5px;*/

/* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* white fade top */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 26%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(26%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 26%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 26%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 26%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 26%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}


.block .prodPrice      {
      background: #00924c url(../images/priceTagBg.gif) top left no-repeat; height: 18px; line-height: 18px; color: #fff; font-weight: bold; display: block; clear:both; float: right;
      -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
      padding: 0 10px 0 14px;
}
.block .outOfStock em {color: red;}
.block .inStock em {color:#00924C;}
.block .inStock .prodPrice em,
.block .outOfStock .prodPrice em,
.prodPrice em {color: #fff; /*position: relative;*/}
.prodPrice del {display: none;}
.block .prodDesc {clear: both;}
.block .prodCta {
  height: 18px;
  float: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.category .block .prodCta {
  position: relative;
}
.category .block .prodCta .button {background: url(../images/spriteArrow.png) no-repeat left -40px; display: block; height: 16px; line-height: 16px; text-decoration: none; padding: 0 0 0 20px; margin: 5px 0; color: #0067AC !important; font-size: 12px;}
.category .block .prodCta .button:hover {background: url(../images/spriteArrow.png) no-repeat left -20px; color: #000 !important;}

.grid .prodThumb {
   overflow: hidden;
   position: relative;
   height: 160px; 
   line-height: 160px
}
.grid .prodThumb img{vertical-align: middle;}

/* equalHeights */
.block .prodTitle {height: 50px;}
.block .prodDesc  {height: 75px;}

/* LIST BLOCK */
.list .block {
  position: relative;
}
.list .prodCta {
  height: 18px;
  float: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.list .block a {display: block; height: 160px;}

/* LIST BLOCK <a> wrap */
.grid .block a .prodInfo small, 
.grid .block a .prodDesc p,
.grid .block a:hover .prodInfo small, 
.grid .block a:hover .prodDesc p              {color: #000;}
.grid .block a .prodCta                       {border: none; color: #FFFFFF !important; padding: 2px 10px; background: #6c889d; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c889d', endColorstr='#4f6473'); background: -webkit-gradient(linear, left top, left bottom, from(#6c889d), to(#4f6473)); background: -moz-linear-gradient(top,  #6c889d,  #4f6473); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.3); box-shadow: 0 0 2px 1px rgba(255,255,255,0.3);}
.grid .block a:hover .prodCta                 {text-decoration: none; background: #4f6473; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f6473', endColorstr='#6c889d'); background: -webkit-gradient(linear, left top, left bottom, from(#4f6473), to(#6c889d)); background: -moz-linear-gradient(top,  #4f6473,  #6c889d); text-shadow: 0 1px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5);}



/****************************************/
/* CATEGORY PAGE
/****************************************/
.games #local,  
.games #main                                                  {float:none; width:auto; min-height:auto; height:auto !important; height:auto; clear: none;}
.games #local                                         				{display: none;}


/****************************************/
/* PRODUCT DETAIL PAGE
/****************************************/
.Product #main h1                                             {display: none; font-size: 20px;}
.Product #main #productInfo h1                                {display: block;}

.Product #main                                               {float:left; width: 685px;}
.Product #local                                              {float: right; width: 235px;}
.Product #secondary                                          {float: left;}

.productContainer #productInfo {width: 350px;}
#productInfo em                                               {font-size: 16px;}
.Product #local                                              {
    padding: 5px 0; margin: 0;
    border-width: 1px 0 1px 1px;
    -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), -6px 0 8px -4px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), -6px 0 8px -4px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), -6px 0 8px -4px rgba(0,0,0,0.1);
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}
.productContainer #productImage .zoomIcon                    {bottom: -18px; right: 0;}

.Product #local p                                            {padding: 0 5px 0 10px; margin: 0 0 10px;}
.Product #local p:first-child                                {padding-bottom: 0; margin: 5px 0 0;} 
.Product #local form div                                     {background: url(../images/divider-horizontal.png) repeat-x top left; padding: 10px 0; clear: both;}
.Product #local form div:first-child                         {background:none; padding: 0;}
.Product #local form div div                                 {background:none; padding: 5px 0;}
.Product #local form div label,
.Product #local form div em,
.Product #local form div ul,
.Product #local form div a,
.Product #local form div table,
.Product #local div.socialMedia                             {margin: 0 10px}

#productCta .shipsFree                                       {} 
#productCta .regularPrice                                    {font-size: 20px; font-weight: bold; color: #00994A;}

.Product #local ul                                           {list-style: disc inside; margin: 0; }
.Product #local ul li                                        {background: none; padding: 0 0 5px 10px; }
.Product #local form div table                               {
    background: #FFFFFF;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 215px;
    text-align: left;
}
.Product #local form div table th,
.Product #local form div table td                           {border: 1px solid #DDE2E7; padding: 2px;}
.Product #local form input.button                           {width: 180px; margin: 0 auto; }

.Product #secondary h4                                      {text-transform: uppercase; font-size: 18px;}
#productTabs                                                {
  margin:15px 0; 
  padding:0;  
  background: #dae2e7;
  border: 2px solid #dae2e7;
  -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), 0px 0 0px 1px rgba(0,0,0,0.1); 
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), 0px 0 0px 1px rgba(0,0,0,0.1); 
  box-shadow: inset 0 0 1px 1px rgba(255,255,255,1), 0px 0 0px 1px rgba(0,0,0,0.1);
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
#productTabs .tabList                                         {
  float: left; border: none; padding: 0; 
  /*width: 100%;
  -moz-box-shadow: inset 0px 0 0px 1px rgba(0,0,0,0.1); 
  -webkit-box-shadow: inset 0px 0 0px 1px rgba(0,0,0,0.1); 
  box-shadow: inset 0px 0 0px 1px rgba(0,0,0,0.1);*/
}
#productTabs .tabList li                                      {border: 1px solid #fff; border-width: 0 1px 0 0;}
#productTabs .tabList li:first-child                          {-webkit-border-radius: 8px 0 0 0; -moz-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
#productTabs .tabList li.active                               {border: solid rgba(255,255,255,0.3); border-width: 0 1px 0 0; background: #EEF1F3;}
#productTabs .tabList li a                                    {display: block; color: #666666; padding: 8px 20px; font-weight: bold;}
#productTabs .tabList li.active a                             {color: #0066AC;}
#productTabs .tabContent                                      {background: #EEF1F3; padding: 0 10px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; clear: both; width: 675px; position: relative;}
#productTabs .tabContent .review                              {position: absolute; top: 5px; right: 5px;}

#productTabs .tabContent #related .block                      {width: 31%; margin: 0; padding: 10px 5px 0; position: relative;}
#productTabs .tabContent #related .block .prodThumb           {border: 1px solid #E3E3E3;}
#productTabs .tabContent #related .block .prodTitle           {height: 36px; overflow: hidden;}

#productTabs .tabContent #complimentary a h3:hover            {color: #000;}
#productTabs .tabContent #complimentary h3                    {padding: 5px 0 0; margin: 5px 0 0; background:url(../images/divider-horizontal.png) repeat-x top left;}
#productTabs .tabContent #complimentary a:first-child h3      {margin: 0 0 5px; padding:0; background: none;}


#addToCartConfirmation img                                    {height: auto; border: 1px solid #CCCCCC;}
#addToCartConfirmation                                        {
    border: none;
    padding: 10px;
    position: relative;
    margin: 0 0 10px 0;
    background: #DAE2E7;
    border: 1px solid #DAE2E7;
    -moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,1);
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,1);
    -webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px; border-radius: 8px 8px;
}
#addToCartConfirmation  h3                                         {text-transform: uppercase; font-size: 16px;}
#addToCartConfirmation  h4                                         {font-size: 14px; color: #000; font-weight: normal;}
#addToCartConfirmation .button                                     {float: left; margin: 10px 0;}
#addToCartConfirmation  .featured-items                            {
    background: url(../images/divider-horizontal.png) repeat-x top left;
    margin: 10px 0; padding: 10px 0 0;
    position: relative;
    clear: both;
}
#addToCartConfirmation .featured-items .button                     {margin: 0;}
#addToCartConfirmation .featured-items .block .prodCta             {right: 18px;}

/*we should add the class .buttonCart instead of these overwrites */
#addToCartConfirmation .featured-items .block .prodCta .button     {
  background: #00B860;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B860', endColorstr='#008D41');
  background: -webkit-gradient(linear, left top, left bottom, from(#00B860), to(#008D41));
  background: -moz-linear-gradient(top, #00B860, #008D41);
}
#addToCartConfirmation .featured-items .block .prodCta .button:hover {
  background: #008D41;  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008D41', endColorstr='#aab9c3');  
  background: -webkit-gradient(linear, left top, left bottom, from(#008D41), to(#00B860));  
  background: -moz-linear-gradient(top, #008D41, #00B860);
}

#addToCartConfirmation .closeButton                                 {right: 5px; top: 5px;}
#addToCartConfirmation .featured-items span                         {position: absolute; top:-8px; left: 320px; padding: 0 5px; background: #DAE2E7;}
#addToCartConfirmation .featured-items h4                           {margin: 0 0 10px 0;}
#addToCartConfirmation .featured-items li                           {
    margin: 0;
    padding: 0;
    border: solid #dae2e7;
    border-width: 0;
    position: relative;
    width: 32%;
}
#addToCartConfirmation .featured-items li + li                       {border-width: 0  0 0 2px; padding-left: 10px;}
#addToCartConfirmation .featured-items .block .prodTitle             {text-align: left;}
#addToCartConfirmation .featured-items .prodPrice em                 {display: block; float: right;}
#advice-validate-cartQty-quantity                                    {color: #FF0000;}

#slideAside .block .prodPrice,
#addToCartConfirmation .block .prodPrice                             {background: #00924C url(../images/priceTagBg.gif) left -18px no-repeat;}
.tabContent .block .prodPrice                                        {background: #00924C url(../images/priceTagBg.gif) left -36px no-repeat;}

/****************************************/
/* SHOPPING CART PAGE (CHRIS G.)
/****************************************/

.ShoppingCart #shoppingCart                                   {border: none; background: #fff; }
.ShoppingCart #shoppingCart thead                             {border: none; background: #DDE2E7; }
.ShoppingCart #shoppingCart thead th                          {border: 1px solid #fff; border-width: 0 1px 0 0;}
.ShoppingCart #shoppingCart thead th:first-child              {-webkit-border-radius: 8px 0 0 0; -moz-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
.ShoppingCart #shoppingCart thead th + th + th + th + th      {border: none;  -webkit-border-radius: 0 8px 0 0; -moz-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;}
.ShoppingCart #shoppingCart tbody td                          {border: #DDDBD8 solid; border-width: 0 1px 1px 0;}
.ShoppingCart #shoppingCart tbody                             {}
.ShoppingCart #shoppingCart tbody td:first-child              {border-width: 0 1px 1px;}
.ShoppingCart #shoppingCart tbody td.price em                 {color: #00924C; font-weight: bold;}

.detail .featured-items .block,
.ShoppingCart .featured-items .block                          {padding:10px 40px;margin:0;}
.detail .featured-items em,
.ShoppingCart .featured-items em                              {display: block;}
.detail #local .button,
.ShoppingCart #local .button                                  {padding:2px;margin:0 auto;width:100px}


.ShoppingCart .subTotal                                       {color:#00924C; font-weight:bold;}
.ShoppingCart #main .cartSummary .cartTotal                   {color:#00924C; font-weight:bold; font-size: 16px;}

.ShoppingCart #main .checkoutCoaButtons                       {width: 210px; text-align: center;}

.ShoppingCart #main .cartShippingOptions                      {background: #F5F6F8; font-size: 11px;border: #DDE2E7 solid; border-width: 0 1px 1px; }
.ShoppingCart #main .cartShippingOptions label                {font-weight: bold;}
.ShoppingCart #main .cartShippingOptions span                 {margin: 0 0 0 20px; background: url(../images/divider-verticle.png) repeat-y top center; height: 22px; display: inline-block;}
.ShoppingCart #main .cartShippingOptions .cartOptions         {width: auto;}
.ShoppingCart #main .cartShippingOptions .cartInfo            {width: auto; margin: 0;}

.ShoppingCart #main .cartSummary                              {background: #F5F6F8; font-size: 11px; border: #DDE2E7 solid; border-width: 0 1px 1px; }
.ShoppingCart h1                                              {display: inline; line-height: inherit;}
.ShoppingCart #main .buttonCheckout                           {float: right; padding: 6px 20px; margin: 10px 0 0; text-transform: none; letter-spacing: normal;}
.ShoppingCart #main .checkoutOptions .buttonCheckout          {float: none; /*display: inline;*/ margin: 0 auto; width: 110px;}

#main ul.iGlobal                                              {width: 250px; margin:20px 0 0 35px; float: left; padding: 0 10px; border: #DDDBD8 solid; border-width: 0 1px;}
#main ul.iGlobal  h3                                          {text-align: center; font-size: 14px; color: #000; text-transform: none;}
.ShoppingCart #main .coaIglobalCheckout                       {background: url("../images/iglobal.png") no-repeat center top;}


/****************************************/
/* CHECKOUT PAGE
/****************************************/
.Checkout h1, .Checkout .previousAccount                      {padding-left: 10px;}
.Checkout #main h3, .Checkout #main h4                        {background: none repeat scroll 0 0 #DDE2E7; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; line-height: 18px;}
form ol label span                                            {color: #00924C;}

.Checkout #main input[type="text"],
.Checkout #main input[type="password"],
.Checkout #main select, .Checkout #main textarea              {width: 99%;}
.Checkout #main .paymentInfo                                  {padding-top: 20px;}
.Checkout .addPayment                                         {margin-top: 10px;}
.Checkout .editBtn, .Checkout #main .addPayment               {float: right;}
/*.Checkout .editBtn a, .Checkout #main .addPayment a           {color: #FF770B;}
.Checkout .editBtn a:hover, 
.Checkout .addPayment a:hover                                 {color: #1479BE;}*/
.Checkout .shoppingcartInfo #shoppingCart table               {table-layout: fixed; width: 100%;}
table tbody td.price .listPrice                               {display: block;}
.Checkout #main .shippInfo                                    {margin: 0 15px 0 0;}
.Checkout #main form fieldset                                 {border: none; margin: 0 0 5px 0; padding: 0;}
.Checkout #main form select                                   {font-size: 11px; padding: 3px;}
.boxBlock                                                     {background: none repeat scroll 0 0 #DCDBD7; border: 1px solid #C6C5C1 !important; padding: 5px 10px;}
.Checkout #main .shippingMethod                               {font-size: 12px; padding: 0 10px 5px 10px; margin: 10px 0;}
.Checkout #main .shippingMethod label:first-child             {font-size: 12px;}
.Checkout .shoppingcartInfo #couponEnter label                {float: left; font-weight: bold; line-height: 14px; margin: 10px 0 5px;}
.Checkout .shoppingcartInfo #shoppingCart table thead th,
.Checkout .shoppingcartInfo #shoppingCart table tbody td      {padding: 4px;}
.Checkout  .paymentInfo                                       {float:left;}
.Checkout #main h6                                            {margin: 10px 0 5px 0;}
.Checkout #main ul                                            {list-style: none outside none; margin: 0 0 0 15px;}

.Checkout #local                                              {display: none;}
.Checkout .previousAccount                                    {margin: 5px 0 10px 0;}
.billingShippingAndPayment                                    {border: #DDE2E7 solid; border-width: 0 1px 0 0; margin-bottom: 15px; padding: 0 10px;}
.Checkout #main .shoppingcartInfo, .createUserAndNewsletter   {padding-right: 5px;}

.billingAddressFieldset, .paymentMethodFieldset               {margin: 0 0 20px;}
.Checkout .errorMessages                                      {clear: both; padding: 10px; color: #990000; border: #F0AFAF 1px solid;}
.Checkout #main .errorMessages ul                             {list-style: disc inside; margin: 0 0 0 5px; font-size: 11px; font-weight: bold; }

.Checkout #main .shippInfo {margin: 0 10px 0 5px;}

.shoppingcartInfo #shoppingCart table td.price,
.Checkout .cartTotal, .Checkout .total                        {color:#00924C; font-weight:bold;}
.Checkout .total                                              {font-size: 14px;}
.createUserAndNewsletter em, .shippingMethod                  {background: #F5F6F8; border: #DDE2E7 1px solid;}
.Checkout #checkoutButton                                     {background: url("../images/secured.png") no-repeat scroll left center transparent; clear: both;float: left;margin: 0;padding: 8px 0;width: 100%;height:57px;}
.Checkout #checkoutButton .button                             {float:right;}
.Checkout #main .coaIglobalCheckout                           {background: url("../images/iglobal.png") no-repeat center top;}
#orderSubmitForm                                              {margin-right: 0; width: 100%;}

div.cvv2                                                      {height: 60px;margin-bottom: 10px;}
#CreateCustomerAndPlaceOrder div span                         {width: 185px;}
div.cvv2 div                                                  {float: right; width: 255px; margin: 5px 0 0;}
#CreateCustomerAndPlaceOrder .validation-advice,
#CreateCustomerAndPlaceOrder .custom-advice                   {width: 100%; color: #991D46;}
div.cvv2 input[type="text"].validation-failed,
#CreateCustomerAndPlaceOrder select.validation-failed         {border: #F0AFAF 1px solid;}

.outsideUS,
#dialog-content fieldset > div.outside {background: #F5F6F8; border: #DDE2E7 1px solid; padding: 5px!important; margin: 0 0 10px 0;}
#CreateCustomerAndPlaceOrder div.outsideUS span,
form div.outsideUS span  {font-weight: bold!important; width: auto!important; margin: 0!important;}
.Checkout #main .outsideUS span,
.Checkout #main .outsideUS a {vertical-align:middle;}
.Checkout #main .outsideUS .coaIglobalCheckout {padding: 0!important; display:inline-block; margin: 0 0 0 10px; width: 146px; height: 32px;}


/****************************************/
/* CONFIRMATION PAGE (Ryan P.)
/****************************************/
.OrderDetail #main                                            {width:930px; padding: 0 10px;}

.confirmationMessage h2                                       {font-size: 22px; color: #004470;}
.OrderDetail .shippingDetails, 
.OrderDetail .billingDetails, 
.OrderDetail .paymentDetails                                  {float: left; font-size: 12px; margin: 15px 10px 0 0; width: 200px;}
.OrderDetail #shoppingCart                                    {margin-bottom:20px;}
.OrderDetail #shoppingCart .subTotal                          {font-weight:bold; color:#00924C;}

.OrderDetail #shoppingCart th                        {background: none repeat scroll 0 0 #DDE2E7; line-height: 18px;}
.OrderDetail #shoppingCart th:nth-child(1n+1){ 
    -webkit-border-radius: 0; 
        -moz-border-radius: 0; 
             border-radius: 0;      
}
.OrderDetail #shoppingCart th:first-child{ 
    -webkit-border-radius: 6px 0 0 0; 
        -moz-border-radius: 6px 0 0 0; 
             border-radius: 6px 0 0 0;          
}
.OrderDetail #shoppingCart th:nth-child(2n+0),
.OrderDetail #shoppingCart th:nth-child(3n+0),
.OrderDetail #shoppingCart th:nth-child(4n+0){ 
    -webkit-border-radius: 0; 
        -moz-border-radius: 0; 
             border-radius: 0;          
}
.OrderDetail #shoppingCart th:nth-child(5n+0){ 
    -webkit-border-radius: 0 6px 0 0; 
        -moz-border-radius: 0 6px 0 0; 
             border-radius: 0 6px 0 0;          
}



.OrderDetail #shoppingCart th,                                
.OrderDetail #shoppingCart td                                 {padding: 4px 8px}
.OrderDetail #shoppingCart th:first-child                     {text-align: left;}

.OrderDetail .cartSummary                                     {float: right; margin: 15px 0 0; width: 260px;}
.OrderDetail .cartSummary dt                                  {clear: both;float: left; margin: 0 20px 5px 0; text-align: right; width: 150px;}
.OrderDetail .cartSummary dd                                  {float: right; width: 80px;}
.OrderDetail .cartSummary .cartTotal                          {color:#00924C; font-weight:bold;font-size:16px;}

.cartConfirmList .block:nth-child(2n+1)                       {background: #F7FBF3;}
.cartConfirmList .prodInfo                                                    {width: 760px;}
.cartConfirmList .prodInfo .prodDesc                                      {width: 550px; clear:both;}

/****************************************/
/* New Customer SECTION 
/****************************************/
.newCustomer #newUserForm fieldset                            {width:100%;clear:both;}
.newCustomer #newUserForm .left                               {width:48%;float:left; border-bottom:1px dotted #000;margin:10px 0; padding:10px 0;}
.newCustomer #newUserForm .right                              {width:48%;float:left;clear:none;border-bottom:1px dotted #000;margin:10px 0; padding:10px 0 10px 10px;}
.newCustomer #newUserForm div                                 {margin-bottom:5px;}
.newCustomer #newUserForm legend                              {font-weight:bold;font-size:14px;}
.newCustomer #newUserForm input,
.newCustomer #newUserForm select                              {clear:left;display:block;width:50%}
.newCustomer #shippingAddressFieldset div                     {width:50%; float:left;height:45px;}
.newCustomer #newUserForm .button                             {width:100px;}

/****************************************/
/* PROFILE SECTION
/****************************************/
.CustomerProfile #main .button, 
.CustomerProfile .pageColumn span                             {float:right;}
.CustomerProfile .pageColumn                                  {border: 1px solid #DAE2E7; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  background: #fff; margin:0; padding:0 0 0;}
.CustomerProfile #main .pageColumn li                         {width: 230px;}
.CustomerProfile #main .pageColumn li + li + li               {width: 236px;}

.CustomerProfile #main .pageColumn li h3                      {background: #DDE2E7; color: #666; padding: 5px 0 5px 10px; margin: 0 0;}
.CustomerProfile #main .pageColumn li + li h3                 {border-left: 1px solid #fff;}
.CustomerProfile #main .pageColumn li + li                    {border-left: 1px solid #DAE2E7; min-height: 220px;}
.CustomerProfile #main .pageColumn li select                  {margin: 7px 0 7px 10px;}
.CustomerProfile #main .pageColumn li + li + li + li          {width: 678px; border-top:1px solid #DAE2E7; background: #F5F6F8; border-left: none; padding: 5px 10px; height: auto; min-height: 10px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.CustomerProfile #main .pageColumn li + li + li + li span     {float:none; font-weight: bold; width: auto; margin: 0;}

.CustomerProfile #secondary                                   {margin:0 0 10px; padding:0 0; position: relative;}
.CustomerProfile #secondary .button                           {margin:5px 0 0; float: right;}
.CustomerProfile #secondary .button em                        {color: #fff; font-size: 14px; font-weight: bold;}
.CustomerProfile #main h3,
.CustomerProfile #secondary h3                                {font-size:14px; clear: both;}
.CustomerProfile #secondary h3                                {padding: 10px 0 0; float: left;}
.CustomerProfile #secondary form                              {padding: 10px 0 0 5px; float: left;}
.CustomerProfile #secondary table                             {width:100%; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; background: #DDE2E7; }
.CustomerProfile #secondary th                                {width:140px; text-align:left; padding:2px 4px; border: 1px solid #fff; border-width: 0 1px 0 0;}
.CustomerProfile #secondary table form                        {padding: 0; float: right;}
.CustomerProfile #secondary table form input                  {text-transform: lowercase;}

/*.CustomerProfile th:last-child                                {border: 1px solid #DAE2E7; border-width: 0 1px 0 0;}*/
.CustomerProfile #secondary td                                {padding:2px 4px; border: 1px solid #DAE2E7; border-width: 0 1px 1px 1px; background: #fff;}
.CustomerProfile dl                                           {padding: 5px 10px;}
.CustomerProfile dt                                           {font-size:12px; font-weight:bold; margin:0 0 0px; /*padding: 4px 4px; background: #EEF1F3;*/}
.CustomerProfile #secondary .links                            {width:75px; text-align:center; }

.CustomerProfile .editButton                                  {margin:0 0 0 20px;text-transform: lowercase;}
.CustomerProfile #main span.links                             {width: auto; padding-right: 0; float: right;}
.CustomerProfile #main span.links form                        {display: inline-block;}
.CustomerProfile #main span.links input,
.CustomerProfile #secondary table input                       {
  padding: 0;
  border: 0;
  background: transparent;
  vertical-align: top;
  color: #0067AC;
  font-weight: bold;font-style: italic;
  vertical-align: baseline;
}
.CustomerProfile #main span.links input:hover,
.CustomerProfile #secondary table input:hover                 {color: black; font-weight: bold; text-decoration: underline;}
.CustomerProfile #main .links                                 {font-weight: bold; font-style: italic;}
.CustomerProfile #footer .links                               {font-style: normal; text-align: left;}

#innerHeader  nav.upperContent ul li                          {position: relative;}
#innerHeader nav.upperContent ul li #myGamesPopup             {float: none; position: absolute;right: -138px;top: 20px;width: 300px;margin: 0;z-index: 90;}
#innerHeader nav.upperContent ul li #myGamesPopup table       {width:100%; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background: #0068ac; }
#innerHeader nav.upperContent ul li #myGamesPopup th          {width:140px; text-align:left; padding:6px;  border:none}
#innerHeader nav.upperContent ul li #myGamesPopup td          {padding:4px; border: none;}
#innerHeader nav.upperContent ul li #myGamesPopup tr + tr     {border: 1px solid #CBE1EF; border-width:1px 0 0 0;}
#innerHeader nav.upperContent ul li #myGamesPopup table td + td a {font-size: 10px; font-style: italic; }
#innerHeader nav.upperContent ul li #myGamesPopup {line-height: 12px;}

#innerHeader nav.upperContent ul li #myGamesPopup a           {background: #0068ac;color: #eee;padding: 3px 4px; margin: 2px 0 0;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;float: left;}
#innerHeader nav.upperContent ul li #myGamesPopup a:hover     {color: #fff;}

#innerHeader nav.upperContent ul li #myGamesPopup table a     {background: transparent; color: #eee;padding: 0; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none;}
#innerHeader nav.upperContent ul li #myGamesPopup table a:hover  {color: #fff;}

#searchGames                                                  {margin: 5px 0 0 0;}
.gameSearchResults                                            {background: #fff; padding: 5px 0; position: absolute; left:0; width: auto!important; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;-moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2); box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2);}
.gameSearchResults ul                                         {margin:0;}
.gameSearchResults ul li                                      {list-style: none; padding: 1px 5px 0;}
.gameSearchResults ul li                                      {border: none; background: none;}
.gameSearchResults ul li:hover,
.gameSearchResults ul li:active,
.gameSearchResults ul li.selected                             {background: #0068AC; color: #ffffff;}



/****************************************/
/* SEARCH RESULTS PAGE
/****************************************/
.KeywordSearch h4 { border: #DDE2E7 solid; font-size: 18px; text-transform: uppercase; border-width: 0 0 1px; margin: 15px 0 0;}

/****************************************/
/* SORT CONTROLS PAGINATION (Ryan P.)
/****************************************/
.getSortControls                                                 {border: none; background: #ecf0f3; color: #0068ac; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0 0 0 5px;}
.getSortControls ul                                              {padding: 5px;}

.getSortControls .numbResults                                    {float: left; color: #000; font-weight: bold; line-height:20px;  margin-top: 7px;}
.getSortControls .pageCount                                      {float: left; margin-top: 7px;}
.getSortControls .pagination, .getSortControls .viewControl      {margin-top: 7px;}
.getSortControls .search                                         {float: right;}
.getSortControls .search input                                   {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: none; -moz-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3);}
.getSortControls .search input[type="text"]                      {padding: 4px 2px 4px 6px; float: left; height: 23px; margin-right: 5px;}
.getSortControls .search input[type="submit"]                    {padding: 3px 6px;}

.getSortControls .pagination li a                                {color: #0068ac; text-align:center; line-height:20px; display:block;}
.getSortControls .pagination li a:hover                          {color:#000; }
.getSortControls .pagination li:first-child a, 
.getSortControls .pagination li:last-child a, 

.getSortControls .pagination li:first-child a, 
.getSortControls .pagination li:last-child a                     {display: block; width: 16px; height: 16px; margin-top: 2px; background: url(../images/spriteArrow.png) no-repeat left -40px; text-indent: -999em; }
.getSortControls .pagination li:first-child a                    {background-position: left -80px; }
.getSortControls .pagination li:last-child a:hover               {background-position: left -60px; }
.getSortControls .pagination li:first-child a:hover              {background-position: left -100px; }

.getSortControls .pagination li a.current                        {color: #666666;}
.getSortControls .pagination li a:hover.current                  {color: #000000;}
.getSortControls .pagination li:first-child a:hover, 
.getSortControls .pagination li:last-child a:hover, 
.viewControl a:hover                                          {color: #000000;}
.getSortControls .pagination .disabled                           {display: none;}

/****************************************/
/* Error Page  & 404
/****************************************/
.error #main                                            {width:930px; padding: 0 10px; float: left;}
.error #footer                                          {height: auto;}
.error #footer > div nav                                {}
.error ul                                               {list-style-type: none;}
    
/****************************************/
/* IE & NO JAVASCRIPT FIXES (Brett B.)
/****************************************/
.ie .button                                                   {border-radius: 0;}
.ie #nav ul li ul                                             {border-radius: 0;}
.ie #nav .navMiniCart div                                     {border-radius: 0;}
.no-js #nav .navSearch label                                  {display: none;}
.no-js #footer .social fieldset label                         {display: none;}

/****************************************/
/* Dialog 
/****************************************/
#dialog-content fieldset > div > input.validation-failed      {border: #F0AFAF 1px solid;}
#dialog-content fieldset > div > span.custom-advice           {color: #990000; display: block; width: auto; margin: 0;}

/**********************/
/* BLOG PAGE
/**********************/

.page #main h1,
.archive #main h1,
.single #main  h1 {font-size: 24px; line-height: 24px; margin: 0 0 5px; padding: 12px 0 0;}
.page #main h2,
.archive #main h2,
.single #main  h2 {font-size: 20px; line-height: 20px; margin: 0 0 5px; padding: 10px 0 0;}
.archive #main h2 {font-size: 20px; line-height: 20px; margin: 0 0 5px; padding: 10px 0 0;}

.page #main h3,
.archive #main h3,
.single #main  h3 {font-size: 18px; line-height: 18px; margin: 0 0 5px; padding: 10px 0 0;}
.page #main h4,
.archive #main h4,
.single #main  h4 {font-size: 16px; line-height: 16px; margin: 0 0 5px; padding: 10px 0 0;}
.page #main,
.archive #main,
.single #main,
.blog #main {padding: 0 5px 0 0;}
.page #main p,
.archive #main p,
.single #main p,
.blog #main p {padding: 0 10px 0 0;}

.page-template #main h3, 
.page #main article header h3,
.archive #main article header h3 {margin: 0 0 5px; font-size: 24px; line-height: 24px;}

.page-template #main article h3{font-size: 18px; line-height: 18px;} 

.page #main h2:first-child,
.archive #main h2:first-child,
.single #main  h2:first-child {margin: 0 0; padding: 0;}

#main header {background: none; margin: 0; padding: 0; width: 100%;}

/*.archive #main h3 {padding: 0 0 10px 0;}*/

 {
background: none /*url(../images/bg-top.jpg) repeat-x top left*/;
margin: 0;
padding: 0;
width: auto;
}
.Blog #main                                                                                 {padding: 0 10px 0 0; width: 690px;}
#main .author                                       {font-style: italic; color:#33446A; margin-left:10px;}
#main article footer a                              {font-style: italic;color:#677181;}

.blog #main article, .search-results #main article, .page-template #main article,
.single #main article #respond form#commentform, .single #main article footer p, .archive #main article{        
    border: solid #DAE2E7;
    background: #EEF1F3;
    margin: 0 0 10px;
    padding: 15px;
}
.page-template #main article header time, .page-template #main article span {
    font-size: 10px;
}
.single #main article #respond h3 {background: none repeat scroll 0 0 #9DB4C5;}
.post em {display: inline;}
.blog #local, .page #local {margin-top: 0;}

#menu-header-nav-acct    {width:197px;}
#menu-header-nav-acct li {float:left;}
/*#innerHeader #nav div#search {float: right; position: relative;}*/
#keywordsearchform label.infield {padding: 0 0 0 22px; height: 30px; line-height: 30px;}


#local ul li.current-menu-item a,
#local ul li.current_page_item a {background: transparent url(../images/sidebarActive.png) top right no-repeat; color: #fff; height: 27px;}


#smcf-container div.smcf-bottom a,
#smcf-container div.smcf-top,
#smcf-container div.smcf-bottom                               {display:none;}

#smcf-container .smcf-content  {
        background: #899DAC!important;
        padding: 12px 0 0; 
        -webkit-border-radius: 6px 6px 0 0; 
        -moz-border-radius: 6px 6px 0 0; 
        border-radius: 6px 6px 0 0;
        border: 2px solid #fff;     
        -moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
         -webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
         box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.3);
         
}

#smcf-container a.modalCloseX                                 {color: #FFFFFF !important;}
#smcf-container a.modalCloseX:hover                           {color: #0062A3 !important;}
#smcf-container #smcf-content h1                              {color: #FFFFFF !important; text-shadow: 0 1px 0 rgba(0,0,0,0.3);}
#smcf-container .smcf-input                                   {
        -webkit-border-radius: 6px; 
        -moz-border-radius: 6px; 
        border-radius: 6px;
}
#smcf-container #smcf-content .smcf-send,
#smcf-container #smcf-content .smcf-cancel                    {width:auto !important;}
#smcf-container #smcf-content .smcf-send,
#smcf-container #smcf-content .smcf-cancel                                                       {color: #FFFFFF !important; padding: 2px 10px; height:auto!important; background: #6c889d; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c889d', endColorstr='#213D1F'); background: -webkit-gradient(linear, left top, left bottom, from(#6c889d), to(#4f6473)); background: -moz-linear-gradient(top,  #6c889d,  #4f6473); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.3); box-shadow: 0 0 2px 1px rgba(255,255,255,0.3);}
#smcf-container #smcf-content .smcf-send:hover,
#smcf-container #smcf-content .smcf-cancel:hover                                                 {text-decoration: none; background: #4f6473; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f6473', endColorstr='#6c889d'); background: -webkit-gradient(linear, left top, left bottom, from(#4f6473), to(#6c889d)); background: -moz-linear-gradient(top,  #4f6473,  #6c889d); text-shadow: 0 1px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5);}

.page-template-page-ajax-knowledge-center-php #main h1 {float: left;}
/*.page-template-page-ajax-knowledge-center-php #main h1:after {content:'→'; margin: 0 0 0 5px; color: #DAE2E7;}*/
.page-template-page-ajax-knowledge-center-php #main .post h1:after {content: none; margin: 0;}
.page-template-page-ajax-knowledge-center-php #main .post h1 {padding: 0 0 5px; float: none;}
.page-template-page-ajax-knowledge-center-php #main article {clear: both;}
ul.subCat{list-style: none; margin:8px 0 0; }
ul.subCat li{float: left; display: block; margin: 4px 8px; margin: 0 0 0 10px;}
ul.subCat li + li {margin: 0 0 0 5px;}
ul.subCat li a {display: inline-block; color: #fff;}

ul.subCat li                                                        {border: none; color: #FFFFFF !important; padding: 2px 10px; background: #aab9c3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aab9c3', endColorstr='#8699a8'); background: -webkit-gradient(linear, left top, left bottom, from(#aab9c3), to(#8699a8)); background: -moz-linear-gradient(top,  #aab9c3,  #8699a8);-moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 0 1px 0 rgba(0,0,0,0.3);}
ul.subCat li:hover                                                 {text-decoration: none; background: #8699a8; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8699a8', endColorstr='#aab9c3'); background: -webkit-gradient(linear, left top, left bottom, from(#8699a8), to(#aab9c3)); background: -moz-linear-gradient(top,  #8699a8,  #aab9c3); text-shadow: 0 1px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 2px 1px rgba(255,255,255,0.5); box-shadow: 0 0 2px 1px rgba(255,255,255,0.5);}

#jd-calendar .my-calendar-date-switcher .button {
padding: 2px 4px;
margin: 4px 0 0;
}

table.blog {
    border-width: 2px;
    border-spacing: 0px;
    border-style: outset;
    border-color: gray;
    border-collapse: collapse;
    background-color: white;
    align:center;
 margin-left:auto; 
    margin-right:auto;
    text-align:center;
}
table.blog th {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: gray;
    background-color: rgb(239, 239, 239);
    text-style: bold;
    -moz-border-radius: ;
}
table.blog td {
    text-color: #333333;
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: gray;
    -moz-border-radius: ;
}

/* Hover Selection color */
::selection {background: #3b62a3;}

.testimonials #main                                     {padding: 0 10px 0 0; width: 690px;}
.testimonials #main .quote                      {width: 540px;}


/****************************************/
/* CHECKOUT POC
/****************************************/
.CheckoutPoc .radioList > li,
.CheckoutPoc .radioList > li input[type=radio]+label,
.CheckoutPoc .shipBlock .shippingMethod                     {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/* css for Ajax Loader image */
.ajaxLoaderImage {width: 30px; height:20px; background: url(/resources/images/ajax-loader.gif) no-repeat; display: inline-block;}
.captcha img { float: left;}
.captcha a {float: left; width: 85px; margin: 5px 0 0 5px; line-height: 14px;}
.captcha {height:40px}

/* Login page*/
.login fieldset > div > input.validation-failed      {border: #F0AFAF 2px inset;  background: #FCEFEF;}
.login fieldset > div > input                        {display: block;}

/* Register page*/
input.validation-failed                                                             {border: #F0AFAF 2px inset;  background: #FCEFEF;}
.register fieldset > div > input                        {display: block;}


/****************************************/
/* LOGIN PAGE
/****************************************/
.Login .register fieldset > div > input         {display: inline;}
.validation-advice                                                          {color: #ff0000; font-size: 11px; display: inline; padding: 0 0 0 8px;}
.Login .custom-advice                           {color: #ff0000; font-size: 11px; display: block; padding: 0 0 0 8px; width:100%; margin-left: 128px;}
.Login #main ul                                 {list-style:none;margin:0;padding:0;}
.Login #main li                                 {list-style:none;margin:0 0 10px 0;padding:0;border:1px solid #DDE2E7;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.Login #main li p,
.Login #main li form                            {margin:10px;}
.Login #main li label                           {width:125px;display:block;float:left;text-align:right;margin-right:10px;}
.Login #main h3                                 {background:#DDE2E7;color:#666;padding:5px 0 5px 10px;font-size:14px;}
.Login #main .greyButton                        {float:right;}
.Login #main input[type="text"],
.Login #main input[type="password"] ,
.Login #main textarea,
.Login #main  .medium                                                       {width: 250px;}

/*css for asterisk '*' used for representing the mandatory form fields */
.requiredField                                  {color:#FF0000;}