/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* color presets 
	orange: e86d1f
	green: aebd22
	
*/
BODY {
	font-family: arial;
	font-size: 11px;
	color: #4d4d4d;
}
a {
	outline: none;
	color: #E86D1F;
	text-decoration: none;
}
a:hover {
	color: #4d4d4d;
}

.bglayer-top {
	background: url(images/bg-top.jpg) no-repeat top center;
	overflow: auto;
}
.bglayer-bottom {
	background: url(images/bg-bottom.jpg) no-repeat center 869px;
	overflow: auto;
}
.bglayer-mid {
	background: url(images/bg-mid.jpg) repeat-y top center;
	overflow: auto;
}
#main {
	width: 840px;
	margin: 0px auto;
}

#header {
	width: 712px;
	height: 124px;
	margin: 0px auto;
}
#logo {
	width: 264px;
	height: 102px;
	float: left;
	margin-top: 15px;
}
#sidebar {
	width: 277px;
	float: left;
	margin-left: 64px;
}
* html #sidebar {
	margin-left: 32px;
}
#content {
	width: 840px;
	background: url(images/tagline.gif) no-repeat 425px 40px;
	overflow: auto;
}
#sidebar .top {
	height: 80px;
	background: url(images/sidebar-top.gif) no-repeat;
	margin-top: 25px;
}

#sidebar .mid {
	background: url(images/sidebar-mid.gif) repeat-y;
	overflow: auto;
}
#sidebar .bottom {
	height: 20px;
	background: url(images/sidebar-bottom.gif) no-repeat;
}
#post {
	float: right;
	margin-right: 86px;
	width: 400px;
	margin-bottom: 50px;
}
* html #post {
	margin-right: 43px;
}

#nav {
	float: right;
	width: 494px;
	margin-top: 57px;
}
#nav li {
	float: left;
	display: inline;
}
#nav a {
	display: block;
	height: 47px;
	width: 193px;
}
#nav .product {
	width: 193px;
	background: url(images/nav1-def.gif) no-repeat;
	text-indent: -9999px;
}
#nav .quotes {
	width: 87px;
	background: url(images/nav2-def.gif) no-repeat;
	text-indent: -9999px;
}
#nav .faq {
	width: 64px;
	background: url(images/nav3-def.gif) no-repeat;
	text-indent: -9999px;
}
#nav .contact {
	width: 134px;
	background: url(images/nav4-def.gif) no-repeat;
	text-indent: -9999px;
}
#nav .product:hover {
	background: url(images/nav1-active.gif) no-repeat;
}
#nav .quotes:hover {
	background: url(images/nav2-active.gif) no-repeat;
}
#nav .faq:hover {
	background: url(images/nav3-active.gif) no-repeat;
}
#nav .contact:hover {
	background: url(images/nav4-active.gif) no-repeat;
}

#nav .pactive {
	background: url(images/nav1-active.gif) no-repeat;
}
#nav .qactive {
	background: url(images/nav2-active.gif) no-repeat;
}
#nav .factive {
	background: url(images/nav3-active.gif) no-repeat;
}
#nav .cactive {
	background: url(images/nav4-active.gif) no-repeat;
}

#tagline {
	float: right;
	width: 400px;
	margin-right: 80px;
	margin-top: 40px;
	height: 13px;
	background: url(images/tagline.gif) no-repeat right;
}
#footer {
	width: 740px;
	height: 30px;
	background: url(images/footer-bg.jpg) no-repeat center bottom;
	margin: 0px auto;
}

#footer .wrap {
	width: 690px;
	margin: 0px auto;
}
#sidebar .wrap {
	margin: 0px 24px;
}
#sidebar .desc {
	padding: 5px 0px;
	color: #e86d1f;
	font-size: 11px;
	font-weight: bold;
}
#sidebar .subscribe {
	margin: 5px 0px 10px 0px;
}
#sidebar .subscribe a {
	text-transform: uppercase;
	color: #aebd22;
	font-weight: bold;
	text-decoration: none;
}
#sidebar .subscribe a:hover {
	color: #4d4d4d;
}
#sidebar .social {
	border-bottom: 1px solid #e86d1f;
	padding-bottom: 5px;
}
#sidebar .social img {
	margin-right: 14px;
}
.post h2 {
	padding: 12px 0px 5px 0px;
	text-transform: uppercase;
	color: #e86d1f;
}
.post h2 a {
	text-transform: uppercase;
	color: #e86d1f;
	text-decoration: none;
}
.post .details {
	color: #999;
}
.post img {
	margin: 10px 0px;
	width: 225px;
}

