/*   
Theme Name: Ear Perfect
Theme URI: www.fiksie.com
Description: Custom Wordpress Theme
Author: fiksie
Author URI: http://www.fiksie.com
*/

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */


/* ----- CSS ----- */

body{ background:url(images/body-bg.jpg) repeat-x #74f9f8; font-family:Arial, Helvetica, sans-serif;}

/* ----- ID'S & CLASSES----- */

#wrapper { width:975px; margin: 0 auto; background:#fff; position:relative;}

#container {width:975px;}

#header {width:975px; background:url(images/header-bg.jpg) no-repeat 13px -45px;}
#header #logo { margin:5px 0 0 15px; float:left;}
#header .title { font-size:30px; float:left; margin-left:120px; margin-top:13px; color:#2f6db2; font-weight:normal; font-family:"Times New Roman", Times, serif; line-height:30px; letter-spacing:-1px; }
#header .title span {color:#e5b644; font-size:36px; font-weight:bold;}
#header #guarantee { display:block;}
#header #guarantee img { position:absolute; top:-12px; right:10px; z-index:2;}
#header #ear-cover { float:left; clear:left; margin-top:13px;}
#header #ear-cover img { float:left;}
#header #product-shot { float:left; width:330px; margin-left:-10px;}
#header #product-shot ul { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:350px; padding-left:10px;}
#header #product-shot ul li { font-size:18px; color:2f2f2f; line-height:25px; padding-left:50px; background:url(images/benefit-list-bg.png) no-repeat 0 50%; margin-bottom:13px; width:250px;}
#header #product-shot ul li span { color:#2f6db2; font-weight:bold;}

#header #signup-form { float:right; margin-right:5px; width:320px;}
#signup-form #form-top { width:320px; height:68px; background:url(images/form-top-bg.png) no-repeat;}
#signup-form form { background:url(images/form-bg.png) repeat-y; width:320px; text-align:center;}
#signup-form form p { text-align:right; padding:0 20px 0 0; margin-bottom:8px; color:#fff;}
#signup-form form p input { width:168px; height:20px; font-size:14px; margin-left:20px; border:1px solid #707070;}
#signup-form form p select { width:168px; height:20px; font-size:14px; margin-left:15px; border:1px solid #707070;}
#signup-form form p.submit { text-align:center; position:relative; width:320px; height:55px; background:url(images/form-bottom-bg.png) no-repeat bottom; padding:20px 0; margin-bottom:0;}
#signup-form form p.submit input { width:271px; height:72px; margin-left:0; border:none;}
#signup-form form p.submit span { position:absolute; left:-650px; top:22px;}

#navigation { height:40px; background:#174b75; margin-top:4px; position:relative;}
#navigation #menu { text-align:center;}
#navigation #menu li { font-size:18px; padding:0 15px; display:inline; line-height:40px; text-transform:uppercase; }
#navigation #menu li a { color:#fff; text-decoration:none; font-style:italic; font-weight:bold;}
#navigation #menu-left {position:absolute; left:0; top:-18px;}
#navigation #menu-right {position:absolute; right:-1px; top:-25px;}

#content {width:975px;}


#main .post .similar li {font-weight:bold; font-style:italic; color:#244972; padding-bottom:15px; margin-left:35px; list-style:disc}
#main .post .similar li a {text-decoration:none; color:#244972;}

#main { width:610px; float:left; padding:20px 12px 10px 20px;}
.full { width:935px !important; padding:20px !important; float:left;}
#main .post p { color:#707375; padding-bottom:15px;}
#main .post h1 { color:#2f6db2; font-size:26px; font-weight:bold; font-style:italic;}
#main .post h2 { color:#244972; font-size:21px; font-weight:bold; font-style:italic;}
#main .post h3 { color:#244972; font-size:19px; font-weight:bold; font-style:italic; padding-bottom:15px;}
#main .post li { color:#707375; padding-bottom:15px; margin-left:15px; list-style: circle; }
#main .post li li { color:#707375; padding-bottom:15px; margin-left:25px; list-style: square; }


#main #explanation { margin:10px 0; padding-bottom:20; }
#main #explanation img { margin:10px; }
#main #explanation p { float:left; font-size:26px; color:#2f6db2; line-height:86px; margin:10px; padding-bottom:0; font-style:italic;}


#main .benefits{ margin-bottom:15px;}
#main .benefits-top { width:602px; height:11px; background:url(images/benefits-top.png) no-repeat; overflow:hidden;}
#main .benefits-bottom { width:602px; height:11px; background:url(images/benefits-bottom.png) no-repeat; overflow:hidden;}
#main .benefits{ background:url(images/benefits-bg.png) repeat-y; width:602px;}
#main .benefits img { float:left; margin:10px;}
#main .benefits h5 { font-size:19px; color:#2f6db2; font-weight:normal; font-style:italic; text-transform:uppercase; padding-left:115px; padding-bottom:10px;}
#main .benefits h5 a { color:#2f6db2; text-decoration: none;}
#main .benefits p { font-size:14px; color:#707375; padding-bottom:0; padding-right:10px; padding-left:115px;}
#main .benefits p.name { font-size:18px; color:#174b75;}
#main .benefits p.name a { text-decoration: none; color:#174b75;}


#sidebar { background:url(images/sidebar-bg.png) repeat-y; width:292px; padding:0 20px; float:right; margin-bottom:20px;}
#ear-relief-top { text-align:center; margin-left:-20px; padding-top:30px; height:120px; background:url(images/experience-relief-bg.png) no-repeat;}

#sidebar .mo-supply { margin:15px 0 30px;}
#sidebar .mo-supply .mo-left { float:left;}
#sidebar .mo-supply .mo-right { float:right; width:185px; text-align:center;}
#sidebar .mo-supply .mo-order { float:right; width:151px; text-align:center;}
#sidebar .mo-supply .price { line-height:45px;}
#sidebar .mo-supply .mb-g { clear: both; width:100%; text-align:center; color:#2f6db2; font-size:18px; font-style:italic; padding-top:5px;}

#sidebar .border-lined { height:3px; background:url(images/sidebar-border-bg.png) repeat-x; margin:20px 0;}

#sidebar .sidebar-box { margin-bottom:25px;}
#sidebar .sidebar-box h3 { background:url(images/sidebar-box-title-bg.png) repeat-x; line-height:38px; font-size:22px; color:#fff; font-weight:bold; padding-left:15px;}
#sidebar .sidebar-box ul {}
#sidebar .sidebar-box ul li { background:url(images/sidebar-box-li-bg.png) no-repeat 0 50%; padding-left:30px; line-height:28px; padding-top:10px;}
#sidebar .sidebar-box ul li a { color:#174b75; text-decoration:none;}

#sidebar #satisfaction { text-align:center; height:233px; background:url(images/satisfaction-bg.png) no-repeat; margin-left:-20px;}

#bottom-banner { width:855px; float:left; padding:0 60px}
#bottom-banner p { float:left;}
#bottom-banner a { float:left; margin-top:64px;}  

#footer {width:975px; background:url(images/footer-bg.jpg) no-repeat bottom #e9eaec; padding-bottom:10px; }
#footer #stripe { height:26px; background:#174b75; margin-bottom:10px;}
#footer #stripe p { font-size:18x; font-weight:bold; line-height:26px; color:#fff; float:left; width:210px; padding-left:30px;}
#footer #stripe p.phone { font-size:14px; font-weight:normal; }

#footer #footer-form { padding:0 55px 0 20px; width:194px; float:left;}
#footer #footer-form h5 { color:#424242; font-weight:bold; font-size:16px; margin-bottom:5px;}
#footer #footer-form p input { width:184px; height:25px; padding:0 5px; color:#999; background:url(images/footer-input-bg.jpg) no-repeat; border:none; margin-bottom:8px;}
#footer #footer-form p.submit input { width:102px; height:30px; float:right; padding:0;}

#footer .footer-links { float:left; width:200px;}
#footer .footer-links h5 { font-weight:bold; padding-bottom:5px; font-size:13px;}
#footer .footer-links ul li { list-style:none; font-size:12px; padding-bottom:5px;}
#footer .footer-links ul li a { color:#999; text-decoration:none;}
#footer .footer-links a {  font-size:12px; padding-bottom:5px; color:#999; text-decoration:none;}

#footer #social_networks { width:300px; float:left; text-align:center;}
#footer #social_networks h5 { font-weight:bold; font-size:12px; margin-bottom:5px;}
#footer #social_networks a { margin-bottom:10px;}

#disclaimer { padding-top:30px; text-align:center; background:#74f9f8;}
#disclaimer p { color:#fff; font-size:13px; padding-bottom:5px;}



/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left; text-align:left;}


