a, a:link, a:active {
	/* KAK - color: #1459FF; */
	color: #207498;
	cursor: pointer;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a:visited {
	/* KAK - color: #2B84FF; */
	color: #369594; 
}
a:hover {
	/* KAK - color: #EE222A; */
	color: #369594;
	text-decoration: underline;
}

body { 
	font-family: Arial, Helvetica, Geneva, Sans-Serif; 
	background-image: url('/styles/images/background_stripe_ltgray.jpg');
	background-repeat: repeat;
	margin: 0px 0px 1px 0px;
	padding: 0;
	text-align: center;
}
form {
	margin: 0px;
	padding: 0px;
}
p { 
	color: #333333;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 95%;
	font-weight: lighter;
	margin-top: 0pt;
	margin-bottom: 1pt;
}
strong {
	font-weight: normal;
	color: #990000;
}
em {
	color: #990000;
}
table {
	padding: 0pt;
	margin: 0pt;
}
ol, li {
	color: #333333;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 95%;
	font-weight: lighter;
	margin-top: 0pt;
	margin-bottom: 1pt;
}
ul, dl {
	color: #333333;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 95%;
	font-weight: lighter;
	margin-top: 2pt;
	margin-bottom: 3pt;
}
li, dd {
	margin-top: 1pt;
}
h1 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
    padding: 0px;
}
h3 {
	font-size: 36pt;
	color: #000033;
	margin-top: -5px;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
}
h4 {
	color: #000000;
	font-size: 120%;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	margin-top: 10pt;
	margin-right: 18pt;
	text-align: left;
}
h5 {
	color: #333333;
	font-size: 110%;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top: 14pt;
	margin-right: 18pt;
}
h6 {
	color: #333333;
	font-size: 105%;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	margin-right: 0pt;
	margin-left: 0pt;
	margin-top: 4pt;
	margin-bottom: 0pt;
}
 
/* page/wrapper styles */
#webPageShadow {
	margin: 0;
	background-image: none;
}
#webPageWrapper {
	width: 780px;
	margin: 0px auto 0px auto;
	border: 2px #ddd solid;
	background: #fff;
}
#webPage {
	width: 760px;
	padding: 0 4px;
	margin: 0px auto;
	text-align: center;
	background: #fff url(http://cdn.dick-blick.com/images/wrapper.gif) repeat-y;
	float: left;
}

#headerWrapper {
	clear: both;
	height: auto;
	width: 100%;
	border-top: 3px #fff solid;
}
#headerWrapperBanner {
	clear: both;
	height: 71px;
	width: 100%;
	background: url('/styles/images/banner_201001.gif');
	background-repeat: no-repeat;
	border-bottom: 0px #fff solid;
	position: relative;
}

#headerAccountOptions {
	margin: 1px 10px 0px 0px;
	color: #BBBBBB;	
	position: absolute; 
	text-align: right; 
	z-index: 1000;
	height: 12px;
	font-family: Arial, Helvetica, Geneva, Sans-Serif; 
	font-size: 11px;
	font-weight: bold;
}
#headerAccountOptions a, #headerAccountOptions a:link, #headerAccountOptions a:visited {
	padding: 0px 2px;
	color: #000000;
	text-decoration: none;
}
#headerAccountOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}
#headerCartContents {
	margin: 10px 0px 0px 560px;
	padding: 0;
	position: absolute;
	z-index: 1000;
	width: 52%;
}
#headerBannerLogo {
	height: 71px;
	width: 100%;
	z-index: 0;
}

.headerAccountOptions {
	border: 0px solid #ccc;
	/*margin: 5px 10px;*/
	/*color: #BBBBBB;*/
	position: absolute; 
	text-align: right; 
	/*width: 750px;*/
	z-index: 1000;
	height: 12px;
	font-family: Arial, Helvetica, Geneva, Sans-Serif; 
	font-size: 11px;
	font-weight: bold;
	right: 0;
	margin: 5px 3px 5px 0px;
	width: 90%;
}
.headerAccountOptions a, .headerAccountOptions a:link, .headerAccountOptions a:visited {
	padding: 0px 2px;
	color: #000000;
	text-decoration: none;
}
.headerAccountOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}
.headerTagline {
	padding: 0px 2px;
	color: #000000;
}
.headerUserName {
	color: #CC0000; /* KAK adjustment */
	font-weight: bold;
}
.otherText {
	
}
.headerCartContents {
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	float: right;
	font-size: 11px;	
}
.headerCartIcons {
	width: auto;
	margin-right: 5px;
	float: left;
}
.headerCartOptions {
	float: left; 
	line-height: 14px;	
}
.headerCartOptions a, .headerCartOptions a:link, .headerCartOptions a:visited {
	color: #000;
	text-decoration: none;
}
.headerCartOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}

