/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}

/*----------------------------
	The Questions
-----------------------------*/






#questions{
/*	width:90%;*/
    
	margin: 0 auto;
    padding: 0 0 140px;
	list-style:none;
	text-align:center;
	margin-top:20px;
}

#questions > li{
	border-radius:4px;
/*	box-shadow:0 0 2px rgba(0,0,0,0.2);*/
	border: 1px solid #f0f0f0;
/*	background:url('../img/section_bg.jpg') repeat-x #f0f5f7;
    background:url('../img/section_bg.jpg') repeat-x;*/
	padding:0 20px 20px;
	margin-bottom: 25px;
	position:relative;
}


#questions > li p{
	line-height:60px;
/*	color:#70777a;*/
    color:#595959;
	font-size:15px;
	margin-bottom:20px;
}

#questions li .divider,
#questions li .divider:before,
#questions li .divider:after{
	content:'';
	position:absolute;
	background-color:#384044;
	width:8px;
	height:8px;
	border-radius:50%;
	bottom:-35px;
	left:50%;
	margin-left:-4px;
}

#questions li .divider:before{
	margin-left:-24px;
	bottom:0;
}

#questions li .divider:after{
	margin-left: 16px;
	bottom:0;
}

#questions > li select{
	width:300px;
}


.chzn-container{
	text-align:left;
}

#preloader{
	height:80px;
	background:url('../img/ajax-loader.gif') no-repeat center center;
	width:500px;
	display:none;
	margin: -120px auto 0;
}

a:active, a:hover, a:link, a:visited {
    color: #696969;
    text-decoration:none;
}

.interactiverow
{
    width:82%;
    margin-left:auto;
    margin-right:auto;
}


    
@media only screen and (min-width: 1020px){
    .fourtorow
    {
        width:210px !important; 
        margin-left:17px !important;
    }
}    
    
    

@media only screen and (max-width: 760px){
    .interactiverow
    {
        width:100%;
    }
}

@media only screen and (max-width: 368px){
    .interactiverow
    {
        width:100%;
    }
    .product-image-small
    {
         display:none;   
    }

    }