body
{
	background-color: #ccc;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
}

input, select, textarea, button{font-family:inherit; font-size: inherit;}

.clear
{
	clear: both;
}

#main-wrapper
{
	width: 1000px;
	background-color: #fff;
	margin: auto;
}

#header-wrapper
{
	height: 150px;
	background: url('../images/header-bg.png') -3px 0 repeat-x;
	position: relative;
}
	
#content-wrapper
{
	background: url('../images/content-bg.png') repeat-x;
}

#content
{
	width: 700px;
	float: right;
}

#content h3
{
	font-family: serif;
	font-size: 60px;
	margin: 0 0 -15px 50px;
	
}

#content h3#price
{
	color: #1BBE13;
	font-size: 36px;
	margin-left: 30px;
	margin-bottom: -10px;
}

#content h3#faq
{
	color: #e6deff;
}

#content h3#order
{
	color: #ff0000;
}

#content h3#sizecolor
{
	color: #ff8282;
}
#content h3#galeri
{
	color: #fec943;
}
#content h3#infoprint
{
	color: #3e8dff;
}

ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}
	
ul#menus
{
	width: 200px;
	padding-left: 100px;
	height: 420px;
	float: left;
	margin: 0;
}
ul#menus li
{
	float: left;
	width: 69px;
	height: 403px;
	margin-left: -50px;
	margin-top: 7px;
	position: relative;
}
ul#menus li#lblue
{
	background: url('../images/lblue-menu.png') no-repeat;
	z-index: 5;
	height: 197px;
}	
ul#menus li#blue
{
	background: url('../images/blue-menu.png') no-repeat;
	z-index: 4;
	height: 261px;
}	
ul#menus li#green
{
	background: url('../images/green-menu.png') no-repeat;
	z-index: 4;
	height: 197px;
}
ul#menus li#greentea
{
	background: url('../images/greentea-menu.png') no-repeat;
	z-index: 5;
	height: 115px;
}
ul#menus li#pink
{
	background: url('../images/pink-menu.png') no-repeat;
	z-index: 3;
	height: 326px;
}
ul#menus li#red
{
	background: url('../images/red-menu.png') no-repeat;
	z-index: 3;
	height: 403px;
}
ul#menus li#purple
{
	background: url('../images/purple-menu.png') no-repeat;
	z-index: 3;
	height: 423px;
}
ul#menus li a	
{
	margin: 70px 0 0 15px;
	position: absolute;
	text-decoration: none;
	color: #fff;
	font-family: Impact, fantasy;
	font-size: 20px;
}
ul#menus li a:hover
	{
	text-decoration: underline;
	}
ul#menus li#lblue a{
	margin: 118px 0 0 0px;
	text-align: center;
}	
ul#menus li#blue a{
	margin : 213px 0 0 12px;
}
ul#menus li#red a{
	margin : 355px 0 0 20px;
}
ul#menus li#greentea a{
	margin : 67px 0 0 12px;
}
ul#menus li#pink a{
	margin : 280px 0 0 10px;
}
ul#menus li#green a{	
	margin : 150px 0 0 11px;
}
ul#menus li#purple a{	
	margin: 378px 0 0 5px;
	font-size: 17px;
}
	
