/* ---------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
  margin:0; padding:0;
}
fieldset, table {
  border:none;
}
/* ---------- ::Document Defaults:: ---------- */
html {
  font-size:100.01%;
  height: 101%;
}
body {
  margin:0 auto;
  height:100%;
  font:11px/1.6em Arial,Helvetica,'MS Sans Serif',sans-serif;
  width:100%;
  text-align:center;
}
/* ---------- ::Typography:: ----------------- */
blockquote, address, pre {
  margin:.5em 2em;
}
blockquote, p, li {
  padding:0 0 .8em 0;
}
h1, h2, h3, h4, h5, h6{
  margin:0 0 0 0; 
  font-family: "Trebuchet MS",sans-serif;
  font-weight: normal;
}
p {
  margin:0;
  line-height:22px;
  margin-top:5px;
}

h1 {
  font-size:21px;
}
h2 {
  font-size:1.6em;
}
h3 {
  font-size:1.4em;
}
p, li {
  font-size:12px;
}
/* ---------- ::Forms:: ---------------------- */
input, label {
  vertical-align:bottom;
}
label {
  cursor:pointer;
}
input, select, textarea {
  font-size:1.2em;
  font-family:inherit;
  font-size:inherit;
}
input, textarea {
  padding:.2em;
}
/* ---------- ::Tables:: --------------------- */
table {
  /*table-layout:fixed;*/
  word-wrap:break-word;
  overflow:hidden;
}
/* ---------- ::Template:: ------------------- */
#wrap {
margin:0 auto;
}
#middle {
}
#left {
}
#right {
}
#footer {
  background:none;
}
/* ---------- ::Links:: ---------------------- */
a {
  text-decoration:none;
  font-weight:bold;
}
a:visited {
  text-decoration:underline;
}
a:active, a:focus, a:hover {
  text-decoration:underline;
}
a img {
border:none;
}
/* ---------- ::Menus:: ---------------------- */
/* ::Main Menu:: */
ul#nav {
}
#nav li {
}
#nav li a {
}
#nav li a:active, #nav li a:focus, #nav li a:hover {
}
/* ::Footer Menu:: */
#footer ul {
}
#footer li {
}
#footer li a {
}
#footer li a:active, #footer li a:focus, #footer li a:hover {
}
/* ---------- ::Global Classes:: ------------- */
.center {
text-align:center;
}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.hidden {
display:none;
visibility:hidden;
}
.inline {
display:inline;
}
.small {
font-size:10px;
font-weight:normal;
}
.large {
font-size:20px;
font-weight:bold;
}
/* ---------- ::Content/Pages:: -------------- */

/* specific page rules here */
form{
  display:inline;
}

#container{
  position:relative;
}
#banner{
  min-height:145px;
  width:796px;
  top:13px;
  background:none;
  height:auto;
}
  #banner h1{
    font: normal 24px/12px 'Trebuchet MS',sans-serif;
    margin:5px 0px 10px 0px;	
  }
  #banner #logo{
    margin:14px 0 0 4px;
  }
  #banner #scontact-info{
    float:right; 
    margin:20px 0 0 0;
  }
  #banner .btn-returnToCourt{
    font-size:10px;
    margin-top:5px;
  }


#lft-column{
  height:100%;
  position:relative;
  margin:0;
}
  .cats{
    margin:0;
    padding:18px 0 10px 15px;
    position:relative;
    width:175px;
    height:550px;
  }
    .cats a, .cats a:visited{
      text-decoration:none;
    }
    .cats a:hover{
      text-decoration:underline;
    }
    .cats ul li{
      list-style:none;
    }
    
  #categories{
    margin:0 0; padding:5px;
    list-style:none;
  }
    #categories li{
      margin:0;
    }  
    #categories li a{
      font-family:arial;
  		font-size:17px;
  		font-weight:bold;
  		text-decoration:none;
  		cursor:pointer;
  		cursor:hand;
      line-height:22px;
    } 
    #categories li a, #categories li a:visited{
      text-decoration:none;
    }
    #categories li a:hover{
      text-decoration:underline;
    }


    
#ctr-column{
  height:100%;
  padding:0;
  position:relative;
  width:410px;
  z-index:10;
}
  #ctr-column .titles{
    margin:10px 0 0 5px;
  }
  .items{
    height:532px;
    margin:0 2px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    /*overflow:normal;*/
    padding:15px 0 0;
    width:99%;
    position:relative;
  }
    .items h1.title{
      font:normal 21px/23px "Trebuchet MS",verdana,sans-serif;
    }
    .items ul.options{
      margin:0 10px; padding:0;
      list-style:none;
    }
    .items li.option{
      float:left;
      width:103px;
      font-size:11px;
      padding:2px 0;
    }
    .items li.option label{
      line-height:13px;
    }
    .items li.option label input{
      float:left;
    }
    .btn-smlAddToCart{
      /*
      float:right;
      margin-left:10px;
      */
    }
    .options-instructions{
      margin:0 14px 5px 14px;
    }
    .btn-addToCart{
      background: url(/_imgs/_global/btn_add_to_cart.png) no-repeat top left transparent;
      margin: 7px 9px;
      cursor: pointer;      
    }
    .btn-addToCart-hover{
      background-position:0 -55px;
    }
    
    .itm-row{
      width:383px;
    }

    table.rest-menu {
      height:auto !important;
      left:0;
      position:relative;
      width:400px;
    }
  
