/* Slideshow with double nav */

#mainbody {width:992px; background:url(http://img2.timeinc.net/instyle/static/i/hair/bg_body_8.png) repeat-y;}
#mainbody #pageheader {width:992px; background:#fff;}
#mainbody #mainleft {display:block; float:left; width:677px;}
#mainbody #mainright {display:block; float:left; width:315px;}

#mainleft #channelcontent {display:block; width:677px; background:url(http://img2.timeinc.net/instyle/static/i/hair/bg_channel.png) no-repeat;}
#channelcontent #channelleft {display:block; float:left; width:256px; padding-right:27px;}
#channelcontent #channelright {display:block; float:left; width:394px;}

#pageheader h1 {float:left; /*width:280px;*/ padding:20px 0 15px 16px; font-size:330%; color:#000;}
#pageheader h2 {float:left; /*width:665px;*/  padding:41px 16px 0 15px; font-size:150%; font-weight:normal;}

#hairpoll {width:298px; margin:0 auto; padding-bottom:10px; background:#fff; border:1px solid #b5b4b4;}
#hairpoll p.pollhead {display:block; height:22px; margin:0; padding:13px 0 0 0; background:url(/instyle/static/i/hair/hd_poll_8.png) 0 10px no-repeat; border-bottom:1px solid #f3f3f3; overflow:hidden; font:bold 180% georgia,"times new roman",times,serif; text-align:center; text-indent:-9999px; text-transform:uppercase;}
#hairpoll p.date {margin:0; padding:5px 0 0 16px; font-size:80%; color:#858383; text-transform:uppercase;}
#hairpoll h3 {padding:0 16px; font:normal 160% georgia,"times new roman",times,serif; color:#111;}
#hairpoll p.ad170x30 {width:170px; height:30px; margin:10px 0 0 16px; padding:0;}

#hairpoll .tout01 {width:266px; margin:0 auto; padding-top:7px;}
#hairpoll .tout01 .imgcont {display:block; float:left; width:120px; padding-right:8px;}
#hairpoll .tout01 .pollform {display:block; float:left; width:138px; background:#ccc;}
#hairpoll .tout01 .pollform p.choice {margin:0; padding:0 0 10px 0; font:bold 90% arial,sans-serif; color:#858383; text-align:center;}
#hairpoll .tout01 .pollform p.choice span.radio {display:block;}
#hairpoll .tout01 .pollform p.vote {margin:0; padding:0; text-align:center;}
#hairpoll .tout01 .pollform span.total {display:block; font:bold 195% arial,sans-serif; color:#d73126;}

#hairpoll #tout01 {width:266px; margin:0 auto; padding-top:7px;}
#hairpoll #tout01 .imgcont {display:block; float:left; width:120px; padding-right:8px;}
#hairpoll #tout01 .pollform {display:block; float:left; width:138px; background:#ccc;}
#hairpoll #tout01 .pollform p.choice {margin:0; padding:0 0 10px 0; font:bold 90% arial,sans-serif; color:#858383; text-align:center;}
#hairpoll #tout01 .pollform p.choice span.radio {display:block;}
#hairpoll #tout01 .pollform p.vote {margin:0; padding:0; text-align:center;}
#hairpoll #tout01 .pollform span.total {display:block; font:bold 195% arial,sans-serif; color:#d73126;}

/* Ruby code */
#hairpoll #tout01 #polls {display:block; float:left; width:138px;}
#hairpoll #polls form, #hairpoll #polls ol li, #hairpoll #polls ul li {margin:0; padding:0;}
#hairpoll #polls h1 {display:none;} /* hides poll name */
#hairpoll #polls p.description, #hairpoll #polls ol p, #hairpoll #polls ul p {display:none;} /* hides poll question */
#hairpoll #polls li {font:bold 11px arial,sans-serif; color:#858383;}
#hairpoll #polls ol {margin:0; padding:0 13px 10px 0;}
#hairpoll #polls ul.answers {margin-top:6px;}
#hairpoll #polls ul.answers li {margin:0; padding:0 0 8px 0;}
#hairpoll #polls .bar {display:block; height:8px; background:#d73126 !important;}
#hairpoll div#polls form input[type="submit"] {display:block; width:102px; height:26px; background:url(http://img2.timeinc.net/instyle/static/i/hair/btn_vote.png) no-repeat; text-indent:-9999px; border:none; /*background:#f3f3f3; border:1px solid #e9e9e9; -moz-border-radius:2px;*/ font:bold 100% verdana,sans-serif; color:#d73126; text-transform:uppercase;}


