/*----------------------------------------------------------------------------- 
version:   1.0 

-----------------------------------------------------------------------------*/

 @import url("slide.css");
/* Remove padding and margin */ 
* {
	margin: 0;
	padding: 0;
list-style:none
}

img {border:none}
.clear {
	clear:both;
}
body {
	font-family:Tahoma, Geneva, sans-serif;

	color: #000000;
	text-align:center;
	background-color: #00a9d4;
}
#wrapper {
	width:962px;
	text-align:left;
	margin:0 auto;
	background:#FFF url(http://mystickerprinter.com/images/bg.jpg) repeat-y center;
}

h1 {
	font-size: 20px;
color:#b50d0d;
}

h2 {
	font-size: 20px;
color:#b50d0d;
}
h6 {
	font-size: 16px;
color:#b50d0d; background:url(http://mystickerprinter.com/images/seealso-line.jpg) no-repeat left bottom; width:633px; padding-bottom:10px
}

h3 {
	font-size: 14px; color:#000000; margin: 10px 0 3px 0;
}
h4 {
	font-size: 21px;
	color:#b50d0d; background:url(http://mystickerprinter.com/images/heding-bg.jpg) no-repeat center bottom; height:40px; line-height:40px; width:636px; margin-bottom:5px
}

a.homelink {
	font-size: 21px;
	color:#b50d0d; 
}

h5 {
	font-size: 1.4em;
	margin:0;
	line-height:normal;
	padding:0
}
p {
	font-size: 12px;
	color:#000000;
	padding:4px 0;
	text-align:justify;
	line-height:20px
}
a {
	text-decoration:underline;
	line-height:normal;
	font-size:12px;
	color:#000000;
}

a.body {
	color:#CB0100;
	text-decoration:underline;
	line-height:normal;
	font-size:12px;
}

a.body:hover {
	color:#ff2929;
}

