.css3button, .optionbutton,.ownersbutton {
	font-size: 14px;
	color: #3d3d3d;
	padding: 10px 20px;
	background:#999;
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#d1d1d1 25%,
		#a8a8a8 75%,
		#b9b9b9);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0f0f0),
		color-stop(0.25, #d1d1d1),
		color-stop(0.75, #a8a8a8),
		to(#b9b9b9));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #5e5e5e;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);

		margin-bottom:10px;
		cursor:pointer;
}

.css3button:hover{
	color:white;
}



.conditionbutton-selected, .ownersbutton-selected, .optionbutton-selected ,.sendbutton-selected{
	font-size: 14px !important;
	color: #ffffff !important;
	padding: 10px 20px !important;
	background:#2e95e3;
	background: -moz-linear-gradient(
		top,
		#9cd4fc 0%,
		#87c7f5 25%,
		#168ce0 75%,
		#2e95e3)!important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9cd4fc),
		color-stop(0.25, #87c7f5),
		color-stop(0.75, #168ce0),
		to(#2e95e3)) !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	border: 1px solid #5e5e5e !important;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(46,149,227,0.7) !important;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(46,149,227,0.7) !important;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(46,149,227,0.7) !important;
	text-shadow:
		0px -1px 0px rgba(102,102,102,0.4),
		0px 1px 0px rgba(255,255,255,0.3) !important;
}


/*
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(http://app.purecars.com/trade/css/new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
*/




* {
	margin: 0;
}
html, body {
	height: 100%;
	margin:0;
	padding:0;
}

h1,h2{
	color:#005995;
}
h1{
	font-size:34px;
	line-height:30px;
}

h2{
	font-weight:normal;
	line-height:30px;
	font-size:25px;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}
body{
	background:url(../../../trade/img/background.png) repeat top left;
}
div.footer{
	background:#252525;
	padding:10px;
	margin-top:10px;
}

.tiRbRow{
	color:#6ACFFD;
	background:#2E3537;
	padding:10px;
	margin-bottom:10px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}
label{
	color:#999;
}
/*
.ownersbutton, .tiOption{
	color:#6ACFFD;
	background:#2E3537;
	padding:10px;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}
*/
/*
.tiOption{
	color:#0095DA;
	border:1px solid black;
	padding:10px;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
*/
#topbar{
	background:#252525;
	padding:10px 0;
}
#trade-logo p{
	color:#0088CC;
}

.tiTextBoxSmall,.tiTextBox{
	font-size: 24px !important;
    height: 24px !important;
    line-height: 28px !important;
    margin: 0;
    padding: 10px 6px !important;
}

       /* Large desktop */
    @media (min-width: 1200px) {
    
        #center{
	    margin:0 auto;
	    width:600px;
    }
    
    #topbar{
    margin-bottom: 30px;
    }
    
    
    #wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}

            div.footer li{
	            float:left;
	            padding-right:10px;
            }
       #imgCarMan{
	            float:right;
	            clear:right;
            }
            /*
            #trade-logo{
	            float:right;
            }
            */

             					.tiOption{
    			width:40%;
    			float:left;
    			margin:0 1% 1% 0;
    			
    			}
    			
    			#step1 #form, #step4 #form{
	    			width:400px;
    			}
    			
    			#step2 #form{
	    			width:500px;
    			}
    			#step4 .ownersbutton{
	    	float: left;
    height: 30px;
    width:100px;
    margin-right: 10px;
    			}
    			
    
    			#step1 #form select, #step4 #form input{
	    			width:400px;
    			}
    			#step2 #form input,#step1 #form input {
	    			width:390px;
    			}
    			#logo{
	    			width:200px;
    			}
    			#images-wrapper{
	    			text-align:center;
    			}




    
    }
    
            @media (min-width: 980px) and (max-width: 1199px) { 
                #topbar{
    margin-bottom: 30px;
    }
    
    #center{
	    margin:0 auto;
	    width:600px;
    }
            
            div.footer li{
	            float:left;
	            	            padding-right:10px;

            }
            
            #wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}
            
            #imgCarMan{
	            float:right;
	            clear:right;
	            width:400px;
            }
    			#step4 .ownersbutton{
	    	float: left;
    height: 30px;
    width:100px;
    margin-right: 10px;
    			}
                    #form{
	         width:220px;
         }
             					.tiOption{
    			width:40%;
    			float:left;
    			margin:0 1% 1% 0;
    			
    			}
    			 			#logo{
	    			width:200px;
    			}
    			
    			    			#step1 #form, #step4 #form{
	    			width:400px;
    			}
    			
    			#step2 #form{
	    			width:500px
    			}
    			#step1 #form select, #step4 #form input, #step1 #form input{
	    			width:400px;
    			}
    			
    			
 
    					#images-wrapper{
	    			text-align:center;
    			}
 
            	#step2 #form input{
	    			width:390px;
    			}
            
            
            
            }
            
     /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
    
        #topbar{
    margin-bottom: 30px;
    }
    
        #wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}
    
                div.footer li{
	            float:left;
	        	            padding-right:10px;

            }
                      #imgCarMan{
	            float:right;
	            clear:right;
	            width:200px;

            }
            
            
 
            #trade-logo #logo{
	            width:200px;
            }
            
          #form{
	         width:220px;
         }
             					.tiOption{
    			width:40%;
    			float:left;
    			margin:0 1% 1% 0;
    			
    			}
    			
    			#step2 #form{
	    			width:400px;
    			}
    			 					#images-wrapper{
	    			text-align:left;
    			}
            

    
    }
    
    
            /* Landscape phone to portrait tablet */
    @media (min-width: 481px) and (max-width: 767px) { 
    
        			h1{
	    			font-size:22px;
	    			margin-bottom:0;
    			}
    						h2{
	    			font-size:20px;
	    			line-height:1.4em;
    			}
    				div.container{
	    			padding:0 10px;
    			}
    				#imgCarMan{
	    			width:50%;
    			}
    					.tiOption{
    			width:40%;
    			float:left;
    			margin:0 1% 1% 0;
    			
    			}
    			        #form{
	         width:220px;
         }
         				#imgCarMan,#poweredby,#bb,#logo{
	    			display:none;
    			}
    			
    			    			    			#step1 #form, #step4 #form, #step2 #form{
	    			width:400px;
    			}
    			#step1 #form select, #step4 #form input{
	    			width:400px;
    			}
    
   }
   
   
       
        /* Landscape phones and down */
    @media (max-width: 480px) { 
    			h1{
                    font-weight:normal;
	    			font-size:18px !important;
	    			margin-bottom:10px !important;
	    			color:#333333 !important;
                    line-height:30px !important;
    			}
    						h2{
	    			font-size:16px;
	    			line-height:1.4em;
	    		     color:#333333 !important;

    			}
    			
    			div.container{
	    			padding:0 10px;
    			}
    			#logo{
	    			width:100px;
    			}
    			#report{
	    			width:70%;
    			}
    			
    			.tiOption{
    			margin-bottom:5px;
    			
    			}
    			select,input,textarea{
	    			width:95%;
    			}
    		   #imgCarMan,#poweredby,#report{
	    			display:none;
    			}
    			.instruct{
	    			font-weight:bold;
    			}
    	
    	.conditionexplanation{
	    	font-size:12px;
    	}
    
    }

    .top10{
        padding-top:10px;
    }