/**/
/* do not remove this information
=========================================
  REDTAGPRINTSALE.com main styles
    - shell and main layout elements 
    - alerts, notes, login page
    - elements appearing on most/all pages
=========================================
Version 1.0 - Color & Size Information

COLOR
-----

red : #eb232a
red2: #e3243a

DIMENSIONS
-----

=========================================
 css lem10 */
 
 
/* --------- body ------- */

body	{
 margin: 0;
 background: #FFF /*url('/images/bg3.png') repeat*/;
 color: #3f4950;
 font: normal 0.75em/17px Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
}

/*-- background: #fff url(/images/rtmain_bg.gif) repeat-x left 12px; --*/

.clear {
  clear: both;
}

.hidden {
 display: none;
}

.show {
 display: block;
}

.bi {
  font-weight: bold;
  font-style: italic;
}

.orange {
  color: #ef7a13;
}

.red {
 color: #eb232a;
}

.left {
 float: left;
}

.right {
 float: right;
}

.txtcen {
 text-align: center;
}

.no-border {
	border: none !important;
}

hr {
	border: 1px solid #eee;
	border-top: 1px solid #bbb;
	width: 95%;
	_width: 100%;
	margin: 5px auto 3px;
	_margin: 2px auto 1px;
}

/*
iframe {
 position: fixed;
 float: left;
}
*/



img.prvthmb {
 border: 1px solid #CCCCCC;
/*-- cursor: pointer; -- */
 
    height: 120px;
    max-width: 160px;
 
}


.holiday_top {
 width: 480px;
 height: 38px;
 position: absolute;
 margin-left: 185px;
}

.pb_holly {
 background: url(/images/content/pb_holidaytop.gif) no-repeat top left;
 margin-top: -9px;
}

.calen_holly {
 background: url(/images/content/calen_holidaytop.gif) no-repeat top left;
 margin-top: -59px;
}


/* ------- a ------- */

a {
 font-family: Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
}

a:link {
 color: #0099cc;
 text-decoration: none;
}

a:visited {
 color: #037ca5;
 text-decoration: none;
}

a:active, a:hover {
 color: #000;
 text-decoration: none;
}

.linkline {
  border-bottom: 1px dotted #f0c8a8;
  _border-bottom: 1px solid #f0c8a8;
}

.linkline:hover {
  border-bottom: 1px dotted #bad3e9;
  _border-bottom: 1px solid #bad3e9;
}

small {
 color: #999;
 font-size: 9px;
 font-weight: bold;
}

.minimize {
 height: 0;
 overflow: hidden;
}

/* ------- input ------- */

input {
 color: #333;
 font-size: 10px;
 font-weight: bold;
}

input.phnum {
 width: 50px;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] {
}

input[type=checkbox], .checkbox, .button {
  width: 20px;
  border: none !important;
}

select {
 color: #333;
}

.redstar {
 color: #eb232a;
 font-size: 15px;
}


img.omg {
 margin: 0 0 -3px 2px;
 _margin: 0 0 0 1px;
}

img.match {
 margin: 0 0 -1px 2px;
 _margin: 0 0 -0 1px;
}


/* ----- alerts errors ----- */

.error, .alerty, .inform {
 background: #ffecdf;
 border: 1px dotted #acb6be;
 margin: 7px auto;
 padding: 4px;
 width: 90%;
}

.error {
 background: #ffecdf;
}

.alerty {
 background: #DAF6E5;
}

.inform {
 background: #dfecff;
}

.err-icon, .ale-icon, .inf-icon {
 float: left;
 height: 25px;
 margin: 0;
 padding: 0;
 width: 25px;
}

.err-icon {
 background: url(/images/error.gif) no-repeat left top;
}

.ale-icon {
 background: url(/images/ok.gif) no-repeat left top;
}

.inf-icon {
 background: url(/images/info.gif) no-repeat left top;
}

.err-msg, .inf-msg, .ale-msg {
 float: right;
 margin: 0;
 padding: 5px 0 0;
 width: 91%;
}



/* ----- lightbox & floaty ----- */

.floaty {
 width: 340px;
 float: left;
 position: fixed;
 z-index: 9999 !important;
 left: 35%;
}

.ftop {
 background: url(/images/ftop.png) no-repeat bottom left;
 width: 100%;
 height: 6px;
}

.fcen {
 background: url(/images/fcen.png) repeat-y top left;
 width: 96%;
 padding: 0 2%;
}


.fbot {
 background: url(/images/fbot.png) no-repeat top left;
 width: 100%;
 height: 6px;
}

/* ------- lightbox -------- */

#lightbox_bg {
   z-index: 900;
   opacity: 0;
   -moz-opacity: 0;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   position: absolute;
   background-color: #011;
   width: 100%;
   top: 0;
   left: 0;
}


