/* CSS Document */

.ui-accordion-content{
	height:290px;
}

.pager{
	clear:both;
	padding:17px 0 10px 170px;
	
}


.start{
    color: #444444;
	padding:10px;
}

.start li{
    font-size: 14px;
    margin-top: 10px;
}

.start li span{
color:black;
}

#tabs{
	
}

#tabs li{
font-weight:normal;
padding:0px;
margin:0px;	
font-size:12px;
}

#tabs li a{
padding:5px;	
}

div.initialize div{
float: left;
/*height: 115px;*/
text-align: center;
width: 115px;
}

.Active{
display:block;	
}

.notActive{
display:none;	
}

.pointer{
cursor:pointer;
}

.pointer p{
padding-bottom:5px;	
font-size:11px;
color:#666;
height:25px;
}



.dragger{
cursor:move;
position:relative;
margin-top:10px;
}

.dragger p{
	padding:5px 0;
	color: #444444;
}

.dragger:hover span{
position:absolute;
display:block;
z-index:24;
color:white;
font-size:12px;
top:40%;
left:-42px;
background:#009FAA;
padding:7px;
border:1px solid white;

}

.dragger span{
display:none;
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
-ms-transform:rotate(270deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}










.vars div{
height:50px;	
}

.orolite{
border:1px solid #268789;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
padding-bottom:10px;
background:white;
}

.orolite h3{
    font-weight: normal;
    padding: 10px 0 10px 0;
    margin-bottom:10px;
    background:url(../../images/navbar-bg.jpg) repeat-x #000000;
    color:#EDC5A0;
}

.traySize div{

}

.frameColor{


}

.oroliteColor{

}

.oroliteColor img, .frameColor img, .outside-color img, .inside-color img{
	border:1px solid black;
	width:46px;
	height:47px;
}

#accordion h3{
	padding:10px 0 10px 30px;
	font-weight:normal;
}

.buttons {
	border-top:5px solid #268789;
	padding-bottom:10px;
	border-bottom:1px solid #268789;
	border-left:1px solid #268789;
}

.buttons a{
	color:white;
}

.buttons p, .check p{
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #009FAA;
	padding: 8px 0 8px 7px;
}

#quote .buttons p, .check p{
	padding-left:10px;
}

.buttons p.quote{
	background:#268789;
	font-size:15px;
    	font-weight: normal;
    	padding-left: 5px;
	
}

.buttons p.quote a{
	color:white;
}

.buttons span, .check span{
	font-weight:normal;
}

#quote{
	background:white;
	width:300px;
	color:#444;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	
}

#quote h2{
    background: none repeat scroll 0 0 #009FAA;
    color: white;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 5px 14px;

}

#quote table td{
	padding:5px;
}

#quote input,#quote textarea{
	width:180px;
}

img.draggable, img.ui-draggable-dragging{

}

div.loadingDiv{
	    left: 40%;
    position: absolute;
    top: 87%;
    z-index: 100;
}

p.controls{
	padding:10px 0;
	color:#999;
}

span.type{
font-weight:bold;
}

#empties p{
	display:none;
}

div.stage-container{
	background:white;
	-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px; 
}

.buttons{
	background:black;
}


#disclaimer{
	color:#444;
	padding:5px;
}



.preview{
position:relative;
}

.petite .tray{
position:relative;
top:10px;
left:30px;
}


.petite .padOne{
position:absolute;
top:40px;
left:60px;	
}

.petite .padTwo{
    left: 173px;
    position: absolute;
    top: 40px;	
}

.petite .padThree{
    left: 286px;
    position: absolute;
    top: 40px;	
}

.petite .padFour{
    left: 60px;
    position: absolute;
    top: 150px;	
}

.petite .padFive{
    left: 174px;
    position: absolute;
    top: 150px;	
}

.petite .padSix{
    left: 286px;
    position: absolute;
    top: 150px;	
}

.eigth img.tray{
    height: 122px;
    left: 15px;
    padding-bottom: 20px;
    position: relative;
    top: 90px;
    width: 436px;
}

.eigth img{
	width:72px;
	height:70px;
}

.eigth .padOne{
    left: 40px;
    position: absolute;
    top: 113px;	
}

.eigth .padTwo{
    left: 119px;
    position: absolute;
    top: 113px;
}

.eigth .padThree{
    left: 198px;
    position: absolute;
    top: 113px;
}