#headerMainMenu {
	clear: both;
	width: 100%;
	border-top: 1px #AAAAAA solid;
	border-bottom: 1px #DDDDDD solid;
	margin: 0;
	padding: 0;
	background: url('/styles/images/midbar_blackgrad_new.jpg');
	height: 22px;
}
.headerMainMenuOptions {
	padding: 4px 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #999999;	
}
.headerMainMenuOptions a, .headerMainMenuOptions a:link, .headerMainMenuOptions a:visited {
	padding: 0px 2px;
	color: #555555;
	text-decoration: none;
}
.headerMainMenuOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}

.headerMainMenuOptionsLeft {
	margin: 0;
	padding: 4px 0px 4px 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #999999;	
	float: left;
}
.headerMainMenuOptionsLeft a, .headerMainMenuOptionsLeft a:link, .headerMainMenuOptionsLeft a:visited {
	margin: 0;
	padding: 0px 1px 0px 1px;
	color: #555555;
	text-decoration: none;
}
.headerMainMenuOptionsLeft a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}
.headerMainMenuOptionsRight {
	margin: 0;
	padding: 4px 5px 4px 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #999999;	
	float: right;
}
.headerMainMenuOptionsRight a, .headerMainMenuOptionsRight a:link, .headerMainMenuOptionsRight a:visited {
	margin: 0;
	padding: 0px 1px 0px 1px;
	color: #555555;
	text-decoration: none;
}
.headerMainMenuOptionsRight a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}
.headerCallout {
	color: #003399;
	padding-right: 8px;
}

#headerNavMenu {
	clear: both;
	width: 100%;
	border-top: 3px #FFFFFF solid;
	margin: 0;
	padding: 0;
	height: 23px;
}
#headerNavMenu #MainSearchForm {
	margin: 0;
	padding: 0;
}
#headerNavMenu #headerSearchBox {
	/*width: 110px;*/
	font-family: Arial, Helvetica, Geneva, Sans-Serif; 
	font-size: 12px; 
	font-weight: normal;
	height: 16px; 
	margin: 0;
	padding: 0;
	color: #000;
	width: 175px;
}

.headerNavMenuDepartmentOptions {
	margin: 0;
	padding: 0;
	font-size: 13px; /* KAK adjustment */
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	color: #CCCCCC;
	height: 15px;
	position: relative;
}
.headerNavMenuDepartmentOptions a, .headerNavMenuDepartmentOptions a:link, .headerNavMenuDepartmentOptions a:visited {
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.headerNavMenuDepartmentOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: none;
}
#deparmentMenuLink { 
	font-size: 12px; /* KAK adjustment */
}

#departmentsMenu {
	background-color: #F2F2F2;
	border: 1px solid silver;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #333333; 
	margin: 0; 
	padding: 5px 0px 5px 0px;
	text-align: left;
	position: absolute;
	top: 22px;
	left: 5px;
	width: 320px;
	display: none;
	z-index: 1000;
}
#departmentsMenu div, #departmentsMenu span {
	float: left; 
	width: 155px;
}
#departmentsMenu .borderedRight {
	border-right: 1px solid silver;
}
#departmentsMenu .menu { 
	margin: 0;
	padding: 0;
}
#departmentsMenu .menu ul {
	list-style-type: none;
}
#departmentsMenu .menu li { 
	list-style: none;
	margin-left: 10px;
}
#departmentsMenu .menu li a {
	color: #333333;
	text-decoration: none;
}
#departmentsMenu .menu li a:hover {
	color: #CC0000; /* KAK adjustment */
}

.headerNavMenuIndexOptions {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	color: #CCCCCC;
	height: 15px; 
}
.headerNavMenuIndexOptions a, .headerNavMenuIndexOptions a:link, .headerNavMenuIndexOptions a:visited {
	margin: 0;
	/*padding: 0px 1px 0px 0px;*/
	padding: 0px 2px 0px 2px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.headerNavMenuIndexOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}

.headerNavMenuOptions {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	color: #CCCCCC;
	height: 15px;
}
.headerNavMenuOptions a, .headerNavMenuOptions a:link, .headerNavMenuOptions a:visited {
	margin: 0;
	/*padding: 0px 2px 0px 0px;*/
	padding: 0px 4px 0px 2px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.headerNavMenuOptions a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}

#headerShadow {
	width: 100%;
	border-top: 2px #fff solid;
	background: url(/styles/images/nav_shadow.gif);
	background-repeat: repeat-x;
	min-height: 8px;
	height: auto;
	margin: 0;
	padding: 0;
}