* html #lightbox {    
   /*\*/position: absolute; 
   top: expression((30% + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
   left: expression((35% + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/
   }




.single_address {
 border-bottom: 1px dotted #DDDDDD;
 color: #0b86f9;
 cursor: pointer;
 margin: 8px 5px;
 text-align: left;
}

.single_address:hover {
 color: #ffa200;
 cursor: pointer;
}

.single_address a:link,
.single_address a:visited {
	 color: #0b86f9;
}

.single_address a:hover,
.single_address a:active {
     color: #ffa200;
}

/* ----- paging ----- */

.paging {
 width: 92%;
 margin: 0 auto;
}

.red-pgtwk-top {
 border-bottom: 1px solid #b5c3ca;
 margin-right: 14px;
 _margin-right: 7px;
}

.red-pgtwk-bottom {
 border-top: 1px solid #b5c3ca;
 margin-right: 14px;
 _margin-right: 7px;
}


.page-count {
 float: left;
 padding: 1px 0 0 3px;
}

.page-navi {
 float: right;
}

.page-link, .page-link-prev, .page-link-next, .page-link-on {
 padding: 1px 1px 2px 5px;
 margin: 0 1px;
 font-weight: bold;
}

.page-link-prev, .page-link-next {
 padding: 1px 5px 2px 5px;
}

.red-pgtwk-top .page-link, .red-pgtwk-top .page-link-prev,
.red-pgtwk-top .page-link-next, .red-pgtwk-top .page-link-on {
 padding: 2px 1px 2px 5px;
}

.red-pgtwk-top .page-link-prev,
.red-pgtwk-top .page-link-next {
 padding: 2px 5px 2px 5px;
}

.red-pgtwk-top .page-link-prev,
.page-link-prev {
 margin: 0 -3px 0 0;
 *margin: 0 -2px 0 0;
}


.paging a:link, .paging a:visited {
  background: #c8dfe8;
}

.paging a:hover {
  background: #f0f6f9;
  color: #555;
  text-decoration: underline;
}

.paging a:active, .page-link-on {
  background: #d5263f;
  color: #fff;
}

.page-sep {
 padding: 1px 5px 3px 5px;
}

.page-link-prev {
 margin-left: 10px;
 _margin-left: 5px;
}





/*.total-wrap {
 position: relative;
 background: transparent url(/images/whitefade2.png) repeat-x center bottom;
 padding-bottom: 20px;
 margin: 0 auto;
}*/

.total-wrap {
 position: relative;
 background: none;
}





/* ----- headers ----- */

.content h1 {
  font-size: 15px;
  color: #707070;
  font-weight: bold;
  margin: 6px 0;
  _margin: 3px 0;
}

h2.mainbg-head {
  text-align: center;
  color: #bf2e3b;
  font-size: 12px;
  margin: 0 0 6px 0;
  _margin: 0 0 3px 0;
}

h1.prod-header {
  font-size: 17px;
  float: left;
  margin: 20px 0 0 0;
  _margin: 10px 0 0 0;
  padding-left: 5px;
  _padding-left: 10px;
}

h1.prod-main-head {
  border-bottom: 1px solid #cadae9;
  font-size: 20px;
  font-weight: bold;
  margin: 3px 0;
  _margin: 1px 0;
  text-transform: uppercase;
  padding: 6px 5px 8px 0;
}

.content h2 {
  border-top: 3px double #ddd;
  font-size: 14px;
  font-style: italic;
  text-align: center;
  font-weight: bold;
}

.info-wrap {
  margin-top: 10px;
  _margin-top: 5px;
}
	
.tagend {
  background: url(/images/tagend.gif) no-repeat right top;
  height: 25px;
  width: 3px;
  float: left;
}

.tagpunch {
  background: url(/images/tagpunch.gif) no-repeat left top;
  height: 25px;
  width: 14px;
  float: left;
}
	
.content h3 {
  background: #e3243a;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 8px;
}

.content h4 {
 color: #777;
 /*background: url(/images/liltag.gif) no-repeat left center;*/
 padding-left: 22px;
 font-weight: bold;
 font-size: 14px;
}

h5, .head5 {
 color: #676767;
 /*background: url(/images/liltag.gif) no-repeat left center;*/
 padding: 3px 3px 3px 0;
 border-bottom: 1px solid #cadae9;
 font-weight: bold;
 font-size: 15px;
 margin: 6px 0;
 _margin: 3px 0;
}


.underh5_links {
 display: block;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
 margin-bottom: 3px;
}


h5.green_head {
 /*background: url(/images/lilleaf.gif) no-repeat left center;*/
}

.quicky h5 {
 font-size: 11px;
 margin-top: 3px;
 padding-bottom: 0;
 padding-top: 1px;
}


.content h6 {
 color: #676767;
 padding: 0;
 margin: 0;
 border-bottom: 1px solid #cadae9;
 font-weight: bold;
 font-size: 12px;
}


p.opt {
	margin: 10px 40px;
	_margin: 5px 20px;
	font-size: 10px;
	line-height: 1.3;
}

p.opt a {
	color: #38719c;
}





#social_flag {
  background: url('/images/social_flag_small.png') no-repeat top right;
  width: 87px;
  height: 87px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 890;
}

#social_flag {
  _background: url('/images/social_flag_ie6.gif') no-repeat top right;
}

.bookie {
 font-size: 0;
 display: block;
 color: #fff !important;
 height: 60px;
 margin-left: 27px;
 width: 57px;
}

#at15s {
 top: 10px !important;
 left: 75% !important;
}



#logo {margin: 0 !important; padding: 0 !important;}

#logo a.toplogo {
 background: url('/images/main_logo_new.png') no-repeat left top;
 text-indent: -99999px;
 display: block;
 float: left;
 width: 470px;
 height: 88px;
 margin: 15px 0 0 !important;
 padding: 0 !important;
}

.dummyend[id]{clear:both;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #logo a.toplogo { padding: 0 0 56px 0; }
}




.userarea {
 margin: 18px 0 0 10px;
}

.userarea a {
 font-size: 13px;
 font-weight: bold;
}




.menu-wrap {
 float: right;
 margin-left: 5px;
 display: inline;
 background: #003243 url('/images/nav.jpg') no-repeat-x top right;
 height: 41px;
}

.top-banner {
 text-align: center;
 width: 100%;
 height: 72px;
 padding-top: 8px;
}

.menu {
 margin: 0 0 0 5px;
}

.greenbug {
 width: 52px;
 height: 54px;
 display: none;
 background: url('/images/content/greenbug.png') no-repeat center center;
}

.greenbug_txt {
 height: 50px;
 position: absolute;
 right: 22px;
 top: 45px;
 width: 110px;
 background: url('/images/content/greenbug_txt.png') no-repeat center center;
}

.menu_content {
 height: 41px;
 position: relative;
 top: 45px;
 right: 15px;
 padding-right: 25px;
 background: #003243 url('/images/nav.jpg') no-repeat top right;
}

.menu div, .menu_content div {
 float: left;
}

.menu_link {
 text-align: center;
}

.menu_link.menu_home a {
 background: url('/images/home.jpg') no-repeat 0 0;
 width: 45px;
 height: 41px;
 padding: 0;
}

.menu_link.menu_home a:hover {
 background: url('/images/home.jpg') no-repeat 0 -41px;
}

