/*
Skin Name: PrintDawgLulz
Skin URI: http://www.printdog.com
Description: This bez some tuff shiz here nowz!
Version: 1.0
Copyright: Master Print Communications 2010-2012, All Rights Reserved.

COLORS
Indigo: #36358f		Chartreuse: #8bbf47		Sky Blue: #009fda		Orange: #ffb20f
Yellow: #fff200		Yellow Chiffon: #ffffe1		Red: #900 / #ff0

GRAYS
#cecece		#efefef		#b0b0b0		#bdbdbd		#333333		#666666		#888888
*/

/************************************************************/
/*     		   LAYOUT AND DEFAULT STYLES                    */
/************************************************************/

/* @@@@@@ Defaults @@@@@@ */
body {
	background: #fff url(layout/nav-stripe.gif) repeat-x 0 79px;
	margin: 0;
	padding-bottom: 20px;
	text-align: center;
	z-index: 1;
}
body, div, p, td, th {
	font: normal 12px arial, helvetica, verdana, sans-serif;
	color: #111;
}
fieldset {
	border: none;
	padding: 0;
}
h1 {
	color: #666;
	font-weight: bold;
	margin: 0;
}
h2 {
	color: #888;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}
h3 {
	color: #666;
}
h4 {
	color: #8bbf47;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
input[type=text], input[type=file], input[type=password], textarea, select {
	background-color: #fff;
	border: 1px solid #666;
	color: #666;
	font-size: 12px;
	padding: 3px;
	width: 225px;
	font-family: arial, helvetica, sans-serif !important;
	-box-shadow: 0 0 2px #bdbdbd;
	-moz-box-shadow: 0 0 2px #bdbdbd;
	-webkit-box-shadow: 0 0 2px #bdbdbd;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
input[type=text]:focus, input[type=file]:focus, textarea:focus, input[type=password]:focus, select:focus {
	background-color: #fafafa;
	border-color: #009FDA;
	font-family: arial, helvetica, sans-serif !important;
}
label, legend {
	color: #666;
	font-weight: bold;
}
textarea {
	min-height: 65px;
}

/* @@@@@@ Links @@@@@@ */
a img, a:hover img {
	text-decoration: none;
	border: none;
}
a:hover {
	color: #009fda;
	text-decoration: underline;
}
a:link, a:active, a:visited {
	color: #009fda;
	text-decoration: none;
}
table a:hover, #contactBox a:hover, .mainFooter a:hover {
	text-decoration: underline
}

/* @@@@@@ Lists @@@@@@ */
.list li, .formSubmittedUserEntry li {
	background-image: url(layout/bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	margin-left: -30px;
	padding-left: 14px;
}
.list ul {
	margin-left: -15px;
}
.listSpace li {
	margin-bottom: 10px;
}
.list li li {
	margin-left: -25px;
}
.listNormal li {
	background: none;
	list-style: square;
	margin-bottom: 0;
	list-style-position: inside;
}

/* @@@@@@ Layout List Styles @@@@@@ */
.category ul li.product a:link, .category ul li.product a:active , .category ul li.product a:visited {
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
}
.navMenu {
	font-weight: bold;
}
ul.navMenu a:hover {
	text-decoration: underline;
}

/* @@@@@@ Buttons & Inputs @@@@@@ */
input.submit, input[type=submit] {
	background: url(layout/buttons/submit.png) no-repeat 0;
	border: none;
	height: 28px;
	text-align: justify;
	width: 59px;
	color: #fff;
	text-indent: -99999px;
	display: block;
}

/* @@@@@@ Layout @@@@@@ */
#layoutBetwixt {
	height: 15px;
}
#layoutBottom {
	background: url(layout/layout-bottom.gif) no-repeat;
	height: 5px;
}
#layoutRepeat {
	background: url(layout/layout-repeat.gif) repeat-y;
	padding: 10px 15px;
}
#layoutTop {
	background: url(layout/layout-top.gif) no-repeat;
	height: 5px;
}
#mainLayout {
	margin: 0 auto;
	text-align: left;
	width: 955px;
}
.mainFooter {
	color: #B0B0B0;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
}
.mainHeader {
	height: 79px;
	margin-bottom: 20px;
	width: 100%;
}
a.mainLogo {
	background: #fff url(layout/logo.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 52px;
	margin: 15px 20px 15px 5px;
	text-indent: -10000px;
	width: 228px;
}
	
