html, body{
  background: #0c0c0c url('/img/bg.jpg');
  color: #fff;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

a{
  text-decoration: none;
  color: #0385ad;
}

h1, h2, h3, h4, h5, h6{
	padding: 0;
	margin: 0;	
}

p{
  padding: 0;
  margin: 0;	
}

ul, ol{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul li, ol li{
	padding: 0;
	margin: 0;
}

input, select, label{
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

textarea{ height: 125px; }
#main-container{
  background: url('/img/mininav-light-blue.jpg') repeat-x;
}

/* TOP NAVIGATION */
#top-nav{
  color: #2f7890;
  overflow: hidden;
}
  #mini-nav a{
    float: left;
    display: block;
    padding: 10px 5px;
    color: #292929;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
  }
    #mini-nav a:hover{
      color: #005e79;
    }
  #account-details{
    overflow: hidden;
  }
    #account-details a{
      background: #0d7ea0 url('/img/mininav-dark-blue.jpg') repeat-x;
      float: right;
      display: block;
      color: #fff;
      padding: 12px 15px;
      margin-left: 1px;
      -moz-border-radius-bottomleft: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-bottom-left-radius: 5px;
      font-weight: bold;
    }
    #account-details a:hover{
      background: #066784;
    }
  
#header{
  padding: 25px 0;
  overflow: hidden;
}
  #header #logo{
    margin: 10px 0;
  }
  
  #header #logo a{
    display: block;
    width: 654px;
    height: 83px;
    background: url('/img/logo.jpg') no-repeat;
  }
    #header #logo span{
      display: none;
    }

  #header a #cart-items{
    color: #636363;
    font-size: 20px;
    font-weight: bold;
    float: left;
    margin: 7px 0 0 5px;
  }

  #header a #big-number{
    color: #37bfe9;
    font-size: 36px;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 0;
    margin: 0;
    line-height: 36px;
  }
  
  #header #check-out{
    background: url('/img/cart-icon.gif') no-repeat;
    display: block;
    padding-left: 26px;
    color: #cfcfcf;
    font-weight: bold;
    margin-top: 3px;
  }
  
  #header a:hover #cart-items{
    color: #777;
  }
  #header a:hover #big-number{
    color: #53d0f6;
  }
  
  #header #check-out:hover{
    color: #ddd;
  }
  
#navigation {
  background: #444 url('/img/nav-gray.jpg') repeat-x;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
}

  #navigation ul{ 
    padding: 0;
    margin: 0;
    list-style-type: none;
    
  }
  
    #navigation ul li{ 
      padding: 0;
      margin: 0;
      float: left;
            position: relative;

    }
    
      #navigation ul li a{ 
        display: block;
        padding: 14px 20px;
        font-size: 14px;
        color: #cacaca;
        line-height: 14px;
        font-weight: bold;
        border-right: 1px solid #292929;
      }
      
            
      #navigation ul li.darkgray a{ 
        background: #292929 url('/img/nav-dgray.jpg') repeat-x;
        border-right: 1px solid #242424;
      }
      
      #navigation ul li a:hover{ 
        background: #444;
        color: #888;
      }
      
      #navigation ul li.darkgray a:hover{ 
        background: #393939;
      
      }
      
      #navigation ul li.active a, #navigation ul li.active a:hover{ 
        background: #444 url('/img/nav-blue.jpg') repeat-x;
      }
      
      #navigation ul li .first{ 
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
      }
      
      #navigation .arrow{
        display: none;
      }
      
      #navigation .active a, #navigation .active a:hover{
      	color: #fff;
      }
      
      #navigation .active .arrow{
        display: block;
        background: #fff url('/img/nav-arrow.jpg') no-repeat;
        display:block;
        height:8px;
        padding:0;
        position:absolute;
        width:16px;
        z-index:2;
        left: 42%;
      }
      
/* CONTENT AREA */
#content-wrapper{
  background: #fff;
  color: #555;
  overflow: hidden;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  margin-bottom: 30px;
}