/* Header 
-----------------------------------------------------------------------------*/ 
#container
	{padding:36px 45px 0px 45px; background:url(http://mystickerprinter.com/images/header-bg.jpg) no-repeat center top}
#header {
	
	height:98px;
}
.truckicon { background:url(http://mystickerprinter.com/images/icons/free-shipping.png) no-repeat left  center; width:45px; height:32px; display:block; float:left}
ul.subnav
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto; background: url(http://mystickerprinter.com/images/nav-bg.jpg) repeat-x top; line-height:34px; font-weight:bold
}
ul.subnav {height:38px}
ul.subnav .strong {font-size:15px}
ul.subnav li { padding:0 20px; float:left;padding-left:0px}
ul.subnav li a { color:#000; text-decoration:underline; line-height:34px}
ul.subnav li.ft {float:right; padding:0 0px 0 10px}
ul.subnav li.ft a {line-height:33px; text-decoration:none}
ul.subnav li.ft a.contact  { background:url(http://mystickerprinter.com/images/icons/tele-icon.png) no-repeat left center; padding-left:37px; display:block; line-height:34px; font-size:14px; }
ul.subnav li.ft a.chat  { background: url(http://mystickerprinter.com/images/icons/chat.gif) no-repeat left center; padding-left:37px; display:block ; line-height:34px}
ul.subnav li.ft a.chat:hover {color:#FF2929}
#brdcrumb { font-size:11px; font-weight:bold; line-height:32px; clear:both; padding-bottom:1px; margin-top:-8px;}
#brdcrumb a {font-size:11px; text-decoration:underline ; color:#000000;}
#brdcrumb a.active {font-size:11px; text-decoration:none}
#brdcrumb a:hover {font-size:11px; text-decoration:underline; color:#FF2929}
/* Footer 
-----------------------------------------------------------------------------*/ 

/* Homepage 
-----------------------------------------------------------------------------*/ 
#cnt_wrap {
	width: auto;
	padding:2px 0 0 0
}
#cntlt { float:left; width:200px;  }
#listmenu { background:url(http://mystickerprinter.com/images/list-menu-bg-bg.jpg) repeat-y left; margin-bottom:10px}
#listmenu li.hd  { background:url(http://mystickerprinter.com/images/nav-bg.jpg) repeat-x top; height:34px; line-height:34px; margin-bottom:0px; color:#000; font-weight:bold; padding-left:8px; font-size:13px}
#listmenu li {background:none; height:28px; line-height:28px; }
#listmenu li a { text-decoration: none; display:block; background:url(http://mystickerprinter.com/images/list-menu-bg.jpg) no-repeat left top; height:28px; line-height:28px;color:#000000; font-weight:bold; padding-left:18px; font-size:12px; text-shadow:#FFF 2px 1px}
#listmenu li a:hover { background:url(http://mystickerprinter.com/images/list-menu-bg.jpg) no-repeat left bottom; color:#006699;}
#cntrt { float:left; width:656px; margin-left:16px}
#cnt-main { width:auto; }

.pics {width:38%; float:left; margin-top: 5px; }
.txt { width:62%; float:left}
.box { background:url(http://mystickerprinter.com/images/box-bg.jpg)  no-repeat left top; width:150px; height:163px;float:left; text-align:center; padding:5px 5px 10px 5px; display:block }
a.box:hover { color:#006699; }
.box .img { height:125px; line-height:127px }
.box img { }
.box span {margin-top:2px;font-size:12px; display:block; font-weight:bold}
.item {margin-top: 8px; }
table {font-size:12px; font-weight:bold;border-collapse:coll apse; color:#000000;}

.subtblehd {padding:5px; color:#7e7e7e }
.hdhd {line-height:26px; color:#FFF; font-size:12px; font-weight:bold;}

.hdhd { }
.hdhd td { border:#FFFFFF 1px solid;  border-width:0px 0px  1px 1px }
.hdhd td.ltr {border-width:1px 1px  0px 0px; border:#FFFFFF 0px solid; border-width:0px 0px  0px 0px;width:265px;}
.hdhd td.lrr { border:#FFFFFF 1px solid;border-width:0px 0px  0px 1px; width:66px}
.hdhd td.rr { border:#FFFFFF 1px solid; width:66px;border-width:0px 0px  0px 1px;}
.head { background:url(http://mystickerprinter.com/images/head-bg.jpg) repeat-x top; height:53px;  }
.alt  { background:#ededed; line-height:35px;}
.altf  { background:#FFF; line-height:35px;}
.table td { border:#686868 1px solid; border-width:0px 1px  1px 0px;}
.table .bl {width:265px;border:#686868 1px solid; border-width:0px 1px  1px 1px; }
.table .bl a {color:#0050d5; text-align:left; padding-left:5px; font-size:12px}
.table .bl a:hover {color:#5897ff;}
.seealso { background:url(http://mystickerprinter.com/images/seeall.jpg) no-repeat left top; width:100%; height:140px; margin-top:10px; padding-top:10px}
.seealso .img {padding:0 12px  0px  12px; float:left; text-align:center; color:#000; font-weight:bold;}

.seealso .img:hover {color:#F00}
.seealso .img img {padding-bottom:7px}

.categorylist { width:100%; height:170px;}
.categorylist .img {margin:0 16px  0px  16px; float:left; text-align:center; color:#000; font-weight:bold; height: 140px;}

.categorylist .img:hover {color:#F00}
.categorylist .img img {padding-bottom:7px}

.magnetthumbs {height:140px; line-height:140px;}
.magnetthumbs img{vertical-align:middle;}

.magnetthumbstable {height:140px; width: 130px; display:table}
.magnetthumbsimg{display:table-cell; vertical-align:middle; margin-left: auto; margin-right: auto;}

.shapeseparator {background:url(http://mystickerprinter.com/images/seealso-line.jpg) no-repeat center center; height:20px; border:none}
/* footer
-----------------------------------------------------------------------------*/
#footerwrapper {
	
	width:962px;
	height:150px;
	padding-top:40px;
	margin-top:5px; background:#00a9d4 url(http://mystickerprinter.com/images/ftr-bg.jpg) no-repeat center -50px
}
#footer {
	width:960px;
	margin:auto;
	color:#FFF;
	font-size:13px;
	text-align:center; background:url(http://mystickerprinter.com/images/footer-line.jpg) no-repeat center top; padding-top:20px; font-weight:bold;background-color:#00a9d4;
}
#footer span{ margin: -14px 9px 26px 11px; padding-bottom: 6px; padding-top:4px; display:block; background-color:#145e84;color:#fff;}
#footer span.copy {margin: 14px 9px 26px 11px; background-color:#00A9D4;}
#footer span a{font-size:13px; background-color:#145e84; letter-spacing: 1px;}
#footer a {	color:#fff;
	font-size:13px; letter-spacing: 2px}
	#footer a:hover { color:#fffc00;}
	
#footer2 { margin: -9px 9px 24px 11px; padding-bottom: 4px; display:block; background-color:#00A9D4;color:#fff;}
#footer2 a{font-size:12px; letter-spacing:normal;}

#footer3 { margin: -9px 9px 0 11px; display:block; background-color:#00A9D4;color:#fff;}



/* Forms 
-----------------------------------------------------------------------------*/ 
form { color:#000000; padding-top:10px}
form  .fieldlt {width:400px; padding-right:20px ; float:left}
fieldset {border:#878787 1px solid; padding:13px 18px ; margin-bottom:18px; font-size:12px }
legend    {background:#FFF; color:#b50d0d; padding:2px; font-weight:bold; font-size:14px }
form  .fieldrt {width:445px; padding-left:5px; float:left}
.tableform {border:#7e7e7e 1px solid; border-width:1px 1px 0 0; font-weight:normal }
.tableform td {border:#7e7e7e 1px solid; border-width:0px 0px 1px 1px; padding:5px}
ul.field { font-size:12px}
ul.field li {float:left}
ul.field li.text {width:87px; line-height:30px; font-weight:bold; margin-bottom:6px }
ul.field li.texta {width:120px; line-height:30px; font-weight:bold; margin-bottom:6px }
ul.field li.input { width:265px;  margin-bottom:6px}
form input{height: 30px; width:265px; border:#c4c4c4 1px solid; font-size:16px; padding: 0 0 0 2px; }
form input:focus { background-color: #F8F7D4;}
form select{ height:30px; width:170px; border:#c4c4c4 1px solid; padding:5px}
form select:focus { background-color: #F8F7D4;} 
form textarea {border:#7e7e7e 1px solid; width:385px; height:120px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; margin-top:16px; padding: 2px 0 0 4px;}

form textarea:focus { background-color: #F8F7D4;} 
.mid { width:160px; float:left; text-align:right; line-height:30px; padding-right:20px; margin-top:10px}
.midse { width:200px;float:left; line-height:30px; margin-top:10px}
.send {width:131px; height:42px; border:none; margin-top:24px; margin-left:256px;}


div.fileinputs {
	position: relative; color:#000;font-size:13px;
}


input.file {
}

/*---------------  THE DESGN IS BROKEN> SO IAM LEAVING THE PREVIOUS CSS CREATE FOR CORRECT VIEWING 
div.fileinputs {
	position: relative; color:#000;font-size:12px
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	line-height:30px;
	height:30px;
	width: 303px;
}
.fakefile img {cursor:pointer}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;width:175px; cursor:pointer
}

.send {width:131px; height:42px; border:non;margin:0px}

form textarea {border:#7e7e7e 1px solid; width:260px; height:191px; font-family:Arial, Helvetica, sans-serif; color:#7e7e7e; font-size:12px}
 *******/

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 32px;
border: none;
padding: 5px;
;
}

#pscroller2{
width: 350px;
height: 28px;
border:none;
padding: 3px;
margin-top:-36px;text-decoration: none;
}

#pscroller2 a{
text-decoration:underline; line-height:34px;  font-size:11px; margin-left: 12px; color: #cb0100;
}

#pscroller2 a:hover{
text-decoration:underline; line-height:34px;  font-size:11px; margin-left: 12px; color: #ff2929;
}

.someclass{ color:#000; text-decoration:underline; line-height:34px
}

ul.disc {
margin-bottom: 10px;
}

li.disc {
	text-align: left;
	margin: 2px 0 0 32px;
	list-style-type: disc;
	color: #000000;
	font-size: 12px;
}

.drawingform {
background-color:#FFFFFF;
border:1px solid #000000;
margin:20px 110px 40px 100px;
padding-bottom:60px;
}

label {
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
margin:0 1em 1px 60px;
padding:2px;
text-align:left;
width:120px;
}

.tb-nicebig {
border:1px solid #5B5C5C;
font-family:Arial;
font-size:14px;
margin:4px 24px 4px 2px;
padding:2px;
text-align:left;
width:180px;
height: auto;
}

textarea#nicebig {
border:1px solid #5B5C5C;
color:#4C4C4C;
font-family:Arial;
font-size:14px;
height:110px;
margin:2px 2px 2px 60px;
padding:2px;
width:320px;
}

a.homemain {
font-size: 21px;
color:#b50d0d;
line-height: 40px;
	}
	
a.homemain:hover {
color:#FF2929;
	}
	
#listmenu li a.hd { text-decoration: none; display:block; background:none; line-height:28px;color:#000000; font-weight:bold; padding-left:0; font-size:14px; text-shadow:none;}
#listmenu li a.hd:hover { background:none; color: #006699;}

.benefits {
width: 200px;
height: 250px;
margin: 0 0 10px 0;
position:relative;
}

#benefitslink {
display:block;
height:176px;
width:200px;
}

.sidechat {
	position: relative;
	bottom:-54px; left:0;}
	
.livechat{ display:block; height:20px; width:100%;}
.t14px{ font-size:16px; margin:15px 0; display:block;}

/*********************************************************************
 ** Slider
 *********************************************************************/


.slider {
	 float: right;
    height: 220px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 872px;
	margin-bottom:10px;
}

.slider-slides
{
	list-style:none;
	padding:0;
	margin:0;
	height:220px;
	overflow:hidden;
}

.slider-slides li
{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

.slider-slides li a
{
	display:block;
	height:100%;
	color:inherit;
	text-decoration:none;
}

.slider-slides li .img
{
	display:block;
	width:600px;
	float:right;
	text-align:right;
}

.slider-slides li .img img
{
	max-width:100%;
}

.slider-slides li .text
{
	display:block;
	position:absolute;
	top:50px;
	left:17px;
	width:290px;
	font-size:28px;
	line-height:28px;
	font-weight:800;
}

.slider-slides li .mask
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:361px;
	background:url(http://www.rainbowmagnets.com/slider/slider-mask.png) no-repeat right -63px;
}

.slider-pager
{
	position:absolute;
	bottom:11px;
	left:17px;
	z-index:100;
	display: none;
}

.slider-pager a
{
	display:inline-block;
	line-height:26px;
	width:26px;
	text-align:center;
	border:2px solid #000;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-decoration:none;
	font-size:13px;
	font-weight:800;
	margin-right:5px;
	opacity:0.5;
	
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.slider-pager a.activeSlide,
.slider-pager a:hover
{
	opacity:1;
}

.slider-progress
{
	position:absolute;
	bottom:-10px;
	height:1px;
	left:0;
	right:5px;
	background:rgba(0,0,0,0.1);
}

.slider-progress .inner
{
	height:100%;
}

/*********************************************************************
 ** End Slider
 *********************************************************************/
 
 /*********************************************************************
 ** Product Pages
 *********************************************************************/
 
 .product-image {
	 display:block;
 }
 
 .template-download {
width: 38%;
float: left;
margin-top: 5px;
 }
 
 a.pdftemplate {
	 display:block;
	 font-size:15px;
	 font-weight: bold;
	 padding: 20px 0 0 6px;
	 width:224px;
	 height:36px;
	 background: url(http://www.rainbowmagnets.com/pdf/pdf-icon-36x36.png) no-repeat right;
	 color: #0050D5;
 }
 
  a.pdftemplate:hover {

	 color: #5897FF;
 }
 
 img.pdf-icon {
	 float:right;
 }
 
 
 
 table.producttable {
	border-collapse: collapse;
	border-spacing: 2px;
	margin: 10px 0 10px 0;
	font-weight:normal;
	width:100%;

	
 }
 
 table.producttable td {
	 border: 1px inset black;
	 padding: 4px;
 }
 
 td.header {
	 background: url(http://mystickerprinter.com/images/head-bg.jpg) repeat-x top;
	 font-weight: bold;
	 color: #fff;
	 
 }
 
 tr.pricerow {
	 font-weight: bold;
 }
 
 table.producttable a{
	color: #0050D5;
	font-size: 12px;
	font-weight: bold;
}

 table.producttable a:hover{
	color: #5897FF;
}

a.view-all {
	float:right;
	font-size:18px;
	color: #B50D0D;
	text-decoration: underline;
	font-weight: bold;
	margin: 4px 24px 0 0;
}

a.view-all:hover {
	color: red;
}