/* text stuff */
h1, h2, h3, p { margin:0px; padding:0px;}


/* layout stuff */
* { padding:0px; margin:0px; text-align:center;}
body { 
	font-family:Arial, Helvetica, sans-serif;
	line-height:1; 
	color:#000; 
	background: #8facb8 url(../images/top-bar-background.gif) repeat-x;	
}
#top-bar { text-align: center; }
#top-bar img { vertical-align: top;}
#logo {
	background: url(../images/custom-roll-labels-logo.jpg) no-repeat center;	
	width:293px;
	height: 184px;	
}

h1 {font-size:32px; display:none; }
h2 {font-size:16px; line-height:18px; color:#075B7F; }
h3 {font-size:15px; line-height:17px; color:#075B7F; }
p { font-size:14px; line-height:16px; margin:5px 0 10px 0; }

.img { border:none; }
:link img { border:none;}
.info p { font-size:10px; line-height:14px; margin:5px 0 10px 0; }

.part-size { color:#900; font-weight:bold; }
.cost { color:#900; font-weight:bold; }
.small-text { font-size:9px; line-height:9px; background:#FFC; padding:4px 0 4px 0;}

/* PAGE */
#page { width: 990px; border:none; margin-left:auto; margin-right:auto; }

#header-nav {			
	font-family: Times;
	font-weight: bold;
	font-size: 14px;
	margin-top:-50px;
	margin-bottom: 25px;
	margin-left:275px;
}
#header-nav .important{ font-size:18px; }

#header-nav a:link { text-transform:uppercase; color: #990000; text-decoration:none; }
#header-nav a:active { text-transform:uppercase; color: #990000; text-decoration:none; }
#header-nav a:visited { text-transform:uppercase; color: #990000; text-decoration:none;}
#header-nav a:hover { text-transform:uppercase; color:#00539f; text-decoration:underline; }

#header-nav ul { }
#header-nav li { display:inline;}

/* BODY */
#body {}

#main-labels-image {margin-top:-20px;}

#body-container-top {
	background:url(../images/body-container-top.jpg) no-repeat;	
	height: 35px;	
	border:none;
}
#body-container { 
	background:url(../images/body-container-middle.jpg) repeat-y; 
	width:990px;
	margin-left:auto; margin-right:auto; 
}
#body-container-bottom {
	background:url(../images/body-container-bottom.jpg) no-repeat;
	height:35px;
}

#body-text { width:920px; margin-left:auto; margin-right:auto; text-align: left; padding-top:10px;}
#body-text h2 { text-align: left;}
#body-text p { width:920px; text-align:left; }

/* when needed... .encases product-image-box */
#left-container {
	width:250px;
	float:left;
	margin-right:15px;	
}
#product-image-box {
	border:1px #92928A solid; 
	width: 250px; 	
	float:left; 
	text-align: left; 
	margin-right:15px;
}

#roll-label-product-info { float:left; width:650px; }
#roll-label-product-info p { width:650px; }
#roll-label-product-info h3 { text-align: left; }
#roll-label-product-info h6 {text-align: left; font-weight:normal; margin-top:-10px; }

#roll-label-product-info ul, #roll-label-product-info ul {padding-left:25px; text-align:left; font-size:14px;}
#roll-label-product-info li, #roll-label-product-info li {text-align:left; list-style: none; margin-left:-25px; line-height: 18px; }

#roll-label-product-info a:link { color:#00539f; text-decoration:none; }
#roll-label-product-info a:active { color:#00539f; text-decoration:none; }
#roll-label-product-info a:visited { color:#00539f; text-decoration:none; }
#roll-label-product-info a:hover { color:#00539f; text-decoration:underline; }

#roll-label-product-info img { margin: 0 12px 0 12px; }

#label-info-box { width:910px;   border:none; text-align: center; }
#label-info-box h3 { text-align:left; padding-left:10px; padding-top:5px;}
/*#label-info-box p { text-align:left; padding-left:10px; padding-right:10px; }*/

