body {
	margin: 0px;
	padding: 0px;
	background: #9E9EAB url("images/bg.jpg") top repeat-y;
}

body img {
	border: 0px;
}

#wrapper {
	width: 100%;
	height: 100%;
}

#pageWrapper {
	width: 800px;
	font: 12px Verdana, Arial, sans-serif;
	text-align: left;
	line-height: 2em;
}
#pageWrapper a:link {color: #005599; text-decoration: none;}
#pageWrapper a:active {color: #005599; text-decoration: none;}
#pageWrapper a:hover {color: #DC3B02; text-decoration: none;}
#pageWrapper a:visited {color: #005599; text-decoration: none;}
#pageWrapper a:visited:hover {color: #DC3B02; text-decoration: none;}

.style1 {
	font-size: 14px;
	font-weight: bold;
}
.style2 {font-size: 10px}

#clear {
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

.clear
{
	clear:both;
}

	#header {
		width: 800px;
		height: 120px;
		background: url("images/hdr-right.jpg") no-repeat bottom right transparent;
	}
	#hdrlogo {
		float: left;
		width: 297px;
		height: 120px;
		background: url("images/hdr-logo.jpg") no-repeat center bottom transparent;
	}
	#searchbar {
		position: relative;
		float: right;
		margin: 25px 0px 0px 0px;
		text-align: right;
		font: 16px Century Gothic, Arial, sans-serif;
	}
	#searchbar b{
		padding:5px 0;
		line-height:27px;
		color:#245396;
	}
	#search {
		position: static;
		float: right;
	}
	
	.search-inner {
		width:181px; height:30px; background-image:url('/images/searchbar.gif'); background-position:top; background-repeat:no-repeat; vertical-align:middle;
	}
	
	#search form{
		margin:0px;
		padding:0px;
	}
	#search input{
		margin-top:8px;
		margin-right:14px;
		width:130px;
		height:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		border: none;
	}
	#search #bar {
		margin-top: 5px;
	}
	#map {
		position: absolute;
		top: -20px;
		right: 0;
	}
	#searchbar a:link {font-size: 11px; color: #005599; text-decoration: none;}
	#searchbar a:active {font-size: 11px; color: #005599; text-decoration: none;}
	#searchbar a:hover {font-size: 11px; color: #005599; text-decoration: underline;}
	#searchbar a:visited {font-size: 11px; color: #005599; text-decoration: none;}
	#searchbar a:visited:hover {font-size: 11px; color: #005599; text-decoration: underline;}
	
	#cdRight {
		position: relative;
		left: 351px;
		bottom: 100px;
		display: inline;
	}
	
	#tagline {
		position: absolute;
		top: 17px;
		left: -160px;
		font: 31px 'Century Gothic', Helvetica, sans-serif;
		color: #205597;
		text-align: center;
		font-weight: bold;
		width: 285px;
	}

#navBar {
	display: block;
	width: 800px;
	height: 39px;
	background:url('/images/bg_nav.jpg');
}
#navButton {
	position: static;
	float: left;
	margin: 0px;
	padding:0;
	/*width:16.6666%;*/
	color:#FFF;
	font: 20px Century Gothic, Arial, sans-serif;
	/*background:url('/images/bg_nav.jpg');	*/
}

#navButton a
{
	color:#FFF;
	text-decoration:none;
	padding-top:7px;
	height:33px;
	display:block;
	padding: 7px 25px 0px 25px;
}

#navButton a:hover, #navButton.navButtonActive
{


}

#nav-header { 
	min-width: 800px; 
/* 	height: 150px;  */
} 
ul#nav {  
	/* width: 760px; */
	width: 100%; 
	font-family:"Century Gothic", "HelveticaNeueLT Pro 45 Lt", sans-serif; 
	float: left; 
	z-index: 1;
	margin: 0 auto;
	padding: 0px 0 0 0;
	text-transform: uppercase;
}
#nav li { 
	list-style: none; 
	float: left; 
	height: 39px; 
	line-height: 39px; 
	text-align: center;
} 
#nav li > a { 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	/* padding: 0 15px 0 15px; */
	padding: 0 13px 0 13px;
} 
#nav li.social > a { 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	padding: 6px 5px 0 0px;
} 

#nav li a:hover { 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d3d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
	color:#245396;
	display:block !important;
	margin: 0px 0 0 0;

} 