#webPageContent {
	min-width: 760px;
	width: 100%;
	/*****Added for Tablet/Header Footer Removed because it was 
    throwing all of the positions of the videos on the site off *****/
	/*float: left;
	position: relative;
	left: 20px;*/
	margin: 0;	
	padding: 0;
	text-align: left;
	clear: both;
	min-height: 250px;
	height: auto;
	border: 0px solid #ccc;
}

/* header styles */
.headerAlertWrapper {
	width: 100%;	
	border-top: 10px #FFFFFF solid;
}
.headerAlert {
	margin: 0;
	background: #FCF8F4;
	border: 2px #CC0000 solid; /* KAK adjustment */
	text-align: center;
	font-size: 8pt;
	font-family: verdana;
	color: #CC0000; /* KAK adjustment */
	padding: 4px;
}
.headerAlert a, .headerAlert a:link, .headerAlert a:visited {
	color: #CC0000; /* KAK adjustment */
}
.headerAlert a:hover {
    color: black;
}

/* footer styles */
#footerWrapper {
	width: 100%;
	border-top: 15px #fff solid;
	background: url('/styles/images/background_default.jpg');
	background-repeat: repeat-x;
	clear: both;
	margin: 15px 0 0 0;
}

#footerWrapper td {	
    font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	color: #000000;
}
#footerWrapper td a, #footerWrapper td a:link, #footerWrapper td a:visited {
	font-size: 12px;
}
#footerWrapper td a:hover {
	color: #CC0000; /* KAK adjustment */
}

#footerWrapper .footerNavRow {
}
#footerWrapper .footerContactNavRow {
}
#footerWrapper .footerContactNavRow a, #footerWrapper .footerContactNavRow a:link, #footerWrapper .footerContactNavRow a:visited, #footerWrapper .footerContactNavRow a:hover {
	color: #0000cc;
}

#footerWrapper .footerHelperWrapper {
	position: relative;
}
#footerWrapper .footerLogos {
	background-color: transparent;
	margin: -32px 5px 0px 0px;
	padding: 0;
	position: absolute;
	right: 0;
}
#footerWrapper .footerHelperNav {
	font-size: .75em;
	margin: 5px auto;
	padding: 0;
	text-align: center;
	width: 200px;
}
#footerWrapper .footerHelperNav a, #footerWrapper .footerHelperNav a:link, #footerWrapper .footerHelperNav a:visited {
	font-size: .75em;
	color: #000000;
}
#footerWrapper .footerHelperNav a:hover {
	color: #CC0000; /* KAK adjustment */
}
/*
#footerWrapper #footerAdditions {
	margin: 5px auto;
	padding: 0;
}
*/
#footerAdditions {
    margin: .5em auto;
    padding: 0;
}
.pagehead {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 130%;
	
}
.pagehead a, .pagehead a:link, .pagehead a:visited, .pagehead a:hover {
}

.blockedTextRed {
	background: #CC0000; /* KAK adjustment */
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 3px;
	margin-right: 3px;
}
.blockedTextGreen {
	background: green;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 3px;
	margin-right: 3px;
}

.blockedTextOrange {
	background: #FF9933;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 3px;
	margin-right: 3px;
}
.blockedTextSale {
	background: #cc0000;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 3px;
	margin-right: 3px;    
}
.savingsText {
	color: #cc0000;
}

.processing {
	background-color: transparent;
}
.sysinfo {  
    font-size: 60%;
    text-align: center; 
    color: #555555;
    width: auto;
    margin: 0px auto 5px auto;
    padding: 0;
}

.traceinfo {
	color: #fff;
	font-size: xx-small;
}
.traceinfo * {
	color: #fff;
}

#footerAdditions.traceinfo {
    color: #f0f0f0;
	font-size: xx-small;
	clear: both;
}
#footerAdditions.traceinfo * {
    color: #f0f0f0;
}

.topMargin {
	margin-top: 10px;
}
.mintopmargin {
	margin-top: 5px;
}
.clear {
	clear: both;
}
.nomarginorpadding { margin: 0; padding: 0; }

.positive {
	color: #669933;
}
.negative {
	color: #990000;
}
.smallLabel {
	font-size: small;
}
.lightText {
	color: #666666;
}
.bold {
	font-weight: bold;
}

.cartWrapper div {
	height: auto;
}
.cart {
	border: 0px solid silver;
	width: 100%;
	table-layout: auto;
	margin: 0;
	padding: 0;
	white-space: normal;
}
.cart tr th {
	color: #fff;
	background-color: #003399;
	margin: 3px;
	padding: 3px;
	white-space: nowrap;
}
.cart td {
	margin: 3px;
	padding: 3px;
/*	white-space: nowrap; KAK - need to remove this to fit everything in the cart with source code details! */
}
.cart ul {
	list-style: none;
	margin-left: 0px;
}