.eigth .padFour{
    left: 276px;
    position: absolute;
    top: 113px;
}

.eigth .padFive{
    left: 356px;
    position: absolute;
    top: 113px;
}

.quarter-eightpad-horizontal img.tray{
    height: 200px;
    left: 15px;
    padding-bottom: 20px;
    position: relative;
    top: 50px;
    width: 430px;
}

.quarter-eightpad-horizontal img{
	width:96px;
	height:74px;
}

.quarter-eightpad-horizontal .padOne{
	position:absolute;
	top: 73px;
	left:37px;
}

.quarter-eightpad-horizontal .padTwo{
	    left: 132px;
    position: absolute;
    top: 73px;
}

.quarter-eightpad-horizontal .padThree{
	    left: 229px;
    position: absolute;
    top: 73px;
}

.quarter-eightpad-horizontal .padFour{
    	left: 325px;
    	position: absolute;
    	top: 73px;
}

.quarter-eightpad-horizontal .padFive{
	position:absolute;
	top:148px;
	left:37px;
}

.quarter-eightpad-horizontal .padSix{
	position:absolute;
	top:148px;
	left:132px;
}

.quarter-eightpad-horizontal .padSeven{
	position:absolute;
	top:148px;
	left:229px;
}

.quarter-eightpad-horizontal .padEight{
	position:absolute;
	top:148px;
	left:325px;
}



.quarter-tenpad img.tray{

    height: 189px;
    left: 15px;
    padding-bottom: 20px;
    position: relative;
    top: 60px;
    width: 429px;
}

.quarter-tenpad img{
	width:73px;
	height:70px;
}

.quarter-tenpad .padOne{
    left: 35px;
    position: absolute;
    top: 80px;
}

.quarter-tenpad .padTwo{
    left: 114px;
    position: absolute;
    top: 80px;
}

.quarter-tenpad .padThree{
	    left: 192px;
    position: absolute;
    top: 80px;
}

.quarter-tenpad .padFour{
    left: 269px;
    position: absolute;
    top: 80px;
}

.quarter-tenpad .padFive{
    left: 346px;
    position: absolute;
    top: 80px;
}

.quarter-tenpad .padSix{
	position:absolute;
	top:154px;
	left:35px;
}

.quarter-tenpad .padSeven{
	position:absolute;
	top:154px;
	left:114px;
}

.quarter-tenpad .padEight{
	position:absolute;
	top:154px;
	left:192px;
}

.quarter-tenpad .padNine{
	position:absolute;
	top:154px;
	left:269px;
}

.quarter-tenpad .padTen{
	position:absolute;
	top:154px;
	left:346px;
}




.quarter-twelvepad img.tray{
    height: 190px;
    left: 20px;
    padding-bottom: 20px;
    position: relative;
    top: 60px;
    width: 422px;
}

.quarter-twelvepad img{
	width:59px;
	height:69px;
}

.quarter-twelvepad .padOne{
    left: 43px;
    position: absolute;
    top: 81px;
}

.quarter-twelvepad .padTwo{
    left: 106px;
    position: absolute;
    top: 81px;
}

.quarter-twelvepad .padThree{
	    left: 170px;
    position: absolute;
    top: 81px;
}

.quarter-twelvepad .padFour{
    left: 233px;
    position: absolute;
    top: 81px;
}

.quarter-twelvepad .padFive{
    left: 295px;
    position: absolute;
    top: 81px;
}

.quarter-twelvepad .padSix{
	left: 358px;
    position: absolute;
    top: 81px;
}

.quarter-twelvepad .padSeven{
	position:absolute;
	top:155px;
	    left: 43px;
}

.quarter-twelvepad .padEight{
	position:absolute;
	top:155px;
	   left: 106px;
}

.quarter-twelvepad .padNine{
	position:absolute;
	top:155px;
    	left: 170px;
}

.quarter-twelvepad .padTen{
	position:absolute;
	top:155px;
    left: 233px;
}

.quarter-twelvepad .padEleven{
	position:absolute;
	top:155px;
	    left: 295px;
}

.quarter-twelvepad .padTwelve{
	position:absolute;
	top:155px;
	left: 358px;
}




.third-sixpad .tray{
    left: 25px;
    position: relative;
    top: 30px;
}


.third-sixpad .padOne{
    left: 49px;
    position: absolute;
    top: 53px;	
}

.third-sixpad .padTwo{
    left: 171px;
    position: absolute;
    top: 53px;		
}

