/* Start of CMSMS style sheet 'colorbar' */
div .colorbox{ /* block for each color swatch and name */
	float: left;	
	width: 100px;
	font-size: 12px;
        padding:5px;
       text-align: center;
        height: 65px;
}



div .color{ /* block for the color swatches. Colors or backgrounds added from CSV */
height: 25px;
width: 95px;
border: 1px solid black;

}

div .colorbox span{ /* define style for color name */
font-weight: bold;
} 

span.newcolor:before{
content:"New > ";
}
span.newcolor{
color: #f00;
}

/* End of 'colorbar' */

/* Start of CMSMS style sheet 'Headers' */
/* /////////////// common to each set of page headers ///////////////// */
div.hr{
height: 1px;
border-top: 1px solid black;
clear: both;
margin-top: 8px;
}

div.cat h3, div.cat h3 a, span.cat{
background-repeat: no-repeat;
text-indent: -999em;
display: block;
height: 45px;
width: 225px;
text-align: left;
}

div.cat, span.cat{
margin-top: 10px;
clear:none;
width: 325px;
float; left;
margin-left: 100px;
}
# html div.cat{
margin-top: 5px;
}

#headercontent{
background-repeat: no-repeat;
background-position: top right;
}

div#pagehead {
height: 45px;
text-align: left;
background-repeat: no-repeat;
margin-bottom: 5px;
}

div#tipbutton{
clear: left;
width: 402px;
height: 47px;
margin: -50px 0px 0px;
float: right;
background-repeat: no-repeat;
background-position: 35px;
}

* html div#tipbutton{
margin-top: -60px;
}

div#pagehead h2, div#tipbutton h2 a{
background-repeat: no-repeat;
display: block;
height: 45px;
width: 402px;
text-indent: -999em;
text-decoration: none;
clear: none;
margin-top: 0px;
}

div#tipbutton h2 a{
margin-top: -12px;
}

* html div#tipbutton h2 a{
margin-top: -22px;
}

div
div#searchbox{
width: 180px;
float: right;
clear: none;
}

/* ///////////////////////// page specific //////////////////// */

.About-Usk{
background-image: url(uploads/images/aboutk.jpg);
}

.Homek{
background: url(uploads/images/homek.jpg);
}

.Contact-Usk{
background-image: url(uploads/images/contactk.jpg);
}

.GlitterFlexk{
background-image: url(uploads/images/glitterk.jpg);
}

.DecoSparklek{
background-image: url(uploads/images/sparklek.jpg);
}

.DecoFlockk{
background-image: url(uploads/images/flockk.jpg);
}

.DecoFilmk{
background-image: url(uploads/images/filmk.jpg);
}

.E-Z-Weedk{
background-image: url(uploads/images/ezweedk.jpg);
}

.Ref-Litek{
background-image: url(uploads/images/refk.jpg);
}

.ThermoFlex-Plusk{
background: url(uploads/images/plusk.jpg);
}

.Subliblockk{
background: url(uploads/images/sublik.jpg);
}

.ThermoFlex-Xtrak{
background: url(uploads/images/xtrak.jpg);
}

.Newsk, .Logink{
background: url(uploads/images/newsk.jpg);
}

.ThermoBannerk{
background: url(uploads/images/bannerk.jpg);
}

.ThermoFlex-Sportk{
background-image: url(uploads/images/sportk.jpg);
}

.Catalogk{
background-image: url(uploads/images/catk.jpg);
}

.Calendark{
background-image: url(uploads/images/calendark.jpg);
}

.ColorPrint-Solventk{
background-image: url(uploads/images/cpsolventk.jpg);
}

.ColorPrintk{
background-image: url(uploads/images/printk.jpg);
}

.Color-Jetk{
background-image: url(uploads/images/jetk.jpg);
}

.Wild-Fashionk{
background-image: url(uploads/images/wildk.jpg);
}

.Tech-Supportk{
background-image: url(uploads/images/techk.jpg);
}

.Tips-Tricksk{
background-image: url(uploads/images/tipsk.jpg);
}

/* ////////////////// Main Content Button Headers ////////////// */
.orderp{
background-image: url(uploads/images/orderb.gif);
}
.Loginp{
background-image: url(uploads/images/loginb.gif);
}

.techb{
background-image: url(uploads/images/productb.gif);
}

div#tipbutton.techb h2 a{
width: 402px; 
}

.catb{
background-image: url(uploads/images/techb.gif);
}

.Tips-Tricksp{
background-image: url(uploads/images/tipsb.gif);
}

.ThermoFlex-Plusb a, .ThermoFlex-Plusp{
background: url(uploads/images/plusb.gif);
}

.ThermoFlex-Xtrab a, .ThermoFlex-Xtrap{
background: url(uploads/images/xtrab.gif);
}

.Subliblockb a, .Subliblockp{
background: url(uploads/images/sublib.gif);
}

.ThermoFlex-Sportb a, .ThermoFlex-Sportp{
background: url(uploads/images/sportb.gif);
}

.DecoSparkleb a, .DecoSparklep{
background: url(uploads/images/sparkleb.gif);
}

.GlitterFlexb a, .GlitterFlexp{
background: url(uploads/images/glitterb.gif);
}
.E-Z-Weedb a, .E-Z-Weedp{
background: url(uploads/images/ezb.gif);
}

.ThermoBannerb a, .ThermoBannerp{
background: url(uploads/images/bannerb.gif);
}