.row {
	background-color: #FFF8D9;
}
.altrow {
	background-color: #F5E9C3;
}

.actionMessages { 
    border: 1px #21247B solid; 
    height: 20px; 
    background-color: #D7FA96;
    color: black; 
    text-transform: uppercase; 
}
.actionMessageText { padding-left: 3px; color: black; font-size: 12px; font-weight: normal; width: 80%; }

.errorMessages { 
    border: 1px #CC0000 solid; 
    height: 20px; 
    background-color: #ffffff; 
    background-color: #F0B3B3; 
    color: black; 
    text-transform: uppercase; 
}
.errorMessageText { padding-left: 3px; color: #8E0000; font-size: 12px; font-weight: bold; width: 80%; }

.arrowBlock {
	background-color: #21247B;
	float: left;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	color: White;
	margin: 0;
	margin-right: 3px;
	padding: 0;
	position: relative;
	font-size: 18px;
	text-align: center;
	font-weight: 900; 
}
.nonArrowBlock {
	background-color: #21247B;
	float: left;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	color: White;
	margin: 0;
	margin-right: 3px;
	padding: 0;
	position: relative;
	font-size: 18px;
	text-align: center;
	font-weight: 900; 
}

.textNormal { 
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
}
.textLabel { 
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 11px;
	margin: 0px;
}

.skunote {
	color: #000066;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 10px;
	margin-right: 6pt;
}
.skubg1 {
	background-color: white;
}
.skubg2 {
    background-color: #E9E9E9;
}
em.shopcart {
	color: #990000;
	font-style: normal;
	font-size: 90%;
}

.corporate {
	font-size: 75%;
	margin-right: 8pt;
	margin-left: 8pt;
	margin-bottom: 8pt;
	margin-top: 8pt;
}
.corporateindented {
	font-size: 75%;
	margin-right: 8pt;
	margin-left: 24pt;
	margin-bottom: 8pt;
	margin-top: 8pt;
}

.searchTitle {
	font-size: 80%;
	font-family: arial, helvetica, geneva, sans-serif;
	font-weight: bold;
}
.searchContext {
	font-size: 80%;
	font-family: arial, helvetica, geneva, sans-serif;
	font-weight: normal;
}
.searchURL {
	font-size: 80%;
	font-family: arial, helvetica, geneva, sans-serif;
	font-weight: normal;
	color: #777777;
}

.carticon {
	border: 0;
	margin: 0;
	padding: 1px 3px 0px 0px;
}

.crumbs {
    clear: both;
    display: block;
    height: auto;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 75%;
    font-family: Verdana;
	color: #CC0000; /* KAK adjustment */
}
.crumbs p {
    display: inline;
}  
.crumbs .crumblinklist {
    display: inline;
    margin: 0 0 0 0;
    padding: 0px 0 0 0;
    float: left;
    width: auto;
}
.crumbs ul {
    display: inline;
    padding: 0px;
    margin: 0px 0px 0px 3px;
}
.crumbs ul li {
    display: inline;
}

h1.brushshape {
	margin: 5px; 
	font-size: 100%; 
	font-weight: bold;
}
h1.brushshape a, h1.brushshape a:link, h1.brushshape a:hover, h1.brushshape a:visited {
	text-decoration: none;
}
h2.brushshape {
	margin: 0px 0px 6px 0px; 
	font-size: 75%; 
	font-weight: normal; 
	color: #999999;
}

/* start of css def's for sku table */
.skuhdr {
	font-weight: bold;
	font-family: Arial, helvetica;
	background-color: #EEEEEE;
	color: #FFFFFF;
}
.skuhdr th {
	padding:3px 5px;
}
.skuhdr td {
	padding:1px 5px;
	border-top: 1px #CCCCCC solid;
	border-bottom: 2px #999999 solid;
}
.skuhdr td a {
	text-decoration: underline;
	color: #333333;
}
.skuhdr td a:visited {
	text-decoration: underline;
	color: #333333;
}
.skuhdr td a:hover {
	text-decoration: underline;
	color: #CC0000; /* KAK adjustment */
}
.skubg1 {
	background-color: white;
}
.skubg2 {
	background-color: #F3F3F3;
}
/*
.skubg1 td, .skubg2 td {
	border-top:1px #CCCCCC dashed;
	padding:1px 5px;
	font-family:Arial
}
*/
.skucodehead {
	vertical-align: middle;
	text-align: left;
	font-size: 75%;
    background-color: #DDDDDD;
    color: #333333;
}
.skucodeheadcenter {
    vertical-align: middle;
	text-align: center;
	font-size: 75%;
    color: #333333;
}
.skucodeheadright {
    vertical-align: middle;
	text-align: right;
	font-size: 75%;
    color: #333333;
}
.skuelementhead {
    vertical-align: middle;
    text-align: left;
	font-size: 75%;
    color: #333333;
}
.skumsrphead {
    vertical-align: middle;
    text-align: right;
	font-size: 75%;
    color: #333333;
}
.skulisthead {
    vertical-align: middle;
    text-align: right;
	font-size: 75%;
    color: #333333;
}
.skupricehead {
    vertical-align: middle;
    text-align: right;
	font-size: 75%;
    color: #333333;
}
.skuqtybreakhead {
    vertical-align: middle;
    text-align: center;
	font-size: 75%;
	background-color: #dddddd;
    color: #cc0000;
}
.skuquantityhead {
    vertical-align: middle;
    text-align: center;
	font-size: 75%;
    color: #333333;
}
.skuavailablehead {
    vertical-align: middle;
    text-align: center;
    font-size: 75%;
    color: #333333;
}
.skupricebreakhead {
	vertical-align: middle;
	text-align: center;
	font-size: 75%;
	color: #333333;
}
.skuiconshead {
    vertical-align: middle;
    text-align: right;
    font-size: 75%;
    color: #333333;
}
.skucode {
	vertical-align: middle;
	text-align: left;
	font-size: 75%;
	font-weight:normal;
	color:#000000;
}
.skucode1 {
	vertical-align: middle;
	text-align: left;
	font-size: 75%;
	font-weight:normal;
	color:#000000;
	background-color:#f3f3f3;
	border-top:1px #aaaaaa dotted; /*KAK adjustment*/
}
.skucode2 {
	vertical-align: middle;
	text-align: left;
	font-size: 75%;
	font-weight:normal;
	color:#000000;
	background-color:#e8e8e8;
	border-top:1px #aaaaaa dotted; /*KAK adjustment*/
}
.skuelement {
    vertical-align: middle;
    text-align: left;
	font-size: 75%;
}
.skumsrp {
    vertical-align: middle;
    text-align: right;
	font-size: 70%;
	color: #666666;
	text-decoration: none;
}
.skulist {
    vertical-align: middle;
    text-align: right;
	font-size: 70%;
	color: #666666;
	font-weight:normal;
	text-decoration: none;
}
.skusavings {
    vertical-align: middle;
    text-align: right;
	font-size: 75%;
	color: #cc0000;
}
.skuprice {
    vertical-align: middle;
    text-align: right;
	font-size: 75%;
	font-weight:bold;
}
.skupricebreak {
    vertical-align: middle;
    text-align: center;
	font-size: 75%;
	font-weight:normal;
}
.skuquantity {
    vertical-align: middle;
    text-align: center;
	font-size: 75%;
}
.skuquantitybox {
    vertical-align: middle;
    text-align: right;
	font-size: 75%;
	/* background: #ffffcc;  KAK update */
	background-color: #DFF2BF;
}
/* NOTE: case-sensitivity is VERY relevant with css AND if/when specifying a <!DOCTYPE.../> !!! */
.skuquantityboxWarn {
    vertical-align: middle;
    text-align: right;
    font-size: 75%;
    background: #FFDDCC;
}
.skuquantityboxDisabled {
    vertical-align: middle;
    text-align: right;
    font-size: 75%;
    background: #EEEEEE;
}
.cartskubox {
    vertical-align: middle;
    text-align: left;
	font-size: 75%;
	background:#ffffcc
}
.skuavailable {
    vertical-align: middle;
    width: 90px;
    text-align: left;
    font-size: 75%;
}
.skuicons {
    vertical-align: middle;
    text-align: left;
    font-size: 75%;
}

/* add'l sku css def's */
.skunote {
	color: #000066;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 10px;
}
.skutitle {
    color: #666666;
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: 20px;
    font-weight: bold;
}
.skutitleRed {
    color: #990000;
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: 20px;
    font-weight: bold;
}
/* 
.skuline {
	color: #21247b;
	height: 1px;
	margin: -5px 0px -5px 0px;
	padding: -5px 0px -5px 0px;
}
*/
.skuAvailabilityMsg {
    vertical-align: middle;
    text-align: left;
    font-family: verdana;
    font-size: 8pt;
    color: red;
}
.skuspacer {
	height: 2pt;
	background-color: white;
}	
/* end of skutable def's */

.graybg {
	background-color: #F3F3F3;
}
/*
.graybg td {
	border-top:1px #CCCCCC dashed;
	padding:1px 5px;
	font-family:Arial
}
*/

.body {
	margin-right: 12pt;
	margin-left: 12pt;
	margin-bottom: 5pt;
	margin-top: 0pt;
}
p.body {
	text-align: left;
}
p.bodysmall {
	margin-right:12pt;
	margin-left:12pt;
	font-size: 70%;
	margin-bottom: 2pt;
	margin-top: 6pt;
}

.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}