.third-sixpad .padThree{
	left: 291px;
    position: absolute;
    top: 53px;	
}

.third-sixpad .padFour{
    left: 49px;
    position: absolute;
    top: 153px;
}

.third-sixpad .padFive{
    left: 171px;
    position: absolute;
    top: 153px;
}

.third-sixpad .padSix{
    left: 291px;
    position: absolute;
    top: 153px;
}



.third-eightpad img.tray{
	    height: 253px;
    left: 20px;
    position: relative;
    top: 30px;
    width: 420px;
}

.third-eightpad img{
	width:89px;
	height:100px;
}





.third-eightpad .padOne{
    left: 45px;
    position: absolute;
    top: 50px;	
}

.third-eightpad .padTwo{
    left: 137px;
    position: absolute;
    top: 50px;		
}

.third-eightpad .padThree{
	left: 229px;
    position: absolute;
    top: 50px;	
}

.third-eightpad .padFour{
    left: 320px;
    position: absolute;
    top: 50px;
}

.third-eightpad .padFive{
    left: 45px;
    position: absolute;
    top: 151px;
}

.third-eightpad .padSix{
    left: 137px;
    position: absolute;
    top: 151px;
}

.third-eightpad .padSeven{
    left: 229px;
    position: absolute;
    top: 151px;
}

.third-eightpad .padEight{
    left: 320px;
    position: absolute;
    top: 151px;
}


.third-twelvepad img.tray{
    height: 259px;
    left: 10px;
    position: relative;
    top: 20px;
    width: 438px;
}

.third-twelvepad img{
	width:92px;
	height:66px;
}

.third-twelvepad .padOne{
    left: 34px;
    position: absolute;
    top: 41px;
}

.third-twelvepad .padTwo{
    left: 132px;
    position: absolute;
    top: 41px;
}

.third-twelvepad .padThree{
    left: 231px;
    position: absolute;
    top: 41px;
}

.third-twelvepad .padFour{
    left: 329px;
    position: absolute;
    top: 41px;
}

.third-twelvepad .padFive{
    left: 34px;
    position: absolute;
    top: 114px;
}

.third-twelvepad .padSix{
	    left: 132px;
    position: absolute;
    top: 114px;
}

.third-twelvepad .padSeven{
	position:absolute;
	top:114px;
	    left: 231px;
}

.third-twelvepad .padEight{
	position:absolute;
	top:114px;
	    left: 329px;
}

.third-twelvepad .padNine{
	position:absolute;
	top:185px;
    left: 34px;
}

.third-twelvepad .padTen{
	position:absolute;
	top:185px;
    left: 132px;
}

.third-twelvepad .padEleven{
	position:absolute;
	top:185px;
    left: 231px;
}

.third-twelvepad .padTwelve{
	position:absolute;
	top:185px;
	    left: 329px;
}




.half-ninepad img.tray{
    height: 342px;
    left: 30px;
    position: relative;
    top: 20px;
    width: 399px;
}

.half-ninepad img{
    height: 99px;
    width: 117px;
}

.half-ninepad .padOne{
    left: 53px;
    position: absolute;
    top: 40px;
}

.half-ninepad .padTwo{
    left: 170px;
    position: absolute;
    top: 40px;
}

.half-ninepad .padThree{
    left: 289px;
    position: absolute;
    top: 40px;
}

.half-ninepad .padFour{
    left: 52px;
    position: absolute;
    top: 138px;
}

.half-ninepad .padFive{
    left: 170px;
    position: absolute;
    top: 138px;
}

.half-ninepad .padSix{
	position:absolute;
	top:138px;
	left:289px;
}

.half-ninepad .padSeven{
	position:absolute;
	top:235px;
	left:52px;
}

.half-ninepad .padEight{
	position:absolute;
	top:235px;
	left: 170px;
}


.half-ninepad .padNine{
    left: 289px;
    position: absolute;
    top: 235px;
}

.half-twelvepad img.tray{
    height: 300px;
    left: 20px;
    position: relative;
    top: 20px;
    width: 420px;
}

.half-twelvepad img{
    height: 89px;
    width: 76px;
}

/*row 1*/

.half-twelvepad .padOne{
left: 73px;
    position: absolute;
    top: 36px;
}

.half-twelvepad .padTwo{
    left: 154px;    
	position: absolute;
    top: 36px;
}

