/* set defaults */
body {
	font-family: "helvetica neue light", arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #DEDED8 url(../images/bgs/body-bg.gif) left top no-repeat;
}

* { 
	font-size: 1em; 
	line-height: 1.5em;
}
div, form{
	margin:0;
	padding:0;
}

p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
h1, h2, h3, h4, h5, h6{
	font-family: "helvetica neue light", helvetica, arial, sans-serif;
	margin: 0 0 .1em 0;
}	
h1{
	font-size: 2.6em;
	font-weight:normal;
}
h2{
	font-size: 1.6em;
	font-weight:normal;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.2em;
}

ul, ol, dl, li, dt, dd {
	list-style: none;
	padding:0;
}
li, dt, dd {
	margin:0;
	font-size: 1.2em;
}
label, input{
	margin:0;
	font-size: 1.1em;
}
input{
	padding: 2px;
}
a {
	color: #333333;
	text-decoration:underline;
}
a:hover {
}

img, a img {
	border: none;
}		

a.skiplink {
	font-size: 8px;
	font-weight:normal;
	color: #F3F3F3;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #ffffff;
	text-decoration: underline;
}


/* boxes */
#wrapper{
	width:770px;
	margin: 0px auto;
	text-align: left;
	background: #fff url(../images/bgs/wrapper-bg.gif) left bottom no-repeat;
	padding-bottom:20px;
}
#header{
	width:770px;
	height:90px;
	padding-top:30px;
	background:#F3F3F3 url(../images/bgs/header-bg.gif) left bottom no-repeat;
}
#sidebar{
	float:left;
	width:150px;
	padding:10px 0 10px 20px;
}
#content {
	width:565px;
	padding:10px 0;
	margin-left:185px;
	position:relative;
}

#footer{
	width:770px;
	clear:both;
	padding-top:20px;
	background:#F0F0EA url(../images/bgs/footer-bg.gif) left top no-repeat;
}
#userpanel{
}



/* header stuff */
#header h1 {
	padding-left:47px;
	width: 350px;
	float:left;
}
#header h2{
	text-align:right;
	padding: 46px 50px 0 0;
	font-weight: normal;
}

/* menu stuff */
#menu {	
	float:left;
	width: 145px;
	background: url(../images/bgs/sidebar-bg.gif) top left repeat-y;
}
.nav li {
	float:left;
	width:145px;
	font-size:1.4em;
	background: url(../images/links/linksNav-bg-over.gif) left top repeat-y;
}
.nav li a{
	padding: 1px 0 1px 10px;
	display: block;
	text-decoration:none;
}
.nav li .navitem{
	background: url(../images/links/linksNav-bg.gif) left top repeat-y;
}
.products .productsNav .navitem,
.mission .missionNav .navitem,
.values .valuesNav .navitem{
	background: url(../images/links/linksNav-bg-active.gif) left top repeat-y;
}
.nav li.homeNav{
	background: url(../images/links/homeNav-bg-over.gif) left top no-repeat;
}
.nav li.homeNav .navitem{
	padding-top:5px;
	background: url(../images/links/homeNav-bg.gif) left top no-repeat;
}
.index .nav li.homeNav .navitem{
	background: url(../images/links/homeNav-bg-active.gif) left top no-repeat;
}
.nav li.contactNav{
	background: url(../images/links/contactNav-bg-over.gif) left bottom no-repeat;
}
.nav li.contactNav .navitem{
	padding-bottom:5px;
	background: url(../images/links/contactNav-bg.gif) left bottom no-repeat;
}
.contact .nav li.contactNav .navitem{
	background: url(../images/links/contactNav-bg-active.gif) left bottom no-repeat;
}

#menu li .navitem:hover{
	background: url(none) left top repeat-y;
}

/* second level menu */
#menu .ranges{
	margin-left:1px;
	width:143px;
	background:#fff;
	padding: 2px 0;
}
#menu .ranges li {
	font-size: .93em;
	text-indent:10px;
	width:143px;
}
#menu .ranges, #menu .ranges li{
	background:#DEDED8;
}
#menu .ranges li a{
	padding: 0px 0 0px 10px;
}
#menu .ranges li a:hover{
	background:#EBEBEB;
}
#menu .ranges li.active a{
	background:#D2D3B4;
}


/* searchbox stuff */
#searchbox {	
	margin:20px 0 0 0;
	float:left;
	width: 145px;
	background: url(../images/bgs/sidebar-bg.gif) top left repeat-y;
}
#searchbox h1{
	padding:10px 10px 0 10px ;
	margin:0;
	font-size:2em;
	line-height:1.1em;
	background: url(../images/bgs/sidebar-top-bg.gif) top left no-repeat;
}
#searchbox form{
	padding:2px 10px 7px 10px;
	background: url(../images/bgs/sidebar-base-bg.gif) bottom left no-repeat;
	line-height: 1.2em;
}
#searchbox #keywords{
	background-color:#DEDED8;
	border:1px solid #BBBBB6;
	width:90px;
}
#searchbox .submitbutton{
	vertical-align:middle;
	padding:0 0 6px 4px;
}


/* footer stuff */
#footer p, #footer ul{
	padding: 0 20px;
	margin:0;
	font-size: 1.1em; 
	color:#7D7D73;vertical-align: text-top;
}
#footer .copyright{
	height:151px;
	background: url(../images/bgs/footer-credit-bg.gif) 500px 0 no-repeat;
}
#footer a.credit {
	color:#9E9E96;
	padding-left:5px;
	text-decoration:none;
}
#footer a.credit:hover{
	color:#7D7D73;
}
#footer a img{
	vertical-align: text-top;
}


/* userpanel stuff */
#userpanel{
	padding: 0 20px;
	position:relative;
	margin-top:-30px;
}
#userpanel li{
	display:inline;
}



/* universal content styles */
.feature .item .inlinepic{
	float:right;
	padding:5px 10px; 
	margin-left:10px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}



/* index content styles */
.index .flash {
	padding-bottom:20px;
	background: url(../images/bgs/roundedWide-top-bg.gif) left bottom no-repeat;
}
.index .feature {	
	background: url(../images/bgs/roundedWide-bg.gif) left top repeat-y;
	text-align:center;
}
.index .feature .intro {
	background: url(../images/bgs/roundedWide-base-bg.gif) left bottom no-repeat;
	padding:1px 30px;
}
.index .subitem{
	float:left;
	margin:20px 0 10px 0;
	width: 565px;
	background: url(../images/bgs/index-subitem-bg.gif) left bottom no-repeat;
}
.index .subitem .label{
	width:275px;
	min-height:260px;
	height:auto !important;
	height:250px;
	float:left;
	display:inline;
}
.index .subitem .white{
	background: url(../images/bgs/whitelabel-intro-bg.jpg) left top no-repeat;
	text-align:right;
}
.index .subitem .black{
	margin-left: 15px;
	background: url(../images/bgs/blacklabel-intro-bg.jpg) left top no-repeat;
}
.index .label h1, .index .label h2, .index .label h3, .index .label p, .index .label ul{
	margin:auto 12px;
}
.index .subitem .label h1{
	padding-top:110px;
}



/* product styles content styles */
.crumbs {
	position:absolute;
	right:0;
	width: 300px;
	text-align:right;
	font-size:.9em;
}
.feature .catalogue{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.feature .catalogue li{
	float:left;
	text-align:center;
	display:inline;
	width:150px;
	height:180px;
	margin:0 35px 0px 0;
	padding-bottom:10px;
	position: relative;
}
.feature .catalogue li a{
	position: absolute;
	width:150px;
	left: 0;
	bottom: 0;
	text-decoration:none;
}
.feature .catalogue li .buttonContainer a,
.feature .catalogue li a.dgButtonLink{
	position: relative;
	width:auto;
	left: 0;
	top:195px;
	/*top:100%;*/
}
.feature .catalogue li a .name{
	text-decoration:underline;
	display:block;
	clear: both;
}



/* range page styling */
.range .intro{
	float:left;
	width:100%;
}
.range .intro .inlinepic{
	float:left;
}
.range .detail{
	margin-left:370px;
	width:190px;
}
.range h2{
	margin:30px 0 1em 0 ;
	font-size:1.2em;
	clear:left;
	font-family: "helvetica neue light", arial, helvetica, sans-serif;
}

/* indivudual product page styling */
.product{
	float:left;
	width:100%;
}
.product .description{
	float:left;
	width:240px;
}
.product .detail{
	margin-left:260px;
	width:190px;
	font-size:1.2em;
}
.product .detail dt{
	float:left;
	width:60px;
}
.detail dt, .detail dd{
	line-height:1.3em;
}

/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash #topMenu li{
	}
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png) !important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 400px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        z-index: 100;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}