/* @@@@@@ Layout Content @@@@@@ */
#contentArea {
	min-height: 600px;
}
.contentBorderBottom {
	background: url(layout/content-bottom.gif) no-repeat;
	height: 5px;
	padding: 0;
}
.contentBorderRepeat {
	background-color: #fff;
	border-left: #e6e6e6 solid 1px;
	border-right: #e6e6e6 solid 1px;
	padding: 5px 14px 10px 15px;
	vertical-align: text-top;
}
.contentBorderTop {
	background: url(layout/content-top.gif) no-repeat;
	height: 5px;
	padding: 0;
}
.contentDots {
	background: url(layout/content-dots.gif) repeat-y 185px 0;
}
.pageTitle {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
}

/* @@@@@@ Layout Header @@@@@@ */
#headerLinks {
	color: #888;
	height: 17px;
	margin: 0 -5px 5px 0;
	width: 265px;
}
#headerLinksMark {
	background: #fff url(layout/toplinks-mark.gif);
	height: 15px;
	margin: 0 7px;
	width: 2px;
	z-index: 1;
}
#headerLinksPipe li a {
	color: #888;
}
#headerLinksPipe li a.cart {
	background: #fff url(layout/cart-image.gif) no-repeat bottom left;
	border: 0;
	display: block;
	height: 12px;
	width: 174px;
}
#headerLinksPipe li a.cart:hover {
	background-image: url(layout/cart-image-hover.gif);
}
#headerLinksPipe li a.home {
	background: #fff url(layout/home.gif) no-repeat;
	border: 0;
	display: block;
	height: 14px;
	width: 55px;
	border-right: 1px solid #ccc;
	padding-right: 8px;
}
#headerLinksPipe li a.home:hover {
	background-image: url(layout/home-hover.gif);
}
#headerLinksPipe li a:hover {
	color: #333;
	text-decoration: none;
}
#headerLinksPipe strong {
	font: bold 10px verdana, helvetica, arial, sans-serif;
	vertical-align: top;
}
#headerLinksPipe ul {
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#headerLinksPipe ul li {
	display: inline;
	float: left;
	list-style: none;
	margin-left: 0;
	padding: 1px 2px;
}

/* @@@@@@ Layout Footer @@@@@@ */
#contactBox {
	color: #888;
	float: right;
	height: 50px;
	margin: 0 0 0 0;
	position: relative;
	top: 20px;
	width: 155px;
}
#contactBox a {
	color: #009fda;
	text-decoration: none;
}
#contactBox b {
	color: #666;
	font-size: 16px;
}
#contactBox strong {
	font-size: 10px;
}
#footerBoxBottom {
	background: url(layout/footerbox-bottom.gif) no-repeat;
	height: 5px;
}
#footerBoxRepeat {
	background: url(layout/footerbox-repeat.gif) repeat-y;
	padding: 15px 20px 10px 20px;
}
#footerBoxTop {
	background: url(layout/footerbox-top.gif) no-repeat;
	height: 5px;
}
#socialMedia {
	height: 30px;
	left: -10px;
	position: relative;
	vertical-align: bottom;
	width: 300px;
}
#socialMediaImages ul {
	list-style: none;
	margin: 0 10px;
	padding: 0;
}
#socialMediaImages ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 3px;
}
.mainFooter .mainCopyright {
	font: normal 11px verdana, helvetica, arial, sans-serif;
	margin-bottom: 8px;
	padding-top: 5px;
	color: #666;
}
.mainFooter a, #footerBox strong{
	font-size: 11px;
	color: #666;
}
table#footerBox a {
	color: #888;
	font-size: 11px;
	text-decoration: none;
}
table#footerBox a:hover {
	text-decoration: underline;
}
table#footerBox h1 {
	color: #009FDA;
	font-size: 15px;
}
table#footerBox h2 {
	color: #666;
	font-size: 11px;
	margin: 0;
}


