body
{
    margin: 0px;
    padding: 0px;
    
    font-family: Verdana, Tahoma, Arial;
     background-color:#f5f5f1;
     background-image:url("https://s3.amazonaws.com/camerasize/img/bg_glossy.png");
     background-repeat:repeat-x;
     background-position:top;
     background-color:#f5f6f1;
  height: 100%;
  overflow:hidden;
  overflow-y: scroll;
}


#wrap
{
    width: 800px;
    
    margin: 0 auto;
    position: relative;
    z-index:1;
   text-align:left;
}
p, h1, h2, h3, h4, h5, img, a, div, table, span
{
    padding: 0px;
    margin: 0px;
}

#app
{
    width: 100%;
    position: relative;
}

img
{
    border:0px;
    
}

#beta
{
    position:absolute;
    top:30px;
    left:270px;
    font-size:12px;
    color:Gray;
}

#container
{
    position:absolute;
    width:100%;
   /* overflow:hidden;*/
  z-index:-1;
    left:0px;
    top:200px;height:400px;
  
   
   
}

.jspHorizontalBar
{
    display:none;
}

#inner-container
{
 
 
 
  height:400px;
  position:absolute;
  left:0;
    padding-left:60px;
    padding-right:60px;

}

.cc
{
    margin:0px;
    padding:0px;
    float:left;
    margin-top:40px;
}






.chzn-drop
{
    width:318px !important;
}

#menu
{
    margin-top:15px;
   
}


#plus-button
{
    cursor:pointer;
}

#inner-container img
{
    float:left;
}

#container img
{
    position:absolute;
    z-index:3;
   
}