/* colors for table*/
.sq-in-header { color:#FFFFFF; background:#990000; font-weight: bold; }
.qty-header { color:#FFFFFF; background: #00539F; font-weight: bold; }
.odd-row { background: #CCCCCC; }
#pricing-table th {padding:5px;} 
#pricing-table td {padding:5px; border-bottom: solid 1px #551A8B; border-right: solid 1px #551A8B; }
.td-section { border-bottom:  solid 3px #551A8B; }
.td-border-left { border-left:solid 1px #551A8B; }
.label-menu-box { 	
	display:block;
	float:left;
	background:url(../images/label-menu-background.gif) no-repeat;
	width: 161px; height:181px;
	margin:10px 9px 10px 10px;   
	border:solid 1px #999999;
}

#body-text .label-menu-box p { 
	text-align:center;
	width:161px; 
	border:none;
}

#body-text a:link { color:#00539f; text-decoration:none; }
#body-text a:active { color:#00539f; text-decoration:none; }
#body-text a:visited { color:#00539f; text-decoration:none; }
#body-text a:hover { color:#00539f; text-decoration:underline; }

.shirt-info {width:200px; display:block; float:left; margin-left:12px; }
.image-container { width:175px; height:200px; border:solid 1px #CCC; margin-left:auto; margin-right:auto; padding-top:20px; margin-bottom:10px;}

.facebook-icon { float:right; margin-bottom:10px; margin-right:20px; }

#footer {
	color:#fff;
	background: #473e39;
	margin-top:10px;
	font-family: Times;
	text-align: left;		
	padding-top:10px;
	
}

#mission-statement {
	float:left;
	width:250px;
	color:#fff;
	text-align: left;
	display:block;
}

#mission-statement h2 { color: white; font-variant: small-caps; text-align: left; font-size: 20px; padding-bottom: 10px;}
#mission-statement p { text-align:left;  padding-left:10px;  font-size:14px;  line-height:16px; }
#footer-nav { width: 980px;  margin-left:auto; margin-right:auto;}

#footer-nav li { 
	font-size:12px; line-height:16px; 
	font-weight:bold;
	list-style: none; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	}

#footer-nav a:link { color:#fff; text-decoration:none; }
#footer-nav a:active { color:#fff; text-decoration:none; }
#footer-nav a:visited { color:#fff; text-decoration:none;}
#footer-nav a:hover { color:#8facb8; text-decoration:none; }

#footer-nav-top { background:url(../images/footer-nav-top.gif) no-repeat; height:15px; margin:0px; padding:0px; }
#footer-nav-middle { background:url(../images/footer-nav-middle.gif) repeat-y; margin:0px; padding:0px; }
#footer-nav-bottom { background:url(../images/footer-nav-bottom.gif) no-repeat; height:15px; margin:0px; padding:0px;}

#footer-links {float:right; text-align: left; margin:0px; padding:0px;}
#link-groups { width:713px; float:right; text-align:left; margin:0px; padding:0px;}
.footer-link-group { text-align: left; float:left; margin:-5px 15px -5px 15px;  }
.footer-link-group ul { margin:0px 0 2px  0;  }

#trust-logos { width:715px; }
.trust-logo { padding:10px 10px 20px 10px; }
form {  padding-top:30px; }
.qf-label, .qf-input { margin:2px 0 2px 2px; float:left; padding:0; font-size:14px; line-height:14px; }
.qf-label {  width:60px; padding-left:15px;}
.qf-input { width: 140px; text-align:left;}
.qf-submit { margin-top:-5px; padding-left:10px; float:left;}
#quick-form { 
	background:url(../images/get-a-quote-quick-form-bg.gif) no-repeat; 
	width:340px; height:125px; 
	display:block; float:right; 
}


#footer h3 {font-size:12px; line-height:14px;  font-weight:normal; color:#000; padding:10px 0 10px 0; }

.float-right {float:right;}
.float-left {float:left;}
.clear {clear:both;}
.clear-right {clear:right; }



#quick-question input.text {
		width: 208px; height: 25px;
		/*background:url(../images/content_newsletter.gif);*/
		background-position: top left;
		font-family: "verdana";
		color:#666;
		font-size: 11px;
		line-height: 25px;
		text-indent: 10px;
		margin-bottom:5px;
	}
	#quick-question input.text-question {
		width:390px; height: 25px;
		/*background:url(../images/contact_input.png);*/
		background-position: top left;
		font-family: "verdana";
		color:#666;
		font-size: 11px;
		line-height: 25px;
		text-indent: 10px;
}
	
	
	#quick-question .contact-submit{
		display: block;
		/*position: absolute;*/
		float:right;
		width: 105px; height: 25px;
		right: 0px; bottom:0px;
		background: none;
		/*background-image: url(../images/contact_submit.png);*/
		cursor: pointer;
		_bottom: auto;
		_top:240px;
	}
	#quick-question .contact-submit-left{
		display: block;
		/*position: absolute;*/
		float:left;
		width: 105px; height: 25px;
		right: 0px; bottom:0px;
		background: none;
		background-image: url(../images/contact_submit.png);
		cursor: pointer;
		_bottom: auto;
		_top:240px;
	}
	#quick-question .contact-submit:hover{
		background-position: center center;
	}
	#quick-question .contact-submit:active, #quick-question .contact-submit:focus{
		background-position: bottom center;
	}