.menu_link a {
 display: block;
 padding: 12px 10px;
 font-size: 12px;
 font-weight: bold;
 color: #FFF;
}

.menu_link a.carta {
 padding: 5px 0;
 font-size: 10px;
}

.menu_link a:hover {
 background: url('/images/nav-hover.jpg') repeat-x;
 color: #FFF;
}

.menu_space {
 margin-left: 2%;
}

.social-media {
 position: relative;
 top: 45px;
 right: 0;
}

.social-media a {
 display: block;
 float: left;
}

.social-media a.videoReel {
 width: 45px;
 height: 52px;
 background: url('/images/reel.png') no-repeat 0 0;
 margin-right: 10px;
 display: inline;
}

.social-media a.videoReel:hover {
 background: url('/images/reel.png') no-repeat 0 -52px;
}

.social-media a.facebook {
 width: 40px;
height: 40px;
background: url("/images/facebook.jpg") no-repeat 0 0;
}

.social-media a.facebook:hover {
background: url("/images/facebook.jpg") no-repeat 0 -40px;
}


.social-media a.twitter-icon {
 width: 54px;
 height: 41px;
 background: url('/images/twitter.png') no-repeat 0 0;
}

.social-media a.twitter-icon:hover {
 background: url('/images/twitter.png') no-repeat 0 -41px;
}

.social-media a.green-icon {
 width: 48px;
 height: 56px;
 display: inline;
 margin-left: 0;
 background: url('/images/green.png') no-repeat 0 0;
}

.social-media a.green-icon:hover {
 background: url('/images/green.png') no-repeat 0 -56px;
}


.top-lang {
 float: left;
 padding: 13px 0;
 margin-right: 6px;
 background: transparent;
 width: 80px;
 text-align: center;
 line-height: 13px;
 font-size: 11px;
 font-weight: bold;
}

/* -- background: url('/images/loginout_fade.png') no-repeat left top; --*/

.top-lang a {
 text-decoration: underline;
}



.loginout {
 float: left;
 padding: 13px 0;
 margin-left: 6px;
 background: transparent;
 width: 65px;
 text-align: center;
 line-height: 13px;
}

/*--  background: url('/images/loginout_fade.png') no-repeat left top; --*/

.loglink {
 font-size: 11px;
 font-weight: bold;
}

.loglink a {
 text-decoration: underline;
}

.sample-request {
 
}

.sample-request a {
 background: url('/images/sample-pack.jpg') no-repeat left top;
 display: block;
 margin: 15px 0 0 15px;
 width: 152px;
 height: 90px;
 text-indent: -99999px;
}





.fcart {
  display: none;
  width: 205px;
  position: absolute;
  top: 126px;
  left: 730px;
  z-index: 999;
}

.fcart hr {
 width: 90%;
 border: 1px solid #f9fbfc;
}


.fcart_top {
  background: url('/images/fcart_top.png') no-repeat bottom left;
  width: 222px;
  height: 18px;
}

.fcart_mid {
  background: url('/images/fcart_mid.png') repeat-y top left;
  width: 207px;
  padding: 0 10px 0 5px;
}

.fcart_con {
  width: 205px;
  max-height: 192px;
  overflow-y: auto;
}

.fcart_btm {
  background: url('/images/fcart_btm.png') no-repeat top left;
  width: 222px;
  height: 20px;
}


.fcart_content {
 height: 216px;
 overflow-y: auto;
}


.miniempty {
 text-align: center;
 font-weight: bold;
 color: #20749b;
}

.mc-item {
 padding: 5px 5px 5px 0;
}

.mc-thmb {
 width: 47px;
 margin: 4px 0 0 5px;
 float: left;
}

.mc-thmb img {
 width: 45px;
}

.mc-details {
 width: 127px;
 float: right;
}

.mc-details .mc-price {
 text-align: right;
 font-size: 16px;
 font-weight: bold;
 color: #778897;
 padding: 2px 0;
}








/* --- round corners --- */

.upperleft {
 background: url(/images/tt_tl.png) no-repeat left top;
 left: 0;
 top: 0;
}

.upperright {
 background: url(/images/tt_tr.png) no-repeat left top;
 right: 0;
 top: 0;
}

.lowerleft {
 background: url(/images/tt_bl.png) no-repeat left top;
 left: 0;
 bottom: 0;
}

.lowerright {
 background: url(/images/tt_br.png) no-repeat left top;
 right: 0;
 bottom: 0;
}

.upperleft, .upperright,
.lowerleft, .lowerright {
 width: 10px;
 height: 10px;
 position: absolute;
 _display: none;
}

/* ----- enlargements ----- */

.enlarge_shade {
 background: url(/images/enlarge_shad.png) no-repeat right bottom;
 padding: 0 8px 7px 0;
}

.enlarge_bg {
 background: url(/images/enlarge_bg.jpg) no-repeat center;
 padding: 0 8px;
}


/* ----- product list ----- */

.sidebar {
 float: left;
 width: 200px;
 display: inline;
 margin-right: 20px;
 border: 1px solid #0a3b4c;
 background: #003243;
 padding-bottom: 10px;
}

.sidebar h4 {
 color: #a7ddf9;
 background: url(/images/h4-shadow.png) no-repeat center 35px;
 padding: 10px 0 20px 16px;
 font: normal 16px Trebuchet MS, Arial, sans-serif;
 *font-weight: bold;
 text-align: left;
 text-transform: uppercase;
}

.product-list {
 padding: 0;
}

.product-list ul li h2 {
 border: 0px solid #fff;
 text-align: left;
 font-style: normal;
}

.product-list ul li.tagtip {
 text-align: left;
}


.product-list ul li.blueline {
 width: 89%;
 height: 2px;
 margin-left: 7px;
 *display: none;
}


li.tagtip a,
li.tagtip a:link,
li.tagtip a:visited {
 display: block;
 font-size: 12px;
 font-weight: normal;
 color: #FFF;
 padding: 1px 17px;
}

.product-list ul li.tagtip a:hover,
.product-list ul li.tagtip a:active {
 background: #145267;
 color: #fff;
}