#rt-column{
  min-height:600px;
  height:100%;
  position:relative;
}

  .auth{
    margin:0 0 10px 0;
    padding:10px;
    position:relative;
    width:201px;
    font-size:11px;
  }
  .auth h1{
    font-size:16px;
    font-weight: bold;
  }
  .auth a, .auth a:hover, .auth a:visited{
  }
    #loginbox-wrapper {
      margin:0;
      width:auto;
    }
      #loginbox-wrapper p{
        font-size:11px;
        padding:0;
        margin:0;
        line-height:16px;
      }
      #loginbox-wrapper a{
        font-size:10px;
      }
    #loginbox-wrapper-auth {
      margin:0;
      width:auto;
    }
    #loginbox-auth{
      margin:0;
      background:none;
      width:auto;
    }
    .backtomenu a{
      text-decoration:none;
    }
    
  
  
  .cart{
    margin:0 0 0 3px;
    padding:10px;
    position:relative;
    width:201px;
  }
  .cart h1{
    font-size:16px;
    font-weight: bold;
  }
  .cart a, .cart a:hover, .cart a:visited{
  }
  
  .cart-total{
    font-weight:bold;
    padding-left:100px;
    margin:10px 2px;
  }
    .cart-total .price{
      float:right;
      font-size:12px;
    }
    
  #cart{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
  }
    #cart li.item{
      list-style:none;
      font-weight:bold;
      margin:7px 0 0 0;
      padding:2px;
    }
    #cart li ul{
      padding:0; margin:0 0 0 5px;
    }
    #cart li ul li{
      font-weight:normal;
      list-style:none;
      padding:0; margin:0;
    }
    #cart ol{
      padding:0 19px; margin:0;      
    }
    #cart ol .hilite{
    }
      .item-hover{
      }
      .remove{
        display:none;
        float:right;
      }
      
      .row-details table{
        width:100%;
      }
      
      
  .revieworder{
    width:230px;
    height:90px;
  }
  #submit-cart{
    background: url(/_img/_skin/btn_review_order.png) no-repeat top left transparent;
    margin: 7px 0pt;
    cursor: pointer;
    width:230px;
    height:90px;
    position:absolute;
  }
  #submit-cart.hover{
    background-position:0 -90px;
  }
  
  
  .white{
    margin:5px 0;
  }
  .content-header{
    padding:15px 0 10px;
  }
  
  .layout{
    margin:20px 0 0 0;
  }
  
  



/* Rounded Corners */
.ctl, .cbl, .ctr, .cbr {position:absolute; width:20px; height:20px; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
.ctl {top:0; left:0;}
.cbl {bottom:0; left:0;}
.ctr {top:0; right:0;}
.cbr {bottom:0; right:0;}
em b {position:absolute; font-size:150px; font-family:arial; line-height:40px; font-weight:normal;}
.ctl b {left:-8px;}
.ctr b {left:-25px;}
.cbl b {left:-8px; top:-17px;}
.cbr b {left:-25px; top:-17px;}
/*.cats .wrapper, .cart .wrapper {position:relative; z-index:100; }*/


#tooltip{
	position:absolute;
	padding:2px 5px;
	color:#333;
	display:none;
  z-index:999;
}


/* Accordions  */

.accordion_toggle {
  display: block;
  height: 30px;
  width: 100%;
  padding: 5px 0;
  line-height: 30px;
  text-decoration: none;
  cursor: pointer;
  margin: 0;
  background:transparent;
  font:bold 13px/18px "Trebuchet MS",verdana,sans-serif;
  border:0;
  border-top:1px dashed #ff9900;
}
  .accordion_toggle p{
    
  }
  .accordion_toggle_active {
    
  }

.accordion_content {
  background-image:url('/_imgs/_global/options_top_shadow.png');
  background-position:0 0;
  background-repeat:repeat-x;
  overflow: hidden;
  position:static;
  display:none;
}
  .accordion_content h2 {
    margin:0 0 4px 15px; 
    padding:10px 0 0 0;
    font:bold 12px/14px arial,sans-serif;
    text-decoration:underline;
    clear:both;
  }
  .accordion_content p {
    line-height: 150%;
    padding: 5px 10px 15px 10px;
  }
  .accordion_content .close-option{
    float:right;
    cursor:pointer;
    margin:30px 5px 0 0;
  }
  
.vertical_accordion_toggle {
  display: block;
  height: 30px;
  width: 500px;
  background: url(/_js/accordian/images/accordion_toggle.jpg) no-repeat top right #a9d06a;
  padding: 0 10px 0 10px;
  line-height: 30px;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 12px;
  border-bottom: 1px solid #cde99f;
  cursor: pointer;
  margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
  background: url(/_js/accordian/images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
  border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
  background-color: #ffffff;
  color: #444444;
  overflow: hidden;
}

  .vertical_accordion_content h2 {
    margin: 15px 0 5px 10px;
    color: #0099FF;
  }

  .vertical_accordion_content p {
    line-height: 150%;
    padding: 5px 10px 15px 10px;
  }
    

      
/* Container styling*/

#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 500px;
}



/* jScroll styles */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #dc8300;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ffc166;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}