/* ----- OLD VERSION ----- */

.order-description { 
	color:#515151; 
	display:block;
	padding-bottom:7px;
	padding-top:0px;
	margin-top:0px;
	font-size:15px; 
	line-height:20px;
	text-align:	left;
	font-family:Arial, Helvetica, sans-serif;
}

.order-price { 
	color:#515151; 
	padding-bottom:7px;
	padding-top:0px;
	margin-top:0px;
	font-size:19px; 
	line-height:20px;
	text-align:	left;
	font-family:Arial, Helvetica, sans-serif;
}

.order-title { 
	color:#244972; 
	display:block;
	padding-bottom:7px;
	padding-top:0px;
	margin-top:0px;
	font-size:24px; 
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

.order-includes { 
	color:#b82828; 
	padding-bottom:7px;
	padding-top:0px;
	margin-top:0px;
	font-size:18px; 
	line-height:20px;
	text-align:	left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.order-save { 
	color:#438c23; 
	padding-bottom:7px;
	padding-top:0px;
	margin-top:0px;
	font-size:20px; 
	line-height:20px;
	text-align:	center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.order-product .left {width:270px; float:left;padding-bottom:40px;}
.order-product .right { width:640px; float:right;}
#order-description { position:relative;}
#order-description p { padding-right:120px;}
#order-description img { position:absolute; right:0; top:-40px;}


.singletags { 
	color:#515151; 
	padding-top:10px;
	margin-top:5px;
	margin-bottom:50px;
	font-size:11px; 
	line-height:15px;
	text-align:	left;
	font-family:Arial, Helvetica, sans-serif;
}
.singletags a {
	color:#515151; 
}

#how-it-works { padding:0 20px; }
#how-it-works h2 {font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 34px; color: #2f6db2; padding-bottom:15px; }

#how-it-works .products {margin-bottom:20px;}
#how-it-works .products img { float:left; margin-right:15px;}
#how-it-works .products .bubble { float:left; width:275px; margin:10px 30px 0 0; height:202px; padding:10px 15px; background:url(http://www.earperfect.com/images/how-it-works-bubble.png) no-repeat;}
#how-it-works .products .bubble h6 { font-size:22px; color:#458e22; padding-bottom:10px; letter-spacing:-1px;}
#how-it-works .products .bubble ul li { float:left; width:125px; font-size:20px; color:#2f6db2; margin:0 5px; line-height:12px;list-style:none;}
#how-it-works .products .bubble p { color:#2c2c2c; text-align:justify; padding-top:10px; float:left; font-size:15px;}
#how-it-works .products .product-desc { float:left; width:405px; padding-top:10px; color:#626262;}
#how-it-works p { color:#626262; font-size:15px; padding-bottom:10px; line-height:22px;}

#testimonial { width: 570px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; position: relative; padding:0px 20px;}
#testimonial h2 { width: 100%; font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 34px; color: #2f6db2; padding-bottom:15px; }
#testimonial .testimonial-left { width:526px; float:left;position:relative;}
#testimonial .testimonial-left img { margin-top:4px; margin-bottom:20px;} 
#testimonial .testimonial-left .tbubble { width:335px; float:right; height:201px; padding:15px 20px 15px 35px; background:url(http://www.earperfect.com/images/bubble-box-bg3.png) no-repeat; position:absolute; top:0; right:0;}
#testimonial .testimonial-left .tbubble p { font-size:15px; color:#000000;}
#testimonial .testimonial-left .tbubble h5 { color:#256699; font-size:22px; font-weight:normal; line-height:20px; padding-bottom:15px;}
#testimonial .testimonial-left .tbubble h5 span { font-size:16px; color:#256699;}