.content-wrapper-admin{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.content-wrapper-admin .admin-table{
  width: 600px !important;
}

.game-highlights{
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  height: 275px;
}

  #slideshow {
  	margin:0 auto;
  	width:655px;
  	height: 275px;
  	background: #0f0f0f;
  }
  #slideshow #slidesContainer {
    margin:0 auto;
    width: 655px;
    height: 275px;
  }
  
  .highlight-info{
    background: #0f0f0f;
    height: 275px;
    padding: 20px 20px 20px 0;
    float: right;
    display: block;
    width: 245px;
    color: #777;
  }


  .highlight-info h2 a{
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3ac7f2;
  }
  
  .highlight-info p{
    padding-top: 10px;
  }
  
  .highlight-info .prices{
    font-size: 18px;
    padding-top: 10px;
  }
  
  .control {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden;
    cursor: pointer;
  }
  
  #leftControl {
    position: absolute;
    right: 40px;
    bottom: 20px;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    z-index: 2;
    background: url('/img/arrows.png') repeat-x -17px top;
    text-indent:-10000px;
  }
  
  #rightControl {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    z-index: 2;
    margin-left: 2px;
    background: url('/img/arrows.png') repeat-x -17px -17px;
    text-indent:-10000px;
  }  
    
  
  #leftControl:hover {
    background: url('/img/arrows.png') repeat-x right top;
  }
  
  #rightControl:hover {
      background: url('/img/arrows.png') repeat-x right bottom;
  }  
    
  
  
  
.main-section{
  overflow: hidden;
  color: #666;
}
	
	.main-section h2{
	  color: #222;
	  font-size: 24px;
	  border-bottom: 1px solid #eee;
	}
  .main-section .product{
    width: 215px;
    display: block;
    margin-left: 3px;
    padding: 10px 0;
  }

    .main-section .product a img{
      margin: 0 auto;
      padding: 3px;
      border: 1px solid #DDDDDD;
    }

    .main-section .product .product-info{
      margin: 10px 0;
      padding: 10px;
      background: #fff url('/img/product-bg.jpg') no-repeat top center;
    }
    
    .main-section .product a{
      font-weight: bold;
      font-size: 13px;
    }

    .main-section .product .prices, .main-section .product-list .prices, .main-section .product-view .prices{
      color: #777;
      font-size: 12px;
    }
    
    .main-section .product .prices .now, .main-section .product-list .prices .now, .main-section .product-view .prices .now{
      color: #777;
      font-size: 14px;
    }
    
		.product{
		  float: left;
		  overflow: hidden;
		}
	
	  .product-thumb{
	    padding: 5px;
	    border: 1px solid #ddd;
	    margin-right: 5px !important;
	    background: #fff;
	  }
	  
	  .product-features ul{
      list-style-type: disc;
      padding: 0 0 0 20px;
      margin: 0 0 10px 20px;
	  }
	  
	  .product-features ol{
      list-style-type: decimal;
      padding: 0 0 0 20px;
      margin: 0 0 10px 20px;
	  }
	  
  .main-section .product-list{
    padding: 10px;
    background: url('/img/product-list-bg.jpg') repeat-x;
    border: 1px solid #eee;
    margin: 0 0 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  
    .main-section .product-list a{
      font-weight: bold;
    }
    
    .main-section .product-name{
      font-size: 14px;
      padding-bottom: 5px;
      border-bottom: 1px solid #eee;
      display: block;
    }
  
.top-ten{
  padding: 10px 0;
  border-bottom: 1px dotted #ddd;  
  width: 48% !important;
  margin: 0 10px 0 0;
}


.button{
  color: #fff;
  background: #1388a9 url('/img/button-blue.jpg') repeat-x;
  display: block;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0;
  cursor: pointer;
}

input.button{
    padding: 5px 15px;
    margin: 0;
    font-size: 11px;
    line-height: 11px;
}
/* SIDEBAR */

#sidebar{
  padding-top: 20px;
  
}

  #sidebar .section{
    padding: 0 15px 10px 10px;
  }
  
  #sidebar h3{
    background: #cacaca url('/img/sidebar-bg.jpg') repeat-x;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
  }
  
  #sidebar ul{
    padding: 0 0 10px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
  }
  
  #sidebar .sidebar-content{
    padding: 3px 0 10px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
  }


    #sidebar ul li a{
      font-weight: bold;
      color: #555;
      font-size: 11px;
      display: block;
      padding: 5px 10px;
      width: 223px;
      height: 17px;
      border-bottom: 1px solid #e6e6e6;
    }

    #sidebar ul li a:hover{
      background: #f5f5f5;
    }
    
    #sidebar ul.form li{
      display: block;
      padding: 10px 10px 0 10px;
    }
    
      #sidebar ul.form li select{
        width: 223px;
        padding: 3px 2px;
        margin: 0;
      }
      #sidebar ul.form li .textSearch{
        width: 217px;
        padding: 3px 2px;
        margin: 0;
      }
    #sidebar .button{
      padding: 5px 15px;
      margin: 0;
      font-size: 12px;
    }
    
    
    #sidebar h4{
      font-size: 12px;
      font-weight: bold;
      padding: 10px 0;
      line-height: 12px;
      letter-spacing: 1px;
      border-bottom: 1px solid #eee;
      text-transform: uppercase;
      color: #888;
    }
  