#cds .cds a, #cds .cds a:hover,
#dvds .dvds a, #dvds .dvds a:hover,
#vinyl .vinyl a, #vinyl .vinyl a:hover,
#tapes .tapes a, #tapes .tapes a:hover,
#graphics .graphics a, #graphics .graphics a:hover,
#about .about a, #about .about a:hover,
#contact .contact a, #contact .contact a:hover {
 	background-color: #FFF; 
	color: #000;
	cursor: default;  
} 		
#nav li ul { 
	position: absolute;  
	display: none; 
} 
#nav li:hover ul { 
	display: block; 
} 
#nav li ul li { 
	float: none; 
	display: inline; 
}
#nav li ul li a { 
	position: relative; 
	border-left: 1px solid black; 
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	background: #333; 
	color: #fff; 
}

ul.dropdown {
	-webkit-padding-start: 0px;
	width: 250px;
	margin-left: 0px;
	background-image: none;
	z-index: 11;
}

.dropdown li {
	background-image: none;
	width: auto;
}

#nav li ul li a:hover { 
	background: #fff; 
	color: #000; 
}

	#homeLeft {
		width: 448px;
		position: static;
		float: right;
	}
	#homeFlash {
		width: 448px;
		height: 345px;
		display: block;
	}
	#homeLeftInner {
		width: 317px;
		position: static;
		float: left;
		margin: 0px 0px 0px 48px;
	}
	#homeLeftInner h2 {
		font: 20px Century Gothic, Arial, sans-serif;
		color: #DC3B02;
		font-weight: normal;
		font-style: italic;
		margin: 5px 0px 20px 0px;
		padding: 0px 0px 10px 0px;
		background: url("images/hdrLine-left.jpg") bottom left no-repeat;
		text-align: left;
	}
	#homeQuickLinks {
		position: static;
		float: left;
		margin: 10px 0px 15px 0px;
	}
	#homeQuickLinks h4 {
		font: 14px Century Gothic, Arial, sans-serif;
		color: #005599;
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 2px 30px;
		text-align: left;
	}
	#ic1 {background: url("images/ic-1.jpg") left no-repeat;}
	#ic2 {background: url("images/ic-2.jpg") left no-repeat;}
	#ic3 {background: url("images/ic-3.jpg") left no-repeat;}
	#ic4 {background: url("images/ic-4.jpg") left no-repeat;}
	#ic5 {background: url("images/ic-5.jpg") left no-repeat;}
	#ic6 {background: url("images/ic-6.jpg") left no-repeat;}
	#ic7 {background: url("images/ic-7.jpg") left no-repeat;}
	
	#homeCustomerSamples {
		width: 140px;
		position: static;
		float: left;
		margin: 0px 0px 15px 15px;
		text-align: left;
	}
	#homeCustomerSamples ul {
		position: static;
		float: left;
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	#homeCustomerSamples li {
		margin: 0px;
		padding: 0px;
	}		

#homeRight {
	width: 352px;
	position: static;
	float: right;
}
#homeRight h1 {
	font: 17px Century Gothic, Arial, sans-serif;
	color: #000000;
	margin: 25px 0px 20px 0px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.9em;
	width: 335px;
}
#subNav {
	font: 15px Century Gothic, Arial, sans-serif;
	color: #005599;
	text-align: right;
	margin: 12px 0px 0px 0px;
}
#homeRight p {
	width: 318px;
}
#mp3player {
	width: 316px;
	height: 130px;
	clear: both;
}

	#footer {
		width: 100%;
		height: 29px;
		background: url("images/bg_footer.jpg") top repeat-x;
		padding-top:40px;
	}
	#footer.home {
		width: 100%;
		height: 7px;
		background: url("images/bg_footer.jpg") top repeat;
		padding-top:40px;
		position: relative;
	}
	
.home-packaging {
	background: url("images/icon-packaging.png") center top no-repeat transparent;
	width: 233px;
	height: 33px;
	position: absolute;
	top: 7px;
	left: 25px;
	cursor: pointer;
}
	
.home-templates {
	background: url("images/icon-templates.png") center top no-repeat transparent;
	width: 151px;
	height: 37px;
	position: absolute;
	top: 5px;
	left: 293px;
	cursor: pointer;
}
	