#slideshow {width:648px; margin-left:16px; margin-bottom:10px; margin-right:13px; /*padding:0 13px 0 0;*/ background:#000;}
#ssleft {display:block; float:left; width:400px;}
#ssright {display:block; float:left; width:248px; background:#000; color:#fff;}

#singlephoto {width:648px; margin-left:16px; margin-bottom:10px; padding:0 13px 0 0; background:#000;}
#singlephoto #imgcont {display:block; float:left; width:400px; height:400px; overflow:hidden;}
#singlephoto #txtcont {display:block; float:left; width:248px; height:400px; overflow-y:hidden; background:#000; color:#fff;}

#ssleft #imgcont {height:400px; overflow:hidden;}
#ssleft #imgcont .photobox {display:table; width:400px; height:400px; background:url(http://img2.timeinc.net/instyle/static/i/galleries/bg_photo_8.png);}
#ssleft #imgcont .photobox .matte {display:table-cell; vertical-align:middle;}
#ssleft #imgcont .photobox .matte img {display:block; margin:0 auto;}

#ssright #ctrl01 {display:block; overflow:hidden; height:16px; padding:3px 2px 3px 17px; border-bottom:1px solid #272725;}
#ssright #ctrl02 {display:block; overflow:hidden; height:16px; padding:3px 2px 3px 17px; border-top:1px solid #272725;}
#ssright #ph1, #ssright #txt1 {display:block;}
#ssright #ph2, #ssright #txt2, #ssright #ph3, #ssright #txt3 {display:none;}

#ssright #ctrl01 .nums, #ssright #ctrl02 .nums {display:block; float:left; padding-top:1px; padding-right:10px; }
#ssright #ctrl01 .btns, #ssright #ctrl02 .btns {display:block; float:left; height:16px; overflow:hidden;}
#ssright #ctrl01 .nums li, #ctrl01 .btns li, #ssright #ctrl02 .nums li, #ctrl02 .btns li {display:inline;}

#ssright #ctrl01 .nums li a:hover, #ssright #ctrl01 .btns li a:hover, #ssright #ctrl02 .nums li a:hover, #ssright #ctrl02 .btns li a:hover {color:#d73126; text-decoration:none; cursor:pointer;} 
#ssright #ctrl01 .nums li a.on, #ssright #ctrl02 .nums li a.on {color:#d73126; font-weight:bold;}
#ssright #ctrl01 .nums li a.off, #ssright #ctrl02 .nums li a.off {color:#fff;} 
#ssright #ctrl01 .btns li.btn a, #ssright #ctrl02 .btns li.btn a {font-weight:bold; cursor:pointer;}

#ssright #ppBtn, #ssright #ppBtn2 {background:url(http://img2.timeinc.net/instyle/static/i/btn_slideshownav_8.png) 0 -75px no-repeat;} /* display Pause by default */

#ssright #slidetext {height:331px; padding:23px 30px 0 24px; overflow:hidden;}
#singlephoto #slidetext {padding:23px 30px 0 24px;}
#slidetext p.date {margin:0; padding:0 0 3px 0; font-size:90%;}
#slidetext p.eyebrow {margin:0; padding:0; font-weight:bold; color:#cf2726; text-transform:uppercase;}
#slidetext h3 {padding-bottom:8px; font:normal 245%/110% georgia,"times new roman",times,serif;}
#slidetext h3 a {color:#fff;}
#slidetext .text {line-height:135%;}
#slidetext p.more {margin:0; padding:5px 0 0 0; font-size:115%; font-weight:bold;}
#slidetext p.more a {color:#d73126;}