.product-list ul li.tagselect a {
 background: #145267;
 color: #fff;
 display: block;
 font-size: 11px;
 font-weight: normal;
 padding: 1px 17px;
}


.livechat {
 text-align: center;
 margin-top: 15px;
}





.body-wrap {
 width: 770px;
 float: left;
}

.crumb {
 font-size: 10px;
 font-weight: bold;
 padding-left: 5px;
 color: #aeaeae;
 width: 560px;
 height: 15px;
 /*float: left;*/
 margin-bottom: 2px;
 display: none;
}

.lang {
 float: right;
 font-size: 10px;
 font-weight: bold;
 color: #aeaeae;
 text-align: right;
 width: 136px;
 margin: -7px 0 2px 0;
}

.socialbook {
 float: right;
 font-size: 10px;
 font-weight: bold;
 color: #aeaeae;
 text-align: right;
 width: 136px;
 margin: -7px 0 2px 0;
}






/* ------- body login ------- */

#bodylog {
 background: #fff url(/images/shortgrad.gif) repeat-x left bottom;
 border: 2px #e6eaec dotted;
 width: 710px;
 margin: 60px auto;
 _margin: 0 150px 0 150px;
}

#bodylog p.note {
  font-size: 13px;
}

#bodylog .existing {
  padding-right: 13px;
  margin-right: 10px;
  border-right: 2px #e6eaec dotted;
}

#bodylog form {
  float: left;
  width: 340px;
}

#bodylog .boldline {
 color: #eb232a;
 font-weight: bold;
}

#bodylog fieldset {
 border: none;
 margin: 0 auto;
 _margin: 0 65px 0 65px 0;
 padding: 0;
}

#bodylog fieldset .note {
 margin: 0;
 padding: 5px;
 _padding: 0 !important;
}

#bodylog fieldset .loglabel {
 float: left;
 padding-top: 8px;
 _padding: 0;
 text-align: right;
 width: 90px;
}

#bodylog fieldset .logfield {
 float: right;
 _padding: 0;
}

#bodylog fieldset .logfield input {
 _width: 160px !important;
}

#bodylog fieldset div label {
 font-size: 12px;
 font-weight: bold;
}

#bodylog .logbuttons {
 border: none;
 font-size: 10px;
 font-weight: bold;
 margin: 0 auto;
 _margin: 0 65px 0 65px;
 padding: 7px 0 0 0;
 text-align: center;
 width: 270px;
}


/* ----- container ----- */

#container {
  width: 996px;
  margin: 0 auto;
}

/* ---
  width: 100%;
  min-width: 900px;
  _width: 990px;
--- */


#header {
 width: 996px;
 height: 115px;
}



/* --
  margin: 0 15px;
  _margin: 0 7px 7px;
  padding: 0 7px 15px;
  _padding: 0 7px 7px;
  min-width: 940px;
  min-height: 400px;
  _width: 940px;
-- */


.secure-centering {
  width: 950px;
  margin: 0 auto;
}

.safesecure {
 width: 400px;
 text-align: left;
 float: left;
 margin-top: 5px;
}


.copyline {
 color: #aaa;
 font-size: 10px;
 width: 265px;
 text-align: center;
 float: left;
 margin-top: 25px;
}

.nowaccept {
 width: 260px;
 text-align: right;
 float: left;
 margin-top: 20px;
}



/* ----- number ------ */

.intro {
    font-size:15pt;
    margin: 25px auto 0;
    text-align: center;
}

.intro2 {
    font-size:15pt;
    margin: 4px auto 24px;
    text-align: center;
}

.social_icons img {
    margin-left: 8px;
}

.social_icons  {
    width: 223px;
    margin: 13px auto 0;
}

.share {
    padding-bottom:10px;
    background: url(..//images/buttons/sm-arrow.jpg) no-repeat  bottom;
    text-align: center;
    height: 62px;
    width: 307px;
    margin: 0 auto;
}

.share p {
    padding-top:33px;
}

.info {
    width:570px;
    margin-left:50px;
    margin-top:16px;
}
    

.social_media_links img {
    margin-top: 5px;
}

.social_media_links span {
    margin-left:10px;
}

.how-to {
    background: url("/images/email/email-footer-magic.jpg") no-repeat top left;
    height: 25px;
    margin-bottom: 3px;
    padding: 30px 0 0 52px;
    width: 230px;
    font-weight: bold;
    text-transform: uppercase;
}

.footicon {
 float: left;
 width: 37px;
 height: 37px;
}

.foottext {
 float: left;
 width: 390px;
 height: 33px;
 padding: 5px 0 0 0;
 font-size: 11px;
 font-weight: bold;
 line-height: 14px;
}


.url {
    text-align: center;
    margin: 10px auto;
    font-size: 13px;
}


.url span.bold {
 font-weight: bold;
}

#middle-section {
 width: 964px;
 padding: 10px 16px;
 border: 1px solid #EFEFEF;
 background: #FFF url('/images/middle-section.jpg') repeat-x 0 1px;
 margin-top: 15px;
}


/*Middle Section - Free Sample Pack/Going Green*/
#middle-section p {
 width: 300px;
 float: left;
 padding: 12px 10px 12px 10px;
 line-height: 17px;
 color: #4B4B4B;
 font-weight: normal;
 border-left: 1px solid #CCC;
 positon: relative;
 margin: 0;
}

#middle-section	p span {
 width: 175px; 
 float: left;
 padding-right: 15px;
}

#middle-section p span.wider {
 width: 200px;
}

#middle-section p:first-child {
 border-left: none;
}

#middle-section p a {
 width: 105px;
 height: 100px;
 display: inline;
 float: left;
 margin-top: 15px;
 text-indent: -99999px;
}

#middle-section p a.satisfaction {
 background: url('/images/satisfaction.png') no-repeat left top;
}

#middle-section p a.green {
 background: url('/images/green-new.png') no-repeat left top;
 width: 75px;
 display: inline;
}

#middle-section p a.usa {
 background: url('/images/madeinusa.png') no-repeat left top;
}





/* ----- quick start / login ----- */


.bwrap {
  margin-top: 2px;
}