.home-find {
	background: url("images/icon-find.png") center top no-repeat transparent;
	width: 98px;
	height: 35px;
	position: absolute;
	top: 6px;
	left: 473px;
	cursor: pointer;
}
	
.home-started {
	background: url("images/icon-started.png") center top no-repeat transparent;
	width: 147px;
	height: 34px;
	position: absolute;
	top: 6px;
	left: 603px;
	cursor: pointer;
}
	
	
	
	#footer ul {
		float:left;
		width:125px;
		padding-left:0px;
		padding-right:5px;
		padding-top: 20px;
		margin-left: 0px;
	}
	
	#footer ul li
	{
		list-style: none;
		line-height:15px !important;
		margin-bottom:10px;
	}
	
	#footer ul li a
	{
		color:#245497 !important;
		font-size:12px;
	}
	
	#footer ul li.headerLink a
	{
		color:#202022 !important;
		font-size:14px;
	}
	
	
/*
	#footer a:link {color: #FFFFFF; text-decoration: none;}
	#footer a:active {color: #FFFFFF; text-decoration: none;}
	#footer a:hover {color: #DC3B02; text-decoration: none;}
	#footer a:visited {color: #FFFFFF; text-decoration: none;}
	#footer a:visited:hover {color: #DC3B02; text-decoration: none;}
*/
	
	#address {
		font: 10px Verdana, Arial, sans-serif;
		width: 200px;
		position: relative;
		float: left;
		margin: 0;
		line-height: 1.8em;
		padding: 0px 0px 40px 0px;
	}
	
	#addressCreds
	{
		float:left;
	}
	
	#addressCreds p a, #shareThis a
	{
		color:#245497 !important;
	}
	
	#footer #addressCreds p a.footer-bottom-links:link
	{
		color:#245497!important;
	}
	
	#shareThis
	{
		float:right;
		margin-top: 80px;
	}
	
	#shareThis ul {
		padding-top: 0px;
		width: 100%;

	}
	#shareThis ul li {
		float: right;
		margin-right: 5px;
	}

.bbb {
	background: url("images/icon-bbb.png") center top no-repeat transparent;
	width: 219px;
	height: 62px;
	display: block;
	clear: both;
}

	#devBy {
		font: 10px Verdana, Arial, sans-serif;
		width: 300px;
		position: static;
		float: right;
		margin: 0px 33px 0px 0px;
		text-align: right;
	}
	
#secLeft {
	width: 592px;
	position: static;
	float: left;
}
#secLeft img {
	border: 0px;
}
#secLeft h1 {
	font: 25px Century Gothic, Verdana, sans-serif;
	font-weight: bold;
	color: #2E2E2E;
	margin: 0px 0px -3px 0px;
	padding: 0px;
}
#secLeft h2 {
	font: 17px Century Gothic, Verdana, sans-serif;
	font-weight: bold;
	color: #2E2E2E;
	margin: 0px;
	padding: 0px 0px 10px 20px;
}

#secNav {
	width: 592px;
	height: 30px;
	display: block;
}
#secNav a:link {color: #FFFFFF; text-decoration: none;}
#secNav a:active {color: #FFFFFF; text-decoration: none;}
#secNav a:hover {color: #FFFFFF; text-decoration: underline;}
#secNav a:visited {color: #FFFFFF; text-decoration: none;}
#secNav a:visited:hover {color: #FFFFFF; text-decoration: underline;}
#secNavGLeft {
	width: 6px;
	height: 30px;
	position: static;
	float: left;
	background: url('images/tab-gLeft.jpg') repeat-x top left;
}
#secNavGRight {
	width: 7px;
	height: 30px;
	position: static;
	float: left;
	background: url('images/tab-gRight.jpg') repeat-x top left;
}
#secNavG {
	height: 20px;
	background: url('images/tab-g.jpg') repeat-x top left;
	position: static;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font: 10px Century Gothic, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

#secNavWLeft {
	width: 6px;
	height: 30px;
	position: static;
	float: left;
	background: url('images/tab-wLeft.jpg') repeat-x top left;
}
#secNavWRight {
	width: 7px;
	height: 30px;
	position: static;
	float: left;
	background: url('images/tab-wRight.jpg') repeat-x top left;
}
#secNavW {
	height: 20px;
	background: url('images/tab-w.jpg') repeat-x top left;
	position: static;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font: 10px Century Gothic, Verdana, sans-serif;
	color: #222222;
	font-weight: bold;
}
#secNavW a:link {color: #222222; text-decoration: none;}
#secNavW a:active {color: #222222; text-decoration: none;}
#secNavW a:hover {color: #222222; text-decoration: underline;}
#secNavW a:visited {color: #222222; text-decoration: none;}
#secNavW a:visited:hover {color: #222222; text-decoration: underline;}