/* Visible left hotspot */
.scrollingHotSpotLeft
{
	background-image: url(https://s3.amazonaws.com/camerasize/img/compact/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	background-position:10px 50%;

	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	height:200px;
	width:60px;
	position:absolute;
	left:0px;
	z-index:999;
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}



/* Visible right hotspot */
.scrollingHotSpotRight
{
	background-image: url(https://s3.amazonaws.com/camerasize/img/compact/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position:10px 50%;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
	height:200px;
	width:60px;
	position:absolute;
	right:0px;
	z-index:999;
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	
}

#settings
{
    background-color:#4e4e4e;
    height:100px;
    width:100%;
}

#controls-wrapper li
{
    display: inline;
list-style-type: none;
padding-right: 3px;
float:left;
margin-bottom:15px;

}



.sidesIcons { background: url(https://s3.amazonaws.com/camerasize/img/compact/sides-icons.png) no-repeat top left; cursor:pointer;}
.scroller-p1-d{ background-position: 0 0; width: 33px; height: 25px; } 
.scroller-p1{ background-position: 0 -75px; width: 33px; height: 25px; } 
.scroller-p2-d{ background-position: 0 -150px; width: 17px; height: 23px; } 
.scroller-p2{ background-position: 0 -223px; width: 17px; height: 23px; } 
.scroller-p3-d{ background-image:url(https://s3.amazonaws.com/camerasize/img/camerapluslens-off.png); width: 51px; height: 24px; margin-top:0px; cursor:pointer; } 
.scroller-p3{ background-image:url(https://s3.amazonaws.com/camerasize/img/camerapluslens-on.png); width: 51px; height: 24px; margin-top:0px; cursor:pointer; } 
.scroller-p4-d{ background-position: 0 -428px; width: 33px; height: 25px; } 
.scroller-p4{ background-position: 0 -503px; width: 33px; height: 25px; } 
.scroller-p5-d{ background-position: 0 -578px; width: 17px; height: 23px; } 
.scroller-p5{ background-position: 0 -651px; width: 17px; height: 23px; } 


.ui-slider-horizontal
{
    height: .5em !important;
}

.ui-slider .ui-slider-handle
{
    height:.8em !important;
    width:.8em !important;
   
}

.ui-state-hover
{
     cursor:pointer !important;
}
.ui-slider-horizontal .ui-slider-handle
{
    top: -.1em !important;
    margin-top:-.2em !important;
}

#add-button
{
    float:left; width:34px; height:23px; margin-left:10px; margin-top:2px;
}
#controls
{
    position:absolute;
    left:380px;
    top:-8px;
    background-color:#d2d0ce;
     -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    height:40px !important;
    
}

#controls-wrapper
{
    margin-bottom: 10px;
    position:relative;
    top:-10px;
    left:-9px;
    
}

.camera-info
{
    position:absolute;
    top:0px;
    font-size:10px;
    color:White;
    background-color:#4e4e4e;
      -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.info-close
{
    background-image:url(https://s3.amazonaws.com/camerasize/img/compact/info-close-x.png);
    background-repeat:no-repeat;
    width:11px;
    height:11px;
    cursor:pointer;
}

#preloader
{
  
    position:absolute;
    left:42%;
    z-index:999;
    text-align:center;
    height:200px;
    width:300px;
  display:none;
    background-color:#f6f6f6;
     
      -moz-border-radius: 25px;
    -webkit-border-radius:25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
    border:solid 1px #c4c4c4;
    
}

#preloader-content
{
     position:absolute;
    left:42%;
    z-index:999;
    text-align:center;
    height:200px;
    width:300px;
    display:none;
}

#preloader-text
{
   
    font-size:20px;
    color:#4e4e4e;
    font-family: 'Michroma', Verdana, Tahoma, Arial;
    position:relative;
    
}

#preloader-img
{
    position:relative;
    width:128px;
    height:128px;
    left:30px;
    
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #606060;
	-webkit-box-shadow: 3px 3px 4px #606060;
	box-shadow: 3px 3px 4px #606060;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#606060')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#606060');
}

.sc-arr-left
{
    background-image:url(https://s3.amazonaws.com/camerasize/img/compact/sc-left-arrow.png);
    background-repeat:no-repeat;
    height:15px;
    width:11px;
    float:left;
    cursor:pointer;
   
}

.sc-arr-right
{
     background-image:url(https://s3.amazonaws.com/camerasize/img/compact/sc-right-arrow.png);
     background-repeat:no-repeat;
     height:15px;
    width:12px;
    float:left;
     margin-left:5px;
    cursor:pointer;
}

#sort-buttons
{
    width:400px;
    position:absolute;
    left:5px;
    top:31px;
    font-size:10px;
   
    

}

.sort-link
{
     color:#236e90;
    
     padding-left:2px; 
     padding-right:2px;
     cursor:pointer;
}

.sort-arrow
{
    font-size:13px;
    
}

#footer
{
    font-size:12px;
    line-height:1.5em;
    color:#6d6d6d;
    position:absolute;
    top:600px;
    font-family: Verdana, Tahoma, Arial;
}

#footer a
{
    color:#6d6d6d;
}


#camera-info-div
{
    position:absolute;
    background-color:#151515;
      -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 20px;
    display:none;
    color:White;
    font-size:10px;
    padding:10px;
    z-index:1000;
    
    
    
}

#camera-info-div td
{
    padding-right:5px;
    
}

#pre-message
{
    position:absolute;
    top:250px;
    font-size:45px;
    color:#656565;
    text-align:center;
    
   
}





 #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 0px;
    background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat;
    border: 1px solid #ccc;
    color:#2299cc;
    text-decoration:none;
    margin-bottom:2px;
    width:35px;

  }

 #custom-tweet-button
 {
     position:absolute;
     top:-45px;
     left:250px;
 }

#bitlypopup
 {
    width:450px; height:140px; background-color:#187098; border:solid 4px #074866;
    color:#e2e7f5; text-align:center;  position:absolute; z-index:99999; top:300px; left:300px;
    moz-border-radius: 10px; border-radius: 10px;
    display:none;
 }
 
 #bitlypopup table
 {
     width:450px; padding:10px;
 }
 
 #bitly-shorturl
 {
     font-size:30px; color:#ffd800; font-weight:bold; padding-top:10px;
 }
 
 #closebitly
 {
     font-size:11px; color:White; text-decoration:underline; padding-top:15px; cursor:pointer;
 }
 
 #shorturl
 {
   width:220px; background-color:#187098; color:#fff; border:solid 1px #074866; text-align:center; font-size:10px; cursor:pointer;
   padding:2px;
    moz-border-radius: 3px; border-radius: 3px;
    position:absolute;
    top: -45px;
    display:none;
    
 }
 
 #facebook-like
 {
     position:absolute;
     top:-45px;
     left:260px;


 }
 
 #title
 {
     position:absolute;
     top:22px;
     left:115px;
     font-size:12px;
     color:#236e90;
     font-weight:bold;
     
     
 }
 
 h1
 {
     font-size:12px;
 }
 
 #amazon-banner
 {
     position:absolute;
     top:5px;
     left:320px;
     
 }
 
 #share-this
 {
     position:absolute;left:720px;
     top:-4px;
     
 }
 
 
 /* lenses */
 
 #lens-menu-container
 {
     display:none;
     width:600px;
     height:190px;
     background-color:#333;
         -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 20px;
    color:White;
    position:absolute;
    z-index:5000;
    margin: auto;

border:solid 4px #505050;
    
 }
 
 #lens-menu-lenses
 {
     position:absolute;
     left:30px;
     top:20px;
     width:500px;
 }
 
 #choose-lens-title
 {
     color:#ffba00;
     font-weight:bold;
     
 }
 
 #attach-lens-button
 {
     background-color:#ffba0b;
     color:Black;
     width:110px;
     height:20px;
     text-align:center;
     
     position:absolute;
     top:125px;
     left:10px;
          -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 20px;
    cursor:pointer;
 }
 
 .lens-div
 {
     position:absolute;
   z-index:1;
   cursor:pointer;
     
 }
 

 
 #close-lens-window
 {
     position:absolute;
     color:#fff;
     text-decoration:underline;
     top:140px;
     right:-30px;
     font-weight:normal;
     cursor:pointer;
     
 }
 
 #remove-lens-button
 {
     color:#fff;
     text-decoration:underline;
     cursor:pointer;
     position:absolute;
     font-weight:normal;
     top:130px;
     left:135px;
     font-size:12px;
     
 }
 
 .leny
 {
     cursor:pointer;
     
 }
 
 .chzn-results, .active-result
 {
     color:#444444;
     font-weight:normal !important;
 }
 
 .chzn-single
 {
     font-weight:normal !important;
     
 }
 
 .chzn-drop
 {
     width:378px !important;
 }
 
 .chzn-search input
 {
      width:335px !important;
 }
 
 #ajax-loader-lenses
 {
    display:none;
     position:absolute;
     top:70px;
     right:70px;
 }
 
 #container img
 {
    
 }
 
 .adapter-div
 {
     position:absolute;
     z-index:2;
 }
 
 #lens-menu-container .chzn-container
 {
     width:520px !important;
 }
 
#lens-menu-container .chzn-drop
 {
     width:500px !important;
 }
 
 #lens-menu-container input
 {
      width:457px !important;
 }
 
 
.lenytext
{
    font-size:12px;
    position:absolute;
    cursor:pointer;
    
    
}

#sendphoto
{
    position:absolute;
    top:30px;
     right:120px;
     font-size:14px;
     color:Blue;
     
}

#sendphoto a
{
    color:#a60953;
    font-family:'Gloria Hallelujah';
    text-decoration:none;
}

#theflagdiv
{
    top:35px;
}