/* Content Slider */
#cmfooter {clear:left;}
#slidercont {clear:both; display:block; width:993px; float:left; padding-left:1px;} /* float is for IE 8 fix */

/* Specify total slider width here */
.contentslider {width:966px; padding:15px 13px 0 14px; background:#fff; position:relative; border-right:1px solid #ccc; float:left;} /* float is for IE 8 fix */
.contentslider .disabledmsg {display:block; padding:5px; margin:0 20px 5px 20px; background:#ffc;}
.contentslider .skiplink {position:absolute; left:-5000px;}

.contentslider .sliderhead {padding:0 0 3px 0;border-bottom:dotted 1px #666;}
.contentslider .sliderhead h5 {font:bold 120% arial,sans-serif; color:#000;}
.contentslider .sliderhead h5 a {color:#000;}
.contentslider .sliderhead h5 span, .contentslider .sliderhead h5 a span {font-style:italic; color:#d73126;}
.contentslider .sliderhead h5 a:hover {text-decoration:none;}

/* Prev & Next buttons are display:block by default in javascript */
.contentslider a.prevslidelink,
.contentslider a.nextslidelink{outline:none;display:block;height:145px;width:17px;background:url('http://img2.timeinc.net/instyle/static/i/channel/sprite-icons.png') -195px -174px no-repeat;text-indent:-9999px;}
.contentslider a.nextslidelink{background-position:-212px -174px;}

/* New containers for nav buttons (this variation) */
.contentslider .prevcont {float:left; width:17px; height:145px; padding-top:29px;}
.contentslider .nextcont {float:right; width:17px; height:145px; padding-top:29px;}

.contentslider .viewall {display:none;}
.contentslider .slidescont, .contentslider .slide {float:left; display:inline;}
.contentslider .slidescont {position:relative; top:0; left:0; width:100%; margin:10px 0;}

/* Width = (Slide width + left/right margins, paddings, borders) x number of visible slides */
.contentslider .maincont {float:left; width:931px; position:relative; overflow:hidden;}

/* The following properties need to be explicitly specified: width, margin-left, and margin-right (do not use the margin shorthand property, padding-left or padding-right) */
.contentslider .slide {width:211px;overflow:hidden;margin-left:10px;margin-right:0;padding-right:11px;border-right:dotted 1px #d1d1d1;}

/* Slider Touts */
.contentslider .slidetout {width:212px; overflow:hidden;}
.contentslider .slidetout a {color:#d02726;}
.contentslider .slidetout h4 {margin:0; padding:0 0 3px 0; font-size:115%; color:#222;}
.contentslider .slidetout h4 a {color:#222;}
.contentslider .slidetout .imgcont {float:left; width:120px; padding-right:8px;}
.contentslider .slidetout .txtcont {float:left; width:84px;}
.contentslider .slidetout .txtcont a {font-weight:bold;}
.contentslider .slidetout .txtcont .headline {font-size:110%; font-weight:bold; color:#34495c;}