#contact { width:600px;}
form { width:600px;}

#contact .bar.fixed ul li{
	position: relative;
	padding: 0px 0px 12px 80px;
	border: none;
}
	#contact .bar.fixed ul li p{	
		font-size: 12px;
		line-height: 18px;
		margin: 0px 0px 0px 5px;
		padding: 0px;
		height: auto;
		font-family: "verdana";
		}
	#contact .bar.fixed ul li p a{
		font-size: 12px;
		padding: 0px;
		height: auto;
		line-height: 18px;
		text-transform: none;
		color: #7A3B63; color:#2c7d00;
		display: inline;
		border-bottom: 1px solid #cdb4c4;
	}
	
	#contact .bar.fixed ul li p a:hover{
		border-bottom: 1px solid transparent;
		color: #9FB250; color:#2c7d00;
	}
	
	#contact .bar.fixed ul li span{
		position: absolute;
		left:0px; top:0px;
		font-size: 14px;
		color: #5b5759;
		text-transform: uppercase;
		font-weight: 900;
		line-height: 20px;
		display: block;
		width: 75px;
	}
	
	#contact h2{	
		font-size: 14px;
		color: #5b5759;
		text-transform: uppercase;
		font-weight: 900;
		line-height: 22px;
	}
	#contact h4 {
		font-weight:bold;
		color:#2c7d00;
	}
	
	#contact .feedback{	
		background: black;	
		color: #FFF;
		width: 388px;
		margin: 5px 0px 0px 101px;
		line-height: 25px;
		height: 25px;
		text-indent: 5px;
		font-size: 12px;
		border: 1px solid black;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	#contact .feedback.error{
		background: #fde9e9;
		border: 1px solid #c56b56;
		color: #c56b56;
	}
	
	#contact .feedback.succes{
		background: #f5f9df;
		border: 1px solid #92a050;
		color: #92a050;
	}
	
	#contact form{
		/*margin: 15px 0px 0px 0px;*/
		margin-top:15px;
		position: relative;	
		width: 700px;
	}
	
	#contact form .row{	
		display: block;
		padding: 0px 0px 0px 101px;
		margin: 7px 0px 7px 0px;
		position: relative;
	}
	
	#contact form label{	
		position: absolute;	
		left: 0px; top:0px;	
		_left:-100px;
		font-size: 12px;
		color: #707070;
		font-family: "verdana";
		line-height: 25px;
		display: block;
		width: 83px; height: 25px;
		margin: 0px 0px 15px 0px;
	}
	
	#contact form label b{
		color: #a1b359;
		font-family: "helvetica","verdana","arial";
		font-weight: normal;
	} 
	
	#contact .text{	
		display: block;
		height: 25px; width: 388px;
		font-family: "verdana";
		color: #b7b7b1; color:#2c7d00; 
		font-size: 11px;
		line-height: 25px;
		text-indent: 10px;
		margin: 0px 0px 15px 0px;
		*margin: 0px 0px 13px 0px;
		text-align:left;
		background-image: url(../images/contact_input.png);
	}
	
	#contact .text:hover{ background-position: left center; color: #92928a; color:#2c7d00; }
	#contact .text:active, #contact .text:focus{ background-position: left bottom; color: #616158;}
	#contact .text.userinput{ color: #616158; color:#2c7d00; }	
	#contact form textarea{
		width: 378px;height: 93px;
		/*background: url(../images/contact_textarea.png);*/
		resize:none;
		font-family: "verdana";
		color: #b7b7b1; color:#2c7d00; 
		font-size: 11px;
		line-height: 18px;
		padding: 7px 0px 0px 10px;
		text-align:left;
		float:left;
	}
	
	#contact form textarea:hover{ background-position: left center; color: #92928a;}	
	#contact form textarea:active, #contact form textarea:focus{ background-position: left bottom; color: #616158;}
	#contact form textarea.userinput{ color: #616158;}
	
	#contact form p{
		display: block;
		font-size: 12px;
		color: #a1b359; color:#2c7d00; color:#00539f;
		font-weight:bold;
		height: 25px;
		font-family: "verdana";
		line-height: 25px;
		margin: 20px 0px 0px 101px;
	}
	
		#contact form p b{
			color: #a1b359; color:#2c7d00; color:#00539f;
			font-family: "helvetica","verdana","arial";
			font-weight: normal;
			font-size: 14px;
		}
	
	#contact .contact-p-fix {
		margin-left:0px; margin-top:-10px;
		margin-right:5px; 
		text-align:left;
		width:auto;
	}
	
	#contact .submit{
		display: block;
		position: absolute;
		width: 105px; height: 25px;
		right: 0px; bottom:0px;
		background: none;
		background-image: url(../images/contact_submit.png);
		cursor: pointer;
		_bottom: auto;
		_top:240px;
	}
	#contact .submit:hover{
		background-position: center center;
	}
	#contact .submit:active, #contact .submit:focus{
		background-position: bottom center;
	}

