@charset "utf-8";
/* CSS Document */

/* Shopp new nav Dec 8 2009*/

.orange {color:#F9B10B!important;}

.container-shop {
	width: 246px;
	position: relative;
	top:5px; /* top:122px; */
}

.header-shopp {
	background: url('/wp-content/themes/decor-moulding/images/shopnowheader.png') repeat;
	width: 287px; height: 100px;
	float: left;
	margin-left:-15px;
	margin-bottom:-60px;
	border: 1px solid #900;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	color:#fff!important;
		background:#333333;

}
ul#topnav li a {
	float: left; 
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }


ul#topnav a.products {
	background: url('/wp-content/themes/decor-moulding/images/main.png') no-repeat;
	width: 108px;
	padding-right:15px;
}
ul#topnav a.allproducts {
	background: url('/wp-content/themes/decor-moulding/images/allproducts.png') no-repeat;
	width: 108px; 
}

.scroll {
	width:930px!important; margin-top:40px;
	}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	width: 80%;
	color: #000;
	padding: 3px 1px 4px 15px;
	height: auto;
	background: #333333 url('http://decormouldings.com/wp-content/themes/decor-moulding/images/dropdown_linkbg.gif') no-repeat 1px 6px;
	border-bottom:1px solid #444444;
	border-top:1px solid #252525;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.5em;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	color: #EC7600; /* main product header */
}


ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	display: block;
	text-decoration: none;
	color: #007EFD; /* #F60 #007EFD testing */
}
ul#topnav .sub ul li a:hover {color: #fff; font-weight:700;}

.topnav-sub {width: 200px; }

.division-nav {border-top:1px solid #000; padding:10px 0;}

.title-nav-shopp {background:none!important; margin-left:-2px!important; text-transform:uppercase; font-size:12px; width:100%;}
.title-nav-shopp-2 {background:none!important; margin-left:-2px!important; font-weight:700; text-transform:uppercase; font-size:13px;}

.img-shopp-nav { width:150px!important; height:128px!important; background: none!important; margin:0 0 5px -10px!important;; border:none!important;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{background:#000; margin-top:20px; }
        #cboxContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#fff; font-size:24px;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:25px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
		
		.insidecontainer {display:none!important; height:600px!important; overflow:auto!important;}
		.insidecontainer2 {background:#333!important;}