#dnn_dnnNAV_ctldnnNAV{display:block;}

.header-nav-container #dnn_dnnNAV_ctldnnNAV ul li {
float: left; 
font-family: 'museo-1','museo-2',serif;
/*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
*/
background: #fff5d1 url(images/nav-top.gif) no-repeat left top;
margin-right: 4px;
background-color:#0F0
}
.header-nav-container #dnn_dnnNAV_ctldnnNAV ul li a {
font-size: 16px; 
text-decoration: none; 
color:#636;
font-size:24px;
font-weight: bold; 
display: block;
background: url(images/nav-right.gif) no-repeat right top;
padding: 12px 16px 8px 12px;
}


.main_dnnmenu_bar 
{
	cursor:pointer;
	background-color:transparent; margin:26px 0 0 12px; *margin:12px 0 0 12px; padding:0; position:absolute; top:0; left:0;
}



/* @group Resets */
* { margin: 0; padding: 0; }
body { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; background: #f7f6db url(images/back-gradient.jpg) left bottom repeat-x; text-align: center}
ul { list-style: none inside; }
a { outline: none; }
a img { border: none; }
table { border-spacing: 0; border-collapse: collapse;}
/* @end */

/* @group Utility */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both;}
.transpBlack { background: url(transpBlack.png); }
#page-wrap {width: 775px; margin: 0 auto;}
/* @end */

/* @group = Base */

	/* @group -Boxes */
.round {
margin-bottom: 20px; }
.round .inner {
background: #fffcf0 url(images/slider-photostack.jpg) no-repeat center bottom;
border-left: 1px solid #e6deb4;
border-right: 1px solid #e6deb4;
padding: 5px 20px;
height: 425px;
 }
.round .top {
background: url(images/12col-corners.png) left top;
height: 10px; }
.round .bottom {
background: url(images/12col-corners.png) right top;
height: 10px; }
.round p {
text-align: center; 
margin: 0 50px 25px 50px; }
#slide-stack {
background: url(images/slider-photostack.jpg);
height: 324px;
width: 679px; }
	/* @end */	

	/* @group -Typography */
h1, .containerheadtextblank {
color: #413c31; 
text-align: center;
font-size: 26px;
font-family: "museo-1","museo-2",serif;
font-weight: bold;
}
h2 {
color: #413c31; 
text-align: center;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 18px; 
font-weight: bold; 
}
p, td {
color: #786b50;
font-size: 14px; }
	/* @end */

	/* @group -Header */
#header {
background: #ffe070;
position: relative;
height: 180px;
margin-bottom: 40px;
border-top: 3px solid #deb117;
z-index: 5; }
#header h1 {
color: #ba3900; 
border-bottom: 4px dotted #e3b925;
font-size: 40px; text-align:left; width:750px; margin:12px 0 0 12px; font-family:trebuchet;}
.header-container{height:170px; margin-left:auto;margin-right:auto;width:960px; position: relative; z-index:20;}
.header-logo{width:99px; height:130px; float:left; display:inline; margin:8px 0 0 0; padding:0;position: relative; z-index:5;}
.header-title{width:800px; height:70px; float:left; display:inline; margin:6px 0 0 0; padding:0;text-align:left;}
.header-nav-container{width:800px; height:54px; float:left; display:inline-block; margin:10px; padding:0; text-align:left; position:relative; z-index:25; padding-top:8px}

#tag {position: absolute;left: 0px;top: 40px; }

#collar {height: 40px;background: url(images/collar.png) left -3px;position: absolute;top: 162px;left: 0px;width: 100%;z-index: 10; }

#account {height:30px;}
#account p, #account p a {
font-size: 12px;
color: #ba3900; }
#retail-login {
display: block;
text-align: center;
background: url(images/retailer-login.gif) no-repeat center top;
padding: 5px;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 14px;
width: 140px;
float: right; }
#account p {
float: left;
text-align: right;
width: 650px;
padding-top: 7px; }
	/* @end */
	
/* @group -Navigation */

.header-nav-container ul li {
float: left; 
font-family: 'museo-1','museo-2',serif;
background: #fff5d1 url(images/nav-top.gif) no-repeat left top;
margin-right: 4px;
}
#dnn_dnnNAV_ctldnnNAV li a {
font-size: 16px; 
text-decoration: none; 
color: #413c31; 
font-weight: bold; 
display: block;
background: url(images/nav-right.gif) no-repeat right top;
padding: 12px 16px 8px 12px;
}

#dnn_dnnNAV_ctldnnNAV li:hover, #dnn_dnnNAV_ctldnnNAV li.active {
background: #ba3900 url(images/nav-top-on.gif) no-repeat left top;
}
#dnn_dnnNAV_ctldnnNAV li a:hover, #dnn_dnnNAV_ctldnnNAV li.active a, .sub-nav li:hover > #dnn_dnnNAV_ctldnnNAV li a {
color: white; 
background: url(images/nav-right-on.gif) no-repeat right top;
}