#toutcolumn {width:240px; margin-left:16px;}
#toutcolumn h2 {margin-bottom:6px; padding:2px 8px; background:#d02626; font:normal 100% "arial black",arial,sans-serif; color:#fff; text-transform:uppercase;}
#toutcolumn .tout {width:238px; padding:6px 1px 16px 1px;}
#toutcolumn .tout .imgcont {float:right; width:75px; padding-left:10px;}
#toutcolumn .tout .txtcont {float:right; width:153px;}
#toutcolumn .tout .txtcont p.eyebrow {margin:0; padding:0; font:bold 80%/110% arial,sans-serif; color:#d73126; text-transform:uppercase;}
#toutcolumn .tout .txtcont p.subhead {margin:0; padding:0; font:normal 90% arial,sans-serif; color:#7a7b7c;}
#toutcolumn .tout .txtcont h3 {font-size:115%; color:#000;}
#toutcolumn .tout .txtcont h3 a {color:#000;}
#toutcolumn .tout .txtcont .text {padding-top:2px; color:#000;}
#toutcolumn .tout .txtcont .text .more a {font-weight:bold; color:#d73126;}
#toutcolumn .linklist {padding-top:5px;}
#toutcolumn .linklist li {padding-bottom:5px;}
#toutcolumn .linklist li a {font-weight:bold; color:#000;}
#toutcolumn p.seeall {margin:0; padding:10px 0 5px 0; text-transform:uppercase;}
#toutcolumn p.seeall a {font-weight:bold; color:#d73126;}

#phototouts {}
#phototouts h2 {width:364px; margin-bottom:10px; font-size:230%; line-height:115%;}
#phototouts .toutrow {padding-bottom:10px;}
#phototouts #large .toutrow .tout p, #phototouts #small .toutrow .tout p {display:block; margin:0; padding:0; font-size:100%;}

#phototouts #large h3 {padding-bottom:5px; font-size:115%; text-transform:uppercase;}
#phototouts #large h3 a {color:#d73126;}
#phototouts #large .toutrow .tout {display:block; float:left; width:120px; padding-right:10px;}
#phototouts #large .toutrow .tout .txtcont {font-size:90%;}
#phototouts #large .toutrow .tout .txtcont a {color:#000;}

#phototouts #small h3 {padding-bottom:5px; font-size:115%; text-transform:uppercase;}
#phototouts #small h3 a {color:#d73126;}
#phototouts #small .toutrow .tout {display:block; float:left; width:75px; padding-right:1px;}
#phototouts #small .toutrow .tout .txtcont {font-size:80%;}
#phototouts #small .toutrow .tout .txtcont a {color:#000;}

#channelrecirc {width:382px; padding-top:10px;}
#moreoninstyle {padding:0 0 16px 0;}
#moreoninstyle h3 {font:bold 120% arial,sans-serif; color:#000;}
#moreoninstyle h3 em {color:#d22527;}
#directory {}
#directory #listing {width:382px;}
#directory #listing h3 {display:block; padding-bottom:4px; font-size:100%; color:#000;}
#directory .col01 {float:left; width:150px;}
#directory .col02 {float:left; width:150px; padding-left:80px;}
#directory ul {padding-bottom:20px;}
#directory li {padding:0 0 3px 10px; background:url(http://img2.timeinc.net/instyle/static/i/icon_bullet01_8.png) 0 6px no-repeat;}
#directory li a {color:#000;}

#disclaimer {padding-bottom:20px; font:italic 80% arial,sans-serif; color:#111;}

#railtout {width:300px; margin:17px auto 10px auto;}
#railtout h4 {margin-bottom:6px; padding:2px 8px; background:#d02626; font:normal 100% "arial black",arial,sans-serif; color:#fff; text-transform:uppercase;}
#railtout .tout {display:block; width:300px;}
#railtout .tout .imgcont {display:block; float:left; width:120px; padding-right:8px;}
#railtout .tout .txtcont {display:block; float:left; width:172px;}
#railtout .tout .txtcont h3 {font-size:115%; color:#000;}
#railtout .tout .txtcont h3 a {color:#000;}
#railtout .tout .txtcont .text {padding-top:2px; color:#000;}
#railtout .tout .txtcont .text .more a {font-weight:bold; color:#d73126; text-decoration:underline;}

#morelinks {width:300px; margin:17px auto 10px auto;}
#morelinks h4 {margin-bottom:6px; padding:2px 8px; background:#d02626; font:normal 100% "arial black",arial,sans-serif; color:#fff; text-transform:uppercase;}
#morelinks ul {padding:0 8px;}
#morelinks li {padding-bottom:4px; font-weight:bold;}
#morelinks a {color:#d73126;}

.ad300 {width:300px; margin:0 auto 10px auto;}
.ad300 p.adtxt {margin:0; padding:0; font-size:80%; color:#acacac; text-align:center; text-transform:uppercase;}

#siteswelove {margin-bottom:10px;}

#quigo {width:300px; margin:0 auto 10px auto; padding:2px; background:#fff; border:1px solid #dfdfdf;}