/*--------------------------------------------------
	Default Settings
--------------------------------------------------*/

	html, body, div, span, img, form, fieldset, label, 
	p, a, h1, h2, h3, h4, h5, h6, ul, ol, li {
		margin: 0;
		padding: 0;
		border: 0;
		font-family: Arial, Helvetica, sans-serif;
	}
	body {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #4d4d4d;
		background-color: #ffffff;		
	}
	#wrapper {
		display: block;
		position: relative;
		width: 984px;
		text-align: left;	
		margin: 50px auto 20px auto;
		color: #4d4d4d;
		background-color: #d3d3d3;
	}
	
	a:link,	a:visited, a:active, a:hover {
		color: #9d6d8c;
	}
	a:hover {
		text-decoration: none;
	}
	
	input.text, textarea {
		display: block;
		position: relative;
		height: 15px;
		margin: 0 0 0 0;
		padding: 3px 5px 3px 5px;
		color: #4d4d4d;
		background-color: #f2ecf0;
		border: 2px inset #f2ecf0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		text-align: left;
		letter-spacing: normal;
	}
	select {
		display: block;
		position: relative;
		height: 25px;
		color: #4d4d4d;
		background-color: #f2ecf0;
		border: 2px inset #f2ecf0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		text-align: left;
		letter-spacing: normal;
	}
	textarea {
		height: auto;
		line-height: 18px;
	}
	input.button {
		display: block;
		position: relative;
		margin: 0 0 0 0;
		padding: 5px 8px 5px 8px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 15px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #ffffff;
		background-color: #4f4d4e;
		border: none;
		cursor: pointer;
	}
	.clear {
		clear: both;
	}
	
	
/*--------------------------------------------------
	Header
--------------------------------------------------*/
	
	#header {
		display: block;
		position: relative;
		width: 984px;
		height: 102px;
		color: #4d4d4d;
		background-color: #d3d3d3;
	}
	
	/* Header Logo */
	#header h1 {
		display: block;
		position: absolute;
		width: 231px;
		height: 42px;
		top: 18px;
		left: 18px;
	}
	#header h1 a {
		display: block;
		position: relative;
		width: 231px;
		height: 42px;
		background-image: url( '/img/cd-logo.gif' );
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: -999em;
		overflow: hidden;
	}
	
	/* Account Navigation */
	#header #nav-account {
		display: block;
		position: absolute;
		list-style-type: none;
		top: 46px;
		right: 18px;
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
		color: #4d4d4d;
	}
	#header #nav-account li {
		display: block;
		position: relative;
		float: left;
		margin: 0 0 0 10px;
		color: #4d4d4d;
	}
	#header #nav-account li a {
		color: #4d4d4d;
		text-decoration: none;
	}
	#header #nav-account li a:hover {
		color: #9d6d8c;
	}
	
	/* Main Navigation */
	#header #nav-main {
		display: block;
		position: absolute;
		list-style-type: none;
		top: 70px;
		left: 18px;
		font-size: 11px;
		line-height: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #4d4d4d;
	}
	#header #nav-main li {
		display: block;
		position: relative;
		float: left;
		height: 24px;
		padding: 0 0 0 1px;
		color: #4d4d4d;
		background-image: url( '/img/nav-main-div.gif' );
		background-position: top left;
		background-repeat: no-repeat;
	}
	#header #nav-main li.first {
		padding: 0 0 0 0;
		background-image: none;
	}
	#header #nav-main li a {
		display: block;
		position: relative;
		color: #4d4d4d;
		text-decoration: none;
		padding: 7px 12px 7px 12px;
	}
	#header #nav-main li a.selected {
		color: #999999;
	}
	#header #nav-main li a:hover {
		color: #9d6d8c;
	}

	/* Product Search Form */
	#header #prod-search {
		display: block;
		position: absolute;
		top: 70px;
		right: 18px;
	} 
	#header #prod-search label {
		display: block;
		position: absolute;
		left: -999em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#header #prod-search #srchnput {
		position: absolute;
		top: 0;
		right: 46px;
		width: 190px;
		height: 13px;
		padding: 2px 5px 2px 5px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}	
	#header #prod-search #srch-btn {
		display: block;
		position: absolute;
		top: 0;
		right: 8px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}


/*--------------------------------------------------
	Footer
--------------------------------------------------*/
	
	#footer {
		display: block;
		position: relative;
		width: 984px;
		height: 100px;
		background-color: #ffffff;
		color: #4d4d4d;
	}
	#footer a {
		color: #4d4d4d;
		text-decoration: none;
	}
	#footer a:hover {
		color: #9d6d8c;
	}
	#footer #nav-footer {
		display: block;
		position: absolute;
		list-style-type: none;
		top: 9px;
		left: 18px;
		font-size: 10px;
		line-height: 10px;
		font-weight: normal;
		text-transform: uppercase;
		color: #4d4d4d;
	}
	#footer #nav-footer li {
		display: block;
		position: relative;
		float: left;
		padding: 0 10px 0 10px;
		border-left: 1px solid #999999;
		color: #4d4d4d;
	}
	#footer #nav-footer li.first {
		padding: 0 10px 0 0;
		border-left: none;
	}
	#footer #share-footer {
		display: block;
		position: absolute;
		top: 9px;
		right: 15px;
		font-size: 10px;
		line-height: 10px;
		font-weight: normal;
		text-transform: uppercase;
		color: #4d4d4d;
	}
	#footer #share-footer .label {
		display: block;
		position: relative;
		float: left;
	}
	#footer #share-footer ul {
		display: block;
		position: relative;
		float: left;
		list-style-type: none;
		margin: -3px 0 0 0;
	}
	#footer #share-footer ul li {
		display: block;
		position: relative;
		float: left;
		width: 16px;
		height: 16px;
		margin: 0 0 0 6px;
	}
	#footer #share-footer ul li a {
		display: block;
		position: relative;
		width: 16px;
		height: 16px;
		text-indent: -999em;
		overflow: hidden;
		background-position: top left;
		background-repeat: no-repeat;
	}
	#footer #share-footer ul li a#facebook {
		background-image: url( '/img/facebook.gif' );
	}
	#footer #share-footer ul li a#twitter {
		background-image: url( '/img/twitter.gif' );
	}
	#footer #rights {
		display: block;
		position: absolute;
		list-style-type: none;
		top: 48px;
		left: 0;
		width: 984px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 18px;
		font-weight: normal;
		text-align: center;
		text-transform: none;
		color: #4d4d4d;
	}
	#footer #rights a {
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #4d4d4d;
	}
	#footer #rights a:hover {
		color: #9d6d8c;
	}
	
	