.offerAlerts {
	padding-top: 5px;
	width: 100%;
}

/* wrap/style for any 'global' page alert messages */
.pageAlert {
	clear: both;
	border: 2px solid #CC0000; /* KAK adjustment */ 
	background: #F8F8F4; 
	margin: 0px 0px 10px 0px; 
	padding: 10px; 
	text-align: left;
}
.pageAlert h1, .pageAlert h2, .pageAlert h3, .pageAlert h4, .pageAlert h5, .pageAlert h6 {
	margin: 0;
	padding: 0;
}
.pageAlert p {
	margin-bottom: 5px;
}
.pageAlert b, .pageAlert strong {
	font-weight: bold;
	color: #000;
}

.alert {
	background: #fff6bf url(/styles/images/icons/icon_alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

/* some button styles */
.stopButton {
	background-color: #FFBABA;
	border: 1px solid #D8000C;
	color: #D8000C;
    font-weight: bold;
	width: auto;
	cursor: pointer;
}
.goButton {
	border: 1px solid #000;
	background-color: #4F8A10;
	background-color: #DFF2BF;
	border: 1px solid #4F8A10;
	color: #4F8A10;
    font-weight: bold;
	width: auto;
	cursor: pointer;
}

/* ie 6 'fix' */
.overlayWindow {
	border: 1px solid silver; 
	padding: 3px; 
	z-index: 1000; 
	margin: 5%; 
	
	max-width: 600px; 
	max-height: 480px;
	min-width: 480px;
	min-height: 360px;
	
	background-color: white; 
	text-align: center;
	
	position: absolute;
	top: 10%; 
	right: auto; 
	bottom: auto; 
	left: auto; 
}
/* normal browser style */
html > body .overlayWindow {
	border: 1px solid silver; 
	padding: 3px; 
	z-index: 1000; 
	margin: 5%; 
	
	background-color: white; 
	text-align: center;
	
	max-width: 800px; 
	width: auto;
	height: auto;
	
	position: fixed; 
	top: 10%; 
	right: 10%; 
	bottom: auto; 
	left: 10%; 
}

/* user messaging styles */
.errorbox, .infobox, .successbox, .validationbox, .warningbox {
    font-size: 13px; /* KAK chg */
    font-weight: bold; /* KAK chg */
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 57px; /* KAK chg */
    background-repeat: no-repeat;
    background-position: 0px center;
}

/* ie 6 'fix' */
.errorbox {
	border-color: #CC0000;
    color: #8E0000;
    background-color: #F0B3B3;
    background-image: url('/styles/images/icons/msg_icon_error_BACK_COMPAT.gif');  /* KAK chg */
}
/* KAK
html > body .errorbox {
    background-image: url('/styles/images/icons/error.png');
} */
.errorbox * {
	color: #8E0000;
}
/* ie 6 'fix' */
.infobox {
	border-color: #207498;
    color: #10516B;
    background-color: #BAD6E1;
    background-image: url('/styles/images/icons/msg_icon_info_BACK_COMPAT.gif');  /* KAK chg */
}
/* KAK
html > body .infobox {
    background-image: url('/styles/images/icons/info.png');
}
*/
.infobox * {
	color: #10516B;
}

.infobox-plain {
    font-size: 13px;
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px;
}
.infobox-plain {
	color: #00529B;
    background-color: #BDE5F8;
}
.infobox-plain * {
	color: #00529b;
}
/* ie 6 'fix' */
.successbox {
    border-color: #2D842C;
    color: #03502F;
    background-color: #B6D2B2;
    background-image: url('/styles/images/icons/msg_icon_success_BACK_COMPAT.gif');  /* KAK chg */
}
/*
html > body .successbox {
    background-image: url('/styles/images/icons/success.png');
}
*/
.successbox * {
	color: #03502F;
}
/* ie 6 'fix' */
.validationbox {
    color: #8E0000;
    border-color: #CC0000;
    background-color: #F0B3B3;
    background-image: url('/styles/images/icons/msg_icon_error_BACK_COMPAT.gif');  /* KAK chg */
}
/* KAK
html > body .validationbox {
    background-image: url('/styles/images/icons/validate.png');
}
*/
.validationbox * {
	color: #8E0000;
}
.validationbox a, .validationbox a:active, .validationbox a:link, .validationbox a:visited {
	color: #8E0000;
}
/* ie 6 'fix' */
.warningbox {
    color: #A64700; /* KAK chg */
    border-color: #EE6600;
    background-color: #FAD1B3; /* KAK chg */
    background-image: url('/styles/images/icons/msg_icon_warning_BACK_COMPAT.gif');  /* KAK chg */
}
/* KAK
html > body .warningbox {
    background-image: url('/styles/images/icons/warning.png');
}
*/
.warningbox * {
    color: #A64700; /* KAK chg */
}
.warningbox h4 {
	margin-top: 2px;
	padding-top: 2px;
}
.warningbox a, .warningbox a:active, .warningbox a:link, .warningbox a:visited {
	color: #C05704;
}



/* replaces 'pixel' images */
.legendline {
	border-bottom: 1px solid #21247B;
}

.pricingMessaging {
	color: #0000CC;
}
.savingsMessagingBlocked {
	background: #CC0000; /* KAK adjustment */ 
	color: #FFFFFF; 
	padding: 0px 2px; 
	font-weight: bold;
}
.savingsMessaging b { 
	
}
.savingsMessaging {
	color: #CC0000; /* KAK adjustment */
	padding: 0px 2px; 
	font-weight: bold;
}
.videopagebox { 
	border: 1px solid silver; 
	margin: 0; 
	padding: 3px; 
	background-color: #000;
	/*width: 750px; 
	height: 420px;*/
	width: 910px; 
	height: 600px;
}
.videopagebox_small { 
	border: 1px solid silver; 
	margin: 0px auto 0px auto; 
	padding: 3px; 
	background-color: #000;
	width: 480px; 
	height: 356px; 
}
/* stores subsection */
.storeheader {
	color: #000066;	
	font-size: 18px; 
	margin-top: 4px;
	margin-bottom: 10pt; 
}
.statelisting {
	color: #000066; 
	font-size: 14px; 
	margin-bottom: 3px;
}

.sidebarheader {
	color: #C48606;
	font-family: Arial; 
	font-size: 12px; 
	margin-top: 0px;
	margin-bottom: 0px;
}
.stateheader {
	color: #000066; 
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 3pt;
}
.statesubheader {
	color: #000066; 
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2pt;
}
.listsub {
	font-size: 12px;
	padding-left: 14px;
	margin-bottom: 3pt;
}
.list {
	font-size: 12px;
	margin-bottom: 3pt;
}

#ajaxactivity {
	background-image: url('/styles/images/icons/indicator.gif'); 
	background-position: right center; 
	background-repeat: no-repeat;
	
	color: #333333;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 75%;
	font-weight: lighter;	
	
	height: 20px;
	width: 100px;
	text-align: left;
	display: inline-block;
	line-height: 20px;
	margin: 5px;
	padding: 0;
}