#secWhite {
	width: 592px;
	height: auto;
	display: table;
	border: solid #C8C7C7;
	border-width: 0px 1px 1px 1px;
	background: #FFFFFF;
}
#secCopy {
	position: static;
	float: left;
	width: 535px;
	padding: 20px 5px 20px 25px;
	margin: 0px;
}
#secCopy h1 {
	font: 25px Century Gothic, Verdana, sans-serif;
	font-weight: bold;
	color: #2E2E2E;
	margin: 0px 0px -3px 0px;
	padding: 0px;
}
#secCopy h2 {
	font: 17px Century Gothic, Verdana, sans-serif;
	font-weight: bold;
	color: #2E2E2E;
	margin: 0px;
	padding: 0px 0px 10px 20px;
}
#secCopy ul {
	line-height: 1.5em;
}
#secTest {
	font: 10px Century Gothic, Verdana, Arial;
	font-weight: bold;
	font-style: italic;
	color: #393737;
	padding: 5px;
	line-height: 1.6em;
}
#secImg {
	width: 164px;
	position: static;
	float: right;
}

	#secRight {
		width: 198px;
		position: static;
		float: left;
		margin: 0px 0px 0px 10px;
		font-size: 10px;
		line-height: 1.9em;
	}
	
	#secRight h2 {
		font: 16px Century Gothic, Arial, sans-serif;
		color: #DC3B02;
		font-weight: normal;
		font-style: italic;
		margin: 5px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		background: url("images/sec-divide2.jpg") bottom left no-repeat;
		text-align: left;
	}
	
	#quickLinks {
		position: static;
		float: left;
/* 		margin: 0px 0px 10px 10px; */
	}
		#quickLinks h4 {
			font: 21px Century Gothic, Arial, sans-serif;
			color: #005599;
			margin: 0px 0px 3px 0px;
			padding: 2px 0px 2px 30px;
			text-align: left;
		}
		#quickLinks img {
			width:198px; height:auto;
		}
	#ql1 {background: url("images/ic-1.1.jpg") left no-repeat;}
	#ql2 {background: url("images/ic-2.1.jpg") left no-repeat;}
	#ql3 {background: url("images/ic-3.1.jpg") left no-repeat;}
	#ql4 {background: url("images/ic-4.1.jpg") left no-repeat;}
	#ql5 {background: url("images/ic-5.1.jpg") left no-repeat;}
	#ql6 {background: url("images/ic-6.1.jpg") left no-repeat;}
	#ql7 {background: url("images/ic-7.1.jpg") left no-repeat;}
	
	#customerSamples {
		width: 198px;
		position: static;
		float: left;
		margin: 0px 0px 15px 15px;
		text-align: left;
	}
	#customerSamples ul {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	#customerSamples li {
		margin: 0px;
		padding: 0px;
		font-size: 11px;
	}		
	

#footerSec {
	width: 100%;
	height: 29px;
	background: url("images/bg-footer.jpg") top repeat-x;
	font: 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	position: static;
	float: left;
	clear: both;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	display: block;
}
#footerSec a:link {color: #FFFFFF; text-decoration: none;}
#footerSec a:active {color: #FFFFFF; text-decoration: none;}
#footerSec a:hover {color: #DC3B02; text-decoration: none;}
#footerSec a:visited {color: #FFFFFF; text-decoration: none;}
#footerSec a:visited:hover {color: #DC3B02; text-decoration: none;}

#addressSec {
	font: 10px Verdana, Arial, sans-serif;
	width: 200px;
	position: static;
	float: left;
	margin: 0px;
	line-height: 1.8em;
	padding: 0px 0px 40px 0px;
}