.noshow { display:none;}
	
.buy-button { margin:0 0 -7px 10px; }

.order-form label{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#00539f;
	display:block;
	float:left;
	width:70px;
	margin:0 0 4px 9px;
	padding:2px 0px 2px 2px;
}
.order-form input {
	font-size:12px;
	display:block;
	float:left;
	padding:2px;
	margin-bottom:4px;
	width:75px;
}
.order-form select{
	font-size:12px;
	display:block;
	float:left;
	padding:2px;
	margin:0 0 4px 9px;
	width:80px;
}

	.order-form .label-modified{
		font-size:12px;
		text-align:center;
		color:#00539f;
		/*display:block;*/
		/*float:left;*/
		width:auto;
		margin-bottom:4px;
		padding:2px 8px 2px 2px;
	}
	
	.order-form .input-modified {
		font-size:12px;		
		float:left;
		padding:2px;
		margin-bottom:4px;
		width:75px;
	}
	.order-form .select-modified{
		font-size:12px;
		/*display:block;
		float:left;*/
		text-align:left;
		padding:2px;
		margin-bottom:4px;
		width:160px;
	}

.order-form form { margin:0px; padding:0px;}
.order-form h3 { margin-top:10px; text-align:left; padding-left:10px;}
.order-form h6 {font-weight:normal; background: #FFFFCC; padding:5px; font-size:10px; }
::selection {
	background: #8facb8;
}

::-moz-selection {
	background: #8facb8;
	
}
/* MENU */
/*#menu a:link { text-transform:uppercase; color:#fff; text-decoration:none; }*/
/*#menu a:active { text-transform:uppercase; color:#fff; text-decoration:none; }*/
/*#menu a:visited { text-transform:uppercase; color:#fff; text-decoration:none;}*/
/*#menu a:hover { text-transform:uppercase; color:#bee55a; text-decoration:underline; }*/
/*#menu ul { font-size:11px; padding-top:0px; font-weight:bold;}*/
/*#menu li { display:inline; font-size:11px; padding:0 0 0 0; }*/ 

#menu-container { 
	background:#473e39;  
	height:2.2em;		
}

/* Javascript menu */
#menu, #menu ul {
	list-style:none;
	/*padding:0;
	margin:0;*/	
}
#menu {
	/*margin:0 12%;*/
	text-transform:uppercase;
	font-weight: bold;
	width:900px;
	margin:0 auto;
}
#menu li {
	float:left;
	position:relative;
	line-height:2.2em;
	width:17em;
}
#menu li ul {
	position:absolute;
	margin-top:0em;
	margin-left:.5em; /* for IE */
	display:none;
}
#menu ul li ul {
	margin-top:-3em;
	margin-left:7em;
}
/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	/*border-right:1px solid #fff;*/
	background:#473e39;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px;
}
#menu a:hover {
	background-color:#5B5759; 
	color:#fff;
	text-decoration: none;
}
#menu ul {
	/*border-top:1px solid #fff;*/	
}
#menu ul a {
	/*border-right:none;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff; */
	background:#473e39;
	border-bottom:1px solid #999999;
}

/* ******************************************************************* */

#menu {
	z-index:1;
}
#menu ul {
	z-index:2;
}
#menu ul ul {
	z-index:3;
}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#pricing-table form {padding:0;}

#pricing-table label {margin-left:25px;}

.hidden { display: none; }
.unhidden { display: inline-block; }
#pricing-table .shop {text-align:left;}
#pricing-table div {width:250px;}
#pricing-table input[type=image] {margin:0px 0 -8px 25px;}

.coupon {display:inline-block; width:40%; margin:10px; padding:10px; border: 2px #717171 dashed; background:#EAEAEA;}