#sidebar .next {
	text-transform: uppercase;
	text-align: right;
	color: #e86d1f;
	margin-top: 50px;
}
#sidebar .next a {
	color: #e86d1f;
	text-decoration: none;
}
#post {
	font-size: 12px;
}
#post .banner {
	margin-top: 25px;
}
#post h1 {
	color: #aebd22;
	font-size: 14px;
	padding-bottom: 10px;
}
#post p {
	padding: 8px 0px;
}
#post a {
	color: #aebd22;
	text-decoration: none;
}
#post.single h1 {
	padding-top: 25px;
}
#post.page h1 {
	padding-top: 12px;
	font-size: 36px;
}
#post.page h2 {
	font-size: 12px;
	color: #aebd22;
	padding-bottom: 15px;
}
#post.page h2 a {
	font-size: 12px;
	color: #aebd22;
	text-decoration: none;
}

#post.page h3 {
	font-weight: bold;
	font-style: italic;
}
#post.page h2.heading {
	padding-top: 30px;
}
#post.page h3.heading {
	color: #aebd22;
	font-style: normal;
	font-weight: normal;
}
#post.page a {
	color: #aebd22;
}
#post.page a:hover {
	color: #444;
}
#post.page a.def {
	color: #444;
}
#post.page p {
	padding-top: 0px;
	padding-bottom: 18px;
}
#post.page ol {
	margin-left: 20px;
	margin-bottom: 18px;
}
#post.page ol li {
	padding-left: 20px;
	list-style-type: decimal;
	margin-bottom: 2px;
}
#post .label {
	color: #aebd22;
}
#post .social {
	margin-bottom: 15px;
	clear: both;
}
#post .social img {
	margin-right: 14px;
	float: left;
}
#post .contact-heading {
	height: 36px;
	background: url(images/heading-call.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin-top: 12px;
}
#about-menu {
	margin-bottom: 30px;
}
#about-menu a {
	font-size: 12px;
	color: #aebd22;
	text-decoration: none;
	font-weight: bold;
}
#about-menu a:hover {
	color: #444;
}
#post .def {
	text-decoration: none;
	color: #444;
}
#footer {
	
}
#footer a {
	color: #444;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span {
	padding: 0px 7px;
	color: #aebd22;
}

/* others */
.preloader {
	display: none;
}

#subscribe .heading {
	width: 390px;
	height: 37px;
	background: #afbd22;
	color: #fff;
	line-height: 37px;
	text-transform: uppercase;
	margin-top: 15px;
	font-weight: bold;
	display: block;
	text-indent: 20px;
	font-size: 14px;
	font-style: normal;
	text-align: left;
}

#subscribe .box {
	width: 390px;
	background: #eceec9;
	font-size: 10px;
	overflow: auto;
	line-height: 20px;
}
#subscribe .bottom {
	height: 60px;
	background: url(images/form-bottom-bg.gif) repeat-x bottom left;
}
#subscribe .button {
	float: right;
	margin-right: 40px;
	margin-top: 10px;
}
* html #subscribe .button {
	margin-right: 20px;
}
#subscribe .col1 {
	width: 170px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
* html #subscribe .col1 {
	margin-left: 10px;
}
* html #subscribe .col1 input {
	margin-left: -10px;
}
*+ html #subscribe .col1 input {
	margin-left: -20px;
}
#subscribe .col2 {
	width: 170px;
	float: left;
	margin-left: 8px;
	margin-top: 10px;
}
*+ html #subscribe .col2 {
	margin-left: 4px;
}
* html #subscribe .col2 input {
	margin-left: -8px;
}

#subscribe input {
	margin-top: 3px;
}
#subscribe  input.text {
	width: 170px;
	height: 15px;
	border: 1px solid #b2b2b2;
	font-size: 10px;
	color: #555;
}


#quotes .heading {
	width: 390px;
	height: 37px;
	background: #afbd22;
	color: #fff;
	line-height: 37px;
	text-transform: uppercase;
	margin-top: 15px;
	font-weight: bold;
	display: block;
	text-indent: 20px;
	font-size: 14px;
	font-style: normal;
	text-align: left;
}
#quotes .box {
	width: 390px;
	background: #eceec9;
	font-size: 10px;
	overflow: auto;
	line-height: 18px;
	overflow-y: hidden;
}
#quotes .row {
	width: 350px;
	margin: 0px auto;
}
#quotes .bottom {
	height: 45px;
	background: url(images/form-bottom-bg2.gif) no-repeat bottom left;
}
#quotes .button {
	float: right;
	margin-right: 20px;
}
* html #quotes .button {
	margin-right: 10px;
}