/* new footer styles */
.footerlinks {
	display: block;
	min-width: 100%;
	width: 100%; 
	margin: 0;
	padding: 0;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	height: auto;
	overflow: hidden;
}
.footerlinks table {
	table-layout: fixed;
	width: 100%;
}
.footerlinks table tr {	
}
.footerlinks table tr td {
	text-align: left;
	padding: 10px;
	border-left: 0px solid silver;
	border-right: 1px solid silver;
	overflow: hidden;
}
.footerlinks * {
}
.footerlinks h5 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.footerlinks ul {
	margin: 0;
	padding: 0;
}
.footerlinks ul li {
	list-style-type: none;
	margin-left: 5px;
}
#footerWrapper .footerlinks ul li a, #footerWrapper .footerlinks ul li a:link, #footerWrapper .footerlinks ul li a:active, #footerWrapper .footerlinks ul li a:visited { 
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}
#footerWrapper .footerlinks ul li a:hover {
	color: #CC0000; /* KAK adjustment */
	text-decoration: underline;
}
.footerlinks table tr td.first {
	border-left: none;
}
.footerlinks table tr td.last {
	border-right: none;
}

.footerlinks .normallist {

}
.footerlinks .nestedlist {
	margin-top: 10px;
}


/* youramigo stuff */
.footerproductlinks {
    display: block;
    margin: 0;
	padding: 15px 0px 15px 0px;
	text-align: center;
	font-size: 11px;
}
.footerproductlinks p {
    display: inline;
	font-size: 11px;
	margin-bottom: 0px;
	padding: 0px;
}
.footerproductlinks span.label {
    font-weight: lighter;
    font-family: Arial;
    color: #333333;
}
#footerWrapper .footerproductlinks a, #footerWrapper .footerproductlinks a:link, #footerWrapper .footerproductlinks a:active, #footerWrapper .footerproductlinks a:visited { 
	color: #555555;
	text-decoration: none;
}
#footerWrapper .footerproductlinks a:hover {
	color: #cc0000;
	text-decoration: underline;
}
/* end youramigo stuff */