.Color-Jetb a, .Color-Jetp{
background: url(uploads/images/jet3b.gif);
}
.Ref-Liteb a, .Ref-Litep{
background: url(uploads/images/liteb.gif);
}
.DecoFilmb a, .DecoFilmp{
width: 402px;
background: url(uploads/images/filmb.gif);
}
.DecoFlockb a, .DecoFlockp{
width: 402px;
background: url(uploads/images/flockb.gif);
}
.ColorPrintb a, .ColorPrintp{
background: url(uploads/images/cpstanb.gif);
}
.ColorPrint-Solventb a, .ColorPrint-Solventp{
background: url(uploads/images/cpsolventb.gif);
}
.Homeb a, .Homep{
background: url(uploads/images/homeb.gif);
}
.Catalogb a, .Catalogp{
background: url(uploads/images/catalogb.gif);
}
.Calendarb a, .Calendarp{
background: url(uploads/images/calendarb.gif);
}
.Aboutb a, .About-Usp{
background: url(uploads/images/aboutb.gif);
}
.Newsb a, .Newsp{
background: url(uploads/images/newsb.gif);
}
.contact-usb a, .contact-usp{
background: url(uploads/images/contactb.gif);
}
.Tech-Supportp{
background-image: url(uploads/images/supportb.gif);
}
.loginb{
background: url(uploads/images/loginb.gif);
}
.Wild-Fashionb a, .Wild-Fashionp{
background: url(uploads/images/wildb.gif);
}

/* //////////////// all styles //////////////////// */


.noprint img{
margin: 5px;
}

.calendar-event{
margin: 10px 5px;
border: 1px solid black;
padding: 5px;
}

/* End of 'Headers' */

/* Start of CMSMS style sheet 'Specialty 5' */
*{
   padding: 0px;
   margin: 0px;
}

#pagewrapper{width: 1000px;margin: 0 auto
}

body{margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/
html, body{height:100%;padding:0}
* html, * html body{
	overflow:hidden;
	padding:165px 0;
	margin:-165px 0;
	padd\ing:0;
	ma\rgin:0;
}
* html #pagewrapper {
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; voice-family:inherit;
}
* html #main{
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
  }
/* end hack */
body{
background: #666;
}

#header{	
        position: absolute;
        top: 0;
        left: 0;
	height:165px;
	width:100%;
	margin:0 auto;
	padding:0;
	z-index:999;


                                             /* overflow:hidden;  commented out so dropdown will show */

}


/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #headercontent{margin-right:17px;}
/* end hide*/

.topspace {height:165px}/* same height as footer/header to preserve space*/
p{margin-top:0}
html>body #header{position:fixed}/* for moz/opera and others*/


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

#headerstripe{
border-top: solid 2px #222;
height: 1px;
clear: left;
font-size: 1px; /* for IE 6 */
}

#headercontent{
	height:177px;
        background-color:#666;
        background-repeat: no-repeat;
        background-position: top right;
width: 1000px;
margin: 0 auto;
}
#menu-vert{
width: 1000px;
margin: 0 auto;
}

div#logo {
background: #666 url(uploads/images/newlogo.gif) no-repeat;
width: 297px;
height: 140px;
float: left;
display: inline;
clear: none;
}

div#logo h1 a {
   display: block;
   width: 297px;
   height: 140px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#contact{
text-align: center;
font-weight: bold;
font-size: 1.3em;
color: #ddd;
margin-top: -16px;
}

div#contact p{
}

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

div #sq{background: #eee;
margin-right: 270px;
margin-left: 10px;
margin-top: 10px;
border: 1px solid black;
padding: 10px;
}

div #sq img{
margin: 8px;
}

div #block1, div #block1head{background: #eee;
margin:10px;
border: 1px solid black;
padding: 8px;
}

div #block1head h4, div #block1 h4{
font-style: normal;
}

div #sidebar{
float: right;
width: 260px;
display: inline;
}

div #footer{clear: both;
text-align: center;
font-size: .8em;
height: 4.5em;
}



/* ////////////////////////////////////////// do not change above /////////////////// */

div#search {
  margin-bottom: 5px;
  text-align: center;
}

div#footer ul li{
display: inline;
margin: 0px 5px;
}

div#footer ul ul li{
display: none;
}

div#footer a{
text-decoration: none;
}

/*
Set initial font styles
*/
body {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 16px;
   background: #666;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


* HEADINGS */
h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
h2 {
	font-size: 1.5em; 
	text-align: center; 
	padding-left: 0.5em;
	padding-bottom: 1px;
        margin: 0.5em 0 0.5em 0;
        font-style: oblique;
        color: #008;
}
h3 {
	font-size: 1.3em; 
	text-align: center; 
	padding-left: 0.5em;
	padding-bottom: 1px;
        margin: 0.5em 0 0.5em 0;
        font-style: oblique;
        color: #008;
}

h4 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   font-style: oblique;
   text-align: center;
}
h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   line-height: 1.3em;
   padding: .1em .3em;
   margin: .3em 0px;
}

blockquote {
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

sup{
font-size: .7em;
}

.name{
font-weight: bold;
color: navy;
}

.ileft{
float: left;
margin: 10px;
}

.iright:
float: right;
margin: 10px;
}

.centext{
text-align: center;
}

.marg{
margin: 10px;
}
/* END TEXT */
/* End of 'Specialty 5' */