.half-twelvepad .padThree{
	    left: 234px;
    position: absolute;
    top: 36px;
}

.half-twelvepad .padFour{
    left: 313px;
    position: absolute;
    top: 36px;
}

/*row 2*/

.half-twelvepad .padFive{
left: 75px;
    position: absolute;
    top: 127px;
}

.half-twelvepad .padSix{
	    left: 154px;
    position: absolute;
    top: 127px;
}

.half-twelvepad .padSeven{
	position:absolute;
	top:127px;
	    left: 234px;
}

.half-twelvepad .padEight{
	position:absolute;
	top:127px;
	   left: 313px;
}

/*row 3*/

.half-twelvepad .padNine{
	left: 75px;
    position: absolute;
    top: 217px;
}

.half-twelvepad .padTen{
	position:absolute;
	    top: 217px;
    left: 154px;
}

.half-twelvepad .padEleven{
	position:absolute;
	    top: 217px;
	    left: 234px;
}

.half-twelvepad .padTwelve{
	position:absolute;
	    top: 217px;
	left: 313px;
}



.half-sixteenpad img.tray{
    height: 300px;
    left: 20px;
    position: relative;
    top: 10px;
    width: 420px;
}

.half-sixteenpad img{
    height: 62px;
    width: 76px;
}

/*row 1*/

.half-sixteenpad .padOne{
    left: 73px;
    position: absolute;
    top: 30px;
}

.half-sixteenpad .padTwo{
    left: 152px;   
	position: absolute;
    top: 30px;
}

.half-sixteenpad .padThree{
    left: 232px;
    position: absolute;
    top: 30px;
}

.half-sixteenpad .padFour{
    left: 312px;
    position: absolute;
    top: 30px;
}

/*row 2*/

.half-sixteenpad .padFive{
    left: 73px;
    position: absolute;
    top: 97px;
}

.half-sixteenpad .padSix{
    left: 152px;   
	position: absolute;
    top: 97px;
}

.half-sixteenpad .padSeven{
    left: 232px;
    position: absolute;
    top: 97px;
}

.half-sixteenpad .padEight{
    left: 312px;
    position: absolute;
    top: 97px;
}

/*row 3*/

.half-sixteenpad .padNine{
    left: 73px;
    position: absolute;
    top: 163px;
}

.half-sixteenpad .padTen{
    left: 152px;   
	position: absolute;
    top: 163px;
}

.half-sixteenpad .padEleven{
    left: 232px;
    position: absolute;
    top: 163px;
}

.half-sixteenpad .padTwelve{
    left: 312px;
    position: absolute;
    top: 163px;
}

/*row 4*/

.half-sixteenpad .padThirteen{
    left: 73px;
    position: absolute;
    top: 231px;
}

.half-sixteenpad .padFourteen{
    left: 152px;   
	position: absolute;
    top: 231px;
}

.half-sixteenpad .padFifteen{
    left: 232px;
    position: absolute;
    top: 231px;
}

.half-sixteenpad .padSixteen{
    left: 312px;
    position: absolute;
    top: 231px;
}




.half-twentypad img.tray{
    height: 341px;
    left: 30px;
    position: relative;
    top: 10px;
    width: 400px;
}

.half-twentypad img{
    height: 71px;
    width: 68px;
}

.half-twentypad .padOne{
    left: 53px;
    position: absolute;
    top: 30px;
}

.half-twentypad .padTwo{
    left: 124px;
    position: absolute;
    top: 30px;
}

.half-twentypad .padThree{
    left: 194px;
    position: absolute;
    top: 30px;
}

.half-twentypad .padFour{
    left: 264px;
    position: absolute;
    top:30px;
}

.half-twentypad .padFive{
    left: 337px;
    position: absolute;
    top: 30px;
}

.half-twentypad .padSix{
    left: 53px;
    position: absolute;
    top: 103px;
}

.half-twentypad .padSeven{
	position:absolute;
	top:103px;
	left: 124px;
}

.half-twentypad .padEight{
	position:absolute;
	top:103px;
	left: 194px;
}


.half-twentypad .padNine{
    left: 264px;
    position: absolute;
    top: 103px;
}

.half-twentypad .padTen{
    left: 337px;
    position: absolute;
    top: 103px;
}

.half-twentypad .padEleven{
    left: 53px;
    position: absolute;
    top: 177px;
}

.half-twentypad .padTwelve{
    left: 124px;
    position: absolute;
    top: 177px;
}

