/*
Theme Name: Ellen Theme
*/
/* CSS Document */
/* -----------------------Reset CSS--------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family:Georgia; 
  vertical-align: baseline;
}
body {
  margin:0;
  padding:0;
  font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; outline:none; }
.clearfix, .container {display: block;}
/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }
/* ------------------------Common CSS------------------------*/
.leftFloat{float:left;}
.rightFloat{float:right;}
.clearFloat{clear:both;}
.hide{display:none;}
.reset-margin{margin:0 auto;}
.reset-padding{padding:0;}
.reset{margin:0;padding:0;}
.align-justify{text-align:justify;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}

/* ----------------------Typography CSS----------------------*/
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #000;
/*  background:#dce8ef url(images/boby-bg.jpg) repeat-x top;
*/  font-family:Georgia;
background-color:#dce7ef;
}

#wrapper{ width:940px; margin:0px auto; padding-top:30px;}
#wrapper_1{ width:940px; float:left; padding-bottom:10px;}/* ----------------------Here u can set whole site width----------------------*/
#inner_wrapper{ width:873px; margin:0 auto; padding-bottom:20px;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
h1 { font-size:30px; color:#000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
h2 {color:#67a4de; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; font-size:21px;  }
h3 { font-weight:bold; font-size:18px;}
h4 {font-weight:bold; font-size:16px;}
h5 {  }
h6 {font-size:12px; color:#000000;}
/* Text elements
-------------------------------------------------------------- */
p           { padding:0px; margin:0px;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover     { text-decoration:underline;}
a           { color: #6ca2c8; text-decoration: none; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre 				{ margin: 1.5em 0; white-space: pre;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.paddingT20{ padding-top:20px;}
.paddingT10{ padding-top:10px;}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { padding:0px; margin:0px; }
dl dt       { font-weight: bold; }
dd          { padding:0px; margin:0px;}
/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff;}
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/* ---------------------------Form CSS----------------------------*/
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
  outline:none;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0;
}
input.text,
input.title   { }
input.title   {}
textarea      { }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
.readmorebtn{ float:right; margin:15px 10px 0px 0px; clear:both;}
/* borders
-------------------------------------------------------------- */
.border-bottom2{ height:4px; overflow:hidden; background:url(images/line.jpg) repeat-x 0px 0px;}
.border_line{ height:1px; overflow:hidden; background:#dedede; margin:10px 0px 10px 0px;} 

/* Success, notice and error boxes
-------------------------------------------------------------- */

.highlighted{ color:#FF0000;}
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.border1{ height:23px; background:url(../images/border_bottom.gif) no-repeat 0px 0px;}
/* ----------------------Clear areas----------------------*/
#wrapper #container, #wrapper #container #content, #wrapper #container #content #wildcomlum{ overflow:hidden;}
/* ----------------------Structure css----------------------*/
#wrapper #container{ background:url(images/mid-bg.gif) repeat-y top; }
/* ----------------------Header css----------------------*/
#header{ float:left; padding-top:20px; padding-bottom:10px;}
#header #logo{  width:280px; float:left;}
#header #navigation{ font-size:14px; width:590px; float:right; padding-top:10px;}
#header #navigation ul{ list-style:none; margin:0; padding:0; float:right;}
#header #navigation ul li{ display:block; float:left;}
#header #navigation ul li a{ display:block; padding:5px 10px; color:#1e85b0; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header #navigation ul li a:hover{ background:#bfdcf1; color:#000; text-decoration:none;}
#header #searchBar{ clear:both; padding-top:10px;}
#header #searchBar form{ padding:0; margin:0;}
#header #searchBar form .screen-reader-text{ display:none;}
#header #searchBar form input#s{ background:#FFF; border:1px solid #e0e0e0; border-right:none;  padding:4px 5px 0px; float:left; height:22px}
#header #searchBar form input#searchsubmit{ background:url(images/search-btn.jpg) no-repeat right; border:1px solid #e0e0e0; border-left:none;  float:left; width:34px; height:28px; text-indent:-999px; cursor:pointer; }
#header h3{
font-weight:normal;
color:#666666;
font-size:11px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
padding-left:3px;
font-weight:bold;
}
#header h3 a{
color:#666666;
}
#header h3 a:hover{
color:#666666;
text-decoration:none;
}
#banner{ padding-bottom:15px;}



.border-bottom{ background:url(images/border-bottom.gif) repeat-x; height:8px; clear:both; overflow:hidden;}
 
/* ----------------------begain content css----------------------*/
#wrapper #container #content{ clear:both;}
#wrapper #container #content #widecomlum{}


/* ----------------------Fotter----------------------*/

#footer{ padding:15px 0px 30px; color:#666666; border-top:1px solid #ddded9; text-align:left; overflow:hidden;}
#footer .footer-left{ float:left; width:400px;}
#footer .footer-left a{ color:#242323; text-decoration:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px;}
#footer .footer-left a:hover{ color:#242323; text-decoration:underline;}
#footer .footer-right{ float:right; width:250px; font-size:11px; text-align:left; line-height:normal;}

/* ----------------------end Fotter----------------------*/


#learning_container{ width:938px; float:left; background-color:#FFFFFF; border-left:#bfd8ea 1px solid; border-right:#bfd8ea 1px solid; padding-top:10px;}

#learning_bg{ width:874px; background-image:url(images/new_bg1.gif); background-repeat:no-repeat; height:577px; margin:0px auto; }
#learning_content_box{width:520px; float:left}
#learning_content{width:530px; padding:30px 0px 0px 35px; float:left}
#inpress_box h1{
font-size:26px;
padding-bottom:10px;
}
#inpress_box{width:850px; padding:25px 0px 0px 20px; float:left}
#inpress_box img{ float:left; margin:0px 22px 18px 0px;}
#wrapper_fotterbg{
width:940px; float:left;
}
#learning_content h1{
font-size:26px;
font-weight:normal;
padding-bottom:17px;
}
.color_blue{
color:#015caa;
font-size:22px;
}
#learning_content h2{
font-size:20px;
font-weight:normal;
color:#424242;
}
#learning_content h2 a{
color:015caa;
text-decoration:none;
}
#learning_content h2 a:hover{
color:015caa;
text-decoration:none;
}
#skin_beauty_box{
width:310px;
float:left;
}
#skin_beauty{
width:264px;
float:left;
padding-left:20px;
padding-top:20px;
}
#buynow_box{
width:221px;
float:left;
height:222px;
background:url(images/logo1_bg.gif) no-repeat 0px 0px;
margin: 118px 0px 0px 40px;
padding:20px 0px 0px 20px;
}
#buynow_box img{padding-bottom:19px;
} 

#endorsment {
width:260px;
float:left;
height:290px;
margin: 28px 0px 0px 0px;
padding:10px;
background-color:#eaebe5;
border:1px solid #e1e1df;
}

#endorsment p { 
	margin:0px 0 10px 0;
	padding:0px;
	color:#333333;
}

#endorsment p span { 
	color:#365caa;
	font-size:10px;
	font-weight:bold;
	display:block;
	margin:6px 0 0 0;
}

#endorsment h3 { 
	color:#365caa;
	font-size:17px;
	padding:0 0 10px 0;
	margin:0px;
}

.facebook_txt {
	padding:5px 0 0 4px;
	font-size:11px;
	text-decoration:underline;
	color:#6ca2c8;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 260px; /*Width of Carousel Viewer itself*/
height: 280px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 240px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */