/* CSS Document */

/*body {width: 667px;}
.Column{padding-top: 0;}
.Column table{width: 677px;}
.bodyspecs{padding-top: 0;}
.bodyspecs table{width: 226px;}*/
#wrapper{text-align: left;margin-left: 10px;margin-right: 10px;}
#wrapper .prodshot {width: 384px; height: 560px; float: left;}
#wrapper .printtopper {width: 654px; height:560px;}
#wrapper .printtopper img{float:left; Margin-right:20px; margin-bottom:20px;}
#wrapper .printtopper ul.check{list-style-type: none; margin: 0px 0px 30px 350px; line-height:1.3em;}
#wrapper .printtopper ul.check li{background-image: url('/cart/images/printing/list_check.png'); background-repeat:no-repeat; background-position: -.3em -.4em; padding-left: 1.7em; background-attachment:scroll;}
#wrapper .printtopper ul.dash{list-style-type: none; ; margin: 0px 0px 0px 350px; line-height:1.3em;}
#wrapper .printtopper ul.dash li{background-image: url('/cart/images/printing/list_dash.png'); background-repeat:no-repeat; background-position: -.5em -.5em; padding-left: 1.6em; background-attachment:scroll;}
#wrapper .productname h2{margin-bottom: 10px;}
#wrapper #printbuttons{margin-top:30px;}
#wrapper #printbuttons #upload,#design,#browse{margin:5px 0px 5px 0px;}
.free {color:#FF9100;}
#tabbutton {margin: 10px 5px}

#wrapper .sample{float:left;}
#wrapper .sample img{margin:0px 4px;}
#wrapper .list2{display: block; position:relative; left:70px; top:-25px; color: #787878;}
/* Tabber CSS */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { 
}
.tabberlive {
 margin-top:1.8em;
 width:655px;
}
.tablist {
list-style-type: none;
padding: 0px 20px;
margin: 0px;
font-size:12pt; 
}
/*--------------------------------------------------n
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
width:99.2%;
 margin:0 0px;
 padding: 5px 0px 3px 0px;
 border-bottom: 1px solid #dedddc;
 font: bold 16px;
 letter-spacing:0px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a /*this controls the border around the tab headers */
{
 width:99%;
 padding: 3px 12px;
 margin-left: 0px;
 -moz-border-radius-topleft:6px;
-webkit-border-top-left-radius:6px;
 -moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
 border-top: 1px solid #dedddc;
 border-left: 1px solid #dedddc;
 border-right: 1px solid #dedddc;
 border-bottom: none;
 background: #ffffff;
 
 text-decoration: none;
}
			
ul.tabbernav li a:link { color: #19b4f6; }
ul.tabbernav li a:visited { color: #19b4f6; }

ul.tabbernav li a:hover
{
 color: #19b4f6;
 background: #dbdbdb;
 border-color: #dedddc;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #7587ad;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
/*this is the border for the body content*/
.tabberlive .tabbertab {
 padding:5px 0px 0px 3px;
 border:1px solid #dedddc;
  -moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
 border-top:0;
 overflow:auto;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2,h4 {
Margin: 0;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive .tabbertab p.tabbertitle
{text-align: left; color: #595959;  font-size:12pt; 
Margin:10px 0px 10px 0px;
Padding: 0px 0px 0px 10px;}
.tabberlive .tabbertab p.tabbersale
{text-align: left; color: #FF9100;  font-size:12pt; 
Margin:5px 0px 10px 0px;
Padding: 0px;}
.tabberlive .tabbertab p.tabberbody
{text-align: left; color: #787878;  font-size:12pt; 
Margin:10px 0px 10px 0px;
Padding: 0px 10px 0px 10px;}
.tabberlive .tabbertab li
{text-align: left; color: #787878;  font-size:12pt; 
Margin:5px 0px 5px 0px;
Padding: 0px 12px 0px 10px;}
.tabberlive .tabbertab p.tabberbody li
{Margin:10px 0px 0px 0px;
Padding: 0px 10px 0px 10px;}
/*modifiers for each tab*/
.tabberlive .tabbertab ul.pcell
{list-style-type: none;
margin: 0px;}
.tabberlive .tabbertab ul.pcell li
{text-align: left; color: #787878;  font-size:12pt; font-weight:400;
Margin:1px 0px 1px 0px;
Padding: 0px 6px 0px 10px;}
.download
{color: #959595;
}
a.download:link { color: #959595; }
a.download:visited { color: #959595; }
a.download:hover
{
 color: #8297c3;
 font-weight: bolder;
}
.tabberlive .tabbertab table
{width:430px;
border: 0px;
}
/*--------------------------------------------------
  Legacy CSS from original landing pages. These can be removed once everything has been converted over.
  --------------------------------------------------*/
#wrapper #uploadTestimonialBox.testimonialBox{height: 149px;}
#wrapper #uploadTestimonialBox.testimonialBox table{position: relative; top: -10px; left: 200px;}
#wrapper #uploadTestimonialBox.testimonialBox p.header{color: #00b8f2;  font-size:20pt; letter-spacing: -1px; font-weight: bolder; position: relative; top: 30px;  left: 203px;} 
#wrapper #uploadTestimonialBox.testimonialBox p.headtext {color: #787878; font-size:9pt; font-weight: regular; padding-top: 8px;padding-right: 0px; padding-left: 203px; padding-right: 10px;}
#wrapper .open{width: 453px;margin-top: 10px;margin-bottom: 10px; margin-left:10px;}
#wrapper .open p.headlessTitle{text-align: center; color: #787878;  font-size:12pt; font-weight: 600;}
#wrapper .open p.headlessSale{text-align: center; color: #FF9100;  font-size:12pt; font-weight: 600;}
#wrapper .open p.headlessSubTitle{text-align: left; color: #787878;  font-size:12pt; font-weight: 600;}
#wrapper .open p.headlessBody{text-align: left; color: #787878; font-size:9pt; font-weight: regular;}
#wrapper .list1{list-style-position:outside; position:relative; top: -10px; padding-right: 15px; color: #787878;}
#wrapper .list1 li{color: #787878; font-size:9pt; font-weight: regular; padding-top: 0px;padding-right: 0px;padding-left: 10px; line-height:120%;}