/*--------------------------------------------------
	Content
--------------------------------------------------*/	
	
	#content {
		display: block;
		position: relative;
		width: 948px;
		margin: 0 18px 18px 18px;
		padding: 18px 0 0 0;
		color: #4d4d4d;
		background-color: #d3d3d3;
		background-image: url( '/img/bg-content.gif' );
		background-position: bottom left;
		background-repeat: no-repeat;
		border-top: 1px solid #bbbbbb;
		border-bottom: 1px solid #bbbbbb;
	}
	#content h2 {
		display: block;
		position: relative;
		padding: 0 0 18px 0;
		font-size: 21px;
		line-height: 26px;
		font-weight: bold;
		letter-spacing: normal;
	}
	#content h2 .sub-head {
		font-weight: normal;	
	}
	#content h3 {
		display: block;
		position: relative;
		padding: 0 0 9px 0;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		letter-spacing: normal;
	}
	#content h4 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		letter-spacing: normal;
	}
	#content p {
		display: block;
		position: relative;
		padding: 0 0 18px 0;
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
	}
	#content p.back {
		font-size: 11px;
		line-height: 18px;
	}
	#content p.news-date {
		margin: 0 0 0 0;
		padding: 9px 0 4px 0;
		font-size: 14px;
		line-height: 14px;
		font-weight: normal;
	}	
	#content ul,
	#content ol {
		display: block;
		position: relative;
		padding: 0 0 9px 18px;
		margin: 0 0 0 0;
	}
	#content ul li,
	#content ol li {
		display: list-item;
		position: relative;
		margin: 0 0 0 0;
		padding: 0 0 9px 0;
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
	}
	#content ul,
	#content ul li {
		list-style-type: disc;
	}
	#content ol,
	#content ol li {
		list-style-type: decimal;
	}
	
	
/*--------------------------------------------------
	Subnav
--------------------------------------------------*/	

	ul#nav-sub {
		display: block;
		position: relative;
		float: left;
		width: 208px;
		min-height: 90px;
		margin: -18px 0 0 0;
		padding: 14px 0 14px 0;
		list-style-type: none;
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
		color: #4d4d4d;
		background-image: url( '/img/bg-subnav.gif' );
		background-position: top left;
		background-repeat: repeat-x;
		z-index: 5;
	}
	ul#nav-sub li {
		display: block;
		position: relative;
		width: 208px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
	}
	ul#nav-sub li a {
		display: block;
		position: relative;
		width: 172px;
		padding: 6px 18px 6px 18px;
		color: #4d4d4d;
		text-decoration: none;
	}
	ul#nav-sub li a.selected {
		font-weight: bold;
	}
	ul#nav-sub li a:hover {
		color: #9d6d8c;
	}
	ul#nav-sub li ul {
		display: block;
		position: relative;
		width: 160px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
	}
	ul#nav-sub li ul li {
		width: 160px;
	}
	ul#nav-sub li ul li a {
		width: 160px;
		padding: 6px 18px 6px 30px;
	}
	
	/* Subnav Page Controls */
	ul#nav-sub li ul.page-controls {
		width: 160px;
		padding: 6px 18px 6px 30px;
	}
	ul#nav-sub li ul.page-controls li {
		display: inline;
		position: relative;
		width: auto;
		border-left: 1px solid #cccccc;
	}
	ul#nav-sub li ul.page-controls li.first {
		border-left: none;
	}
	ul#nav-sub li ul.page-controls li a {
		display: inline;
		width: auto;
		padding: 0 0 0 6px;
	}
	ul#nav-sub li ul.page-controls li.first a {
		padding: 0 6px 0 0;
	}

	ul#nav-sub li ul.page-controls li.disabled a {
		color: #999999;
		cursor: default;
	}

/*--------------------------------------------------
	Columns
--------------------------------------------------*/	
	
	.col-right {
		display: block;
		position: relative;
		float: right;
		width: 304px;
		margin: 0 0 18px 0;
		padding: 0 0 0 0;
	}
	.col-mid {
		display: block;
		position: relative;
		float: left;
		width: 400px;
		padding: 0 18px 18px 18px;
	}
	.col-mid-right {
		display: block;
		position: relative;
		float: left;
		width: 722px;
		padding: 0 0 18px 18px;
	}
	.col-box-list {
		display: block;
		position: relative;
		float: left;
		width: 722px;
		padding: 0 0 0 18px;
	}
	.col-right-news {
		display: block;
		position: relative;
		float: right;
		width: 370px;
		margin: 0 0 18px 0;
		padding: 0 0 0 0;
	}
	.col-mid-news {
		display: block;
		position: relative;
		float: left;
		width: 334px;
		padding: 0 18px 18px 18px;
	}