.sub-nav {
display: none;
position: absolute;
z-index: 10;
width: 188px;
top: 36px;}

#dnn_dnnNAV_ctldnnNAV li:hover .sub-nav {
display: block;}

#dnn_dnnNAV_ctldnnNAV .sub-nav li {
background: none;
border-top: 1px solid #a8330d; }
#dnn_dnnNAV_ctldnnNAV .sub-nav li a {
color: #ede4d8;
background: #ba3900;
font-size: 13px; 
display: block;
width: 162px;
padding: 8px 13px;}
#dnn_dnnNAV_ctldnnNAV .sub-nav .last {
background: transparent url(images/on-corners.png) left top no-repeat;
height: 18px;
width: 188px; }
#dnn_dnnNAV_ctldnnNAV .sub-nav li a:hover {
color: white; }
	/* @end */	
	

	
	
	
	
	
	/* @group -Footer */
#footer {
background: #ba3900;
padding: 20px 0 40px 0;
border-bottom: 50px solid #801e00;
position: relative; }
#copyright {
position: absolute;
color: #ede4d8;
text-align: center;
top: 310px;
width: 940px;}
#footer dt {
color: white;
font-weight: bold;
font-family: 'museo-1','museo-2',serif;
font-size: 16px; }

#footer dd a{
font-family: "museo-sans-1","museo-sans-2",sans-serif; 
color: #ede4d8;
font-size: 14px;
padding-left: 45px;
padding-top: 4px;
padding-bottom: 4px;
display: block;}
#footer dd a:hover {color: white; }

dt.about {background: url(images/footer-icons.jpg) no-repeat top left;padding: 10px 0 13px 45px; }

dt.navigation {background: url(images/footer-logo-nav.jpg) no-repeat top left;padding: 10px 0 13px 45px; }

.product {background: url(images/footer-logo-prod.jpg) no-repeat top left;padding: 10px 0 13px 45px; }

#footer dd a.contact {background: url(images/footer-logo-mail.jpg) no-repeat top left;padding: 10px 0 13px 45px;display: block;margin: 4px 0;}

#footer dd a.gerber {background: url(images/footer-logo-gerber.jpg) no-repeat top left;padding: 10px 0 13px 45px;display: block;margin: 4px 0;}

.coupon {text-align: center; }

#footer-points {height: 9px;background: url(images/point.jpg) repeat-x bottom;margin-top: 20px;}
	/* @end */	

	/* @group -Form Elements */

	/* @end */	

/* @end */

/* @group =Pages */
	/* @group -Home Page */
	
#product-slider {
background: white;
border: 1px solid #c9c29e;
padding: 10px 15px;
overflow: auto;
overflow-y:hidden;
width: 670px;
height: 300px
 }
 #product-slider ul li {
 	list-style-type:none;
 }
#boys-slide, #girls-slide, #unisex-slide {
height: 220px;
width: 1938px;
 }
#product-slider .container {
width: 264px;
height: 210px;
border: 1px solid #e6deb4;
position: relative;
float: left; 
display: inline;
margin: 8px 5px;
background: white;}

#boys-slide .container h3 {
color: white;
background: #5ca1e3;
text-align: center;
font-size: 16px;
padding: 5px;}
#boys-slide .featured {
position: absolute;
bottom: 0px;
left: 0;
width: 240px;
font-size: 11px;
padding: 18px 12px 8px 12px;
background: #d2ebff url(images/featured-point.gif) no-repeat left top;
color: #413c31; }

#girls-slide .container h3 {
color: white;
background: #e986e7;
text-align: center;
font-size: 16px;
padding: 5px;}
#girls-slide .featured {
position: absolute;
bottom: 0px;
left: 0;
width: 240px;
font-size: 11px;
padding: 18px 12px 8px 12px;
background: #fde7fc url(images/featured-point.gif) no-repeat -264px top;
color: #413c31; }

#unisex-slide .container h3 {
color: white;
background: #a0b339;
text-align: center;
font-size: 16px;
padding: 5px;}
#unisex-slide .featured {
position: absolute;
bottom: 0px;
left: 0;
width: 240px;
font-size: 11px;
padding: 18px 12px 8px 12px;
background: #e9f7c4 url(images/featured-point.gif) no-repeat -528px top;
color: #413c31; }

#product-slider .container img {
float: left;
display: inline;
padding: 10px; }
#product-slider .categories {
font-size: 10px;
padding-left: 8px;
margin: 10px 0;
border-left: 1px solid #dbd2ae;
float: left;
width: 110px;
text-align:left;
}
#product-slider .categories a {
color: #413c31; }
#product-slider .categories li {
padding: 0 0 4px 0; }
#product-slider .categories li {
list-style-type:disc;
}
#product-slider .featured a {
color: #413c31;}
.wrap {
background: #f7f6db;
height: 245px;
overflow: auto;
position: relative; }
#product-nav {
background: #ffe070;
float: left;
width: 500px;
height: 30px;
padding-left: 170px; }
#product-nav li{
float: left;
margin-left: 2px;}

