#DIheader {width:802px; height:111px; clear:both; background:url(http://images.meredith.com/bhg/images/premium/decorate/DI_designs_logo.jpg) no-repeat; margin:0 0 10px 0;}
#DIheader .nav {width:532px; height:25px; float:left; background:url(http://images.meredith.com/bhg/images/premium/decorate/DInav_bg1.gif) repeat-x; margin:86px 0 0 0; padding:0 0 0 10px;}
#DIheader .nav UL {display:inline; padding:0; margin:0 0 0 4px; list-style-type: none; background:#ccc; position:relative;}
#DIheader .navli {float:left; display:inline; padding:6px 22px 4px 23px; margin:0 0 0 0; color:#f8f8f8; font-weight:bold; position:relative;}
#DIheader .navli a:link { color:#f8f8f8; font-weight:bold; text-decoration:none;}
#DIheader .navli a:visited { color:#f8f8f8; font-weight:bold; text-decoration:none;}
#DIheader .navli a:hover { color:#f8f8f8; font-weight:bold;}
h1 {color:#666666; font-family:Arial;}
h1 a:link {color:#666666; font-family:Arial;}
h1 a:visited {color:#666666; font-family:Arial;}
h1 a:hover {color:#666666; font-family:Arial;}
h2 {color:#666666; font-family:Arial;}
#featuredPhoto h2 {font-size:25px; padding:5px 0 5px 0; font-weight:bold; font-family:Arial; color:#54555e; font-weight:normal; margin:0;}
#photoCollection h2 {font-size:25px; padding:5px 0 5px 0; font-weight:bold; font-family:Arial; color:#3757ee; font-weight:normal; position:relative; margin:0;}
h3 {font-size:17px; padding:0; margin:0; font-weight:bold; font-family:Arial; color:#666666;}
#photoCollection h3 {font-size:16px; padding:0; margin:0; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#666666;}
h5 {margin: -1px 0 5px 0; padding:5px 0 0 0;  font-family:Georgia, "Times New Roman", Times, serif; color:#5d7ff9; font-size:16px; position:relative;}
.leftcategory h3 { border-top:1px solid #ccc;margin: 5px 10px 5px 0; padding:5px 0 0 0;  font-family:Georgia, "Times New Roman", Times, serif; color:#5d7ff9; font-size:16px; font-weight:bold;}
.leftcategory a:link, .leftcategory a:visited {color:#333; text-decoration:none;}
.leftcategory a:hover {color:#333; text-decoration:underline;}
.leftcategory p {padding:0 0 5px 0;}
.homelink {top:195px; width:500px; left:5px; height:85px; position:absolute;}
#loginBox p {color:#565754; padding:0 0 0 7px;}
#gb2bbrc p {padding:0 0 5px 0; margin:0; color:#383940; font-size:12px; font-family:arial;}
#featuredPhoto p {padding:10px 0 10px 0; text-transform: uppercase; font-size:9px; letter-spacing: .1px; color:#7a7979;}
#photoCollection p {padding:0 0 5px 0; font-size:12px; letter-spacing: .1px; color:#7a7979;}

.rightborder  {border-right:1px solid #638f3d;}
#loginBox table {padding:0px; margin:-25px 0 0 -10px; background:#ccc;}
#loginBox tr {padding:0; margin:0;}
#loginBox td {padding:0; margin:0;}
#loginBox {width:250px; height:96px; padding:25px 0 0 10px; float:left; background:url(http://images.meredith.com/bhg/images/premium/decorate/login_BG.gif) no-repeat; margin:15px 0 0 0;}
#loginBox a {color:#2b70ff;}
.logintext {font-size:10px; font-weight:bold; }
#loginBoxPromo {width:260px; padding:0; float:left; margin:15px 0 0 0;}
.username {font-weight:bold; margin:0 0 12px 0;}
.memberdate {margin:0 0 8px 0;}

#featuredPhoto {width:360px; float:left; padding:15px 20px 0 30px;}
#featuredPhoto a:link, #featuredPhoto a:visited, #featuredPhoto a:hover {color:#3757ee; text-transform: uppercase }
.featuredphotodiv img {width:280px; border:1px solid #440004; background:#fff; padding:9px;}
#photoCollection {width:390px; float:left;}

.featuredButtons {text-align:center; padding:10px 0 0 0;}
.featuredButtons img {margin:0 5px 0 5px;}

#gb2bbrc a:link, #gb2bbrc a:visited { color:#4c4d56; text-decoration:none; font-weight:normal;}
#gb2bbrc a:hover { color:#4c4d56; text-decoration:underline; font-weight:normal;}
.collection {width:375px;}
.interior {width:180px; float:left; border-right:solid 1px #ccc; margin:0 10px 0 0; padding:0;}
.exterior {width:165px; float:left;}

#di_content_wrapper {clear:both;}
#di_content_wrapper a:link, #di_content_wrapper a:visited  {color:#333; text-decoration:none;}
#di_content_wrapper a:hover  {color:#333; text-decoration:underline;}
#di_content_wrapper .leftnav {width:212px; padding:0 0 0 30px; margin:0 15px 0 0; float:left;}
#di_content_wrapper .middlewell {width:520px; float:left; margin:-49px 0 0 0;}
#di_content_wrapper .catmiddlewell {width:520px; float:left; margin:0 0 0 10px;}
#di_content_wrapper .catmiddlewell a:link, #di_content_wrapper .catmiddlewell a:visited  {color:#333;}
.leftnavleft {width:150px; float:left; padding:0 0 5px 0;}
.leftnavright {float:left; padding:0 0 5px 0; width:40px; text-align:right;}
.leftcategory {clear:both; margin:0 0 10px 0;}
.toollinks {border-top:1px solid #ccc; padding:10px 0 0 0; margin:10px 0 0 0; width:190px;}
.toollinks a:link, .toollinks a:visited {color:#333; text-decoration:none;}
.toollinks a:hoover {color:#333; text-decoration:underline;}
.pagingspacer {padding:5px 5px 0 5px; width:450px; margin:17px 0 0 35px; top:15px;  height:27px; position:relative;}
.breadcrumb {margin:0 0 35px 30px; clear:both; font-weight:normal;}
.breadcrumb a:link, .breadcrumb a:visited {font-weight:500; font-family:arial; color:#666666; font-size:28px;text-decoration:underline;}



.noline a:link, .noline a:visited, .noline a:hover {text-decoration:none;}
.pagingbar {background:#ccc url(http://images.meredith.com/bhg/images/premium/decorate/pagbg.gif) repeat-x; color:#6c706a; padding:5px 5px 0 5px; width:450px; margin:15px 0 0 35px; top:15px;  height:27px; position:relative; border:1px #bababa solid; z-index:99;}
.pagingbar p {width:250px; float:left; font-weight:bold; padding:4px 0 0 5px;}
.pagingbarbottom {background:url(http://images.meredith.com/bhg/images/premium/decorate/pagbg.gif) repeat-x; color:#6c706a; padding:4px 5px 0 5px; width:438px; top:-17px; margin:0px 0 0 35px; height:28px; border:1px #bababa solid; z-index:99; position:relative;}
.pagingbarbottom p {width:250px; float:left; font-weight:bold; padding:4px 0 0 5px;}
.bottomprintbar { width:450px; margin:10px 0 0 35px; height:40px; position:relative; text-align:center;}
.catbottomprintbar { width:360px; margin:10px 0 0 5px; height:40px; position:relative; text-align:center;}
.imagedetailborder {background:#fff; width:432px;   border:1px solid #dde7d4; padding:10px;}
.imagedetailborder img {width:430px;}
.imagecatborder {background:#fff; width:270px;  border:1px solid #333333; padding:10px;}
.imagecatborder img {width:270px;}
.imagedetailratings {padding:5px 5px 2px 5px; margin:0 auto; clear:both; width:440px; text-align:right; position:relative;}
.imgsource {text-transform:uppercase; font-size:10px; letter-spacing: .1px; color:#7a7979; padding:5px 0 5px 0; border-bottom:solid #ccc 1px; margin:0 0 10px 0;}
.imageborder {background:#fff; margin:10px 0 0 0; padding:5px; width:100px;clear:both; border:1px solid #666666;}

.catfeatured {width:365px;}

.browserows {width:110px; float:left; margin:0 10px 0px 0; position:relative;}
.browsepagination {clear:both;}
.nextprev {width:150px; float:right; text-align:right; padding:0 0 2px 0;}
.nextprev img {margin:0 0 0 5px;}
.viewing {float:left; padding:4px 0 0 0; font-weight:bold;}
.browseviewing{float:left; width:175px; padding:4px 0 0 0; font-weight:bold;}
.browseform{float:left; padding:0 0 0 0; font-weight:bold;}
.relatedrow{width:530px; clear:both;}
.savefav {background:url(http://images.meredith.com/bhg/images/premium/decorate/pagbg.gif) repeat-x; color:#6c706a; padding:8px; margin:10px 0 0 0; text-align:center;  position:relative; border:1px #dde7d4 solid;}



/********* favorites page   ***********/
.favoriterow {clear:both; margin:0 0 15px 0; position:relative;}


/* preview page *****************/
html>body #popDiv { /* Renders in Firefox/etc */
    position:absolute;
    width:505px;
    height:430px;
    left:150px;
    top:205px;
    z-index: 9000;
    background-color:#FFF;
    border: 1px solid #336699;
    visibility:hidden;
    overflow:hidden;
}

#popDiv{ /* Renders in IE */
    position:absolute;
    width:515px;
    height:325px;
    left:150px;
    top:215px;
    z-index: 9000;
    background-color:#fff;
    border: 1px solid #336699;
    visibility:hidden;
padding:0 5px 5px 5px;
margin:0;
}
#popContent{
    float:left;
    
padding:5px 0 0 0;
}
#popTopBar{
    text-align: right;
    float:left;
    width:100%;
    clear:both;
    background-color:#336699;
    padding:5px 5px 5px 5px;
	margin:5px 0 0 0;
}

html>body #popTopBar{
    text-align: right;
    float:left;
    width:490px;
    clear:both;
    background-color:#336699;
    padding:5px 5px 5px 5px;
	margin:5px 0 0 0;
}

#popTopBar a{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    font-size:10px;
    margin-right:10px;
}
#popTopBar a{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    font-size:10px;
}
html>body #popTopBar a{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    font-size:10px;
    margin-right:10px;
}
html>body #popTopBar a{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    font-size:10px;
}

/*tooltips*/
#tooltipDiv {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
	padding: 5px;
	border-style: solid;
	border-width: 5px;
	border-color: #FFF;
	background-color: #D5E0E4;
	color: #333;
	font-family: verdana, sans-serif;
	font-size: 11px;
	white-space: nowrap;
}