#footer{
  background: #077493 url('/img/footer-bg.jpg') repeat-x top left;
  padding: 30px 0;
  color: #003b4c;
  font-size: 11px;
}

  #footer h4{
    color: #015269;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 5px;
    border-bottom: 1px solid #065b72;
  }
  
  #footer li a{
    padding: 5px 10px; 
    display: block;
    color: #002833;
    border-bottom: 1px solid #065b72;
    font-weight: bold;
    font-size: 12px;
    width: 210px;
    height: 18px;
  }
  
  #footer li a:hover{
    background: #086d8a;
  }
  
  #footer .section{
    padding: 5px 5px;
    overflow: hidden;
  }
  
  #footer input{
    background: #1488aa;
    border: 1px solid #065b72;
    color: #034253;
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
  }

  #footer ul.form li{
    display: block;
    padding: 5px 0 0 0;
  }
  
  #footer .button, .grayButton{
    background: #141414 url('/img/button-gray.jpg') repeat-x;
    border: 0;
    color: #fff;
  }
  
#copy{
  font-size: 11px;
  font-weight: bold;
  color: #888;
  padding: 10px 0;
}

  #copy a{
    color: #ccc;
  }

/* LOGIN and REGISTER */
.main-section .form li{
  padding: 7px 0;
  color: #666;
}

.main-section .form li label{
  display: block;
  font-weight: bold;
}

.main-section .form li label{
  display: block;
}

.main-section p{
  padding: 5px 0;
  font-size: 12px;
  color: #666;
  line-height: 21px;
}

.main-section h3{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777;
  border-bottom: 1px dotted #eee;
  margin-bottom: 10px;
}

#filter-options{
  background: #fdfaeb;
  padding: 10px !important;
  border: 1px solid #fcf1bc;
  margin: 10px 0;
}

#filter-options select{
  font-size: 12px;
  width: 130px;
}

#filter-options .button{
  padding: 5px 8px !important;
}

#product-feature{
  width: 655px;	
  height: 313px;
  position: relative;
  border-top: 5px solid #333;
  border-bottom: 1px solid #333;
}

  #product-feature .product-info{
    background: #333;
    width: 200px;
    padding: 10px 30px 10px 10px;
    position: absolute;
    right: 0;
    bottom: 10px;
  }
  
    #product-feature .product-info h3{
      color: #666;
      border: 0;
      font-size: 12px;
      letter-spacing: 3px;
      padding: 0;
      margin: 0;
    }
    
    #product-feature .product-info a{
      color: #3AC7F2;
      font-size: 16px;
      font-weight: bold;
    }

/* Notices */

.notice{
  padding: 5px 10px !important;
  margin: 10px 0;
}

.error{
  background: #fcbcda;
  border: 1px solid #f84e66;
  color: #ca4e54 !important;
  font-weight: bold;
}

.success{
  background: #e2feda;
  border: 1px solid #4c8e3a;
  color: #204d13 !important;
  font-weight: bold;
}

/* Pagination */

.pager{
  background: #fdfaeb;
  padding: 10px !important;
  border: 1px solid #fcf1bc;
  margin: 0 0 20px 15px;
  font-size: 12px;
}

.pager ul li{
  display: inline;
}

#cart-table, #admin-table{
  border: 1px solid #eee;
  margin-bottom: 10px;
}

#admin-table{
  margin-bottom: 0px;
}

  #cart-table tr, #cart-table th, #admin-table th, #admin-table tr{
    border-bottom: 1px solid #eee;
    color: #666 !important;
  }
  
  #cart-table td, #cart-table th, #admin-table td, #admin-table th{
    vertical-align: top;
    padding: 10px 5px;
  }
  
  #admin-table th{
    font-size: 10px;
    text-align: left;
  }
  
  #admin-table td{
    font-size: 11px;
  }
  
  #admin-table a:hover{
    color: #666;
    text-decoration: underline;
  }
  
  #admin-table .actions{
    width: 7%;   
  }
  
  #admin-table .actions2{
    width: 15%;   
  }
  
  #admin-table .custom{
    font-size: 12px;
  }
  
  #cart-table th, #admin-table th{
    background: #eee;
    padding: 7px;
  }
  
  #cart-table tr.even, #admin-table tr.even{
    background: #fafafa;
  }
  
#admin-links a{
  float:left;
  color: #fff;
  background: #141414 url('/img/button-gray.jpg') repeat-x;
  display: block;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0;
  cursor: pointer;
  margin-right:10px;
}

