/* website Design and Markup by Rose Mckeon for Marketise UK October 2009 */

body, * {
padding:0;
margin:0;
}

body {
background: #021822;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
color:#e4e4e4;
line-height:1.4em;
text-align:center;
}
#TB_ajaxContent div#instructions-for-perfect-yogi-curls {
padding:80px;
}
#TB_ajaxContent div.left {
width:150px;
}
#TB_ajaxContent ol.left {
width:400px;
}
#TB_ajaxContent h3 span.steps {
margin-right:300px;
}

img {
border:0px;
}
	
a:link.text {
color:#2288bc;
text-decoration:none;
padding-right:15px;
background: url(../yogi-hair-images/arrow.png) center right no-repeat;
}
a:visited.text {
color:#2288bc;
text-decoration:none;
padding-right:15px;
background: url(../yogi-hair-images/arrow.png) center right no-repeat;
}
a:hover.text, input:hover.text, input:focus.text {
color:#ffffff;
text-decoration:none;
background-color:#2288bc;
padding-right:15px;
background: url(../yogi-hair-images/arrow-on.png) center right no-repeat;
}
a:hover.none {
background:none;
}

#tooltip{
width:auto;
max-width:300px;
position:absolute;
z-index:300;
border:1px solid #000000;
padding:10px;
display:none;
background:#021822;
color:#2288bc;
}

h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight:normal;
}

address {
font-style: normal;
}

acronym {
border:none;
}


.space {
height:450px;
}
.thin {
width:250px;
margin-left:40px;
}
.left {
float:left;
}
.right {
float:right;
}

.clearR {
clear:right;
}
.clearL {
clear:left;
}
.clear {
clear:both;
}
.clearer {
clear:both;
height:1px;
}

.blue {
color:#2288bc;
}

.success {
color:#fff;
border:1px solid #000;
padding:5px;
background:#2288bc;
}
.error {
color:#fff;
background:#F6014C;
border:1px solid #000;
padding:5px;
}
.big {
font-size:1.4em;
}

.box {
width:202px;
margin-left:20px;
margin-top:25px;
padding:15px;
text-align:left;
background: #020A0E url(../yogi-hair-images/bg-left-box.png) top left repeat-x;
border: 1px solid #000000;
border-top:0px;
position:relative;
}
.top {
margin-top:41px;
}
div#last.box {
height:80px;
}
div#last.long{
height:300px;
}
.last {
position:absolute;
z-index:20;
}


ul.list {
padding-left:10px;
list-style-type:none;
}
ul.list li {
background: url(../yogi-hair-images/arrow-on.png) left center no-repeat;
padding-left:15px;
margin-bottom:10px;
}
ol {
margin:30px;
}
ol li {
margin-bottom:10px;
}







.page {
width:710px;
}

div#body {
background: #030e14;
}
div#body.inside {
width:970px;
margin:auto;
padding-top:20px;
position:relative;
text-align:justify;
background: url(../yogi-hair-images/bg-yogi.png) right top no-repeat;
}

img#perfect-yogi-curls {
margin-right:310px;
}


ul#tabs {
position:absolute;
z-index:20;
margin-left:5px;
list-style-type:none;
}
ul#tabs li {
display:block;
float:left;
height:30px;
width:174px;
}

a.tab {
display:block;
height:30px;
width:174px;
padding-top:10px;
overflow:hidden;
text-align:center;
background: url(../yogi-hair-images/bg-tab.png) right top no-repeat;
}
.tab b {
font-weight:normal;
}
a:link.tab {
color:#2288bc;
text-decoration:none;
}
a:visited.tab {
color:#2288bc;
text-decoration:none;
}
a:hover.tab {
color:#ffffff;
text-decoration:none;
}






ul#hair-slides {
margin-top:38px;
background-color:#020b0f;
border:1px solid #000000;
padding:4px;
list-style-type:none;
list-style-image:none;
text-align:center;
width:696px;
height:373px;
overflow:hidden;
}
ul#hair-slides li {
padding-bottom:10px;
}
ul#hair-slides img.perfect-curl-in-seconds {
background: url(../yogi-hair-images/bg-perfect-curl-in-seconds.jpg) top left no-repeat;
}
ul#hair-slides img.yogi-hair-wands {
background: url(../yogi-hair-images/bg-curls-and-yogi-hair-wands.jpg) top left no-repeat;
}


div#under-slide {
margin-left:90px;
margin-top:8px;
margin-right:8px;
}


div#videoverlay {
width:100%;
height:100%;
background-color:#000;
position:fixed;
z-index:200;
top:0;
left:0;
text-align:center;
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
div#demonstration-of-perfect-yogi-curl {
width:660px;
position:absolute;
z-index:201;
top:160px;
}


div#content-box {
margin-top:38px;
background-color:#020b0f;
border:1px solid #000000;
border-top:0px;
padding:4px;
text-align:justify;
width:696px;
min-height:490px;
}
div#content-box div.inside {
padding:40px 40px 40px 85px;
min-height:410px;
background: #0A1216 url(../yogi-hair-images/bg-right-box.gif) top left repeat-x;
}





div.gallery a {
display:block;
float:left;
width:auto;
padding:10px;
margin:2px;
background-color: #141C20;
border:1px solid #000000;
}


div.gallery a:hover {
display:block;
float:left;
width:auto;
padding:10px;
margin:2px;
background-color: #5F747F;
border:1px solid #141C20;
}












div#blue-floor {
height:205px;
background: #021822 url(../yogi-hair-images/bg-footer.png) bottom center repeat-x;
text-align:center;
max-height:300px;
}
div#blue-floor div#footer {
width:970px;
margin:auto;
position:relative;
color:#2288bc;
}
img#big-wand {
position:absolute;
z-index:10;
top:-585px;
left:180px;
}
div#footer div.left {
    width: 232px;
    margin-left: 20px;
    margin-top: 25px;
    padding: 15px;
    text-align: left;
    position: absolute;
    z-index: 20;
}
div#footer div.left ul li {
    list-style-type: none;
    padding: 2px 10px 2px 0px;
}

div#footer div.left.social {
	left:322px;
	padding:15px 0 15px 0;
	width:310px;
	text-align:center;
}

div#footer div.right {
    width: 300px;
    margin-top: 25px;
    padding: 15px;
    text-align: right;
}
div#footer div.right ul li {
    padding: 2px 0px 2px 10px;
    list-style-type: none;
}
div#footer b {
font-weight:normal;
color:#e4e4e4;
}

a:link.marketise {
color:#2288bc;
text-decoration:none;
}
a:visited.marketise {
color:#2288bc;
text-decoration:none;
}
a:hover.marketise {
color:#ffffff;
text-decoration:none;
background-color:#2288bc;
}




input{
margin:1px;
padding:3px;
background: url(../yogi-hair-images/bg-left-box.png) top left repeat-x;
border: 1px solid #000000;
border-top:0px;
width:200px;
font-size:1.4em;
color:#e4e4e4;
}
textarea {
font-family: Verdana,Helvetica,Arial,sans-serif;
margin:1px;
padding:3px;
background: url(../yogi-hair-images/bg-left-box.png) top left repeat-x;
border: 1px solid #000000;
border-top:0px;
width:200px;
font-size:1.4em;
color:#e4e4e4;
}

input.text {
margin:1px;
padding:3px;
border:0px;
color:#2288bc;
text-decoration:none;
padding-right:15px;
text-align:right;
cursor: pointer;
background: url(../yogi-hair-images/arrow.png) center right no-repeat;
}
input:focus {
background-image:none;
background-color:#3B484F;
}
textarea:focus {
background-image:none;
background-color:#3B484F;
}