#devBySec {
	font: 10px Verdana, Arial, sans-serif;
	width: 300px;
	position: static;
	float: right;
	margin: 0px;
	text-align: right;
}

	TABLE.secChart {
		margin: 0px 0px 30px 0px;
		padding: 0px;
		border: solid #999999;
		border-width: 1px 1px 0px 0px;
	}

	TR.secChartHead {
		background-color: #005599;
	}
	TR.secChartGrey {
		background-color: #CECECE;
	}
	TR.secChart#fff {
		background-color: #FFFFFF;
	}
	
	TD.secChartColumnHead {
		padding: 3px;
		width: 174px;
		text-align: center;
		vertical-align: middle;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		border: solid #999999;
		border-width: 0px 0px 1px 1px;
	}
	
	TD.secChartColumn {
		padding: 3px;
		width: 87px;
		text-align: center;
		vertical-align: middle;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #222222;
		border: solid #999999;
		border-width: 0px 0px 1px 1px;
	}
	
#GetStartedNav {
	width: 106px;
	height: 256px;
	background: url("images/bg-6steps.jpg") top left no-repeat;
	font: 20px Century Gothic, Arial, sans-serif;
	color: #C3C3DB;
	line-height: 2em;
	padding: 8px 0px 0px 0px;
	display: block;
	text-align: center;
	position: static;
	float: left;
}
#GetStartedNav a:link {color: #C3C3DB; text-decoration: none;}
#GetStartedNav a:active {color: #C3C3DB; text-decoration: none;}
#GetStartedNav a:hover {color: #DC3B02; text-decoration: none;}
#GetStartedNav a:visited {color: #C3C3DB; text-decoration: none;}
#GetStartedNav a:visited:hover {color: #DC3B02; text-decoration: none;}

#GetStartedBody {
	width: 453px;
	height: auto;
	position: static;
	float: left;
	display: block;
	background: #FFFFFF;
	border: 1px solid #555555;
	padding: 10px;
}

#GetStartedContent {position: relative; bottom: 30px;}

#GetStartedContent h3 {
	font: 17px Century Gothic, Verdana, sans-serif;
	font-weight: bold;
	color: #2E2E2E;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
}

#GetStartedContent ul {
	position: static;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 20px 0px;
}

#GetStartedContentLeft {
	width: 175px;
	position: static;
	float: left;
}
#GetStartedContentLeft p {text-align: left;}

#GetStartedVr {
	width: 7px;
	position: static;
	float: left;
	margin: 0px 20px 0px 20px;
}

#GetStartedTab {
	width: 108px;
	height: 34px;
	position: relative;
	right: 119px;
	font: 24px Century Gothic, Arial, sans-serif;
	font-weight: bold;
	display: block;
	text-align: center;
	color: #005599;
	background: #FFFFFF;
	border: 1px solid #555555;
	border-right-width: 0px;
}

#GetStartedNext {
	font: 18px Century Gothic, Arial, seriv;
	font-weight: bold;
}
#GetStartedNext img {position: relative; top: 3px;}
#GetStartedNext a {text-decoration: underline; font-style: italic;}

#GetStartedBack {
	font: 15px Century Gothic, Arial, seriv;
	font-weight: bold;
}
#GetStartedBack img {position: relative; top: 3px;}
#GetStartedBack a {text-decoration: underline; font-style: italic;}

.show {
	display: block;
}

.hide {
	display: none;
}

#floatBlock {
	width: auto;
	height: auto;
	position: static;
	float: left;
	margin: 20px 10px 20px 20px;
	padding: 0px;
	text-align: center;
	display: block;
}
#floatBlock h3 {
	font: 13px Century Gothic, Arial, Verdana;
	font-weight: bold;
	color: #DC3B02;
	margin: 0px;
	padding: 0px;
	width: 235px;
}
#floatBlock p {
	width: 235px;
	text-align: left;
}
#floatBlock h3 a:hover, a:visited:hover {
	color: #DC3B02;
}
#floatBlock img {
	margin: 5px 0px 5px 0px;
	border: 0px solid #666666;
}
#floatBlock img a:hover {
	margin: 5px 0px 5px 0px;
	border: 2px solid #DC3B02;
}

#imageflowSecondary{
	margin-left:0px;
	text-align:left;
	position: static;
	float: left;
	width: 560px;
	padding: 0px 25px 0px 0px;
}

#imageflowSecondary h1 {
	font: 25px Century Gothic, Verdana, sans-serif;
	font-weight: bold;
	color: #2E2E2E;
	margin: 0px 0px -3px 0px;
	padding: 0px;
}