.bwrap .smooth_center {
  width: 96%;
}

#qwrap {
 display: none;
  width: 96%;
  margin: 10px auto;
  _width: 810px;
  _margin: 0 5%;
}

.smooth_left {
  background: url(/images/smooth_left2.png) no-repeat top right;
  width: 5px;
  height: 60px;
  float: left;
  display: none;
}


.smooth_center {
 /*background: url(/images/smooth_bg2.png) repeat-x top center;*/
  margin: 0 auto;
  padding-left: 5px;
  width: 97%;
  height: 60px;
  float: left;
}

.smooth_rite {
  background: url(/images/smooth_rite2.png) no-repeat top left;
  width: 5px;
  height: 60px;
  float: left;
  display:none;
}



.quicky {
 float: left;
}

.quicky h4 {
	/*background: url(/images/liltag.gif) no-repeat left bottom;*/
	padding-top: 7px;
}

ul.quicklinks {
  list-style: none;
  font-weight: bold;
  margin: 24px 0 0 23px;
  _margin: 21px 0 0 11px;
}

ul.quicklinks li {
  display: none;
  margin: 0 2px;
  _margin: 0 1px;
}

ul.quicklinks li.qs_pt, ul.quicklinks li.qs_ct {
 /*background: url(/images/qs_pt.gif) no-repeat left center;*/
 background: #FFF;
 border: 1px solid #CCC;
border-bottom: none;
 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0; 
 padding: 4px 10px;
 display:inline;
}

ul.quicklinks li.qs_fq {
 /*background: url(/images/qs_fq.gif) no-repeat left center;*/
background: #FFF;
 border: 1px solid #CCC;
 border-bottom: none;
 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0; 
padding: 4px 10px;
  display: inline;
}

ul.quicklinks li.qs_vh {
 /*background: url(/images/qs_vh.gif) no-repeat left center;*/
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0; 
    padding: 4px 10px;
    display: inline;
}


ul.quicklinks li.qs_dt {
 /*background: url(/images/qs_dt.gif) no-repeat left center;*/
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    padding: 4px 10px;
    display: inline;
}

ul.quicklinks li.qs_lc {
/* background: url(/images/qs_lc.gif) no-repeat left center;*/
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0; 
    padding: 4px 10px;
    display: inline;
}

ul.quicklinks li.current {
 background: #e9e9e9;
}

ul.quicklinks li.qs_pt.current {
 background: #f7edc3;
}





#quick .conlog {
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  float: right;
  width: 30%;
  min-width: 210px;
}

#quick .conlog img {
 margin: 0 0 -5px 16px;
 _margin: 0 0 -2px 8px;
}

#quick .conlog .conlog-mar {
 margin: 6px 10px 0 0;
 _margin: 3px 5px 0 0;
}

.conlog .passmar {
 margin: 6px 0 4px 0;
 _marginp: 3px 0 2px 0;
}

.conlog input {
 width: 120px;
 height: 12px;
 *height: 15px;
 _height: 18px;
}

.wholog {
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  line-height: 1.3;
  float: right;
  width: 25%;
  min-width: 158px;
  display: none;
}

.wholog .loginfo {
 margin: 5px 7px 0 0;
 _margin: 2px 3px 0 0;
}

.wholog .loginfo ul.mystuff {
 float: right;
 width: 150px;
}

.wholog .loginfo ul.mystuff li {
 border-bottom: 1px dotted #e1e1e1;
 padding: 1px 0;
}

/* ----- my menus ----- */

.mydesi, .mylogo {
 float: left;
 display: none;
}

.dlspot {
 background: url(/images/blu_tmb.gif) no-repeat center;
 cursor: pointer;
 width: 106px;
 height: 54px;
 padding: 5px;
 margin: 5px;
 _margin: 2px;
 float: left;
}

.dlspot:hover {
 background: url(/images/org_tmb.gif) no-repeat center;
}

.left-arrow {
 background: url(/images/left_arrow.gif) no-repeat center;
 cursor: pointer;
 width: 25px;
 height: 40px;
 margin: 17px 6px 0 0;
 _margin: 8px 3px 0 3px;
 float: left;
}

.left-arrow:hover {
 background: url(/images/left_arrow_x.gif) no-repeat center;
}

.right-arrow {
 background: url(/images/right_arrow.gif) no-repeat center;
 cursor: pointer;
 width: 25px;
 height: 40px;
  margin: 17px 0 0 6px;
 _margin: 8px 0 0 3px;
 float: left;
}

.right-arrow:hover {
 background: url(/images/right_arrow_x.gif) no-repeat center;
}



.radi {
 float: left;
 width: 25px;
}

.radi input, .radio {
 width: 14px;
}

.btn_visa {
 float: left;
 font-size: 0;
 width: 1px;
 height: 1px;
 padding: 7px 160px 15px 1px;
 border: 0;
 color: #eee;
 background: url(/images/buttons/btn_visa.gif) no-repeat left top;
}


.btn_paypal {
 float: left;
 font-size: 0;
 width: 1px;
 height: 1px;
 padding: 7px 40px 15px 1px;
 border: 0;
 color: #eee;
 background: url(https://www.paypal.com/en_US/i/logo/PayPal_mark_37x23.gif) no-repeat left top;
}




/*---- help section bar ---- */

#hwrap {
  width: 770px;
  margin: 0 auto 7px;
  _width: 810px;
  _margin: 0 5%;
}



/* --------- Collapsible Panel Styles ---------- */

.cpan {
    margin: 0 0 0 5px;
    padding: 0px;
    width: 98%;
    /*border-left: solid 1px #CCC;
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #CCC;*/
}

.cpanTab {
    /*background-color: #DDD;*/
    border-bottom: dotted 1px #CCC;
    color: #005b8d;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    line-height: 18px;
}

.cpanTab:hover, .selected {
 background: #eef8fc;
}

.faqnum {
    color: #df2335;
}

.morelink {
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 text-align: right;
 padding: 2px;
}

.cpanContent {
    margin: 0px;
    padding: 0px;
    border-bottom: dotted 1px #CCC;
}