.half-twentypad .padThirteen{
    left: 194px;
    position: absolute;
    top: 177px;
}

.half-twentypad .padFourteen{
    left: 264px;
    position: absolute;
    top: 177px;
}

.half-twentypad .padFifteen{
    left: 337px;
    position: absolute;
    top: 177px;
}

.half-twentypad .padSixteen{
    left: 52px;
    position: absolute;
    top: 252px;
}

.half-twentypad .padSeventeen{
    left: 124px;
    position: absolute;
    top: 252px;
}

.half-twentypad .padEighteen{
    left: 194px;
    position: absolute;
    top: 252px;
}

.half-twentypad .padNineteen{
    left: 264px;
    position: absolute;
    top: 252px;
}

.half-twentypad .padTwenty{
    left: 337px;
    position: absolute;
    top: 252px;
}





.full-fourtypad img.tray{
	    height: 240px;
    left: 30px;
    position: relative;
    top: 30px;
    width: 400px;
}



.full-fourtypad img{
    height: 43px;
    width: 48px;
}



.full-fourtypad .padOne{
    left: 44px;
    position: absolute;
    top: 40px;
}

.full-fourtypad .padTwo{
    left: 91px;
    position: absolute;
    top: 40px;
}

.full-fourtypad .padThree{
    left: 138px;
    position: absolute;
    top: 40px;
}

.full-fourtypad .padFour{
    left: 184px;
    position: absolute;
    top: 40px;
}

.full-fourtypad .padFive{
    left: 231px;
    position: absolute;
    top: 40px;
}

.full-fourtypad .padSix{
    left: 277px;
    position: absolute;
    top: 40px;
}

.full-fourtypad .padSeven{
    position:absolute;
    top: 40px;
    left: 323px;
}

.full-fourtypad .padEight{
	position:absolute;
	top: 40px;
	left: 369px;
}


.full-fourtypad .padNine{
    left: 44px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padTen{
    left: 91px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padEleven{
    left: 138px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padTwelve{
    left: 184px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padThirteen{
    left: 231px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padFourteen{
    left: 277px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padFifteen{
    left: 323px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padSixteen{
    left: 369px;
    position: absolute;
    top: 83px;
}

.full-fourtypad .padSeventeen{
    left: 44px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padEighteen{
    left: 91px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padNineteen{
    left: 138px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padTwenty{
    left: 184px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padTwentyOne{
    left: 231px;
    position: absolute;
    top: 126px;
    
}

.full-fourtypad .padTwentyTwo{
    left: 277px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padTwentyThree{
    left: 323px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padTwentyFour{
    left: 369px;
    position: absolute;
    top: 126px;
}

.full-fourtypad .padTwentyFive{
    left: 44px;
    position: absolute;
    top: 169px;
}

.full-fourtypad .padTwentySix{
    left: 91px;
    position: absolute;
    top: 169px;
}

.full-fourtypad .padTwentySeven{
    left: 138px;
    position: absolute;
    top: 169px;
}

.full-fourtypad .padTwentyEight{
    left: 184px;
    position: absolute;
    top: 169px;
}

.full-fourtypad .padTwentyNine{
    left: 231px;
    position: absolute;
    top: 169px;
    
}

.full-fourtypad .padThirty{
    left: 277px;
    position: absolute;
    top: 169px;
}

.full-fourtypad .padThirtyOne{
    left: 323px;
    position: absolute;
    top: 168px;
}

.full-fourtypad .padThirtyTwo{
    left: 369px;
    position: absolute;
    top: 168px;
}

.full-fourtypad .padThirtyThree{
    left: 44px;
    position: absolute;
    top: 212px;
}

.full-fourtypad .padThirtyFour{
    left: 91px;
    position: absolute;
    top: 212px;
}

.full-fourtypad .padThirtyFive{
    left: 138px;
    position: absolute;
    top: 212px;
}

.full-fourtypad .padThirtySix{
    left: 184px;
    position: absolute;
    top: 212px;
}

.full-fourtypad .padThirtySeven{
    left: 231px;
    position: absolute;
    top: 212px;
    
}

.full-fourtypad .padThirtyEight{
    left: 277px;
    position: absolute;
    top: 212px;
}

.full-fourtypad .padThirtyNine{
    left: 323px;
    position: absolute;
    top: 212px;
}

.full-fourtypad .padForty{
    left: 369px;
    position: absolute;
    top: 212px;
}