#secTest2 {
	font: 12px Verdana, Arial;
	font-weight: bold;
	font-style: italic;
	color: #393737;
	padding: 5px;
	line-height: 1.8em;
}

#map2 {
	width: 320px; 
	height: 320px;
	font: 12px "Times New Roman", Times, serif;
	line-height: 2em;
	color: #333333;
	border: 1px solid #C8C7C7;
}


/*************************************************************UPDATED STYLES 04-22-2013***************************************************/



#homeSlideshow
{
	height:350px;
	width:100%;
	position: relative;
}

#homeSlideshow .slide
{
	background:#FFF;
	height:350px;
	width:100%;
}

#homeSlideshow p
{
	float:right;
	width:280px;
	margin-right:15px;
	font: 22px Century Gothic, Arial, sans-serif;
	font-style:italic;
	font-weight:lighter !important;
	margin-top:50px;
	line-height:1.5em;
	zoom: 1;
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 4;
}

#homeCallout p
{
	font-size:19px;
	line-height:1.5em;
}

#homeBtns
{
	width:100%;
	height:185px;
	background:url('/images/bg_lines_pattern.jpg');
	margin-bottom:25px;
}

#homeBtns a
{
	width:50%;
	height:140px;
	margin-top:20px;
	display:block;
	float:left;
	text-align:center;
	padding: 75px 10px 10px 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font: 22px Century Gothic, Arial, sans-serif;
	widows:2;
}

#homeBtns a span
{
	font-size:15px;
	color:#555759;
	display:block;
	font-weight:ligher !important;
	margin-top:5px;
}

#homeBtns a.dealsBtn
{
	background:url('/images/icon-deals.png') center top no-repeat;
	border-right:3px dotted #a1a1ae;
}

#homeBtns a.quoteBtn
{
	background:url('/images/icon-quote.png') center 5px no-repeat;
}

#homeBtns a.findBtn
{
	background:url('/images/home_btn_find.png') center 5px no-repeat;
	border-right:3px dotted #a1a1ae;
}

#homeBtns a.samplesBtn
{
	background:url('/images/home_btn_samples.png') center 5px no-repeat;
}


#quoteFormTop div
{
	display:block;
	float:left;
	width:33.3333%;
	height:73px;
	position:relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background: #efeff4;
	padding:15px;
	padding-left:50px;
	color:#545557 !important;
	font: 16px Century Gothic, Arial, sans-serif;
	
}

#quoteFormTop #step1Btn{ z-index: 10;}
#quoteFormTop #step2Btn{ z-index: 9;}
#quoteFormTop #step3Btn{ z-index: 8;}


#quoteFormTop div span
{
	color:#9e9eab !important;
	font-size:40px;
	margin-top:-5px;
	margin-right:5px;
	float:left;
}

#quoteFormTop #step1Btn:after, #quoteFormTop #step2Btn:after
{
	position:absolute;
	background:url('images/form_nav_arrow.png');
	width:31px;
	height:73px;
	top:0px;
	right:-30px;
	display:block;
	content:'';
	z-index: 9999;
}

#quoteFormTop #step1Btn.active:after, #quoteFormTop #step2Btn.active:after
{
	background:url('images/form_nav_arrow_active.png');
}

#quoteFormTop div.active
{
	background:#FFF;
}

#quoteFormContent
{
	width:100%;
	background:#FFF;
	padding:25px 35px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#step1Content .cdCheck
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-size:25px;
	text-align:center;
	padding-top:100px;
	font: 22px Century Gothic, Arial, sans-serif;
}

#discTypeCD {
	background:url('/images/packaging-cd.jpg') center center no-repeat;
	float:left;
	height:150px;
	width:150px;
	margin-left: 160px;
	
}

#discTypeDVD {
	background:url('/images/packaging-dvd.jpg') center center no-repeat;
	float:left;
	height:150px;
	width:150px;
	margin-left: 110px;
	
}

.disc-type-radio {
	clear: both;
	display: block;
}

.disc-type-radio .disc-type-cd {
	float: left;
	width: 150px;
	margin: 10px 0 0 220px;
}

.disc-type-radio .disc-type-dvd {
	float: left;
	width: 150px;
	margin: 10px 0 0 110px;
}

.insert-type-radio {
}

#quoteFormContent #step1Content label.packaging-options {
	margin-left: 260px;
}

