@charset "utf-8";

/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.body_font{
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		font-size:48px !important;
		line-height: 55px;
		text-decoration:none;
		text-align:left;
		color:#ffffff;
		padding-left:30px;
		padding-right:30px;
	}
	p {
		color: #ffffff;
		font-size: 48px !important;
		line-height: 58px !important;
	}
	body {
		margin-left: 0px !important;
	}
	.font_win {
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		font-size: 36px !important;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


body{
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	width:70%;
	text-align:center;
	max-width:1200px;
	min-width:320px;
	background-color:#ebebed;
        background-image: url(../click_a_smile_images/bg_main_for_all.jpg);
        position: static;
        background-repeat: repeat;
}
#main_bgs{
	background-image:url(../click_a_smile_images/bg_main_for_all.jpg);
	position:static;
	background-repeat:repeat;
	width:100%;
	
	align-content:center;
}

.banner_bg{
	/*background-image:url(../click_a_smile_images/Click-A-Smile-main-bg-2.jpg);
	background-image:url(../click_a_smile_images/Click-A-Smile-1024x482.jpg);
	
	background-image:url(../click_a_smile_images/Click-a-smile-banner-1024x482-2.jpg);*/
	background-image:url(../click_a_smile_images/Click-a-smile-banner-1024x482-3new.jpg);
	background-repeat:no-repeat;
	position:relative;
	float: left;
}

.body_font{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:16px;
	text-decoration:none;
	text-align:left;
	color:#ffffff;
	padding-left:30px;
	padding-right:30px;
}

.link_font{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
	text-decoration:none;
	text-align:right;
	color:#ffffff;
	padding-right:10px;
	
}

.form_text{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:22px;
	font-weight:normal;
	color:#ffffff;
}

.font_win{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:16px;
	text-decoration:none;
	text-align:left;
	color:#ffffff;
	padding: 0px 0px 0px 6px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 1px;
left: -200px;
border: 1px dashed #ffffff;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -90px; /*position where enlarged image should offset horizontally */

}

/* sharanu updated css code */
.btnimg{
background-image: url(../click_a_smile_images/submit_BTN_FOR_FORM.jpg);
height: 49px;
width: 128px;
text-indent: -9999px;
border: 0px;
cursor: pointer
}

.success_msg {
color: #FCEF08;
font-weight: bold;
font-size: 20px;
text-align: center;
margin: 14px 0px 0px 0px;
}
p{
    color: #ffffff;
}
.formdb p {
    margin-top: 0px;
    margin-bottom: 0px;
    color: red;
}
.suc_msg {
    text-align: center;
	color: #fcef08;
	font-size: 22px;
	margin-top: 10px;
}
a {
    text-decoration: none;
}