/* southernaccents.com | slideshows.css */

p.directions{font-size:95%;}

/** All Slideshow backgrounds use same sprite**/
#pagTop, #pagTop div,
#pagTop #topPrev a.off,
#pagTop #topNext a.off,
#btmPrev,
#btmPrev .pageSlide,
#btmNext,
#btmNext .pageSlide{ background: url(../i/slideshowControls.gif) no-repeat;}

#slideShow { float:left; width: 640px; }
#slideShow div.lineWrapper { padding-top:10px; width: 640px;}
/*#slideBox holds main img and Ads*/
#slideBox { width:400px; float:left; margin-right:15px; }
#slideBox .ad300 {width:300px; margin: 0 auto;  padding-top: 15%}
#slideBox .ad300 p.adtxt {display:block; margin:0; padding:0 0 2px 0; font:normal 10px verdana,sans-serif; color:#999; text-transform:uppercase; text-align:center;}
#slideBox .ad300 p.adtxt span {padding:0 10px; background:#f7f8f8;}
div.slideImg { background: #f7f8f8; height:400px; }
/* #slideContent holds all copy (right side)*/
#slideContent { float: left;  width:225px;}
#slideContent #slideControls{ overflow: hidden; width:215px; margin-bottom:10px;}
#slideContent .viewAll { float:left; position:relative; left:0; top: 2px; }
/* h2 main slide title used for ipix as well*/
#slideShow h1,
#slideShow h2 { font: normal 148% Georgia, "Times New Roman", Times, serif; margin-bottom:10px;}
/* h3 prev/next slide title*/
#slideContent h3 { text-transform:uppercase; color:#6f773b; font: bold 90% Arial, Helvetica, sans-serif; margin-bottom: 25px; }
#slideContent h3 span {margin-right:3px;}
#slideContent h3 a { text-transform:none; color:#369; font: 115% Georgia, "Times New Roman", Times, serif; padding-left: 2px; }
/*touts in slideContent */
#slideContent h3.widgetTitle{margin:15px 0 0 0;}
#slideContent div.linkTout h5{ font-size:100%; color:#333;}
#slideContent div.title{ font-size:100%; font-weight: bold; color:#333;}

#slideContent div.img75 ul.tout h4 a { font: 115% Georgia, "Times New Roman", Times, serif; }
#slideContent ul {padding-bottom:8px;}
#slideContent ul li{ margin:0; padding:0 0 4px 10px; background: url(../i/icons.gif) no-repeat 0 -649px; overflow: hidden;} /* adds > for List */
#slideContent div.img75 ul.tout li{ background: none; padding:14px 0 5px;}
#slideContent ol {padding-bottom:1em; list-style:decimal;}
#slideContent ol li{list-style:decimal inside; margin:0 0 8px 0;} 

/* top Pagination*/
#pagTop { background-position: -1px -160px; float: left; width: 108px; padding: 2px 1px 4px; }
#pagTop div { width: 24px; height: 17px; }
#pagTop a { display: block; height: 100%; text-align:center; text-decoration:none; color:#b8e5e1; text-indent:-9999px;}
#pagTop strong.num { font: bold 11px Arial, Helvetica, sans-serif; float:left; margin:2px 0; width: 58px; text-align:center; }
#pagTop #topPrev { background-position: -2px 0; float:left; }
#pagTop #topNext { background-position: -2px -80px; float: left; }
#pagTop #topPrev a.off { background-position: -2px -40px; color:#8e8e8e; }
#pagTop #topNext a.off { background-position: -2px -120px; color:#8e8e8e; }

/* bottom Pagination*/
#pagBottom { float: left; width:640px; margin-top:20px; }
/*wrappers for the pagBottom so it holds it shape*/
div.leftPag{width:260px; float:left; }
div.rightPag{width:260px; float:right;}
div.midPag{margin:0 260px; display: block;}/*if you add a width here is will break layout*/

#pagBottom h3 { text-transform:uppercase; color:#6f773b; font: bold 90% Arial, Helvetica, sans-serif; width: 130px; }
#pagBottom h3 a { text-transform:none; color:#369; font: 115% Georgia, "Times New Roman", Times, serif; padding-left:0; }
#btmPrev { background-position: left bottom; float:left; text-align:left;  width:260px; padding-bottom:10px;}
#btmNext { background-position: right bottom; float:right; text-align:right; width:260px; padding-bottom:10px; }

#pagBottom div.pageSlide{ width: 260px; padding-top:10px;}
#pagBottom div.pageSlide a {display:block;}
#pagBottom div.pageSlide strong.arrow a {width:25px; height: 80px;}
#pagBottom div.pageSlide div.thumb{background-color:#fff; padding:2px; border:1px solid #e4ecf2;}

#btmPrev div.pageSlide { background-position: 0 -230px; float:left;}
#btmNext div.pageSlide { background-position: right -230px; float:right;}

#btmPrev div.pageSlide strong.arrow, #btmPrev div.thumb { float:left; }
#btmNext div.pageSlide strong.arrow, #btmNext div.thumb { float:right; }

#btmPrev h3 { float:left; margin-left: 10px; width:115px; }
#btmNext h3 { float:right; margin-right:10px; width:115px;}

#currentSlide {  width:110px; text-align:center;}
#currentSlide strong.num {  margin:2px 0;  text-align:center;}
#currentSlide img { padding:2px; border: 3px solid #cac782; }

div.quigo{clear:both; margin:0 0 15px 0; border-top:15px solid white;}

/*Ipix*/
#ipixBox #slideControls{ overflow: hidden; width: 185px; }
#ipixBox h1,
#ipixBox h2 { float: left; width:428px;}
#ipixBox .viewAll { float:right; position:relative; left:0; top: 2px; }
div.slideQt{ margin:10px 0;}
strong.ipixIcon{ background:url(../i/icons.gif) no-repeat -300px 0; padding:5px 0 5px 28px;}


/*SlideIndex Page */
/* Pagination*/
#slideShowIndex div.lineWrapper{ margin-bottom:10px; border-bottom:1px solid #9cc; width:640px;}
#slideShowIndex div.bottom{margin:-5px 0 20px;}
div.pagSlideIndex{float:left;}
div.pagSlideIndex strong.num { font: bold 11px Arial, Helvetica, sans-serif; margin:2px 0; width: 58px; }

/* using same markup as 150 tout Row (Img Touts) */
#slideShowIndex  { position: relative; float:left;  }
#slideShowIndex ul { float: left;}
#slideShowIndex li {float:left; border-right:10px solid #fff; padding:10px 24px; /*background:#f4f7fa;*/}
#slideShowIndex li.last {border-right:0;}
#slideShowIndex p {margin:0; padding:0;}
#slideShowIndex p.thumb img {width:150px;}
#slideShowIndex h4 {padding-top:7px; width: 156px;/* height:60px;*/ }
#slideShowIndex h4 a {font: normal 110%/130% georgia,"times new roman",times,serif;}

/* network Integration MHI  */
#myhomeNtwk {margin: 20px 0; float:left; border:solid 1px #88a8d8; padding:0; width:100%; background: #f0f6ff url(http://img4.myhomeideas.com/static/i/bg_scroll.png); color:#547ac0;}
#myhomeNtwk ul {padding:0; margin-bottom:0;}
#myhomeNtwk li {padding:0 0 3px 8px; background:url(../i/icons.gif) no-repeat 0 -775px; font:normal 94% arial,helvetica,sans-serif;}
#myhomeNtwk p {margin:0; padding:0;}
#myhomeNtwk h4 {padding-bottom:5px; font:bold 116% arial,helvetica,sans-serif; color:#547ac0;}
#myhomeNtwk h4 span {display:block; font-size:85%;color:#555;}
#myhomeNtwk a {color:#547ac0;}

#myhomeNtwk div.inner {padding:10px; }
#myhomeNtwk ul.linkList li a {color:#547ac0; font-size:12px;}
#myhomeNtwk ul.linkList li {padding-left:10px; background:url(../i/icons.gif) no-repeat 0 -775px; line-height:17px;}
#myhomeNtwk div.ntwkLogo{background: url(../i/myhomeNtwk.png) no-repeat; width: 124px; height: 32px; margin-left:80px;}

/* network Integration MR  */
#myrecipesNtwk .inner h4 {font-size:15px;}
#myrecipesNtwk .inner h4 span{font-size:11px;}
#myrecipesNtwk {float:left; padding:0; width:100%; background:#fef8e1 url(../i/myrecipesNtwk.png) no-repeat top right ; font:georgia,times,serif; color:#ebf1e3; border:1px solid #ffd590; margin-bottom:20px;}
#myrecipesNtwk .inner h4 {margin-top:0; font:bold 16px georgia,times,serif; color:#563907;line-height:19px;}
#myrecipesNtwk div.inner {padding:10px; }
#myrecipesNtwk .inner h4 {font-size:16px; color:#000; margin-bottom:8px;}
#myrecipesNtwk .inner h4 span {font-size:16px; margin-left:0; color:#563907;}
#myrecipesNtwk ul.linkList li a {color:#6f773b; font-size:12px;}
#myrecipesNtwk ul.linkList li {padding-left:11px; background-position:0 -255px; line-height:17px;}
#myrecipesNtwk .ntwkLogo {margin-right:0; height:15px; background:url(../i/myrecipesNtwkLogo.png) right bottom no-repeat;}

.toolbarS1 {clear:both; padding:15px 0 0 0;}