/* @@@@@@ Layout Contact Box @@@@@@ */
#contactBox {
	color: #888;
	float: right;
	height: 50px;
	margin: 0 0 0 0;
	position: relative;
	top: 20px;
	width: 155px;
}
#contactBox a {
	color: #009fda;
	text-decoration: none;
}
#contactBox a img {
	padding-right: 1px;
	text-decoration: none !important;
	border: none;
	opacity: .7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
#contactBox a img:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
#contactBox b {
	color: #666;
	font-size: 16px;
}
#contactBox strong {
	font-size: 10px;
}

/* @@@@@@ Layout Navigation #1 (TOP NAVI) @@@@@@ */
#topNav {
	float: left;
	margin-top: 40px;
}
#topNav #topNavContainer {
	float: left;
	margin: 0;
	padding: 0;
}
#topNav .topNavItem {
	float: left;
	margin-right: 10px;
}
#topNav .topNavItem .blue, #topNav .topNavItem .blue a,
#topNav .topNavItem .green, #topNav .topNavItem .green a,
#topNav .topNavItem .purple, #topNav .topNavItem .purple a,
#topNav .topNavItem .yellow, #topNav .topNavItem .yellow a,
#topNav .topNavItem div, #topNav .topNavItem div a,
{
	background-color: transparent;
}
#topNav .topNavItem .blue {
	background-image: url(layout/navigation/blue.gif);
}
#topNav .topNavItem .blue a {
	background-image: url(layout/navigation/blueMain.gif);
}
#topNav .topNavItem .green {
	background-image: url(layout/navigation/green.gif);
}
#topNav .topNavItem .green a {
	background-image: url(layout/navigation/greenMain.gif);
}
#topNav .topNavItem .purple {
	background-image: url(layout/navigation/purple.gif);
}
#topNav .topNavItem .purple a {
	background-image: url(layout/navigation/purpleMain.gif);
}
#topNav .topNavItem .yellow {
	background-image: url(layout/navigation/yellow.gif);
}
#topNav .topNavItem .yellow a {
	background-image: url(layout/navigation/yellowMain.gif);
}
#topNav .topNavItem div {
	background: url(layout/navigation/orange.gif) no-repeat 0 10px;
	display: block;
	height: 17px;
	padding: 22px 0 0 8px;
	text-decoration: none;
}
#topNav .topNavItem div a {
	background: url(layout/navigation/orangeMain.gif) no-repeat 100% 10px;
	color: #a7a9ac;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding: 22px 8px 2px 0;
	text-align: center;
	text-transform: uppercase;
}
#topNav .topNavItem div:hover {
	background-position: 0 0;
	text-decoration: none;
}
#topNav .topNavItem div:hover a {
	background-position: 100% 0;
	padding: 12px 8px 12px 0;
	position: relative;
	text-decoration: none;
	top: -10px;
}

/* @@@@@@ Layout Navigation #2 & #3 (LEFT NAVI) @@@@@@ */
.leftNavBottom {
	background: url(layout/leftnav-bottom.gif) no-repeat 0 0;
	height: 10px;
	margin: 0;
	padding: 0;
}
.leftNavBreak {
	height: 10px;
}
.leftNavContent {
	padding: 0 0 4px 12px;
	width: 153px;
	line-height: 150%;
}
.leftNavContent a:hover {
	text-decoration: underline;
}
.leftNavContent h1 {
	color: #666;
	font-size: 12px;
	margin: 1px 0 0 0;
	text-transform: uppercase;
}
.leftNavContent li {
	list-style: none;
}
.leftNavContent ul {
	margin: 0 0 0 -40px;
}
.leftNavRepeat {
	background: url(layout/leftnav-repeat.gif) repeat-y;
	margin: 0;
	padding: 0;
}
.leftNavRepeat a:hover {
	color: #36358F;
	text-decoration: underline;
}
.leftNavRepeat a:link, .leftNavRepeat a:active, .leftNavRepeat a:visited {
	color: #36358F;
	font-size: 12px;
	margin-left: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}