.cpanContent p {
    font-family: Lucida Grande, Trebuchet MS, Arial, helvetica;
    font-size: 11px;
    line-height: 13px;
    padding: 6px;
}

.cpanContent p.img {
    padding: 0;
    text-align: center;
}


.cpanTab a {
    color: black;
    text-decoration: none;
}

.cpanOpen .cpanTab {
    background-color: #EEE;
    color: #404040;
    outline: none;
}

.cpanClosed .cpanTab {
 /* background-color: #EFEFEF */
}

.cpanTabHover,  .cpanOpen .cpanTabHover {
    background-color: #d9e1e7;
    color: #424c6a;
}

.cpanFocused .cpanTab {
    background-color: #EEE;
    outline: none;
}






/* ----- all faux tables ----- */
/* ----- use h5 as title----- */



.fifty {
	width: 47%;
	min-width: 360px;
}

.thirty {
	width: 31%;
	min-width: 266px;
	margin: 0 1%;
}

.seventy {
	width: 64%;
	min-width: 500px;
}


.shiroi {
 padding: 5px 10px 14px;
 background: #fff;
}

.hover-wrap .odd:hover, .hover-wrap .even:hover {
 background: #d0e1ec;
}

.title {
 border-bottom: 3px double #ddd;
 font-weight: bold;
 font-size: 13px;
}

.odd, .even {
 padding: 4px;
 margin: 0 auto;
 width: 99%;
}

.odd {
 background: #fff;
}

.even {
 background: #f9f9f9;
}

/* ----- form setup ----- */

.hida {
 float: left;
 font-weight: bold;
 padding-right: 1%;
 text-align: right;
 width: 38%;
}

.migi {
 float: left;
 width: 60%;
 line-height: 1;
}

.migi span {
 font-size: 11px;
}



.pay-mark, .pay-name, .pay-numb, .pay-date, .pay-button  {
 float: left;
 padding-right: 1%;
}

.pay-mark  {
 width: 10%;
}

.pay-name  {
 width: 40%;
}

.pay-numb  {
 width: 20%;
}

.pay-date  {
 width: 10%;
}

.pay-button {
 width: 10%;
}

.main-banner {
 width: 98.6%;
 margin-bottom: 2px;
 _margin-bottom: 1px;
}

.main-banner-pos {
 width: 720px;
 margin: 0 auto;
}



/* ----- preview windows ----- */


#prevwin {
 z-index: 1000;
 margin-left: 150px;
 text-align: right;
 /*padding: 4px 5px 5px;*/
 position: absolute;
 /*width: 261px;
 height: 220px;*/
 font-size: 11px;
 font-weight: bold;
}



#prevwin a {
 font-weight: bold;
 font-size: 13px;
}

#previmgdisplay {
 padding: 8px 0;
 /* min-height: 210px;
  width: 261px; */
 background-repeat: no-repeat;
 background-position: center center;
}







/* ---- package buttons ----- */


.indexbtn {
 width: 98%;
 margin: 0 1%;
}

.indexbtn_content {
 background: url(/images/menu_bg.gif) repeat-x top left;
 width: 97%;
 margin-bottom: 3px;
}

.indexbtn div, .indexbtn_content div {
 float: left;
}

.indexbtn_left {
 background: url(/images/menu_left.gif) no-repeat top left;
 width: 3px;
 height: 50px;
}

.indexbtn_rite {
 background: url(/images/menu_rite.gif) repeat-x top right;
 width: 3px;
 height: 50px;
}

.indexbtn_link {
 width: 75px;
 text-align: center;
 width: 100%;
}

.indexbtn_link a {
 display: block;
 padding: 16px 0;
 font-size: 15px;
 font-weight: bold;
}

.indexbtn_link a:hover {
 background: url(/images/menu_hov3_long.gif) no-repeat center center;
 color: #d21b31;
}





.index-manage-feat {
 width: 66%;
 float: left;
}

.index-manage-pkg {
 width: 34%;
 float: right;
}


/* ------ pale box ------ */

.main-prods-wrap {
 width: 220px;
 *width: 220px;
 _width: 210px;
 margin: 0 auto;
}

.main-manage {
 padding: 5px 0 0;
 width: 20%;
 *width: 19%;
 _width: 20%;
 float: left;
}

.index-manage-feat .main-manage {
 width: 50%;
}

.main-manage a {
 font-weight: bold;
}

.main-manage .pale-box-wrap {
 margin: 0 auto;
 width: 98%;
}

.main-manage .pale_top,
.main-manage .pale_btm,
.main-manage .pale-box-left-wrap {
 width: 88%;
 text-align: center;
}

.main-manage img {
}

.pale-box-wrap {
  margin-top: 10px;
  _border: 1px solid #ccc;
}

.pale_tl {
 background: #fff url(/images/pale_tl.gif) no-repeat left top;
 width: 7px;
 height: 7px;
 float: left;
 display: none;
}

.pale_top {
 background: #fff url(/images/pale_top.gif) repeat-x center top;
 height: 7px;
 float: left;
 display: none;
}

.pale_tr {
 background: url(/images/pale_tr.png) no-repeat right top;
 width: 10px;
 height: 7px;
 float: left;
 display: none;
}

.pale_left {
 background: #fff  url(/images/pale_left.gif) repeat-y left center;
 width: 7px;
 height: 200px;
 float: left;
 display: none;
}

.pale-box-left-wrap {
 width: 100% !important;
 padding-left: 7px;
 _padding: 0;
}

.pale-box-right-wrap {
  width: 97%;
  padding: 0 0 35px;
 background: none;
}

/*--.pale-box-right-wrap.bg {
background: url(/images/cross_cart.png) no-repeat center bottom !important;
}
--*/
.pale-box-cont {
 background: #fff;
 _padding: 5px;
}

.pale-box-cont div {
 font-size: 12px;
 padding: 3px;
}

.pale-box-cont #upload_designer, .pale-box-cont #advanced_designer, .pale-box-cont #express_designer, .pale-box-cont #bepo4_designer {
 background: url("/images/middle-section.jpg") repeat-x scroll 0 1px #FFFFFF;
 border: 1px solid #CCC;
 margin-right: 5px;
 width: 140px;
}