.footercorporate {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	font-size: 80%;
	border-top: 1px solid silver;
}
.footercorporate address {
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 90%;
}
.footercorporate ul {
	list-style-type: none;
	/*list-style-position: inside;*/
	padding: 0;
	margin: 0;
}
.footercorporate ul li {
	width: auto;
	list-style-position: inside;
	list-style-type: disc;
	border: none;
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 11px;
}

.footertrademarks {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 80%;
}
.footertrademarks p {
	text-align: center;
	margin: 0px auto;
	width: 90%;
	border-top: 1px solid silver;
	padding: 15px;
	margin-top: 15px;
	font-size: 11px;
	line-height: 150%;
}

.headeroffers {
	margin: 0px 0px 1px 0px;
	font-size: 80%;
	display:block;
	height:50px;
}
.headeroffers strong{
	font-weight: bold;	
	color: #942024;
}
.headeroffers .offertext{
	width: 464px;
	display:block;
	float:left;
	padding: 6px 5px;
	/*border-top: 2px solid #CC0000;*/ /* KAK adjustment */
	border-bottom: 2px solid #942024; /* KAK adjustment */
	color: #942024;
	display:block;
	height:36px;
	font-family: "Times New Roman", Times, serif;
	/*background: url("http://www.dick-blick.com/images/promotions/offers2011/holiday-banner-bg.jpg");*/
}
.headeroffers img{

}

