/* Bog-standard element selectors or utility classes here */

body {
 font-family:Arial,Helvetica,sans-serif;
 font-size: 11px;
 color: #DDD;
 padding: 0;
 margin: 0;
 background: #000;
}

a, a:hover, a:visited, a:link {
 color: #fff;
}

#frame {
 padding: 9px 0 10px 0;
}

h1, h2, h3, h4, h5, titletext {
 margin: 10px 0;
 font-weight: normal;
}

h1 {
 font-size: 22px;
 line-height: 22px;
} 

h2 {
 font-size: 18px;
 line-height: 20px;
}

h3 {
 font-size: 14px;
}

h4 {
 font-size: 12px;
}

p {
 margin: 0 0 10px;
}

img {
 border: none;
}

ul.inlinelist {
 padding: 5px 0;
 margin: 0;
}
ul.inlinelist li {
 display: inline-block; 
 padding: 3px 8px 3px 0;
}

.left-nav {
 margin: 0 40px;
}

.left-nav ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

.left-nav ul li {
 padding: 5px 0;
 font-size: 14px;
}

.top-nav {
 margin: 0 40px;
}

.top-nav ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

.top-nav ul li {
display: inline;
 padding: 0 5px;
 font-size: 14px;
}

form {
 border: none;
 margin: 0;
 padding: 0;
}
label {
 width: 120px;
 line-height: 25px;
 float: left;
 text-align: left;
 padding-top: 3px;
}
input, select, textarea, .selectbox .display {
 margin: 7px 0;
 padding: 2px 4px; 
 background: #e6e6e6; 
 color: #666; 
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

textarea.tinymce { width: 500px; height: 100px; }

select { min-width: 100px; display: inline-block; }

input.fullwidth, textarea.fullwidth {
 width: 500px;
}
input.two-ch { width: 24px; }
input.three-ch { width: 36px; }

a.full_width { width: 100%; }

button {
  width: auto;
  overflow: visible;
}

button:hover { cursor: pointer; }

table {
 width: 100%;
 text-align: left;
 border-collapse: collapse;
}
th {
 font-size: 12px;
 font-weight: bold;
 color: #333;
 background-color: #eee;
}
td,th {
 padding: 4px 5px;
}
td {
 font-size: 11px;
 border: 1px solid #999;
}
td a {
 text-decoration: underline;
}
td input, td select, td textarea {
 margin: 0;
}
.odd td {
 background-color: #333;
}
label.error {
 color: #f33;
 position: absolute;
 margin-left: 16px;
 width: 350px;
}

fieldset { padding: 0; border: none; }

input, select, textarea {
 border: 1px solid #ccc;
}
input.error, select.error, textarea.error {
 border: 1px solid #f33;
}
.button, .button_large {
 height: 25px;
 font-family:Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0 7px 0 0;
 margin: 5px 0;
 color: #333;
 font-weight: bold;
 font-family: helvetica, arial, sans-serif;
 background: transparent url('/images/structure/button_gradient_cap.png') no-repeat top right;
 display: inline-block;
 border: none;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
}
.button {
 line-height: 14px;
}

.button span, .button_large span {
 min-width: 55px;
 height: 17px;
 display: block;
 padding: 7px 0 2px 7px;
 background: transparent url('/images/structure/button_gradient_body.png') no-repeat top left;
}

.black { color: #fff; background: transparent url('/images/structure/button_black_cap.png') no-repeat center right; }
.black span { height: 20px; padding: 5px 0 0 7px; background: transparent url('/images/structure/button_black_body.png') no-repeat center left; }

.button, .button:visited, .button:link { color: #333; }
.black, .black:visited, .black:link { color: #fff; }

a.grey { color: #ff6600; }

.button:hover { color: #000; cursor: pointer; }
.black:hover { color: #ff6600; cursor: pointer; }

.button_large { width: 180px; }

button.button { height: 25px; padding: 0 4px 0 0; background-position: right center; }

/* ridiculously obscure firefox bugfix */
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

input.button {  min-width: 80px; height: 24px; padding: 0; background: url('/images/structure/button_background.png') no-repeat; }
input.black { background: url('/images/structure/button_background_black.png') }

div.error {
 border: 3px solid #f33;
 background-color: #333;
 margin: 10px 0;
}

div.error h2 {
 color: #fff;
 background-color: #f33;
 padding: 3px;
 margin: 0;
}

div.warning { border-color: #ff6600; }
div.warning h2 { background-color: #ff6600; }

.separator {
 border-top: 1px solid #333;
 height: 1px;
 margin: 5px 0;
}

label.recaptcha_input_area_text {
 float: none;
}

#sortable li, .sortable li {
 list-style-type: none;
}
.holderimage, .galleryimage, .holderrow {
 height: 50px;
 width: 560px;
 border: 1px dotted #fff;
 margin: 10px;
 float: left;
 text-align: left;
 padding: 5px;
}
.holderimage {
 border: 1px dashed #ccc;
}
.holderrow {
 width: 699px;
 height: 23px;
 margin: 0;
}

.left { float: left; }
.right { float: right; }

ul.nav { padding: 0; margin: 0; list-style: none;}
ul.nav li { float: left; padding: 0 4px; margin: 0; } 

.green { color: #33ff00; }
.red { color: #ff0000; }
.orange, a:hover, a.orange:visited, a.orange:link { color: #ff6600; }
.yellow { color: #ffd800; }
.white { color: #fff; }

.center { text-align: center; }
.center_child { margin-left: auto; margin-right: auto; }
.center > div, .center > ul, .center > table { margin-left: auto; margin-right: auto; text-align: left; }

.floatcenter { position: relative; float: right; left: -50%; }
.floatcenter_child { position: relative; left: 50%; text-align: center; }

/* --------------------- Product View --------------- */

.productimage { margin: 0 20px; }
table.productdetails { border-collapse: collapse; }
table.productdetails td { border: none; }
.stockblock { background-color: #ddd; padding: 10px; }
.stockcall { background-color: #fff; padding: 10px; text-align: center; }