﻿body {font-family:Verdana, Arial, Helvetica, Sans-Serif;font-size:11px;margin:0;padding:0;}
form {margin:0;padding:0;}
textarea {vertical-align:middle;font-family:Verdana, Arial, Helvetica, Sans-Serif;font-size:12px;}

.clear{clear:both;}

#container {margin:0 auto;width:970px;background:#ffffff;}
#header {float:left;background:#ffffff;min-height:120px;}
#nav {float:left;width:160px;clear:left;background:#ffffff;}
#content {float:left;width:790px;min-height:1020px;padding: 0px 10px 10px 10px;background-color:#ffffff;}
#footer {clear:both;background-color:#dddddd;text-align:center;padding:5px;color:#000000;}

#header #left {float:left;max-height:145px;width:160px;}
#header #left img {padding:10px 0 5px 0;}
#header #left #telephone {width:160px;text-align:center;font-weight:normal;}
#header #right {float:left;max-height:145px;width:810px;text-align:center;margin:0;padding:0;}
#header #right > div {width: 190px; margin: 0px 5px; color:Black;}
#header #right > div .button 
{
    margin-top: 5px;
    padding: 10px 0px;
    color: black;
    font-size: 18px;    
    background: #DDDDDD;
    display: block;
    border-radius: 5px;
    -webkit-border: 5px;
    -moz-border-radius: 5px;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
}
#header #right > div .button:hover{background: #D1D1D1;color: Black !important;}
#header #right > div input.button {border:none; cursor:pointer;}
#header #right > div input[type="text"] {width: 182px; height: 36px;float: left; margin: 10px 2px;border-radius: 5px;border:1px solid #000; padding: 0px 3px;}
#header #right > div p {border: 1px solid black; width: 188px; height: 34px; text-align:center; vertical-align:middle;}
#header #right > div p span {font-size: 18px; display:inline;}
#header #right > div .total {background-color: Green; color:White; padding: 10px 0px;height: 22px; border-radius: 5px;}
#header #right > div a.total:hover {background: #D1D1D1;color: Black !important;}


#nav #cart {background-color:#ffffff;width:144px;padding:4px;text-align:center;margin:4px;color:#000000;}
#nav #cart p {margin:2px;padding:2px;text-align:center;}
#nav #cart img {}

#content {color:#000000;background:#ffffff;}
#content div table {text-align:left;margin:0 0 0 0;}
#content table tr td h3 {text-align:left;margin:0;}

#content div table.login {text-align:left;margin:0 0 0 0;}
#content div table.login tr td a {font-size: 13px; color: Blue; margin-bottom: 10px; display: inline-block;}

#footer p {margin:0;padding:0 0 5px 0;text-align:center;}
ul.category-group { margin-top: 0px; padding-top:0px;}
ul.category-group > li{ list-style: none; float:left; margin: 0px 10px 10px 10px;height: 220px !important;}
ul.category-group > li a p { width: 130px;}

.rrClipRegion {border:none !important;}

.maxWidth {width:100%;float:left;}

.shop {width:100%;margin:-10px 0 30px 0;}

.print {background-color:#ffffff;margin:10px 10px 10px 10px;}
.strong {font-weight:bold;}
.center {text-align:center;}
.buttons {margin:0 auto;}
.error {color:#ff0000;}
.padding {padding:5px 5px 5px 5px;}
.preview {text-align:center;}
.preview p {text-align:center;margin:10px auto;width:100%;}
.preview h3 {text-align:center;margin:10px auto;}
.preview table {text-align:center;margin:10px auto;}
.extraLineHeight {line-height:150%;}
.line {height:1px;font-size:1px;width:100%;background-color:#ffffff;margin:0;}
.terms {background:#ffffff;padding:0 10px 0 10px;}
.address {font-size:16px;padding:10px;margin:0 0 75px 0;border:solid 1px #000000;}
td.right {text-align:right;}
.hidden {display:none;}

table.form {}
table.form p {margin:12px 0 4px 0;}
table.addressTable {margin-top:10px;}
table.addressTable td {vertical-align:top;}
table.addressTable td.left {padding-right:50px;}
table.contactTable {width:100%;}
table.contactTable td {vertical-align:top;}
table.contactTable td.left {width:50%;}
table.contactTable td.right {text-align:left;padding-left:50px;}

table.total {margin:0 6px 0 auto !important;}
table.total tr td:first-child {width:120px;}

#admin {margin:10px;}
#admin table {margin:0 0 0 0;}

label img {vertical-align:middle;}

h1 {font-size:2,48832em;}
h2 {font-size:2.0736em;}
h3 {font-size:1.728em;}
h4 {font-size:1.44em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}

a img {border:none; max-width: 450px;}

/* Validator callout */
.validatorCalloutExtender {color:#000000;z-index:2;}
.validatorCalloutExtender div {border:solid 1px #000000;background-color:#fffacd;}
.validatorCalloutExtender td {border:solid 1px #000000;background-color:#fffacd;}

.translateLeft 
{
    float: left;
    width: 200px;
    height: 400px;   
    margin-right: 20px; 
}

.translateRight
{
    float: left;
    width: 700px;
    height: 400px;
}

.translateRight .wrapper
{
    width: 688px;
    height: 134px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #abc1de;    
}

ul#image_list
{
    padding: 0; margin: 0;
    width: 450px; 
}

ul#image_list li
{
    display: block; position: relative;
    width: 100px; height: 70px;
    float: left; margin: 3px;
    border: 1px solid #f3f3f3;
    z-index:99;
}

#preview_front li:hover 
{
    border: 1px solid #3f3f3f;
    margin-left: -1px;
    margin-top: -1px;
    z-index: 100;
}

ul#image_list li:hover
{
    border: 1px solid #3f3f3f;
}

ul#image_list img
{
    width: 100px;
    vertical-align:middle;
    text-align:center;
    max-height: 70px;
}

ul#image_list li:hover a.delete_image, #preview_front li:hover a.delete_image
{
    display: block;
    position: absolute;
    right: -5px; top: -5px;
    width: 16px; height: 16px;
    background: url('/images/close.png');
}

ul#image_list li a.add_image
{
    display: block;
    position: absolute;
    right: -5px; top: -5px;
    width: 16px; height: 16px;
    background: url('/images/add.gif');
}

input.dropdown 
{
    float: left;
}

a.dropdown 
{
    display: inline-block;
    width: 17px; height: 22px;
    background: url('/images/dropdown.png') left top;
    clear: right;
}

a.dropdown:hover
{
    background: url('/images/dropdown.png') right top;
}

ul.dropdown
{
    display: none;
    list-style: none;
    position: absolute;
    margin: 0; padding: 0;
    border: solid #000 1px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.dropdown li:hover
{
    border-bottom: #000 1px solid;
}

#add_layer_dialog
{
    background: #fff;
    width: 600px; height: 400px; 
}

#preview_front li
{
    list-style: none;
    position: absolute;
}

#preview_front li .ui-resizable-handle
{
    display: none;
}

#preview_front li:hover .ui-resizable-handle
{
    display: block;
}

/******************************************************************
WIERD
********************************/
.drag-over
{
    /* border: 1px solid #FFF;*/
}