/* CSS Document */

* {
padding: 0;
margin: 0;
}

a {
outline: none;
}

img, fieldset, iframe {
border: none;
}

ul, ol {
list-style: none;
}

body {
background: #efefef url(../images/bg.jpg) no-repeat;
}

.clr {
clear: both;
}

#app-wrap {
width: 960px;
margin: 20px auto;
}

#controls {
width: 330px;
float: left;
}

#canvas {
width: 510px;
float: left;
height: 550px;
margin-left: 20px;
}

#options {
width: 330px;
margin-bottom: 10px;
}

#tabs {
font-size: 75%;
margin-bottom: 10px;
}

#tabs ul {
font-size: 95%;
}

h1.logo a {
display: block;
width: 330px;
height: 68px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/rampwaq-logo.png) no-repeat;
margin-bottom: 10px;
}

.sl-prd img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

ul.av-colors li {
float: left;
}

ul.av-colors li a {
display: block;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
margin-bottom: 10px;
}

p, h1, h2, h3, fieldset {margin-bottom: 10px;}

.img-gal {
height: 200px;
overflow: auto;
}

.img-gal img {
width: 75px;
height: 75px;
margin-right: 10px;
margin-bottom: 10px;
}

#front-view {
width: 100%;
height: 100%;
padding-top: 60px;
position: relative;
}

#back-view {
width: 100%;
height: 100%;
padding-top: 60px;
position: relative;
}

#cur_front {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

#cur_back {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

.front-canvas, .back-canvas {
width: 217px;
height: 426px;
margin-left: 123px;
overflow: hidden;
border: 1px dashed transparent;
position: relative;
z-index: 11;
}

.front-canvas:hover {
border: 1px dashed #fc0;
}

.back-canvas:hover {
border: 1px dashed #fc0;
}

.aa {
width: 100px;
height: 100px;
}

.aa img {
width: 100%;
height: 100%;
}

.front-canvas * {
display: block;
}

#options {
margin-bottom: 10px;
}

#options ul li {
float: left;
}

#options ul li a {
display: block;
height: 60px;
width: 75px;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url(../images/buttons.png) no-repeat;
margin-bottom: 10px;
}

a.opt-rot {
width: 89px!important;
background-position: 0 0!important;
}

a.opt-save {
background-position: -89px 0!important;
}

a.opt-load {
background-position: -164px 0!important;
}

a.opt-send {
width: 91px!important;
background-position: -239px 0!important;
}

.models-wrap {
height: 160px;
overflow: auto;
}

.model-block {
width: 90px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 100px;
}

.model-block img {
display: block;
width: 75px;
margin: 0 auto;
}

.model-block p {
font-size: 12px;
text-align: center;
}

.colorpicker {
z-index: 9999;
}

a.delete {
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
text-indent: -9999px;
overflow: hidden;
background: url(../images/delete-icon.png) no-repeat;
}

.sel_img {
border: 1px dashed #fc0;
}

.uploadimage {
width: 400px;
height: 300px;
}

/* General dropdown styles */       
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
/* DT styles for sliding doors */
.dropdown dt a {background:#fff url(../images/arrow.png) no-repeat scroll right center;
    display:block; padding-right:20px; border:1px solid #d4ca9a; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
/* UL styles */
.dropdown dd ul { background:#fff none repeat scroll 0 0; display:none;
    list-style:none; padding:5px 0px; position:absolute; 
    left:0px; top:2px; width:auto; min-width:170px;z-index:999;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown span.value { display:none;}