/* global styling */

body{
margin:10px 0 0 10px;
background:#000000;
text-align: center;
}

div.mainBody {
background: #ffffff;
vertical-align: middle;
width: 752px;
margin:0 auto;
position: relative;
top: -30px;
text-align: left;
}

* html div.mainBody
{
top: -45px;
}

td,div{
color:#4D4D4D;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
text-align: left;
}

div.footer{
background:#FFFFFF;
width: 752px;
height: 30px;
margin:0 auto;
border-top:1px solid #000000;
vertical-align: middle;
text-align: right;
position: relative;
top: -30px;
}

* html div.footer
{
top: -45px;
}

a:link{color:#6D6D6D}
a:hover{color:#8D8D8D}
a:active{color:#8D8D8D}
a:visited{color:#C0C0C0}

h1{
font-size:16px;
}
h2{
font-size:13px;
font-weight:bold;
margin-bottom:0;
}
h3{
font-size:11px;
}
p{
font-size:11px;
}
p.tab
{
font-size:11px;
}
div.mainBody p
{
color: #000;
}

div.container{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:360px;
border-left:1px solid gray;
padding:1em;
}
div.blog
{
border-style: solid;
border-width: 1px;
background-color:#F5F5F5;
margin: 0.5cm 0.5cm 0.5cm 0.5cm
}
div.blogText
{
margin: 0.2cm 0.2cm 0.2cm 0.2cm
}
div.title
{
font-size:15px;
background-color:#fff; color:#000;
margin-bottom: 0.2cm
}
div.entry
{
margin-bottom: 0.2cm
}
div.comments
{
border-style: solid;
border-width: 1px;
background-color:#F5F5F5;
margin-top: 0.2cm;
margin-right: 12.7cm;
margin-bottom: 0.2cm;
margin-left: 0.2cm;
}
div.c_detail
{
margin: 0.1cm 0.1cm 0.1cm 0.1cm
}
a.tags
{
background-color:#000; color:#fff;
}

form {padding:1em; }
fieldset {
padding:1ex;
background-color:#fff;
color:#000;
margin: 0.2cm 5.2cm 0.2cm 5.2cm
}
label { 
text-align:left;
cursor: pointer;
cursor: hand;
}
label.highlight {color:#fff; background-color:#000;}

input {margin-right:1em; display:none;}
button {display:block; margin:1em auto 0}

input.show{
display: block
}

img.middle{
display: block;
margin-left: auto;
margin-right: auto
}

/*--------------------------------------------------
  TABBER STYLE
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 margin-top:1em;
 padding: 19px
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #000;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover{
 color: #000;
 background: #fff;
 border-color: #227;
}

ul.tabbernav li.tabberactive a{
color: #000;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* fixed or auto (height specific to contents in tab) */

 height:400px; 

 /* fixed height and overflow: auto for scrollbar when necessary */

 overflow: auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbox {
font-size:10px;

border:1px solid black;
float: left;
width: 85px;
margin: 10px 10px 10px 10px;
background-color: #000;
text-align: center;
color: #fff;
}

.oddbox {
background-color: #ffffff;
}

.evenbox {
background-color: #f5f5f5;
}

/*
new nav bar
*/

div.navcontainer {

}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
position: relative;
top: -35px;
text-align: center;
}

* html ul#navlist
{
top: -45px;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited{
color: #fff;
background-color: #ff0033;
text-decoration: none;
}

#navlist a:hover{
color: #fff;
background-color: #c00;
text-decoration: none;
}

div.leftlink {
padding: 19px
}

div.rightlink {
position: absolute; 
top: 34px; 
right: 40%;
}

div.filterBox {
border-style: solid;
border-width: 1px;
margin: 0.5cm 0.5cm 0.5cm 0.5cm;
}

div.topBar {
border-style: solid;
border-width: 1px;
border-color: white;
vertical-align: middle;
width: 750px;
margin:0 auto;
position: relative;
}

		div#step2
		{
			margin: 0px 20px 0px 20px;
			display: none;
		}

div.shopBody {
background: #ffffff;
vertical-align: middle;
width: 752px;
margin:0 auto;
position: relative;
top: 5px;
}
div.shopFooter{
background:#FFFFFF;
width: 752px;
height: 30px;
margin:0 auto;
border-top:1px solid #000000;
vertical-align: middle;
text-align: right;
position: relative;
top: -30px;
}

a.download-box
{
border: 2px solid #FF0033;
padding: 2px;
color: #8D8D8D;
}

a.download-box:hover
{
border: 2px solid #CC0000;
padding: 2px;
}

a.download-box:focus
{
border: 2px solid #000;
padding: 2px;
}

a.download-box:visited
{
border: 2px solid #8D8D8D;
padding: 2px;
}

/* admin */
body.admin h1,h2,h3,h4,p
{
color: #fff;
}

body.admin input
{
display:inline;
}

ul#admin-menu
{
float:left;
}

ul#admin-menu li
{
display: inline;
list-style-type: none;
border: 2px solid #fff;
}