.pale-box-cont #upload_designer:hover, .pale-box-cont #advanced_designer:hover, .pale-box-cont #express_designer:hover, .pale-box-cont #bepo4_designer:hover {
 border: 1px solid #000;
} 

.pale-box-cont #bepo4_designer {
 margin-right: 0;
}

.pale_bl {
 background: url(/images/pale_bl.png) no-repeat left bottom;
 width: 7px;
 height: 10px;
 float: left;
 display: none;
}

.pale_btm {
 background: url(/images/pale_btm.png) repeat-x center bottom;
 height: 10px;
 float: left;
 display: none;
}

.pale_br {
 background: url(/images/pale_br.png) no-repeat right bottom;
 width: 10px;
 height: 10px;
 float: left;
 display: none;
}

.pale-topmar {
 margin-top: 10px !important;
 _margin: 5px !important;
}


.rpad {
 padding-right: 0;
}

.details_main {
  width: 116px;
  height: 116px;
  margin: 0 0 0 4px;
  float: left;
  font-weight: normal;
  text-align: left;
  font-size: 10px;
  line-height: 1.4;
  overflow: hidden;
}

.details_main ul {
 list-style: none;
 margin: 15px 0 0 5px;
 _margin: 7px 0 0 3px;
}


.thumb {
 float: left;
 width: 160px;
 height: 160px;
}

.tiny {
 float: left;
 width: 100px;
 height: 100px;
}




/* ----- packages ----- */

.pack_business {
	background: #fff url(/images/prods/packs/pack_business.gif) no-repeat center center;
}

.pack_real {
    background: #fff url(/images/prods/packs/pack_real.gif) no-repeat center center;
}

.pack_restaurant {
    background: #fff url(/images/prods/packs/pack_restaurant.gif) no-repeat center center;
}

.pack_spa {
    background: #fff url(/images/prods/packs/pack_spa.gif) no-repeat center center;
}

a.mainpack {
 color: #fff;
 background: url(/images/packribbon.gif) repeat-x left bottom;
 display: block;
 font-size: 17px;
 text-transform: uppercase;
 font-weight: bold;
 padding: 100px 0 25px;
}



/* --- small prod images --- */

.prod_biz_cards_sm {
	background: url('/images/prods/small/prod_biz_cards.gif') no-repeat center;
}

.prod_cds_sm {
	background: url('/images/prods/small/prod_cds.gif') no-repeat center;
}

.prod_dvd_sm {
	background: url('/images/prods/small/prod_dvd.gif') no-repeat center;
}

.prod_envelopes_sm {
	background: url('/images/prods/small/prod_envelopes.gif') no-repeat center;
}

.prod_flyers_sm {
	background: url('/images/prods/small/prod_flyers.gif') no-repeat center;
}

.prod_greetings_sm {
	background: url('/images/prods/small/prod_greetings.gif') no-repeat center;
}

.prod_letterhead_sm {
	background: url('/images/prods/small/prod_letterhead.gif') no-repeat center;
}

.prod_magnets_sm {
	background: url('/images/prods/small/prod_magnets.gif') no-repeat center;
}

.prod_postcards_sm {
	background: url('/images/prods/small/prod_postcards.gif') no-repeat center;
}

.prod_stickers_sm {
	background: url('/images/prods/small/prod_stickers.gif') no-repeat center;
}



/* --- medium prod images --- */

.prod_biz_cards_md {
	background: url('/images/prods/medi/prod_biz_cards.gif') no-repeat center;
}

.prod_cds_md {
	background: url('/images/prods/medi/prod_cds.gif') no-repeat center;
}

.prod_dvd_md {
	background: url('/images/prods/medi/prod_dvd.gif') no-repeat center;
}

.prod_envelopes_md {
	background: url('/images/prods/medi/prod_envelopes.gif') no-repeat center;
}

.prod_flyers_md {
	background: url('/images/prods/medi/prod_flyers.gif') no-repeat center;
}

.prod_greetings_md {
	background: url('/images/prods/medi/prod_greetings.gif') no-repeat center;
}

.prod_letterhead_md {
	background: url('/images/prods/medi/prod_letterhead.gif') no-repeat center;
}

.prod_magnets_md {
	background: url('/images/prods/medi/prod_magnets.gif') no-repeat center;
}

.prod_postcards_md {
	background: url('/images/prods/medi/prod_postcards.gif') no-repeat center;
}

.prod_stickers_md {
	background: url('/images/prods/medi/prod_stickers.gif') no-repeat center;
}



/* --- large prod images --- */

.prod_biz_cards {
	background: url('/images/prods/prod_biz_cards.jpg') no-repeat center;
}

.prod_cds {
	background: url('/images/prods/prod_cds.jpg') no-repeat center;
}

.prod_dvd {
	background: url('/images/prods/prod_dvd.jpg') no-repeat center;
}

.prod_envelopes {
	background: url('/images/prods/prod_envelopes.jpg') no-repeat center;
}

.prod_flyers {
	background: url('/images/prods/prod_flyers.jpg') no-repeat center;
}

.prod_greetings {
	background: url('/images/prods/prod_greetings.jpg') no-repeat center;
}

.prod_letterhead {
	background: url('/images/prods/prod_letterhead.jpg') no-repeat center;
}

.prod_magnets {
	background: url('/images/prods/prod_magnets.jpg') no-repeat center;
}

.prod_postcards {
	background: url('/images/prods/prod_postcards.jpg') no-repeat center;
}

.prod_stickers {
	background: url('/images/prods/prod_stickers.jpg') no-repeat center;
}










/* ----- unity footer ----- */

.footwrapper {
 width: 100%;
}


#un-footer {
  width: 996px;
  margin: 20px auto 0;
  padding-top: 15px;
}



.footlinks {
  float: left;
  width: 320px;
}

.features {
  float: right;
  text-align: right;
  width: 480px;
}

.features img {
  margin: 9px 0 0 90px;
}

.features img.pdmar {
  margin-left: 0;
}