#quotes .col1 {
	width: 170px;
	float: left;
}

#quotes .col2 {
	width: 173px;
	float: right;
}

#quotes input {
	
}
#quotes  input.text {
	width: 170px;
	height: 15px;
	border: 1px solid #b2b2b2;
	font-size: 10px;
	color: #555;
	margin-bottom: 5px;
}
#quotes  select {
	width: 170px;
	border: 1px solid #999;
	font-size: 10px;
	color: #555;
	margin-bottom: 5px;
}
#quotes .textarea {
	width: 348px;
	height: 100px;
	border: 1px solid #b2b2b2;
	font-size: 10px;
	color: #555;
	margin-bottom: 5px;
}

#quotes .line {
	height: 10px;
	border-bottom: 1px solid #afbd22;
	width: 350px;
	margin: 0px auto;
	margin-bottom: 5px;
	clear: both;
}

#quotes span {
	padding-left: 10px;
}
#contact {
	margin-top: 15px;
	clear: both;
	float: none;
}
#contact .heading {
	width: 390px;
	height: 37px;
	background: #afbd22;
	color: #fff;
	line-height: 37px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	text-indent: 20px;
	font-size: 14px;
	font-style: normal;
	text-align: left;
}

#contact .box {
	width: 390px;
	background: #eceec9;
	font-size: 10px;
	overflow: auto;
	line-height: 18px;
}
#contact .box .wrap {
	margin: 10px 20px 15px 20px;
}
#contact input {
	
}
#contact input.text {
	width: 160px;
	height: 15px;
	border: 1px solid #b2b2b2;
	font-size: 10px;
	color: #555;
	margin-bottom: 5px;
}
#contact .textarea {
	width: 348px;
	height: 110px;
	border: 1px solid #b2b2b2;
	font-size: 10px;
	color: #555;
	font-family: arial;
	margin-bottom: 5px;
}
#contact .bottom {
	height: 80px;
	background: url(images/form-bottom-bg3.gif) no-repeat bottom left;
}
#contact .bottom .col1 {
	width: 250px;
	float: left;
	margin-left: 20px;
}
* html #contact .bottom .col1 {
	margin-left: 10px;
}
#contact .bottom .col2 {
	float: right;
	margin-right: 20px;
	margin-top: 25px;
}
* html #contact .bottom .col2 {
	margin-right: 25px;
}

/* --------------------------------- */
/*CONTAINER		  					*/
#container_msg{ 
	margin:0 auto;
	margin-top:30px;
	width:360px;
}


/* --------------------------------- */
/*MESSAGE BOX CLEAN	serie	  		 */
.clean-gray{
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:center;
}
.clean-yellow{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	color:#222222;
	padding:4px;
	text-align:center;
}
.clean-ok{
	border:solid 1px #90ac13; 
	background:#eef4d3;
	color:#6b800d;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
.clean-error{
	border:solid 1px #CC0000; 
	background:#F7CBCA;
	color:#CC0000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}



/* products menu accordion classes */
#productsMenu {
	overflow: auto;
}
#productsMenu h3.head a {
	height: 80px;
	width: 400px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
#productsMenu h3.step1 a {
	background: url(images/heading-step1.gif) no-repeat;
	margin-top: 10px;
}
#productsMenu h3.step2 a {
	background: url(images/heading-step2.gif) no-repeat;
}
#productsMenu h3.step3 a {
	background: url(images/heading-step3.gif) no-repeat;
}
#productsMenu h3.step1 a:hover {
	background: url(images/heading-step1-hover.gif) no-repeat;
}
#productsMenu h3.step2 a:hover {
	background: url(images/heading-step2-hover.gif) no-repeat;
}
#productsMenu h3.step3 a:hover {
	background: url(images/heading-step3-hover.gif) no-repeat;
}
#productsMenu .box {
	background: #f2f2f2;
	margin-bottom: 2px;
	overflow: auto;
	padding: 5px;
}

#productsMenu .left {
	color: #afbd22;
	width: 80px;
	text-align: right;
	float: left;
	overflow: auto;
	font-weight:bold;
}

#productsMenu .right {
	width: 290px;
	float: left;
	margin-left: 20px;
}

#productsMenu .box ul {
	list-style-type: disc;
}
#productsMenu .box li {
	list-style-type: disc;
	margin-left: 10px;
}
#productsMenu .box span {
	color: #afbd22;
}


#productsMenu .box .wrap {
	width: 300px;
	float: right;
}