.insert-type-radio .two-page-book,
.insert-type-radio .four-page-book,
.insert-type-radio .six-page-book,
.insert-type-radio .eight-page-book,
.insert-type-radio .amaray-book,
.insert-type-radio .none-book,
.insert-type-radio .spindle,
.insert-type-radio .standard,
.insert-type-radio .slim,
.insert-type-radio .dvd-amaray,
.insert-type-radio .c-sleeve,
.insert-type-radio .c-wallet,
.insert-type-radio .digipak,
.insert-type-radio .p-sleeve,
.insert-type-radio .other {
	float: left;
	width: 20px;
	margin: 10px 38px 0 43px;
}

#two-page-book,
#four-page-book,
#six-page-book,
#eight-page-book,
#amaray-book,
#none-book,
#spindle,
#standard,
#slim,
#dvd-amaray,
#c-sleeve,
#c-wallet,
#digipak,
#p-sleeve,
#other  {
	float:left;
	height:110px;
	width:90px;
	margin-left: 10px;
}

#two-page-book {
	background:url('/images/asap/2_page_book.jpg') center center no-repeat;
}

#four-page-book {
	background:url('/images/asap/4_page_book.jpg') center center no-repeat;
}

#six-page-book {
	background:url('/images/asap/6_page_book.jpg') center center no-repeat;
}

#eight-page-book {
	background:url('/images/asap/8_page_book.jpg') center center no-repeat;
}

#amaray-book {
	background:url('/images/asap/dvd_insert.jpg') center center no-repeat;
}

#none-book {
	background:url('/images/asap/none.jpg') center center no-repeat;
}

#spindle {
	background:url('/images/asap/spindal.jpg') center center no-repeat;
}

#standard {
	background:url('/images/asap/standard_case.jpg') center center no-repeat;
}
#slim {
	background:url('/images/asap/slim_case.jpg') center center no-repeat;
}
#dvd-amaray {
	background:url('/images/asap/dvd_case.jpg') center center no-repeat;
}
#c-sleeve {
	background:url('/images/asap/cardboard_sleeve.jpg') center center no-repeat;
}
#c-wallet {
	background:url('/images/asap/cardboard_wallet.jpg') center center no-repeat;
}
#digipak {
	background:url('/images/asap/didipak.jpg') center center no-repeat;
}
#p-sleeve {
	background:url('/images/asap/paper_sleeve.jpg') center center no-repeat;
}
#other {
	background:url('/images/asap/dont_see.jpg') center center no-repeat;
}

input.digipak {
	margin-left: 162px;
}

#step1Content .dvdCheck
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-size:25px;
	text-align:center;
	padding-top:100px;
	font: 22px Century Gothic, Arial, sans-serif;
}

#quoteFormContent .horzDivider
{
	background:url('/images/form_gradient_divider_horz.jpg')top center no-repeat;
	width:100%;
	height:30px;
	margin-bottom:25px;
}

#quoteFormContent #step1Content label.insert-options {
	margin-left: 280px;
}

#quoteFormContent #step1Content label {
	font-size:22px;
	color:#245497;
	font-weight:lighter !important;
	font: 22px Century Gothic, Arial, sans-serif;
	float:left;
	height: 44px;
	clear: both;
}

.disc-type-radio .disc-type-cd {
	font-size:22px;
	color:#245497;
	font-weight:lighter !important;
	font: 22px Century Gothic, Arial, sans-serif;
	display:block;
	float:left;
	margin-left: 205px;

}

.disc-type-radio .disc-type-dvd {
	font-size:22px;
	color:#245497;
	font-weight:lighter !important;
	font: 22px Century Gothic, Arial, sans-serif;
	display:block;
	float:left;
	margin-left: 105px;
}

#quoteFormContent #step1Content label.shrink {
}

.dropdown
{
	width:400px;
	height:35px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:5px;
	background:url('/images/bg_button.jpg');
	float:left;
	margin-top:-5px;
	margin-left:10px;
}

select {
	font: 14px Century Gothic, Arial, sans-serif;
	margin: 4px 10px 0 10px;
}

