/* CSS Document */


a:link      { color: #333399; text-decoration: none; }
a:visited   { color: #CC00FF; text-decoration: none; } 
a:active    { color: #990000; text-decoration: none; }
a:hover     { color: #339933; text-decoration: underline;}

h1          { font-size: 1em;    font-weight: bold; }
h2          { font-size: .8em;  font-weight: normal; }
h3			{font-size: 1em; font-weight: bold;}
h4			{font-size: .8em; font-weight:bold;}

ul          { list-style: none; }

.clearthefloats {clear:both}

.purple      { font-family: verdana, geneva, arial, sans-serif; color: #330033; }
.lightblue      {font-family: verdana, geneva, arial, sans-serif; color: #CCCCFF;  }


body {margin:0px; padding:0px; font: 1em arial, verdana, geneva, sans-serif; text-align:center;background-color:#330033;}
* {margin:0; padding:0; }


div#mainwrap {width:774px; margin-left:auto; margin-right:auto; margin-top:0; text-align:left;}
div#header {width:774px; height:103px; margin:6px 0 0 0; background-color:#330033; text-align:center; }
div#topnav {width:774px; height:36px; background-color:#CCCCFF; text-align:center; margin:0; padding-top: 8px;}
div#topnavcontainer ul{list-style-type:none; margin:0; padding:0; text-align:center; }
div#topnavcontainer ul li {display: inline; font-size: 1em; font-weight:bold;color:#330033;padding:.2em 1em;}
div#topnavcontainer ul li a{text-decoration:none; color: #330033;}
div#topnavcontainer ul li a:hover{color:#339933;}

div#contentarea {width:774px; margin:0; background-color:#CCCCFF; 
							background-image:url(http://www.stickersisters.com/images_style/columns2.gif);
							background-repeat: repeat-y; z-index:50;}
div#column1 {width:120px;  float:left; margin:0 0 0 60px; display: inline; /*<---doubled float margin fix
 for IE windows*/ z-index:100;}
div#leftnav {width: 120px; float:left; background-color: #CCCCFF; margin:0; padding:0 5px 0 0; z-index:400; }
div#leftnav img {margin:0 0 8px 0;}
div#leftnav p{font-size: .8em; color:#330033;}
div#leftnav h1 {color:#330033;}
div#leftnav h1 a:link{color:#330033;}
div#leftnav p a:link {font-size: .8em; color:#330033;}
div#byitem img {margin:0;}
div#byitem ul {margin:0; padding:0; margin-left:.7em; font-size: .9em; z-index:400;}
div#byitem ul li{background-image:url(http://www.stickersisters.com/images_style/bullet4px.gif); background-repeat:no-repeat; background-position: 0 .4em;
 padding-left:.6em;}
div#message {margin: 10px 0;}
div#message ul {margin: 0; padding:0; margin-left:1em; font-size: .7em;}
div#message ul li{background-image:url(http://www.stickersisters.com/images_style/bullet4px.gif); background-repeat:no-repeat; background-position: 0 .4em; 
padding-left:.6em;}


/* Column 2--the main content area starts here */
div#column2 {width:500px; background-color:#CCCCFF; float:left; margin: 0 0 0 10px; border-left: 1px solid #330033;
 z-index: 100;}
div#maincontent {width: 470px; margin: 0 0 0 15px; padding: 0; color: #330033; z-index:400;}
div#maincontent a:link {color: #333399; text-decoration:underline; }
div#maincontent a:visited   { color: #CC00FF; text-decoration:underline; } 
div#maincontent a:active    { color: #990000; text-decoration: underline; }
div#maincontent a:hover     { color: #339933; text-decoration: underline;}
div#maincontent img {margin: 10px 0px 10px 0; border: 3px solid #330033;}
div#maincontent p {font-size:.8em; margin:1em 10px; color:#330033;}
div#maincontent p em{font-size:1em; font-weight:bold; font-style:normal;}
div#maincontent blockquote {color:#330033; border-top: 1px solid #330033; border-bottom: 1px solid #330033; 
padding: 6px 3px 6px 3px; margin: 8px 5px 3px 0;}
div#maincontent blockquote img {border: 0px; margin:0 3px 0 0;}
div#maincontent blockquote h2 {font-size: .9em; font-weight: bold; }
div#maincontent blockquote p {font-size: .8em; color:#330033; font-weight:normal;}
div#maincontent blockquote ul {margin-top: 5px; padding:0; margin-left:.7em; font-size: .9em;}




div#horizrule {width: 465px; border-top: 1px solid #330033;}
div#shophorizrule {width: 465px; border-top:1px solid #330033; margin-top: 6px;}

#maintable {width: 470px; border: 0;}
#photocell {width: 70px; height: 70px; align: left; vertical-align:top;}
#textcell {width: 150px; align: left; vertical-align: top; }
#newsalert {align: left; vertical-align:top;}
#rightpicture {margin: 5px 10px 10px 15px; float: right;display: inline;}
#leftpicture {margin: 5px 15px 10px 5px; float: left;display: inline;}
#linkbox {width: 200px; margin: 5px 5px 10px 15px; float: right; display: inline;}
#linkbox ul li{margin: 5px 0;}
#mainwrap #contentarea #column2 #maincontent #maintable #photocell img {border: 3px solid #330033;}

div#shopproducts img {border:0;}
div#shopproducts a:link {text-decoration:none; border:0;}
div#shopproducts {font-size:.9em; font-weight:normal; font-style: normal;}
div#shopproducts em{font-weight:bold;}
div#shopproducts font{border:0}
div#shopproducts font a:link {border: 0; text-decoration:none;}
div#shopproducts a:visited   { color: #CC00FF; text-decoration:none; } 
div#shopproducts a:active    { color: #990000; text-decoration: none; }
div#shopproducts a:hover     { color: #339933; text-decoration: none;}

div#column3 {width:20px;  float:left; margin:0;}
div#column3 p {margin: 0px 10px 0 10px;}


div#footer {width:774px; height: 54px; background-color:#330033; background-image: url(http://www.stickersisters.com/images_style/footer2.gif); 
background-repeat:no-repeat; text-align:center; margin: 0; border: 0; }
div#footer p{margin: 0; padding:.5em 0 0 0; text-align:center; color: #333399; font-size: .7em; }
div#footer p a{text-decoration:none; color: #333399;}
div#footer p a:hover{color:#003333;text-decoration:underline;}

div#copyright p{font-size:.6em; text-align:right;}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */