body{	
    font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
canvas {
    border: 1px solid #CBCBCB;
	z-index:2;
}

#canvasContainer {
	width:100%;
}

.calcCaption{
    text-align:center;
    width:480px;
    font-size:0.8em;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; 
}

p{
    font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif; 
}

h4{
    margin-bottom:0px;
    font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

h3{
    font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#ceilingTileCalc{  
    width:100%;
    margin-left:15px;
    margin-right:15px;
    padding:0px;
}
#options{  
    float:left;
    /*padding:1%;
    width:35%;*/
    width:352px;
    margin-right:25px;
}
#calcGrid{  
    float:left;
    /*padding:1%;
    width:48%;*/
    width:500px;
}
#chooseTiles{  
    width:100%;
}
#mainTiles, #edgeTrimTiles{  
    float:left;
    padding:1%;
    width:48%;
}
.selectTileTable td{
    text-align:center;
    font-size:0.75em;
    font-family:Arial, Helvetica, sans-serif; 
}

/***** Step 1 *****/
#roomShapeSelect{	
    list-style: none;
	margin:0%;
	padding:0%;
}

#roomShapeSelect li{	
	float:left;
    cursor:pointer;
    margin-left:2%;
    margin-right:2%;
	background-image:url(/ceilingTileCalculator/img/step-1-rooms.png);
    background-repeat:no-repeat;
}

#roomShapeSelect li#rectShape{
    width:60px;
    height:60px;
}

#roomShapeSelect li#tShape{
    width:60px;
    height:60px;
}

#roomShapeSelect li#lShape{
    width:60px;
    height:60px;
}

#roomShapeSelect li#rectShape.selected{
    background-position: -1px -1px;
}

#roomShapeSelect li#tShape.selected{
    background-position: -81px -1px;
}

#roomShapeSelect li#lShape.selected{
    background-position: -161px -1px;
}

#roomShapeSelect li#rectShape.notSelected{
    background-position: -1px -62px;
}

#roomShapeSelect li#tShape.notSelected{
    background-position: -81px -62px;
}

#roomShapeSelect li#lShape.notSelected{
    background-position: -161px -62px; 
}

#roomShapeSelect li#clearSelections{
    width:73px;
    height:59px;
    background-image:url(/ceilingTileCalculator/img/step-1-clear-selections.png);
}
/******************/

/***** Step 2 *****/
#tileShapeSelection{   
    list-style: none;
    margin:0%;
    padding:0%;
}

#tileShapeSelection li{
    float:left;
    cursor:pointer;
    margin-left:2%;
    margin-right:2%;
    background-image:url(/ceilingTileCalculator/img/step-2-sizes.png);
    background-repeat:no-repeat;
}

#tileShapeSelection li#tileSize{
    width:60px;
    height:60px;    
}

#tileShapeSelection li#verticalSize{
    width:60px;
    height:120px;    
}

#tileShapeSelection li#horizontalSize{
    width:120px;
    height:60px;    
}

#tileShapeSelection li#tileSize.selected{
    background-position: -1px -1px;
}

#tileShapeSelection li#verticalSize.selected{
    background-position: -81px -1px;
}

#tileShapeSelection li#horizontalSize.selected{
    background-position: -161px -1px;
}

#tileShapeSelection li#tileSize.notSelected{
    background-position: -1px -122px;
}

#tileShapeSelection li#verticalSize.notSelected{
    background-position: -81px -122px;   
}

#tileShapeSelection li#horizontalSize.notSelected{
    background-position: -161px -122px;
}
/******************/

/***** Step 2 *****/
#installationSelect{   
    list-style: none;
}

#installationSelect li{
    float:left;
    cursor:pointer;
    margin-left:2%;
    margin-right:2%;
    width:100px;
    height:132px;
    background-image:url(/ceilingTileCalculator/img/step-3-type.png);
    background-repeat:no-repeat;
}

#installationSelect li#suspendedInstallation{
    width:100px;
    height:132px;    
}

#installationSelect li#glueUpInstallation{
    width:100px;
    height:132px;    
}

#installationSelect li#suspendedInstallation.selected{
    background-position: -1px -1px;
}

#installationSelect li#glueUpInstallation.selected{
    background-position: -122px -1px;
}

#installationSelect li#suspendedInstallation.notSelected{
    background-position: -1px -134px;
}

#installationSelect li#glueUpInstallation.notSelected{
    background-position: -122px -134px;
}
/******************/

#area, #featureTilesTotal, #edgeTrimTilesTotal{
	font-weight:bold;	
}

#printToPDF{
	color:#2174B0;	
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
}


select{
    font-size:0.1em;
    font-family:Arial, Helvetica, sans-serif; 
}

.shoppingCartText{
	width:35px;	
}

.ceilingTileTitle{ 
    font-weight:bold;   
}

.accessoryTitle{ 
    font-weight:bold;   
}

.ceilingTileColor, .ceilingTileDesc{
	font-style:italic;   
    font-size:0.9em; 
}

.ceilingTileDesc{   
}

#shoppingCartItems{
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.6em; 
}

#shoppingCartAccessories{
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.7em; 
}

#shoppingCartItems tr td{
	vertical-align:top;
}

#shoppingCartAccessories tr td{
    vertical-align:top;
    padding-bottom:10px;
}

.moreInfoLink{  
    color:#2174B0;  
    font-style:italic;   
    text-decoration:underline;
    font-weight:bold;
    font-size:0.9em; 	
	cursor:pointer;
    position:relative;
    top:3px;
}

#wallLengths {
    position: absolute;
    top: 0;
    left: 0;
    width:125px;
    font-size:0.8em;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#BEBFC0;
    border: 1px solid #959596;
    padding:0.4em 0.2em;
    z-index:4;
}

.wallLengths {
    position: absolute;
    top: 0;
    left: 0;
    width:auto;
    font-size:1.4em;
    font-family:Arial Black;
	font-weight:bold;
    background-color:#BEBFC0;
    border: 1px solid #959596;
    padding:3px;
    margin:0px;
    z-index:3;
	cursor:pointer;
}
.wallLengths p{
    padding:0px;
    margin:0px;
    text-align:center;
	vertical-align:middle;
}

.wallDragger{
    position: absolute;
    top: 0;
    left: 0;
	width:16px;
	height:16px;
	/*background-color:#FF0000;
    background-color:"transparent";*/
	background: url(/ceilingTileCalculator/img/transparent.gif) repeat;
    z-index:3;
    cursor:pointer;
}

#wallLengthsFeet, #wallLengthsInches {
    font-size:0.8em;
    width:30px; 
}

#checkout{
    margin-left:8%;
    margin-right:8%;
    margin-top:3%;
}

#addToCart{
	cursor:pointer;
    float:left;
}

#noThanks{
    cursor:pointer;
    float:right;
}

#imgStageClone {
    border: 1px solid #CBCBCB;	
    position:relative; 
	top:0px; left:0px;
}

#printToPDFLoading{
    width:300px;
	text-align:center;	
}

#loadingAnimationWrapper{
    margin: 0 auto;
}

#addToCartStatus{
    font-size:0.6em;	
}

#addToCartStatus.success{
	color:#0F0;
}

#addToCartStatus.fail{
    color:#F00;
}