#subMenu h4.head a {
	height: 37px;
	width: 400px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: #f2f2f2;
	margin: 0px;
}
#subMenu {
	margin-top: 2px;
}
#subMenu h4.item1 a {
	background: #f2f2f2 url(images/submenu1.gif) no-repeat;
}
#subMenu h4.item2 a {
	background: #f2f2f2 url(images/submenu2.gif) no-repeat;
}
#subMenu h4.item3 a {
	background: #f2f2f2 url(images/submenu3.gif) no-repeat;
}
#subMenu h4.item4 a {
	background: #f2f2f2 url(images/submenu4.gif) no-repeat;
}
#subMenu h4.item5 a {
	background: #f2f2f2 url(images/submenu5.gif) no-repeat;
}
#subMenu h4.item1 a:hover {
	background: #f2f2f2 url(images/submenu1-hover.gif) no-repeat;
}
#subMenu h4.item2 a:hover {
	background: #f2f2f2 url(images/submenu2-hover.gif) no-repeat;
}
#subMenu h4.item3 a:hover {
	background: #f2f2f2 url(images/submenu3-hover.gif) no-repeat;
}
#subMenu h4.item4 a:hover {
	background: #f2f2f2 url(images/submenu4-hover.gif) no-repeat;
}
#subMenu h4.item5 a:hover {
	background: #f2f2f2 url(images/submenu5-hover.gif) no-repeat;
}

#subMenu h4.item1.selected a {
	background: #f2f2f2 url(images/submenua1.gif) no-repeat;
}
#subMenu h4.item2.selected a {
	background: #f2f2f2 url(images/submenua2.gif) no-repeat;
}
#subMenu h4.item3.selected a {
	background: #f2f2f2 url(images/submenua3.gif) no-repeat;
}
#subMenu h4.item4.selected a {
	background: #f2f2f2 url(images/submenua4.gif) no-repeat;
}
#subMenu h4.item5.selected a {
	background: #f2f2f2 url(images/submenua5.gif) no-repeat;
}

#subMenu h4.item1.selected a:hover {
	background: #f2f2f2 url(images/submenua1-hover.gif) no-repeat;
}
#subMenu h4.item2.selected a:hover {
	background: #f2f2f2 url(images/submenua2-hover.gif) no-repeat;
}
#subMenu h4.item3.selected a:hover {
	background: #f2f2f2 url(images/submenua3-hover.gif) no-repeat;
}
#subMenu h4.item4.selected a:hover {
	background: #f2f2f2 url(images/submenua4-hover.gif) no-repeat;
}
#subMenu h4.item5.selected a:hover {
	background: #f2f2f2 url(images/submenua5-hover.gif) no-repeat;
}

#subMenu .box2 {
	background: #f2f2f2;
	margin-bottom: 2px;
	overflow: auto;
	padding: 5px;
	font-size: 9px;
}

#subMenu .box2 .left {
	color: #afbd22;
	width: 176px;
	text-align: right;
	float: left;
}
#subMenu .box2 .left img {
	float: left;
}
#subMenu .box2 .right {
	width: 205px;
	float: left;
	margin-left: 7px;
}

#subMenu .box2 ul.digipaks li {
	list-style-type: none;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.jewel li {
	list-style-type: none;
	height: 46px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.dvd li {
	list-style-type: none;
	height: 57px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.dvd li.last {
	list-style-type: none;
	height: 32px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.jacket li {
	list-style-type: none;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.jacket li.last {
	list-style-type: none;
	height: 32px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.others li {
	list-style-type: none;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#subMenu .box2 ul.others {
	margin-top: 10px;
}
#subMenu .spacer1 {
	margin-top: 40px;
}
#subMenu .spacer2 {
	margin-top: 40px;
}
#subMenu .spacer3 {
	margin-top: 20px;
}
#subMenu .spacer4 {
	margin-top: 40px;
}
#subMenu .spacer5 {
	margin-top: 30px;
}

/* box heights for ie6 hack */
* html .step1Box1 { height: 235px; }
* html .step1Box2 { height: 143px; }
* html .step1Box3 { height: 82px; }

* html .step2Box1 { height: 535px; }
* html .step2Box2 { height: 375px; }
* html .step2Box3 { height: 410px; }
* html .step2Box4 { height: 340px; }
* html .step2Box5 { height: 295px; }

* html .step3Box1 { height: 610px; }

/* sitemap */
#sitemap h4 {
	font-style: normal;
	font-weight: bold;
}
#sitemap li {
	line-height: 25px;
}
#sitemap li ul li {
	margin-left: 20px;
}