.admin-form li, .admin-data li{ 
  padding: 0 0 10px 0;
}

.admin-form label{
  display: block !important;
  font-weight: bold;
}

.admin-form #ProductPublish{
  float: left;  
}

.admin-form .text input{
  width: 30%;  
}

.admin-form .textarea textarea{
  width: 30%;  
}

div.error-message {
	clear: both;
	color: #F00;
	font-size: 12px;
}

/* OOP Values */
.unit{float:left;_zoom:1}
.line, .lastUnit{overflow:hidden;_overflow:visible;_zoom:1}
.cursorPointer{cursor: pointer;}
.zoom {_overflow:visible;_zoom:1}
.clear{ clear: both; }
.lh20{ line-height: 20px; }
.clear {clear: both;}
.alignRight {text-align: right !important;}
.alignCenter {text-align: center;}
.displayBlock { display: block; }
.displayNone { display: none; }
.displayInline{ display: inline !important; }
.floatLeft {float: left;} 
.floatRight {float: right;} 
.overflowHidden { overflow: hidden; }
.fcLGray { color: #999; }
.fcGray { color: #666; }
.fcDGray { color: #3d3d3d; }
.fcWhite{ color: #fff; }
.fcRed{ color: #740606 !important; }
.strong {font-weight: bold}
.normal {font-weight: normal !important;}
.setVSmallText { font-size: 10px !important;}
.setSmallText { font-size: 11px !important;}
.setNormalText { font-size: 12px!important;}
.setMediumText { font-size: 14px!important;}
.setLargeText { font-size: 16px !important;}
.setVLargeText { font-size: 18px}
.paddingOfGrid { padding: 20px 0 20px 15px; }
.paddingof10L{ padding: 0 0 0 10px;}
.paddingof5R{ padding: 0 5px 0 0;}
.paddingof10R{ padding-right: 5px !important;}
.paddingof20R{ padding: 0 20px 0 0;}
.paddingof3R{ padding: 0 3px 0 0;}
.paddingof5{ padding: 5px; }
.paddingof10{ padding: 10px; }
.paddingof20{ padding: 20px !important; }
.paddingof5Top{ padding-top: 5px; }
.paddingof10Top{ padding-top: 10px !important; }
.paddingof20Top{ padding-top: 20px !important; }
.paddingof10TB{ padding: 10px 0 !important;;}
.paddingof20TB{ padding: 20px 0 !important;}
.paddingof10LR{ padding: 0 10px !important;}
.paddingof20LR{ padding: 0 20px;}
.paddingof3TB{ padding-top: 3px !important; padding-bottom: 3px !important;}
.marginof10Bottom{ margin-bottom: 10px; }
.marginof20TB{ margin: 20px 0 !important;}
.marginof20Bottom{ margin-bottom: 20px; }
.marginof10top{ margin-top: 10px !important;}
.marginof5R{ margin-right: 5px; }
.marginof10R{ margin-right: 10px; }
.marginof15R{ margin-right: 15px; }
.marginof20R{ margin-right: 20px; }
.marginof0Top{ margin-top: 0px !important;}
.marginof0auto{ margin: 0px auto;}
.marginof5Top{ margin-top: 5px !important;}
.marginof0Bottom{ margin-bottom: 0px; }
.marginof10Bottom{ margin-bottom: 10px ;}
.marginof5Bottom{ margin-bottom: 5px ;}
.paddingof0Bottom{ padding-bottom: 0 !important;}
.paddingof0Top{ padding-top: 0 !important;}
.strikethrough{ text-decoration: line-through;}
.size100{ width: 100%; }
.size98{ width: 98%; }
.size95{ width: 95%; }
.size90{ width: 90%; }
.size80{ width: 80%; }
.size75{ width: 75%; }
.size70{ width: 70%; }
.size60{ width: 60%; }
.size50{ width: 50%; }
.size45{ width: 45%; }
.size40{ width: 40%; }
.size35{ width: 35%; }
.size30{ width: 30%; }
.size25{ width: 25%; }
.size20{ width: 20%; }
.size15{ width: 15%; }
.size10{ width: 10%; }
.disc{list-style-type: disc;  padding-left: 30px}
.decimal{list-style-type: decimal;  padding-left: 30px}
.disc li, .decimal li{padding: 3px 0 0 0; line-height: 21px;}
.borderBottomDotted{border-bottom: 1px dotted #eee;}
.borderRightDotted{border-right: 1px dotted #eee;}
.displayNone {display:none;}