.un-footblock {
 _background: #fff;
 width: 185px;
 margin: 2px 4px;
 min-height: 125px;
 float: left;
}

.un-div {
 float: left;
 background: #e0e0e0;
 width: 1px;
 height: 110px;
 margin: 12px 55px 2px 0;
}



.un-footblock ul {
 font-size: 11px;
 line-height: 1.5;
 margin-top: 6px;
}










/* ----- footer ----- */

#footer {
  background: url(/images/footerbg.gif) left top;
  _background: #dff0f6;
}

#footer .foot-wrap {
  background: url(/images/footer_grad.png) repeat-x left bottom;
  _background: #fff;
  min-height: 150px;
}

.foot-wrap-centering {
  width: 940px;
  margin: 0 auto;
}


.secure-centering {
  width: 1000px;
  margin: 0 auto;
}


.footlinks {
  float: left;
  width: 320px;
}

.features {
  float: right;
  text-align: right;
  width: 480px;
}

.features img {
  margin: 9px 0 0 90px;
}

.features img.pdmar {
  margin-left: 0;
}


.footblock {
 background: url(/images/transp_grad.png) repeat-x left center;
 _background: #fff;
 width: 225px;
 margin: 2px 4px;
 min-height: 155px;
 float: left;
}

.dottie {
 background: url(/images/dottie.gif) repeat-y center center;
 float: left;
 width: 2px;
 min-height: 137px;
 _height: 130px;
 margin: 2px 0;
}

.footie {
 padding: 3px 2%;
 width: 96%;
}

.footie h6 {
 background: url(/images/foothead.png) repeat-y left top;
 width: 84%;
 height: 19px;
 padding: 2px 0 0 34px;
 font-size: 11px;
 font-weight: bold;
}


.footie ul {
 font-size: 11px;
 line-height: 1.5;
 margin-top: 6px;
}





/* --------- Tutorials ------------- */

#vid_content {
   background: #ffffff;
   margin: -10px 0 0;
   _margin: 0;
}

#vid_top {
   background: url('/images/vid_top.png') no-repeat transparent;
   width: 678px;
   height: 40px;
   behavior: url('/css/iepngfix.htc');
}

#vid_bot{
   background: url('/images/vid_bot.png') no-repeat transparent;
   width: 678px;
   height: 21px;
   margin: -10px 0 0 0;
   behavior: url('/css/iepngfix.htc');
}

#tutorial {
   background: none repeat scroll 0% 0%;
   left: 15%;
   margin: 0pt;
   position: fixed;
   _position: absolute;
   text-align: center;
   top: 5%;
   width: 678px;
   min-height: 113px;
   z-index: 1001;
}


#top a, #vid_top a, #pop_top a, #alert_top a {
 float: right;
 position: relative;
}

#top img, #vid_top img, #pop_top img, #alert_top img {
 background: url(/images/buttons/xclose.gif) no-repeat center center;
 width: 35px;
 height: 27px;
}

#top img.xclose, #vid_top img.xclose, #pop_top img.xclose, #alert_top img.xclose {
 background: url(/images/buttons/xclose.gif) no-repeat center center;
 width: 35px;
 height: 27px;  
}





/* --- unity cart --- */


.uc-header-wrap {
 width: 100%;
 background: #ffffff;
 border-bottom: 5px solid #E8EFF3;
 text-align: left;
}


.uc-header-wrap .uc-head {
 width: 996px;
 padding: 8px 0;
 margin: 0 auto;
 /*--height: 115px;--*/
}


.langchange {
 float: right;
 background: #FFECC5;
 border: 1px solid #D6E3EC;
 border-top:0px solid #FFECC5;
 height: 24px;
 padding-top: 4px;
 text-align: center;
 font-family: Lucida Grande,Trebuchet MS,Helvetica,sans-serif;
}


.langchange ul.langlist {
 margin: 0;
 padding:0 5px;
}

.langchange ul.langlist li {
 display: inline;
 border-right: 1px solid #9C9C9C;
 font-size: 10px;
 font-weight: bold;
 padding: 0 4px;
}

.langchange ul.langlist li:last-child {
 border-right: 0px solid #9C9C9C;
}

.langchange ul.langlist li a {
 color:#0099CC;
}
.langchange ul.langlist li a:hover {
 color:#FE8F3B;
}


/* --- unity bar ---- */

.unity-bar-wrap {
 background: url(/images/content/bar_bg.png) repeat-x bottom center;
 height: 63px;
 width: 100%;
}


.unity-bar {
 height: 63px;
 width: 996px;
 margin: 0 auto;
}


.ub-red,
.ub-tbuki,
.ub-puzz,
.ub-koro,
.ub-memo,
.ub-campus {
 float: left;
 padding: 4px 4px 5px 4px;
 cursor: pointer;
}

.ub-red:hover,
.ub-tbuki:hover,
.ub-puzz:hover,
.ub-koro:hover,
.ub-memo:hover,
.ub-campus:hover,
.ub-on {
 background: #f8fafb;
}


.ub-red img,
.ub.tbuki img,
.ub-puzz img,
.ub-koro img,
.ub-memo img,
.ub-campus img {
}

.bar-sep {
 height: 63px;
 width: 3px;
 margin: 0;
 background: url(/images/content/bar_sep.png) repeat-x bottom center;
 float: left;
}
    

.ub-brands {
 float: left;
}


.ub-log-cart {
 padding-right: 7px;
 padding-top: 6px;
 float: right;
 clear: right;
 text-align: left;
 font-size: 10px;
 color: #0099CC;
 font-family: Lucida Grande,Trebuchet MS,Helvetica,sans-serif;
}

.ub-acc {
 text-transform: uppercase;
 font-weight: bold;
 margin-top: 8px;
 margin-bottom: 3px;
 float: left;
 display: inline;
}

.ub-acc span {
 margin-right: 15px;
}
.ub-acc span a {
 color:#0099CC;
}
.ub-acc span a:hover {
 color:#FE8F3B;
}
.ub-checkout {
	float: left;
}
.ub-checkout a {color:#0099CC;}
.ub-checkout a:hover {color:#FE8F3B;}