.leftNavTop {
	background: url(layout/leftnav-top.gif) no-repeat 0 0;
	height: 10px;
	margin: 0;
	padding: 0;
}
.limitedOffer {
	background: url(layout/limited-time-only.png) no-repeat right;
	display: block;
	width: 170px;
	z-index: 2;
}


/* @@@@@@ Texts @@@@@@ */
.asterisk {
	color: red;
	font-size: 10px;
}
.size10 {
	font: normal 10px verdana, arial, helvetica, sans-serif;
}
.size9 {
	font: normal 9px verdana, arial, helvetica, sans-serif;
}

/* @@@@@@ Margins @@@@@@ */
.margin0 {
	margin: 0 !important;
}
.margin3Top {
	margin-top: 3px !important;
}
.margin5Left {
	margin-left: 5px !important;
}
.margin5Right {
	margin-right: 5px !important;
}
.margin5Bottom {
	margin-bottom: 5px;
}
.margin5Top {
	margin-top: 5px !important;
}
.marginNeg3Top {
	margin-top: -3px !important;
}
.marginNeg5Left {
	margin-left: -5px !important;
}
.marginNeg5Top {
	margin-top: -5px !important;
}
.marginTopBottom0 {
	margin-bottom: 0;
	margin-top: 0;
}

/* @@@@@@ Alerts @@@@@@ */
p.alert, p.errorMessage {
	color: #fff200;
	font-size: 8px;
	font-family: Helvetica, sans-serif;
	background-color: #f00;
	padding: 2px 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid orange;
}


/* @@@@@@ Multi-Use Classes @@@@@@ */
.borderBlack {
	border: 1px solid #111;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
	overflow: hidden;
}
div.hr {
	background-image: url(layout/productHR.gif);
	border: none;
	height: 7px;
	margin: 15px 0;
	width: 405px;
}
div.hr hr {
	display: none;
}
.noDisplay {
	display: none;
	visibility: hidden;
}
.alignRight {
	text-align: right;
}

/* @@@@@@ IE 7 Warning @@@@@@ */
#ie7Container {
	background: #efefef;
	border: 1px solid #666;
	clear: both;
	height: 75px;
	position: relative;
	text-align: center;
}
#ie7ContainerBox {
	font-weight: bold;
	position: absolute;
	right: 3px;
	top: 3px;
}
#ie7ContainerStyle {
	float: left;
	width: 275px;
}
#ie7ContainPadding {
	color: #111;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 720px;
}
#ie7Notice12 {
	font-size: 12px;
	line-height: 12px;
	margin-top: 6px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
}
#ie7Notice13 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 12px;
	color: #c00;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
}
.ie7BrowserImageFloat {
	float: left;
	width: 75px;
}
.ie7OperaImageFloat {
	float: left;
}
.noBorder {
	border: none;
}

/* @@@@@@ Other @@@@@@ */
*::-moz-selection { background: #009fda none repeat scroll 0 0; color: #fff; }
::selection { background: #009fda none repeat scroll 0 0; color: #fff; }

/* @@@@@@@ Proofs [Here because for some reason the other CSSs do not show up!] @@@@@@@ */
#ctl00_ContentPlaceHolder1_pnlProof ol {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
}
#ctl00_ContentPlaceHolder1_pnlProof textarea {
	display: block;
	margin: 0 0 10px 0;
}
#ctl00_ContentPlaceHolder1_pnlProof a {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
#ctl00_ContentPlaceHolder1_btnApprove {
	background: url(layout/buttons/approve.png) no-repeat 0;
}
#ctl00_ContentPlaceHolder1_btnDeny {
	background: url(layout/buttons/deny.png) no-repeat 0;
}
#ctl00_ContentPlaceHolder1_btnDeny, #ctl00_ContentPlaceHolder1_btnApprove {
	border: none;
	width: 67px;
	height: 26px;
	margin: 1px 5px;
}