.dropdown .dropdownInner
{
	width:100%;
	height:30px;
	background:#FFF;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
    overflow:hidden;
    position:relative;
    z-index: 99999999;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.dropdown .dropdownInner:hover
{
	height:auto;
	overflow:none;
	border:1px solid #ccc;
}

.dropdown .dropdownInner a
{
	display:block;
	color:#333;
	line-height:30px;
	font-size:20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
}

.nextStep
{
	display:block;
	width:200px;
	text-align:center;
	color:#FFF !important;
	font: 20px Century Gothic, Arial, sans-serif;
	padding:7px 0;
	background:#4a4a4a;
	margin:auto !important;
}

.step-3-fields {
	margin-left: 0;
	text-align: center;
}

.step-3-fields input,
.step-3-fields #state {
	text-align: center;
	width: 200px;
	margin: 0 0 15px 0;
	font: 20px Century Gothic, Arial, sans-serif;
	color: #245497;
	float: right;
	line-height: 22px;
}

.step-3-fields #referral {
	text-align: center;
	width: 200px;
	margin: 0 115px 15px 0;
	font: 20px Century Gothic, Arial, sans-serif;
	color: #245497;
	float: right;
	line-height: 22px;
	
}

.step-3-fields #comments {
	text-align: center;
	width: 200px;
	margin: 0 0 15px 0;
	font: 20px Century Gothic, Arial, sans-serif;
	color: #245497;
	height: 111px;
	float: right;
}

.step-3-fields #state {
	width: 200px;
	margin: 0 0 23px 0;
}

.step-3-fields .contact-pref {
	width: 30px;
	margin: 0 0 0 30px;
	float: none;

}

.step-3-fields .comments {
	width: 30px;
}

.step-three-left,
.step-three-right {
	float: left;
	width: 350px;
	margin-right: 15px;
}

.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font: 12px "Helvetica", Arial, Sans-Serif;
	padding: 0px;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li a {
	color: #fff;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
	background: #d9d9e7;                   /* fallback color */
	background: hsla(222, 11%, 87%, 1); 
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(222, 11%, 87%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
.breadcrumb li:first-child a {
	padding-left: 10px;
}
.ie8 .breadcrumb li a {
	color: #fff;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
	background: #d9d9e7;                   /* fallback color */
	position: relative; 
	display: block;
	float: left;
}
.ie8 .breadcrumb li a:after { 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #d9d9e7;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}
.ie8 .breadcrumb li a:before { 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: #fff 30px solid ;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}
.ie8 .breadcrumb li:first-child a {
	padding-left: 10px;
}
/* #pageWrapper .breadcrumb li:nth-child(2) a { background: hsla(222, 11%, 87%, 1)!important; } */
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(222, 11%, 87%, 1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(222, 11%, 92%, 1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(222, 11%, 92%, 1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(222, 11%, 97%, 1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(222, 11%, 97%, 1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(222, 11%, 100%, 1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(222, 11%, 100%, 1); }
.breadcrumb li:last-child a {
/* 	background: transparent !important; */
	color: black;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li a:hover { background: hsla(287, 11%, 63%, 1); }
.breadcrumb li a:hover:after { border-left-color: hsla(287, 11%, 63%, 1) !important; }

/* #pageWrapper .breadcrumb li:nth-child(2) a { background: hsla(222, 11%, 87%, 1)!important; } */
.ie .breadcrumb li:nth-child(2) a:after { border-left-color: #ccc; }
.ie .breadcrumb li:nth-child(3) a       { background-color:        #ccc; }
.ie .breadcrumb li:nth-child(3) a:after { border-left-color: #ccc; }
.ie .breadcrumb li:nth-child(4) a       { background:        #ccc; }
.ie .breadcrumb li:nth-child(4) a:after { border-left-color: #ccc; }
.ie .breadcrumb li:nth-child(5) a       { background:        #ccc; }
.ie .breadcrumb li:nth-child(5) a:after { border-left-color: #ccc; }
.ie .breadcrumb li:last-child a {
/* 	background: transparent !important; */
	color: black;
	pointer-events: none;
	cursor: default;
}
.ie .breadcrumb li a:hover { background: hsla(287, 11%, 63%, 1); }
.ie .breadcrumb li a:hover:after { border-left-color: hsla(287, 11%, 63%, 1) !important; }
/*****************************************************************************************************************************************/

#slideshow{
	position:relative;
	width:100%;
	height:350px;
	float:left;
}

#slideshow .slide{
	position:absolute;
	width:100%;
	height:350px;
	display:none;
}

#slideshow .first{
	display:block;	
}