ul#faq-list
{
	width: 650px;
	border : 5px solid #E6DEFF;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
ul#faq-list li
{
	margin: 10px;
	padding: 10px 20px;
	
	border-radius: 7px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

ul#faq-list li.odd
{
	background-color: #D2D2D2;
}

	
ul#faq-list li.even
{
	background-color: #e6deff;
}
	
#logo
{
	padding-top: 55px;
	padding-left: 20px;
}

#content
{
	padding: 30px 0;
}

table#price
{
	border: 5px solid #1bbe13;
	width: 650px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

table#price td
{
	font-weight: bold;
	text-align: center;
	padding: 5px;
	color: #fff;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
table#price tr.head td
{
	background-color: #1bbe13;
	
	
}
table#price tr.odd td
{
	background-color: #8f89ff;
}
table#price tr.even td
{
	background-color: #473fd5;
}

div#addition
{
	margin: 0 0 0 50px;
	background-color:#1BBE13;
	width: 350px;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
	padding: 10px;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

table#size
{
	border: 5px solid #ff8282;
	width: 650px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
table#size td
{
	font-weight: bold;
	text-align: center;
	padding: 5px;
	color: #fff;
	background-color: #00baef;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
table#size tr.head td
{
	background-color: #ff8282;
	
	
}


#content #info
{
	border: 5px solid #3e8dff;
	width: 650px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#info div.content
	{
		padding: 20px;
	}
#info div.content h5
	{
		font-weight: bold;
		font-size: 18px;
		margin: 0;
	}
div#galeri-container
{
	border: 5px solid #FEC943;
	width: 630px;
	padding: 5px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div#galeri-container img.portrait
{
	width: 32.8%;
}
div#galeri-container img.landscape
{
	width: 49.6%;
}

/*NIVO*/
.nivoSlider {
    position:relative;
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
.nivoSlider, .nivoSlider img, .nivo-slice{
    border-radius:20px;  /*change value based on preference*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.slider-wrapper
{
	margin: 20px 0 30px 0;
	
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
}
/*END NIVO*/

#content-lower-line
{
	 background:url(../images/content-lower-bg.png) repeat-x;
	 height: 16px;
}
#content-lower-wrapper
{
	background:url(../images/wood-floor-bg.jpg) repeat;
	height: 800px;
}
#content-lower
{
	height: 100%;
	background:url(../images/tp-black.png) 0 50% no-repeat;
}
#lower1
{
	float: left;
	margin: 70px 0 70px 70px;
	width: 40%;
	height: 80%;
}
#lower2
{
	float: right;
	margin: 70px 70px 70px 0;
	width: 40%;
	height: 80%;
}
#cl1-outter
{
	background-color: #ca913f;
	height : 88%;
	padding	: 15px;
	
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#cl1-inner
{
	border: 3px dashed #decbaf;
	height: 94%;
	padding: 15px;
	color: #fff;
	
	
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#cl2-outter
{
	background-color: #5055c8;
	height : 100%;
	padding	: 15px;
	
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#cl2-inner
{
	border: 3px dashed #8084e5;
	height: 94%;
	padding: 15px;
	color: #fff;
	
	border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.hl
{
	font-weight: bold;
	color: yellow;
}

h4
{
	margin: 0 0 20px;
	padding: 0;
	font-size: 30px;
	color: #ED1F24;
	font-weight: normal;
}
#welcome
{
	color: #ED1F24;
	font-size: 16px;
}


#order-desc
{
	width: 600px;
	border : 5px solid #ff0000;
	padding: 10px 20px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#header-wrapper h1
{
	float: left;
	margin: 0;
}

#header-address
{
	float: right;
	text-align: right;
	margin: 50px 30px 0 0;
}

#footer
{
	background:url(../images/footer-bg.png) -10px 0 repeat-x;
	height : 83px;
}

#copyright
{
	text-align: center;
	padding: 10px;
}

.clickable
{
	cursor: pointer;
	color: #548DC4;
    text-decoration: none;
}

div.designContainer
{
	border: 1px solid #A6A6A6;
	display: inline-block;
	margin: 5px;
	margin-right: 500px;
	padding: 5px;
}

div.designLabel
{
	margin-bottom: 5px;
	height: 25px;
	position: relative;
}

div.designLabel .designLabelView
{
	position: absolute;
	bottom: 0;
}

div.designThumbnailContainer
{
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

div.designThumbnail
{
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #A6A6A6;
	display: table-cell;
	height: 100px;
	line-height: 1px;
	vertical-align: middle;
	width: 100px;
}

div.designOverviewThumbnail
{
	width: 200px;
}

.fileUploadButton
{
	position: relative;
	cursor: pointer;
	text-align: center;
	overflow: visible;
	background-color: red;
	overflow: hidden;
}

.fileUploadButton input
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.fileInputButton {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}
.fileInputButton input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}


.btn {
  display: block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input, .fileinput-button button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

.removeDesign-button-icon {
    background-image: url(images/delete_design.png) !important;
    background-position: 0 0 !important;
}

.removeDesignSection-button {
    margin: auto;
}

.removeDesignSection-button-icon {
    background-image: url(images/delete_design_section.png) !important;
    background-position: 0 0 !important;
}

.delete-button {
    background-color: #D9534F;
    border-color: #AC2925;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 2em;
    padding: 0;
    width: 20px;
}

.delete-button:hover,
.delete-button:active,
.delete-button:focus {
    background-color: #D2322D;
    border-color: #AC2925;
    color: #FFFFFF;
}

.progress {
	/*height: 20px !important;*/
}

table {
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
}
td, th {
    border: 1px solid #D5D5D5;
    padding: 4px;
    vertical-align: middle;
}
th {
    background-color: #E5E5E5;
    color: #555555;
}
table.vertical th {
    width: 20%;
    text-align: right;
}
tr.odd {
    background-color: #F5F5F5;
}

table.orderProcess {
	border: 1px solid black;
	font-size: 10px;
	margin: 10px;
	width: 500px;
}

table.orderProcess td {
	border: 1px solid #D5D5D5;
	text-align: center;
	width: 25%;
}

table.orderProcess td.completed {
	background-color: #eda821;
}

.content {
	padding-top: 10px;
}

.header {
	padding-top: 10px;
}

.error {
	color: #FF0000;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}