/* going to the edges */
#webPageWrapper {
	/*width: 780px;*/
	margin: 0px auto 0px auto;
	border-left: 2px #ddd solid; /* KAK adjustment */
	border-right: 2px #ddd solid; /* KAK adjustment */
	border-bottom: 1px #ddd solid;
	background: #fff;
	width: 960px;
	min-width: 780px;
	max-width: 960px;
}
#headerWrapper {
	border: 0;
}
#webPage {
	width: 100%;
	margin: 0;
}
.headerAccountOptions {
	width: 770px;
}
#headerNavMenu #headerSearchBox {
	margin: 0px 0px 0px 2px;
}
#webPageContent {
	/*width: 95%;
	margin: 0px auto;*/
	/*overflow: hidden;*/
	width: 96%;
	margin: 0px auto;
}

.videos {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 10px 0px 10px 0px;
}
.videos h6 {
	font-size: 120%;
	text-align: left;
	color: #555;
	margin: 0;
	padding: 0;
}
.videos ul { 
	margin: 15px 15px 0px 15px;
	padding: 0;
}
.videos li { 
	list-style-type: none;
	clear: both;
	margin: 0px 0px 10px 0px;
	min-height: 100px;
	display: block;
}
.videos li img {
	display: inline;
	float: left;
	padding: 0px 10px 0px 0px;
}
.videos li h6 {
	display: block;
	font-size: small;
}
.videos li p {
	display: block;
	font-size: small;
}

.xsmallbox { width: 75px; }
.smallbox { width: 175px; }

.back2top {
	font-size: x-small;
	color: #999;
	float: right;
}
.back2top a {
	color: #999;
}

.noborder {
	border: 0;
}
.nodisplay {
	display: none;
}
/*
input:focus {
	border: 1px solid red;
}
*/

.featuredproductblock {
	height: auto; width: 100%; margin: 0; padding: 0; text-align: center; border: 0px solid red; 
}
.featuredproductblockwrapper {
	margin: 0; padding: 10px; width: 45%; border: 0px solid green; display: inline;
}
.featuredproductblockwrapperimagelink {
	margin: 0; padding: 0;
}
.featuredproductblockwrapperimagecaptionlink {
	margin: 10px 0px 10px 0px; text-align: center; border: 0px solid blue;
}

.overlayDialogWindow, html > body .overlayDialogWindow { 
	border: 1px solid silver; 
	padding: 3px; 
	z-index: 1000; 
	margin: 5%; 
	
	background-color: white; 
	text-align: center;
	
	max-width: 800px; 
	width: auto;
	height: auto;
	
	position: fixed; 
	top: 10%; 
	right: 10%; 
	bottom: auto; 
	left: 10%; 
	
	border: 2px solid silver;
	display: none;
	
	padding: 10px 5px 0px 5px; 
	
	max-width: 400px;
	min-width: 400px;
	width: 400px;
	
	max-height: 120px;
	min-height: 120px;
	height: 120px;
	
	text-align: left;
	
	top: 30%; 
	right: 30%; 
	bottom: auto; 
	left: 30%; 
}