#product-nav a {
display: block;
width: 100px;
text-align: center;
color: #413c31;
text-decoration: none;
padding: 6px 0;
background: url(images/category-gradient.gif);
}

#boys-tab a:hover, #boys-tab .selected {
display: block; 
background: transparent url(images/category-tabs.png); 
width: 100px;
height: 37px;
z-index: 100;
position: relative;
padding: 6px 0;
}

#girls-tab a:hover, #girls-tab .selected {
display: block; 
background: transparent url(images/category-tabs.png) -100px top; 
width: 100px;
height: 37px;
z-index: 100;
position: relative;
padding: 6px 0;
}

#unisex-tab a:hover, #unisex-tab .selected {
display: block; 
background: transparent url(images/category-tabs.png) -200px top; 
width: 100px;
height: 37px;
z-index: 100;
position: relative;
padding: 6px 0;
}

#facebook-featured {
margin-top: 20px;
color: white;}
#facebook-featured div{
background: #49569f;
width: 200px;
padding: 0 10px 0px 10px;
 }

#facebook-featured p {
color: white;
font-size: 11px;
float: left; 
width: 100px;
padding-top: 10px;
}
#facebook-featured div img {
float: right;
padding-bottom: 10px; }
	/* @end */	
#tweet {
background: url(images/twitter.png) no-repeat left center;
padding: 20px 0 28px 70px;
display: block;
color: #ba3900;
margin-top: 10px; }

#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:640px;
		height:351px;
		overflow:hidden; 
		}
/* @group -Slider */
#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:640px;
		height:351px;
		overflow:hidden; 
		}
/* @group -Slider */
	#slider {
margin-left: 10px; height: 354px !important; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	#slider, #slider .panel { width: 640px; } 
	#slider p {
height: 57px; }

/* Tabbed nav */
	#coda-nav-1 {
    position: absolute; top: 115px; z-index: 15; left: 40px;
 }
 .DNNEmptyPane {width: 0px; height: 0px}

	.coda-nav ul li a.current { background: #ba3900 }
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline; float: left; }
	.coda-nav ul li a { background: #ffe070; color: #fff; display: block; float: left; margin-right:4px; text-decoration: none; height: 8px; width: 10px; }
	
	/* Arrow styling */
	.coda-nav-left a {background: url(../images/slider-controls.jpg) no-repeat left top; display: block; height: 38px; width: 38px; text-indent: -1000em; position: absolute; z-index: 10; top: 60px; left: 30px;}
	.coda-nav-left a:hover {background: url(../images/slider-controls.jpg) no-repeat left bottom;}	
	.coda-nav-right a {background: url(../images/slider-controls.jpg) no-repeat right top; display: block; height: 38px; width: 38px; text-indent: -1000em; position: absolute; z-index: 10; top: 60px; left: 650px;}
	.coda-nav-right a:hover {background: url(../images/slider-controls.jpg) no-repeat right bottom; }	
	/* Miscellaneous */
	#slider-wrapper { clear: both; overflow: auto }
	#slider { float: left; overflow: hidden; position: relative; padding-top: 12px; }
	#slider .panel { display: block; float: left }
	#slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* @end */
/* @end */


.MainContentCol {float:left; width:325px; margin: 0px 15px 15px 15px 15px; text-align: left }

.Normal, .NormalBold {
    color: #786b50;
    font-size: 14px; 
    text-align:left; 
    line-height: 25px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

.NormalBold {
    font-weight: bold;
}

/*Login Control*/
/* Stylesheet */
.mainTable 
{
	height:140px;
	width:330px;
	background-color: Transparent;
	background: url('images/RegistrationBg.jpg') 100% 100%
}	
.mainTable td, .mainTable a
{
	text-align:left;
	background-color: Transparent;
	padding-left: 3px;
    font-family: "museo-sans-1","museo-sans-2",sans-serif;
    color: #786B50;
    font-size: 11px;
}
	
.mainTable .Normal
{
/*	color: #a7cabc;
	font-family: Arial, Helvetica, Tahoma; 
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
*/}	
.mainTable .NormalBold
{
	color : #a7cabc;
	font-family: Arial, Helvetica, Tahoma; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style:  normal;
	text-decoration:none;
}	
.mainTable .Head    {
    color: #BA3900;
    font-family: "museo-1","museo-2",tahoma,serif;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}
.mainTable .SubHead    {
	font-family: Arial, Helvetica, Tahoma; 
	font-size: 10pt; 
	font-weight: bold; 
	color : #a7cabc;
}
.mainTable .LoginRightSide {
    background-image: url('images/RegistrationBgRight.jpg');
    background-repeat: no-repeat;
    background-position: 100% 0px;
}