/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/**
* Correct `block` display not defined in IE 8/9.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
* Correct `inline-block` display not defined in IE 8/9.
*/

audio,
canvas,
video {
    display: inline-block;
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
* Address styling not present in IE 8/9.
*/

[hidden] {
    display: none;
}

/* ==========================================================================
Base
========================================================================== */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
* Remove default margin.
*/

body {
    margin: 0;
}

/* ==========================================================================
Links
========================================================================== */

/**
* Address `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
Typography
========================================================================== */

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/

b,
strong {
    font-weight: bold;
}

/**
* Address styling not present in Safari 5 and Chrome.
*/

dfn {
    font-style: italic;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
    background: #ff0;
    color: #000;
}

/**
* Correct font family set oddly in Safari 5 and Chrome.
*/

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
* Improve readability of pre-formatted text in all browsers.
*/

pre {
    white-space: pre-wrap;
}

/**
* Set consistent quote types.
*/

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9.
*/

img {
    border: 0;
}

/**
* Correct overflow displayed oddly in IE 9.
*/

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
Figures
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari 5.
*/

figure {
    margin: 0;
}

/* ==========================================================================
Forms
========================================================================== */

/**
* Define consistent border, margin, and padding.
*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

button,
input {
    line-height: normal;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/

button,
select {
    text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */

/**
* Remove most spacing between table cells.
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* radio buttons look odd without this */
label {margin:0 1em 0 0;}
/* used by block and dcm buttons in dcm layout mode */

* {line-height:1.1em;}


/* $('body').addClass('waiting'); to show waiting and removeClass to stop */
body.waiting {cursor:progress;}

/* category */
#dcm_controls {position:absolute;top:0;left:0;z-index:10000;font-family:arial;}
#dcm_controls input, #dcm_controls a,#dcm_controls a:visited {border:1px solid black;padding:2px;background:url(/common/images/background-FF0-50.png);color:black;font-size:12px;z-index:10000;}

/* main web blocks */
#dcm_webpage input, #dcm_webpage a,#dcm_webpage a:visited {border:1px solid black;padding:2px;background:url(/common/images/background-white-50.png);color:black;font-size:10px;z-index:10000;}

/* article */
#dcm_blocks {position:absolute;top:0;left:0;z-index:10000;font-family:arial;}
#dcm_blocks input, #dcm_blocks a,#dcm_blocks a:visited {border:1px solid black;padding:2px;background-color:aqua;color:black;font-size:12px;z-index:10000;}

/* template */
#dcm_template {position:absolute;top:0;left:0;z-index:10000;font-family:arial;}
#dcm_template input, #dcm_template a,#dcm_template a:visited {border:1px solid black;padding:2px;background-color:red;color:black;font-size:12px;z-index:10000;}

/*#dcm_admin_button {border:1px solid black;padding:2px;background-color:aqua;color:black;font-size:12px;z-index:10000;}
#dcm_admin_dcmbutton {border:1px solid black;padding:2px;background-color:yellow;color:black;font-size:12px;z-index:10000;}*/


#dcm_table {}


.admin { table-layout:auto;color:#000; width:100%;border-collapse:collapse;background-color:white;} 
.admin * {color:black;}
.admin h1 { color:#000; background-color:white;border-bottom:1px solid black; padding:2px;margin:0;}
.admin h2 { color:white;background-color:gray; padding:1px;}
.admin h3 { color:red;border-bottom:1px solid red; padding:1px;}

.admin td { color:#000; }
.admin a, .admin a:visited { color:#000; text-decoration:underline;color:red;}
.admin_background { background-color:#85b4e0; } /* background of admin screen headers */
.admin_row_highlight { background-color:#DDD; } /* lighter than site page background for row highlight */
#admin_tabs input {font-size:1em;}
.admin_tabs { width:100%;border:none; border-collapse:collapse; padding:0px; margin:0px; }
.admin_tab_enabled   { border: 1px solid black; margin:0px; padding:0px; width:1%;background-color:#AAA; }
.admin_tab_enabled input         { border:none; padding:0; margin:0; background-color: #EEE; } /* bk must be set or button draws border */
.admin_tab_enabled input:hover { background-color:#FFF;font-weight:bold }
                                                                     /* _selected bk and bottom border to main site bk */
.admin_tab_selected { margin:0px; padding:0px; border-top: 1px solid black; width:1%;
             border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid #C0dCF6; }
.admin_tab_selected input {color:#000; border:none; padding:0;margin:0; background-color:#C0dCF6;} /* bk must be set or button draws border */
.admin_tab_filler { width:99%; border-bottom:1px solid black; }

#dcm_edit_link {font-size:70%;color:yellow;margin:0 1px;text-shadow:0 0 3px  black;}	/* used to tell admin he can click to edit article/product/etc */

#article_edit_row {border:1px solid gray;}
#article_edit_row {display:block;width:100%;padding:0;margin:0;}
#article_edit_row h1 {background-color:white;}
.article_edit_saving {width:100%;text-align:right;padding:0;}
.article_edit_saving input,.article_edit_saving img {width:30px;}
#article_edit_col1 {float:left;clear:both;width:20%;padding:0;}
#article_edit_col2 {float:left;clear:none;width:74%;padding:0;}
#article_edit_more {padding:0;margin:0;display:none;}
#article_edit_buttons {padding:0;}

#dcmadmin table {width:100%;}
#dcmadmin td {vertical-align:top;}
#article_edit {float:right;}
#article_edit_more  {width:100%;}
#article_edit_more_c1  {width:100px;background-color:yellow;}


/* older screens */
.content_admin {width:100%;}
.content_row_highlight td {background-color:#FFF;} 		/* used by alpaca street forms everywhere */

/* used for all admin screens to form columns */
.dark_heading td { color:#FFF;background-color:#000; border:1px solid black; }
.dark_line td { border-bottom:1px solid black; border-left:1px solid black; }
.dark_line_right { border-right:1px solid black; }


/* Copyright Commercial Grade Software, Inc. 2003 All rights reserved */


/* first classes override later classes. stupd but that is they way html5 words! */
.bipa bi {position:absolute;}
.biroh > .bi {overflow:hidden;}

a, a:hover, a:active, a:focus, a img, object, embed {outline:none;ie-dummy:expression(this.hideFocus=true); }

* {position:relative;z-index:1;}

/* styling tweaks */
div,img {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}           /* EVERYTHING gets new border-box styling! */
img {border:0;}

/* outer block . display:inline-block;zoom:1; * display:inline is an IE7 hack.  */
.b {z-index:1;position:relative;float:left;;overflow:visible;width:100%;}
/* overflow is usually visible so containers show overflow! these commands chop overflow because they are prone to ugly content overflow.hidden makes full height */
.bc50 {overflow:hidden;}
.bi {z-index:1;position:relative;overflow:inherit;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}	/* overflow:hidden - makes div full height around internal floating divs. height100 */
.bt {display:block;width:100%;}

/* block widths */
.bw10 {width:10%;}
.bw20 {width:20%;}
.bw25 {width:25%;}
.bw30 {width:30%;}
.bw33 {width:33.3%;}
.bw40 {width:40%;}
.bw50 {width:50%;}
.bw60 {width:60%;}
.bw66 {width:66.66%;}
.bw70 {width:70%;}
.bw75 {width:75%;}
.bw80 {width:80%;}
.bw90 {width:90%;}
.bw100 {width:100%;display:block;}
.bw1000 {float:none;width:1000px;margin:0 auto;display:block;clear:both;}
.bw1200 {float:none;width:1200px;margin:0 auto;display:block;clear:both;}

.bh5 {height:5px;}
.bh10 {height:10px;}
.bh15 {height:15px;}
.bh20 {height:20px;}
.bh25 {height:25px;}
.bh30 {height:30px;}
.bh40 {height:40px;}
.bh45 {height:45px;}
.bh50 {height:50px;}
.bh75 {height:75px;}
.bh100 {height:100px;}
.bh150 {height:150px;}
.bh200 {height:200px;}
.bh250 {height:250px;}
.bh300 {height:300px;}
.bh350 {height:350px;}
.bh400 {height:400px;}
.bh450 {height:450px;}
.bh500 {height:500px;}
.bh600 {height:600px;}
.bh700 {height:700px;}
.bh800 {height:800px;}
.bh900 {height:900px;}
.bh1000 {height:1000px;}
.bh2000 {height:2000px;}
.bh32000 {height:100%;}


.bm5n {padding:0 -5px;}
.bm1 {padding:0 1px;}		/* margin throws off layout so margin is simply padding in the outter div */
.bm5 {padding:0 5px;}
.bm10 {padding:0 10px;}

					/* padding never effects height */
.bp5n .bi {padding:0 -5px;}
.bp1 .bi {padding:0 1px;}             /* margin throws off layout so margin is simply padding in the outter div */
.bp5 .bi {padding:0 5px;}
.bp10 .bi {padding:0 10px;}

.bb1 .bi {border:1px solid black;}
.bb2 .bi {border:2px solid black;}
.bb3 .bi {border:2px solid black;}





.biw110 {width:110px;}
.biw100 {width:100px;}
.biw200 {width:200px;}
.biw220 {width:220px;}
.biw300 {width:300px;}

/* change inner block left. n must be after the number because first letters are consider same ClassHover and can remove prior class */
.bil10n {left:-10px;}
.bil20n {left:-20px;}





/* block inner image wrapper. allows image to be chopped if need be. do NOT specify 100% wide or margins dont work! user need only set bottom to chop */
.bii {margin:0 auto;background-size:cover;background-repeat:no-repeat;background-position:center top;overflow:hidden;}
/*.bii img {width:100%;}*/


/* overflow:hidden forces images which extend beyond the rounded corners to be hidden */
.bir3 > .bi {border-radius:2px;}
.bir5 > .bi {border-radius:3px;}
.bir10 > .bi {border-radius:10px;}
.bir18u > .bi {border-top-left-radius:18px;border-top-right-radius:18px;}
.bir20 > .bi {border-radius:20px;}



/* image layout */
.biil10 > .bi > .bii img {width:100%;}				/* center above .  does this break anything? */
.biil20 > .bi > .bii {float:left;}
.biil30 > .bi > .bii {float:right;}
.biil40 > .bi > .bii {background-size:cover;background-position:center;bckground-repeat:no-repeat;}	/* background image fit-cover */
.biil50 > .bi > .bii {background-size:contain;background-position:center;background-repeat:no-repeat;}	/* image as bii background contain */


/* background image color is sometimes best white, especially if you zoom */
.bibc1 bi {background-color:white;}

/************** THESE are from the perspective of the main block so that anyone can read this file to obtain a list and add to the block ClassesHover ************/

/* inner image size (of frame) (there may or may not be a link wrapping .bii) */
.biiz10 > .bi > .bii {width:10%;}
.biiz10 > .bi > a > .bii {width:10%;}
.biiz20 > .bi > .bii {width:20%;}
.biiz20 > .bi > a > .bii {width:20%;}
.biiz30 > .bi > .bii {width:30%;}
.biiz30 > .bi > a > .bii {width:30%;}
.biiz40 > .bi > .bii {width:40%;}
.biiz40 > .bi > a > .bii {width:40%;}
.biiz40 > .bi .bii img {width:100%;}
.biiz50 > .bi > .bii {width:50%;}
.biiz50 > .bi > a > .bii {width:50%;}
.biiz60 > .bi > .bii {width:60%;}
.biiz60 > .bi > a > .bii {width:60%;}
.biiz70 > .bi > .bii {width:70%;}
.biiz70 > .bi > a > .bii {width:70%;}
.biiz80 > .bi > .bii {width:80%;}
.biiz80 > .bi > a > .bii {width:80%;}
.biiz90 > .bi > .bii {width:90%;}
.biiz90 > .bi > a > .bii {width:90%;}
.biiz100 > .bi > .bii {width:100%;}
.biiz100 > .bi > a > .bii {width:100%;}
.biiz100 > .bi > .bii img {width:100%;}
.biiz100 > .bi > a > .bii img {width:100%;}
.biiz100 > .bi > .group > a > .bii img {width:100%;}
.biiz100 > .bi > .group > .bii img {width:100%;}

.biiz1000 > .bi > .bii {width:1000px;}
.biiz1000 > .bi > a > .bii {width:1000px;}
.biiz1000 > .bi > .bii img {width:100%;}
.biiz1000 > .bi > a > .bii img {width:100%;}
.biiz1000 > .bi > .group > a > .bii img {width:100%;}
.biiz1000 > .bi > .group > .bii img {width:100%;}




.biiz100h > .bi > .bii img {height:100px;width:inherit;}
.biiz125h > .bi > .bii img {height:125px;width:inherit;}
.biiz150h > .bi > .bii img {height:150px;width:inherit;}
.biiz200h > .bi > .bii img {height:200px;width:inherit;}



/* image height */
.biih50 .bii {height:50px;text-align:center;}
.biih100 .bii {height:100px;text-align:center;}
.biih150 .bii {height:150px;text-align:center;}
.biih200 .bii {height:200px;text-align:center;}
.biih250 .bii {height:250px;text-align:center;}
.biih300 .bii {height:300px;text-align:center;}



/* content wrapping div bic */
.bic {padding:0 5px;}

 /* image margins (border-box model does not include margins so use padding of main box!) */
.biim5n .bii {padding:-5px;}				/* zooms picture on hover */
.biim5   {padding:5px;}
.biim10  .bii {padding:10px;}

.biip5n .bii img {padding:-5px;}
.biip5 .bii img {padding:5px;}
.biip10 .bii img {padding:10px;}

/* IMAGE radious bii so shadow conforms to it */
.biir3 .bii  {border-radius:3px;}
.biir5 .bii  {border-radius:5px;}
.biir10 .bii  {border-radius:10px;}
.biir20 * {border-radius:20px;}


/* shadow bii (not image which has overflow hidden) */
.biish5 > .bii {-webkit-box-shadow: 0 0 5px #7C7C7C; box-shadow: 0 0 5px #7C7C7C; }



/* admin - Layout Mode stuff */
.blayoutc  {padding:2px;min-height:70px;border:1px solid green;background:rgba(210,0,120,.2);}
.blayoutt  {padding:2px;min-height:70px;border:1px solid blue;background:rgba(210,210,0,.2);}
.blayouta  {padding:2px;min-height:70px;border:1px solid purple;background:rgba(0,200,200,.2);}
.blayoutc .blayoutHover {border:2px solid red;padding:-2px;}    
.blayoutt .blayoutHover {border:2px solid red;padding:-2px;}
.blayouta .blayoutHover {border:2px solid red;padding:-2px;}

/* margin-top -14 raises menu up the padding all content was lowered so the menu would appear (float:right hid the images)*/
.blayoutmenu {margin-top:-20px;width:100%;position:absolute;z-index:10000;}
.blayoutmenu a, .blayoutmenu a:visited {font-size:10px;font-family:arial;text-decoration:none;float:right;padding:1px 2px;border:1px solid black;margin:2px;color:white;box-shadow:1px 1px 1px black;border-radius: 5px;}
.blayoutm > .bi > .blayoutmenu a, .blayoutm > .bi > .blayoutmenu a:visited {color:auqa;font-weight:bold;}
.blayoutc .blayoutmenu a, blayoutc .blayoutmenu a:visited {background-color:#060;}
.blayoutt .blayoutmenu a, blayoutt .blayoutmenu a:visited {background-color:#099;}
.blayouta .blayoutmenu a, blayouta .blayoutmenu a:visited {background-color:#039;}


/* block command tweaks */
.bc50z > div > a {display:block;}		/* prevent layout links from being effected */
.bc59 .bi {overflow:hidden;}			/* dont show child overflow */
.bc59 .bis {position:relative;width:100000px;float:none;}
.bc59 .bis > div {display:inline-block;float:none;overflow:hidden;}		/* child blocks */
.bc59sD {}					/* default arrows */ 
.bc59h150 {height:150px;}					/* height 150 */
.bc59h150 .bis {height:150px;}
.bc59h150 .bis > div {height:150px;}
.bc59h200 {height:200px;}
.bc59h200 .bis {height:200px;}
.bc59h200 .bis > div {height:200px;}
a.bc59arrows , a.bc59arrows:visited {z-index:1000;position:absolute;top:0;display:block;text-decoration:none;font-size:2em;padding:10px;height:100%;background-color:rgba(0,0,0,.2);color:white;}
.bc59arrowsl {left:0;}
.bc59arrowsr {right:0;}
a.bc59arrows:hover {background-color:rgba(0,0,0,.5);}
.bc59h200 a.bc59arrows, .bc59h200 a.bc59arrows:visited  {padding-top:90px;}
.bc59arrows a:hover {background-color:rgba(0,0,0,.4);color:yellow;}

.bc400, .bc23800,.bc7201,.bc702 {text-align:center;overflow:hidden;}
.bc7201 #productnewpng {position:absolute;top:0;right:0;}
.bc7201 #productnewpng img {box-shadow:none;}
.bc7201 form {position:absolute;width:100%;height:100%;}
.bc619 .bi {padding:0;}
.bc624 {padding:0 5px;}						/* standard padding */
								/* category articles */
.bc757s40 {padding:5px;}
.bc757s40 .bi {border:1px solid gray;padding:5px;overflow:hidden;}
.bc757s40 .bi a div {float:left;width:40%;overflow:hidden;border:5px solid white;height:100%;box-shadow: 0 0 4px -2px black;border-radius:5px;}
.bc757s40 .group {float:left;width:60%;padding:1%;font-size:90%;}
.bc757s40 .bt a {text-decoration:underscore;}
.bc757s40 .bt {padding-bottom:5px;}

no.bc759 > .bi * {padding:0;margin:.01em .7em;overflow:hidden;}
.bc759 h1 {margin:0;padding:0;padding-bottom:0;}
.bc759 h2 {margin:0;padding:0;display:inline;font-size:.7em;}
.bc759 a, .bc759 a:visited {margin:0;padding:0;}
.bc759 span.smalllinks {font-size:10px;}

.bc620 > .bi > * {margin:0;}						/* remove padding at top of headings */

.bc800 ul {float:right;list-style:none;margin:0;padding:0;}					/* navigation */
.bc800 ul li {float:left;font-size:14px;padding:4px;text-align:center;border:1px solid #333;background-color:#AAA;vertical-align:middle;border-radius:5px;margin:1px;}
.bc800 ul li a, .bc800 ul li:visited {text-decoration:none;color:black;}
.bc800 ul li:hover  {background-color:#EEE;}
.bc800 ul li input {width:30px;text-align:center;}
.bc800 ul .current {font-size:16px;background-color:#EEE;}

.bc950.style10 .bii {width:100%;}
.bc950.style10 img {width:100%;}


.bc2208 input[type=text],
.bc2208 select,
.bc2208 textarea {margin:0;padding:2px;width:100%;border-radius:3px;border:1px solid black;
box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.bc2210 {padding:0;margin:0;}

.bc7202 ul {display:block;list-style:none;width:100%;margin:0;padding:0;}
.bc7202 ul li {display:inline-block;position:relative;float:left;margin:0;padding:0;vertical-align:top;}
.bc7202.template5 #searchfield {position:absolute;top:0;right:0;height:23px;width:100%;z-index:2;padding:2px;border-radius:3px;}
.bc7202.template5 #searchimage {position:absolute;top:2px;right:2px;height:22px;z-index:30;}

.bc7202.template10 #searchfield {position:absolute;top:0;right:0;height:23px;width:100%;z-index:2;padding:2px;border-radius:3px;border:1px solid black;}
.bc7202.template10 #searchimage {position:absolute;top:2px;right:2px;height:22px;z-index:30;}
.bc7202.dark #searchfield {border:1px solid white;}

div.bc7203 span {vertical-align:middle;display:table-cell;font-size:1.2em;}

.bc14210 input[type=text], .bc14210 textarea {width:99%;}
.bc14210 img {width:100%;}
.bc14210 h4 {font-size:70%;text-align:center;}

.bc14810  {text-align:center;color:red;}

.bc18001 {white-space:nowrap;}
.bc18001 a, .bc18001 a:visited {padding:.2em 1em 0 0 }

.bc23300 table {width:100%;}
.bc23300 table td {vertical-align:middle;}
.socialalignR {text-align:right;}
.bc23300 a,.bc23300 a:visited {outline:0;}
.bc23300 .fb-like {width:100%;text-align:center;}
.bc23300 .socialcounter0 img {width:40px;height:40px;}
.bc23300 .socialcounter0 img:hover {width:50px;height:50px;}

/* bediting - editing mode for simple users */
.bediting .blayoutmenu a, beditingc .blayoutmenu a:visited {background-color:yellow;color:black;}


.bjl .bi {text-align:left;}      /* can be either bjN or bjL */
.bjc .bi {text-align:center;}
.bjj .bi {text-align:justify;text-justify:newsprint;}
.bjr .bi  {text-align:right;}
.bbold .bi {font-weight:bold;}
.bitalic .bi {font-style:italic;}


/* standard classes */

.BR5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.BR5 .bi why {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.BR5T {-webkit-border-radius:5px;-moz-border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.BR5B {-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

.BM5 {padding:5px}		/* margin is actually padding on the outer div */

.BM10 {margin:10px}

.BP5 bi {padding:5px;}
.BP10 {padding:10px;}

.BOF {overflow:visible;}		/* containers always show overflow */

.BO50 {opacity:.5;filter=\'alpha(opacity=50)\';}
.BO70 {opacity:.7;filter=\'alpha(opacity=70)\';}
.BO100 {opacity:1;filter=\'alpha(opacity=100)\';}

.BFR {float:right;}
.BFL {float:left;}
.BFN {float:none;}


/* command classes */

/* 50-list */
.bo50a ul {list-style-type:circle;}
.bo50b ul {list-style-type:square;}
.bo50c ul {list-style-type:upper-roman;}
.bo50d ul {list-style-type:lower-alpha;}
.bo50e ul {list-style-type:upper-alpha;}
.bo50f ul {list-style-type:decimal;}
.bo50g ul {list-style-type:decimal;list-style-type:decimal-leading-zero;}
.bo50h ul {list-style-type:lower-greek;}
.bo50i ul {list-style-type:lower-latin;}
.bo50j ul {list-style-type:upper-latin;}
.bo50k ul {list-style-type:none;}
.bo50z div {}

/* 52-table */
.bc52s10 table {margin:0 auto;font-size:.9em;width:100%;font-weight:100;}
.bc52s10 th {font-size:.9em;color:white;text-align:center;border:1px solid rgba(255,255,255,.5);background-color:rgba(0,0,0,.5);padding:2px;}
.bc52s10 td {font-size:.8em;color:black;text-align:center;background-color:rgba(255,255,255,.5);border 1px solid rgba(0,0,0,.5);padding:1px;}
.bct2s10 th:first-child, .bct1 td:first-child {text-align:left;}
.bc52s20 table {margin:0 auto;font-size:.9em;width:100%;font-weight:100;}
.bc52s20 td, .bc52s20 th {padding:2px;text-align:left;vertical-align:top;}
.bc52s20 .m1 .c2, .bc52s20 .m1 .c4,.bc52s20 .m1 .c6,.bc52s20 .m1 .c8,.bc52s20 .m1 .c10, 
.bc52s20 .m2 .c1, .bc52s20 .m2 .c3,.bc52s20 .m2 .c5,.bc52s20 .m2 .c7,.bc52s20 .m2 .c9 {background-color:rgba(0,0,0,.1);

.cf:before,                                             /* prevents top margins from collapsing */
.cf:after { visibility:hidden;display:block;content:" "; font-size:0;clear:both;height:0; }
.cf:after { clear:both;}
.cf { *zoom:1; }  /* IE 6/7 */


/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */





/*.dcm_section_center {text-align:center;}not used. was attempt to center div. browser dont support.*/
div.binner {with:100%;}		/* div of content inside a block */
div.bjZ {}			/* binner will not even be drawn */
div.bjN {text-align:left;}
div.bjL {text-align:left;}	/* can be either bjN or bjL */
div.bjC {text-align:center;}
div.bjJ {text-align:justify;text-justify:newsprint;}
div.bjR {text-align:right;}
div.bbold {font-weight:bold;}
div.bitalic {font-style:italic;}

                /* image size */
img.bisz2 {width:20px;}
img.bisz5 {width:50px;}                       /* NO MARGINS - messes up images as headers */
img.bisz7 {width:75px;}
img.bisz10 {width:100px;}
img.bisz15 {width:150px;}
img.bisz20 {width:200px;}
img.bisz30 {width:300px;}
img.bisz40 {width:400px;}
img.bisz50 {width:500px;}
img.bisz60 {width:600px;}
img.bisz70 {width:700px;}
img.bisz80 {width:800px;}
img.bisz90 {width:900px;}

img.bisz100 {height:50px;}
img.bisz120 {height:75px;}
img.bisz130 {height:100px;}
img.bisz135 {height:125px;}
img.bisz140 {height:150px;}
img.bisz150 {height:200px;}
img.bisz160 {height:250px;}
img.bisz170 {height:400px;}
img.bisz180 {height:500px;}

img.bisz233 {width:33%;}
img.bisz250 {width:50%;}
img.bisz266 {width:66%;}
img.bisz999 {width:99%;}

img.bisz1000 {width:100%;}                    /* dont add margin! indents where image is used as heading!*/
img.bisz32000  {}				/* NATIVE SIZE */

	/* image style (like margin) (image layout (bil) appended before _ style because ) */
img.bis10 {margin:0px;}
						/* 5px margin. more complicated than you might think! */
img.bis10_50 {margin: 0 0 5px 5px;}		/* float right so margin on left/bottom */
img.bis20_50 {margin: 0 5px 5px 0;}           	/* float left so margin on right/bottom */
img.bis30_50 {margin: 0 5px 5px 5px;}            /* centered */

	/* title (header) styles */
.bts10 > h1,.bts10 > h2,.bts10 > h3,.bts10 > h4,.bts10 > h5,.bts10 > h6 {text-align:left;}
.bts15 > h1,.bts15 > h2,.bts15 > h3,.bts15 > h4,.bts15 > h5,.bts15 > h6 {text-align:left;overflow:hidden;white-space:nowrap;}
.bts20 > h1,.bts20 > h2,.bts20 > h3,.bts20 > h4,.bts20 > h5,.bts20 > h6  {text-align:right;}
.bts30 > h1,.bts30 > h2,.bts30 > h3,.bts30 > h4,.bts30 > h5,.bts30 > h6  {text-align:center;}
.bts50 > h1,.bts50 > h2,.bts50 > h3,.bts50 > h4,.bts50 > h5,.bts50 > h6  {text-align:justify;text-justify:newsprint;}

	/* image backgrounds & effects */
div.bb10 {}
div.bb12 {background-color:#F9E3D1;}
div.bb13 {background-color:#DDD;}
div.bb14 {background-color:#FFC;}
div.bb15 {background-color:#FCC;}
div.bb16 {background-color:#CFD;}
div.bb17 {background-color:#CCFFFC;}
div.bb18 {background-color:#CCCCFF;}
div.bb19 {background-color:#FCF;}
div.bb20 {border:1px solid gray;}
div.bb30 {background-color:#030;color:white;}
div.bb30 a, div.dcm_section_effect_30 a:visited {color:yellow;}
div.bb40 {}

							/* 1000 hovers begin (non-hover is much smaller html) */

							/* transparent background  - no hover */
div.bb11 {background-color:white;}
div.bb500 {background:url(/common/images/background-white-50.png);}
div.bb502 {background:url(/common/images/background-white-10.png);}
div.bb504 {background:url(/common/images/background-white-90.png);}
div.bb505 {background:url(/common/images/background-white-20.png);}
div.bb506 {background:url(/common/images/background-white-80.png);}


div.bb600 {background:url(/common/images/background-black-10.png);}
div.bb601 {background:url(/common/images/background-black-20.png);}
div.bb607 {background:url(/common/images/background-black-30.png);}
div.bb602 {background:url(/common/images/background-black-50.png);}
div.bb606 {background:url(/common/images/background-black-70.png);}
div.bb603 {background:url(/common/images/background-black-80.png);}
div.bb604 {background:url(/common/images/background-black-90.png);}
div.bb605 {background-color:black;}

div.bb640 {background:url(/common/images/background-200-100.png);}  /* brown */
div.bb641 {background:url(/common/images/background-200-90.png);}
div.bb642 {background:url(/common/images/background-200-80.png);}
div.bb643 {background:url(/common/images/background-200-50.png);}
div.bb644 {background:url(/common/images/background-200-20.png);}
div.bb645 {background:url(/common/images/background-200-10.png);}

div.bb650 {background:url(/common/images/background-F00-100.png);}  /* red */
div.bb651 {background:url(/common/images/background-F00-90.png);}
div.bb652 {background:url(/common/images/background-F00-80.png);}
div.bb653 {background:url(/common/images/background-F00-50.png);}
div.bb654 {background:url(/common/images/background-F00-20.png);}
div.bb655 {background:url(/common/images/background-F00-10.png);}

div.bb700 {background:url(/common/images/background-FF0.png);}	/* yellow */
div.bb701 {background:url(/common/images/background-FF0-90.png);}
div.bb702 {background:url(/common/images/background-FF0-80.png);}
div.bb703 {background:url(/common/images/background-FF0-50.png);}
div.bb704 {background:url(/common/images/background-FF0-20.png);}
div.bb705 {background:url(/common/images/background-FF0-10.png);}

div.bb720 {background:url(/common/images/background-030.png);}     /* dark green */
div.bb721 {background:url(/common/images/background-030-90.png);}
div.bb722 {background:url(/common/images/background-030-80.png);}
div.bb723 {background:url(/common/images/background-030-50.png);}
div.bb724 {background:url(/common/images/background-030-20.png);}
div.bb725 {background:url(/common/images/background-030-10.png);}

div.bb780 {background:url(/common/images/background-606.png);}     /* dark green */
div.bb781 {background:url(/common/images/background-606-90.png);}
div.bb782 {background:url(/common/images/background-606-80.png);}
div.bb783 {background:url(/common/images/background-606-50.png);}
div.bb784 {background:url(/common/images/background-606-20.png);}
div.bb785 {background:url(/common/images/background-606-10.png);}

div.bb800 {background:url(/common/images/background-1000w-FFFon000-100.png) repeat-y center top;}		/* 1000px wide white on black frame */
div.bb801 {background:url(/common/images/background-1000w-FFFon000-90.png) repeat-y center top;}
div.bb802 {background:url(/common/images/background-1000w-FFFon000-80.png) repeat-y center top;}
div.bb803 {background:url(/common/images/background-1000w-FFFon000-50.png) repeat-y center top;}
div.bb804 {background:url(/common/images/background-1000w-FFFon000-30.png) repeat-y center top;}
div.bb805 {background:url(/common/images/background-1000w-FFFon000-20.png) repeat-y center top;}
div.bb806 {background:url(/common/images/background-1000w-FFFon000-10.png) repeat-y center top;}

div.bb880 {background:url(/common/images/background-y-1020w-page00F50edge.png) repeat-y center top;}
div.bb881 {background:url(/common/images/background-y-1020w-page0F050edge.png) repeat-y center top;}
div.bb882 {background:url(/common/images/background-y-1020w-page0FF50edge.png) repeat-y center top;}
div.bb883 {background:url(/common/images/background-y-1020w-page00050edge.png) repeat-y center top;}
div.bb884 {background:url(/common/images/background-y-1020w-pageF0F50edge.png) repeat-y center top;}
div.bb885 {background:url(/common/images/background-y-1020w-pageF0050edge.png) repeat-y center top;}
div.bb886 {background:url(/common/images/background-y-1020w-pageFF050edge.png) repeat-y center top;}

div.bb890 {background:url(/common/images/background-y-1020w-pageshadow.png) repeat-y center top;}
div.bb895 {background:url(/common/images/background-y-1020w-pagehighlight.png) repeat-y center top;}
div.bb896 {background:url(/common/images/background-y-1020w-pageFFF50edge.png) repeat-y center top;}


							/* was including colors. skip it */
div.bb900 {color:#fff000;}
div.bb900 > h1 {color:#33ccff;}
div.bb900 > h2 {color:#00ff99;}
							/* gradient backgrounds - 600px high min */
div.bb901 {background:url(/common/images/background-x-FFF-fade.png) repeat-x;}					/* shorter. 25% opac */
div.bb902 {background:url(/common/images/background-x-600-FFF-fade.png) repeat-x;}				/* 600px high 100 opac */

div.bb911 {background:url(/common/images/background-x-fade-FFF.png) repeat-x;background-position:center bottom;}
div.bb912 {background:url(/common/images/background-x-600-fade-FFF.png) repeat-x;background-position:center bottom;}


div.bb921 {background:url(/common/images/background-x-000-fade.png) repeat-x;}
div.bb922 {background:url(/common/images/background-x-600-000-fade.png) repeat-x;}

div.bb931 {background:url(/common/images/background-x-fade-000.png) repeat-x;background-position:center bottom;}
div.bb932 {background:url(/common/images/background-x-600-fade-000.png) repeat-x;background-position:center bottom;}

div.bb940 {background:url(/common/images/background-x-1000-FFFf-000f-40h-25.png) repeat-x;background-position:center top;}
div.bb941 {background:url(/common/images/background-x-1000-FFFf-000f-40h-50.png) repeat-x;background-position:center top;}




							/* contrasting backgrounds w/hover effect */
div.bb1000 {background:url(/common/images/background-black-10.png);border:1px solid #DDD;}
div.bb1000_h {background:url(/common/images/background-white-50.png);border:1px solid black;}
div.bb1001 {}
div.bb1001_h {background:url(/common/images/background-white-10.png);}

div.bb1002 {background:url(/common/images/background-black-10.png);}
div.bb1002_h {background:url(/common/images/background-white-50.png);}

div.bb1003 {background:url(/common/images/background-black-20.png);}
div.bb1003_h {background:url(/common/images/background-black-10.png);}

							/* background 50% trans -> 90% hover! */
div.bb2000 {background:url(/common/images/background-white-50.png);}
div.bb2000_h {background:url(/common/images/background-white-90.png);}

div.bb2010 {background:url(/common/images/background-white-50.png);}
div.bb2010_h {background:url(/common/images/background-white-90.png);}
div.bb2010 * {color:#d90303;}
div.bb2010 a, div.bb200 a:visited {color:#d90303;}
div.bb2010 a:hover {color:red;}
                                                        /* background 50% trans -> 90% hover! */
div.bb3000 {background:url(/common/images/background-black-50.png);}
div.bb3000_h {background:url(/common/images/background-black-90.png);}

div.bb3010 {background:url(/common/images/background-black-50.png);}
div.bb3010_h {background:url(/common/images/background-black-90.png);}
div.bb3010 * {color:white;}
div.bb3010 a, .bb200 a:visited {color:#EFE;}
div.bb3010 a:hover {color:#FEF;}
div.bb3010 input {background:url(/common/images/background-black-90.png);color:white;}

div.bb3011 {background:url(/common/images/background-white-10.png);border:1% solid black;}
div.bb3011_h {background:url(/common/images/background-white-20.png);border:1% solid red;}

							/* backgrounds only (transparent later) */
div.bb4000_h {background-color:white;}
div.bb4100_h {background-color:#FFC;}                /* hover lt yellow */
div.bb4200_h {background-color:#FCC;}                /* peach */
div.bb4300_h {background-color:#CFC;}                /* green */
div.bb4400_h {background-color:#CCFFFC;}             /* baby blue */
div.bb4500_h {background-color:#CCF;}                /* purple */
div.bb4600_h {background-color:#FCF;}                /* pink */
div.bb4700_h {background-color:#FCF;}                /* red */

							/* borders too */
div.bb5000 {border:1px solid #CFC;}                /* green border */
div.bb5000_h {background-color:#FFC;border:1px solid green;}                /* hover yellow w/green border */

							/* menu effects - only 100px high backgrounds */
div.bb3010 input {background:url(/common/images/background-menu-FFF000-50.png);color:white;}



.author {margin-left:50%;margin-bottom:2em;font-style:italic;}
div.author:before {content: ' - ';}

.blockquote {margin:10px 10px 5px 10px;font-weight:bold;border-top:1px solid gray;border-bottom:1px solid gray;}
.blockauthor {margin-left:20%;margin-bottom:2em;font-style:italic;}
div.blockauthor:before {content: ' - ';}

div.resource_editor {height:100%;width:100%;}
div.resource_editor h1 {text-align:left;background:url(/common/images/background-black-50.png);color:white;}
div.resource_editor h2 {text-align:left;}

/* 600s400 */
.article_list_row {}
.article_list_title {white-space:nowrap;}
.article_list_published {white-space:nowrap;}
.article_list_author {white-space:nowrap;}

input.money {text-align:right;}

.dcmarticle {position:relative;} 
div.dcmarticle_published {display:block;text-align:right;font-size:70%;}
div.dcmarticle_more {position:absolute;width:100%;bottom:0;right:0;text-align:right;}
div.dcmarticle_more a, .dcmarticle_more a:visited {font-size:70%;padding:2px;color:red;text-align:right;}
div.dcmarticle_more_s11 {background:url(/common/images/background-readmore-white.png) repeat-x;}		/* url style 10 READ MORE */
div.dcmarticle_more_s11 a, div.dcmarticle_more_s11 a:visited {color:black;}
div.dcmarticle_more_s11 a:hover {color:red;}
div.dcmarticle_more_s12 {background:url(/common/images/background-readmore-white-80.png) repeat-x;}               
div.dcmarticle_more_s12 a, div.dcmarticle_more_s12 a:visited {color:black;}
div.dcmarticle_more_s12 a:hover {color:red;}
div.dcmarticle_more_s13 {background:url(/common/images/background-readmore-yellow-80.png) repeat-x;}
div.dcmarticle_more_s13 a, div.dcmarticle_more_s13 a:visited {color:black;}
div.dcmarticle_more_s13 a:hover {color:#090b65;}
div.dcmarticle_more_s14 {background:url(/common/images/background-readmore-black-80.png) repeat-x;}
div.dcmarticle_more_s14 a, div.dcmarticle_more_s14 a:visited {color:white;}
div.dcmarticle_more_s14 a:hover {color:yellow;}
div.dcmarticle_more_s15 {background:url(/common/images/background-readmore-gray.png) repeat-x;}
div.dcmarticle_more_s15 a, div.dcmarticle_more_s15 a:visited {color:white;}
div.dcmarticle_more_s15 a:hover {color:yellow;}
div.dcmarticle_more_s16 {background:url(/common/images/background-readmore-gray-80.png) repeat-x;}
div.dcmarticle_more_s16 a, div.dcmarticle_more_s16 a:visited {color:white;}
div.dcmarticle_more_s16 a:hover {color:yellow;}
div.dcmarticle_more_s17 {background:url(/common/images/background-readmore-blue-80.png) repeat-x;}
div.dcmarticle_more_s17 a, div.dcmarticle_more_s17 a:visited {color:white;}
div.dcmarticle_more_s17 a:hover {color:yellow;}
div.dcmarticle_more_s18 {background:url(/common/images/background-readmore-green-80.png) repeat-x;}
div.dcmarticle_more_s18 a, div.dcmarticle_more_s18 a:visited {color:white;}
div.dcmarticle_more_s18 a:hover {color:yellow;}
div.dcmarticle_more_s19 {background:url(/common/images/background-readmore-red-80.png) repeat-x;}
div.dcmarticle_more_s19 a, div.dcmarticle_more_s19 a:visited {color:white;}
div.dcmarticle_more_s19 a:hover {color:yellow;}




/* ANY SITE needing navigation uses these headings - which are dark on light sites, and H6 font (light on light site) */
.dcm_listing_heading,
.dcm_listing_heading td,					/* used in tables */
.dcm_listing_footer {clear:both;width:99.4%;padding:.2%;margin:.1%;background:url(/common/images/background-black-50.png); color:white;}
.dcm_listing_title {width:65%;margin:.5%;padding:.5%;float:right;}
.dcm_listing_navigation {width:32%;margin:.5%;padding:.5%;float:right;text-align:right;}

/* inside heading - dcmnavigation.inc wraps everything in h6 (inverse color) */
#dcm_paging {color:black;}
#dcm_paging ul {list-style:none;margin:0 20px 0 0;clear:both;float:right;}
#dcm_paging li {float:left;margin:0 0.15em;}
#dcm_paging a,#page_navigation a:visited {color:#222;padding:0 8px; display:inline;text-decoration:none;}
#dcm_paging a:hover {color:black; background-color:white;}


/* articlelisting 10 - default listing of articles as publshed, title & Author */
.dcm_articlelisting10 {width:100%;overflow:hidden;}
.dcm_articlelisting10_highlight {background-color:#EEE;}

.dcm_articlelisting10 span {float:left;}
.dcm_articlelisting10_published {width:15%;overflow:hidden;white-space:nowrap}
.dcm_articlelisting10_title {width:45%;overflow:hidden;white-space:nowrap}
.dcm_articlelisting10_author {width:35%;overflow:hidden;white-space:nowrap}

/* articlelisting 200 - category articles show prime with 3 below, etc  */
.dcm_articlelisting200 {width:100%;overflow:hidden;}
.dcm_articlelisting200_highlight {background-color:#eee;}

.dcm_articlelisting200 h1 {text-align:center;margin:0;white-space:nowrap;overflow:hidden;}	/* chop long titles */
.dcm_articlelisting200 h6 {text-align:right;font-size:60%;color:gray;padding:0 5px 0 0;margin:0;} /* date published */

.dcm_articlelisting200_prime {height:250px;line-height:15px;text-justified:justify;font-size:90%;text-overflow:ellipsis;padding:5px;}
.dcm_articlelisting200_prime img {float:left;width:50%;margin:1%;}
.dcm_articlelisting200_prime h1 {font-size:150%;}

.dcm_articlelisting200_column {float:left;clear:none;height:160px;width:28%;margin:1.1%;line-height:16px;padding:1%;border:1px solid #ddd;text-align:justify;text-justify:inter-word;}
.dcm_articlelisting200_column img {float:left;width:50%;margin:1%;}

.dcm_articlelisting200_minor {float:left;width:49%;clear:none;font-size:90%;}
.dcm_articlelisting200_minor ul {padding-left:1em;}
.dcm_articlelisting200_minor ul li { padding-left:1em;}



/* product defaults */
table.dcmblock2000s10000 {width:99%;border:1px solid gray;border-collapse:collapse;}
.dcmblock2000s10000 td {padding:2px;}
.dcmblock2000s10000c1 {align:left;padding-right:5px;white-space:nowrap;}
.dcmblock2000s10000c2 {align:right;font-weight:bold;}
.dcmblock2000s10000c2 input {text-align:center;width:30%;}





.dcm_productlisting10,
.dcm_productlisting15,
.dcm_productlisting20 {width:33%;overflow:hidden;height:200px;float:left;}
.dcm_productlisting110,
.dcm_productlisting120 {width:20%;overflow:hidden;height:150px;float:left;}
.dcm_productlisting210,
.dcm_productlisting220 {width:13%;overflow:hidden;height:100px;float:left;}

.dcm_productlisting img {width:95%;margin:2.5%;}
.dcm_productlisting h2 {text-align:center;}

.dcm_article_view_img_style10 img {float:right;width:100px;margin:5px;}
.dcm_article_view_img_style200 img {float:right;width:150px;margin:5px;}
.dcm_article_view_img_style300 img {float:right;width:200px;margin:5px;}
.dcm_article_view_img_style2000 {display:none;}


.dcm_article_view {padding:5px;}


/* width ignored in in-line divs/spans so we use floats */
#dcm_product_image_container {float:left;width:50%;}
#dcm_product_img {width:100%;overflow:hidden;}
#dcm_product_image {width:100%;}
#dcm_product_image img {width:100%;}
#dcm_product_images {width:100%;}
#dcm_product_images img {width:30%;}

#dcm_product_info {float:left;width:48%;margin-left:1%;}
#dcm_product_info table {width:100%;}
#dcm_product_info table th {width:25%;text-align:left;}
#dcm_product_info table td {width:75%;text-align:left;}
#dcm_product_info table td select {width:95%;}
#dcm_product_description { width:100%; }
.dcm_product_features { width:100%; }
.dcm_product_features ul { font-size:smaller;}
.dcm_product_buttons { background-color:#001100;color:white;}

#dcm_product_zoom_hint {margin:2px auto;text-align:center;font-size:.8em} /* click to zoom hint */
#dcm_product_zoom_div {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10001;}
#dcm_product_zoom_div_img {position:absolute;border:1px solid black;top:10px;height:100%;margin:0 auto;}
#dcm_product_zoom_div a
        {position:absolute;top:10px;width:90%;left:5%;text-align:right;margin-right:15px;text-decoration:none;}


.90percent {font-size:90%;}
.50percent {font-size:50%;}

.newarticle input {background-color:#999;color:white;padding:5px;}
input.newarticle_active {background-color:white;color:black;padding:5px;font-weight:bold}

/* standard classes */
.CORNERSSQUARE, .CORNERSQUARE {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.CORNERSSQUARETOP {-webkit-border-radius:0;
        -moz-border-radius-topleft:0;-moz-border-radius-topright:0;
        border-top-left-radius:0;border-top-right-radius:0;
	}
.CORNERSSQUAREBOTTOM {-webkit-border-radius:0;
        -moz-border-radius-bottom-left:0;-moz-border-radius-bottom-right:0;
        border-bottom-left-radius:0;border-bottom-right-radius:0;
	}
.BORDERTOPBOTTOMNONE {border-top:0;border-bottom:0;}

/* round child images */
.IMAGEROUND5 img {border-radius:5px;}

/* round child images with shaddow */
.IMAGEROUNDSHADOW1 img {border-radius:5px;
	 -moz-box-shadow:    0px 0px 10px -5px #000;
  	-webkit-box-shadow: 0px 0px 10px -5px #000;
  	box-shadow:         0px 0px 10px -5px #000;
	}

/* shadow stuff - 1 is light, 3 is more, etc */
.SHADOW1 {
  -moz-box-shadow:    0px 0px 10px -5px #000;
  -webkit-box-shadow: 0px 0px 10px -5px #000;
  box-shadow:         0px 0px 10px -5px #000;
}
.SHADOW3 {
  -moz-box-shadow:    0px 0px 10px -1px #000;
  -webkit-box-shadow: 0px 0px 10px -1px #000;
  box-shadow:         0px 0px 10px -1px #000;
}
.SHADOW11 {
  -moz-box-shadow:inset    0px 0px 10px -5px #000;
  -webkit-box-shadow:inset 0px 0px 10px -5px #000;
  box-shadow:inset    0px 0px 10px -5px #000;
}
.GLOW1 {
  -moz-box-shadow:    0px 0px 10px -5px #FFF;
  -webkit-box-shadow: 0px 0px 10px -5px #FFF;
  box-shadow:         0px 0px 10px -5px #FFF;
}


.BULLETHEART ul { margin:0;}    /* bullets are NOT indented */
.BULLETHEART ul li {
  list-style-type:none;
  background:url(/common/images/bullet-heart1-red.png) no-repeat top left;
  padding-left:19px;
  min-height:19px;
}

.BULLETARROWRED ul { margin:0;}    /* bullets are NOT indented */
.BULLETARROWRED ul li {
  list-style-type:none;
  background:url(/common/images/bullet-arrow10-red.png) no-repeat top left;
  padding-left:19px;
  min-height:19px;
}

.BULLETLTRED ul { margin:0;}    /* bullets are NOT indented */
.BULLETLTRED ul li {
  list-style-type:none;
  background:url(/common/images/bullet-check1-black.gif) no-repeat top left;
  padding-left:19px;
  min-height:19px;
}