/*
Theme Name: Low Price Lanyards
Theme URI: http://www.patrickhamil.com - http://www.emergentgraphics.com
Description: A theme developed for LowPriceLanyards.com - Completely custom and one-of-a-kind.
Version: 0.1 (WP2.6.2)
Authors: Patrick Hamil / Ben Boykin
Author's URI: http://www.patrickhamil.com - http://www.emergentgraphics.com
Tags: clean, basic, custom, lanyard
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/jqModal.css";

body { background: #eeeadb; }

a, img { border: none; outline: none; }

.clear { clear: both; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#header_wrapper {
background: url('style/images/mheader_bg.png') repeat-x;
height: 368px;
width: 100%;
}

#header {
background: transparent !important;
display: block;
height: 103px;
margin: 0 auto;
width: 940px;
}

.logo {
float: left;
margin: 15px 0 0 0;
}

.call_now {
display: inline;
float: left;
height: 103px;
}

#blue_bg {
background: url(style/images/rightside_bg.jpg) repeat-x #1c80d5;
position: absolute;
width: 57%;
height: 102px;
right: 0px;
top: 0px;
z-index: 10;
}

#header_content {
height: 215px;
margin: 0 auto;
width: 940px;
}

.featuredbox-wrapper,
.featuredbox{
    width: 960px;
    height: 215px;
    position: relative;
    overflow: hidden;
    font-family:  Verdana, Tahoma, "Lucida Sans";
    font-size: 9pt;
    font-weight: normal;
    margin: 0 0 0 -8px;
    padding-left: 0;	
}
.featuredbox ul.slides{
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.featuredbox ul.slides li{
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 960px;
	height: 215px;
}
.featuredbox .description{
	background:transparent;
	top:215px;
	color:#FFFFFF;
	right:20px;
	padding:3px 6px;
	position:absolute;
	z-index:100;	
	height: 16px;
}
.featuredbox-wrapper .navigation{
	background:transparent;
	bottom:0px;
	color:#FFFFFF;
	left:0px;
	padding:3px 0;
	position:absolute;
	z-index:100;	
	height: 215px;
}
.featuredbox-wrapper .navigation ul{
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}
.featuredbox-wrapper .navigation li{
	list-style: none;
	list-style-type: none;
	padding: 0px 0px;
	margin: -2px 0px;
}
.featuredbox-wrapper .navigation li img{
	cursor: pointer;
	border-left: solid 4px #000000;
}
.featuredbox-wrapper .navigation li.hover img{
	border-left: solid 4px #FF0000;
}
.featuredbox-wrapper .navigation li.active img{
	border-left: solid 4px #FFFFFF;
}
.featuredbox .box-slide1,
.featuredbox .box-slide2 {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 215px;
    width: 960px;
    z-index: -1;
}
.featuredbox .box-slide1{
	background: #CCF;	
}
.featuredbox .box-slide2{
	background: #F96;	
}

#navigation{
position:relative;
display:block;
height:50px;
margin: 0 auto;
font-size:14px;
font-weight: bold;
background:transparent url(style/images/greenslate_background.jpg) repeat-x top left;
font-family:Arial,Verdana,Helvetica,sans-serif;text-transform:uppercase;
width: 960px;
}

#navigation ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
#navigation ul li {
display:block;
float:left;
margin:0 1px 0 0;
}
#navigation ul li a{
display:block;
float:left;
color:#EEFFDF;
text-decoration:none;
padding:18px 22px 0 22px;
height:32px;
}
#navigation ul li a:hover,#slatenav ul li a.current{
color:#fff;
background:transparent url(style/images/greenslate_backgroundOVER.jpg) no-repeat top center;
}

.three_col_container {
background-color: #eeeedb !important;
margin: 0;
width: 100%;
}

#three_col_wrapit {
	display: block;
	width: 960px;
	margin: 0 auto;
}

.three_col {
background-color:#eeeedb !important;
display: inline;
float:left;
margin:0 auto;
width:960px;
}

.three_col .post {
background:url("style/images/3cc_bg.jpg") no-repeat scroll center top transparent;
display:inline;
float:left;
height:265px;
margin:10px;
padding:20px 25px;
width:250px;

}

.three_col .post h1 a {
border-bottom: 1px dotted #000000;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
}

.three_col .post h1 a:hover {
border-bottom: 1px solid #999999;
color: #999999;
font-size: 18px;
font-weight: bold;
}

.three_col .post h2 a {
border-bottom: 1px dotted #000000;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
}

.three_col .post h2 a:hover {
border-bottom: 1px solid #999999;
color: #999999;
font-size: 18px;
font-weight: bold;
}

.three_col .post p {
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
}

.three_col .post p a {
clear: left;
color: #FF0000;
display: block;
float: right;
margin-top: 15px;
}

.three_col .post p a:hover {
color: #000000;
}

#footer {
background: url(style/images/footer_bg.jpg) repeat-x left top #0766d5;
height: 281px;
width: 100%
}

.footer_ul_container a {
border-bottom: 1px dotted #FFF;
color: #FFF;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}

.footer_ul_container a:hover {
border-bottom: 1px dotted #47b12f;
color: #47b12f;
}

#footer_container {
color: #FFFFFF;
margin: 0 auto;
width: 940px;
}

.design-online {
display: block;
margin: 0 auto;
height:76px;
width: 600px;
top: -50px;
}

.design-online a {
display:block;
height: 76px;
width: 600px;
background: url(style/images/design-online-full.png) 0 0 no-repeat;
}
.design-online a:hover { 
background-position: 0 -76px;
}

.footer_ul_container {
display: block;
float: left;
position: relative;
width: 600px;
top: -10px;
}

.inline_ul {
display: inline;
float: left;
padding: 0 60px 0 0;
}

.copyright {
display: block;
font-size: 11px;
margin-top: -30px;
position: relative;
width: 940px;
text-align: center;
}

.copyright a {
border-bottom: 1px dotted #FFF;
color: #FFF;
text-decoration: none;
}

.copyright a:hover {
border-bottom: 1px dotted #47b12f;
color: #47b12f;
}

#container {
background: #fff;
margin: 20px auto;
padding: 0;
height: auto;
width: 960px;
}

#container_pad, #container_pad2 {
padding: 0 20px;
width: 920px;
}

#container_pad h2, #container_pad2 h2 {
display: none;
}

#container_pad h3, #container_pad2 h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
}
#container_pad h1, #container_pad2 h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
}

#container_pad p, #container_pad2 p {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
margin: 12px 0;
}

#container_pad a, #container_pad2 a {
border-bottom: 1px dotted #0765D6;
color: #0765D6;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

#container_pad a:hover, #container_pad2 a:hover {
border-bottom: 1px solid #000000;
color: #000000;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

#container_pad table {
border-collapse: collapse;
font-family: arial, helvetica, sans-serif;
line-height: 25px;
margin: 25px auto;
text-align: center;
width: 900px;
}

#container_pad th {
background-color: #0765D6;
border: 1px solid #0765D6;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

#container_pad tr {
background-color: #CFE2FF;
border: 1px solid #0765D6;
color: #000000;
text-align: center;
}

#container_pad tr.alt {
background-color: #EFF5FF;
border: 1px solid #0765D6;
}

#container_pad tr:hover {
background-color: #FFFFFF;
}

#container_pad td {
border: 1px solid #0765D6;
text-align: center;
}

#free_quote_form {
	width: 500px;
}

#free_quote_form select {
	display: inline;
	margin: 4px 0;
	width: 200px;	
}

#free_quote_form input {
	display: inline;
	margin: 4px 0;
	width: 195px;	
}

#free_quote_form textarea {
	margin: 4px 0;
	margin-left: 130px;
	width: 365px;	
}

#free_quote_form label {
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0;
	width: 300px;
	text-align: right;	
}

#submit_bbb {
	display: block;
	float: right;
	margin-bottom: 50px;
}

.rs_bar{
	display: inline; 
	float: right; 
	width: 340px;
}

.rs_bar img{
	float:right; 
	margin:-6px 0;
}
.rs_bar img:hover{
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

.hover_on_me:hover {
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

#trackorder {
	display: none;
	position: absolute;
	top: 1250px;
	left: 0;
	background-color: #719749;
	height: 120px;
	width: 506px;
	margin: 0 10px 0 -500px;
	padding-left: 25px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	z-index: 9997;
}

#trackorder img {
	position: absolute;
	right: 0;
	margin: 0;
	margin-right: -25px;
	top: -5px;
	z-index: 9999;
}

#trackorder h3 {
	font-family: Verdana;
	font-size: 16px;
	color: white;
	margin: 0;
}

#trackorder label {
	color: #FFF;
	font-weight: bold;
	width: 140px;
	float: left;
	margin: 0;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 8px;
}

#trackorder input {
	width: 200px;
	float: left;
	margin: 0;
	margin-bottom: 8px;
}

#trackorder ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
}

#trackorder ul li {
	clear: both;
	display: block;
	margin: 0;
}

#trackorder p {
	opacity:0.6;
	filter:alpha(opacity=60);
	font-size: 14px;
	background: #555555;
	border: 1px solid #000000;
	color: #FFF;
	margin: 0;
	padding: 5px;
	width: 455px;
	text-align: center;
	position: relative;
	z-index: 9998;
}