@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff; color:#000; margin:0 auto; text-align:center; }
img { border:0; }
a:focus { outline:none; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#page-wrapper { width:1024px; margin:0 auto; text-align:left; }
/** Header CSS */
#header { }
#header .logo { margin:27px 0 0 13px; float:left; }
#header .banner { margin:4px 0 0 0; width:759px; height:100px; background:url(../images/banner.png); float:left; }
#header .banner .button { margin:17px 0 0 10px; }
#header .mainnav { float:left; margin:0 0 0 10px; }
#header .mainnav img { margin:0; padding:0; }

/** Body CSS */
#body-wrapper { clear:both; width:1024px; }
#leftbar { width:218px; background:#83c341 url(../images/leftbar-bg.jpg) no-repeat bottom; height:inherit; vertical-align:top; }
#leftbar .title { width:218px; height:63px; background:url(../images/leftbar-title.jpg);}
#body-wrapper #leftbar .button { margin:0; }
#leftbar .button img { border-bottom:1px solid #fff; }
#content { width:746px; float:left; margin:-20px 0 10px 60px; min-height:600px;}
#frame { background:url(../images/paper.gif) no-repeat; padding:30px;margin:-20px 0 0 0;}
#frame p { margin:auto; padding:5px 0; }
#frame .watermark { background:url(../images/watermark.gif) no-repeat; width:225px; height:185px; float:right; }
#frame ul { margin:5px 0 0 25px ; }
#frame ul li { padding:3px 0; }
#footer { clear:both; float:left; height:27px; width:1024px; background:#e16e2c url(../images/footer-bg.jpg) no-repeat left; text-align:right; line-height:27px; }
#footer a { margin:0 20px; font-size:10px; text-decoration:none; color:#333333; font-weight:bold; }

#content h2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; margin:0; padding:10px 0 5px 0; clear:both; }
.order-form a { text-decoration:none; color:#000; }
.order-form a.orange { color:#FF6E23; text-decoration:underline; }
.row-title, .row-each1 { height:24px; line-height:24px; border:1px solid #666; padding:0 10px; }
.row-title, .row-each { height:24px; line-height:24px; border:1px solid #666; padding:0 10px; }
.row-title { background:#666; color:#fff; }
.row-title .title { float:left; }
.row-title .preview { float:right; }
.row-title .preview a { color:#71ba33; text-decoration:underline; font-weight:bold; }
.row-title .product-list { float:left; width:600px; }
.row-title .price { float:left; }


.row-title, .row-each1 { height:24px; line-height:24px; border:1px solid #666; padding:0 10px; }
.row-each1:hover, .selected  { background:#eee;}
.row-text { background:#9bd3e4; border:1px solid #666; padding:6px; }
.row-text textarea { margin:0; padding:3px; width:248px;height:53px;border:1px solid #666;}
.row-each .label { float:left; width:80px; }
.row-each .value { float:left; }
.row-each .value select {
height:20px;
margin:2px 0;
width:240px;
}
.row-each .value input {
border:1px solid #333333;
height:14px;
margin:2px 0;
padding:2px;
width:236px;
}
input.disabled,textarea.disabled { background:#ddd; }

.row-each .product-name { background:#71b933; margin:0 0 0 -10px; padding:0 10px; float:left; width:600px; }
.row-each .product-name img { margin-bottom:-4px; }
.row-each .product-price { background:#ace779; margin:0 -20px; padding:0 10px; float:left; width:124px; }
.row-each .value input.file { height:21px; padding:0; margin:2px 0 0 0; background:#fff;}

.row-each1 { background-color:#f0ec6c; color:#000; border-top:0; }
.row-each1 .label { float:left; width:80px; }
.row-each1 .value { float:left; }
.row-each { background-color:#ccc; color:#000; border-top:0; }
.row-each .col1 { float:left; width:80px; }
.row-each .col2 { float:left; width:280px; }
.row-each .col3 { float:left; width:80px; }
.row-each .col4 { float:left; }
.row-each .col2 input,.row-each .col4 input { margin:2px 0; width:236px; height:14px; padding:2px; border:1px solid #333; }
.row-each1 .value select { width:240px; height:20px; margin:2px 0; }
.row-each1 .value select option { padding:2px 4px; }

.row-each2 { background-color:#9bd3e4; color:#000; border-top:0; }
.row-title, .row-each2 { height:24px; line-height:24px; border:1px solid #666; padding:0 10px; }
.row-each2:hover, .selected  { background:#eee;}
.row-text textarea { margin:0; padding:3px; width:248px;height:53px;border:1px solid #666;}


.ccinfo { }
#cc-icons { float:left; background:#ccc; width:200px; height:300px; }
#base-product { float:left; width:220px; }
#add-ons { float:left; margin:0 5px; }
#base-extra { float:left; }
#base-extra .row-each,#other-extra .row-each { padding-right:2px; }
#base-extra p { width:340px; font-size:11px; margin:5px 0 0 0; }
#other-products { margin:0 5px 0 0; float:left; width:230px; }
#other-extra { float:left; margin:0; width:270px; }
.send-button { clear:both; padding:10px 0 0 250px; }
.add-button1 { clear:both; margin:10px 5px 0 0; }
.add-button1 a { padding:5px 15px; background:#f0ec6c; border:1px solid #444; float:right; margin:5px 0 0 0; }
.add-button1 a:hover { background:#444; color:#fff; }
.add-button2 { clear:both; margin:10px 5px 0 0; }
.add-button2 a { padding:5px 15px; background:#9bd3e4; border:1px solid #444; float:right; margin:5px 0 0 0; }
.add-button2 a:hover { background:#444; color:#fff; }
.postage-button { margin:10px 0 0 0; float:left; width:180px;}
.postage-button a { padding:5px 15px; background:#ccc; border:1px solid #444; float:right;margin:0}
.continue-button { margin:10px 0 0 0; clear:both}
.continue-button a { padding:5px 15px; background:#ccc; border:1px solid #444; float:right;margin:0}
.continue-button a:hover { background:#444; color:#fff; }
.clear { clear:both; }
#large-text { float:left; padding:5px 7px 7px 7px; background:#f0ec6c; border:1px solid #666; margin:20px 58px 0 0; }
#large-text a { color:#44711e; text-decoration:underline; font-weight:bold; float:right; }
#large-text textarea { margin:5px 0 0 0; padding:3px; width:317px;height:100px;border:1px solid #666;}

#delivery-box, #proofing-box {
border:1px solid #666;
background:#ace779;
padding:5px 5px 5px 10px;
float:left;
margin:0 0 10px 0;
}
#delivery-box p,#proofing-box p { margin:5px 0 10px 0; }
#proofing-box { margin:0 0 0 10px; width:360px; }
.row { clear:both; line-height:24px; height:24px; }
.row .label { float:left; width:100px; }
.row .label span.required { font-weight:bold; color:#ff0000; }
#proofing-box .row .label { width:110px; }
.row .value { float:left; margin-bottom:-5px; }
.row .value .desc { font-size:10px; margin:0; padding:0 0 3px 0; line-height:20px; }
.row .value input { margin:2px 0; width:236px; height:14px; padding:2px; border:1px solid #333; }
.row .value select { width:240px; height:20px; margin:2px 0; }
.row .value select option { padding:2px 4px; }
.row .value input.checkbox { width:auto; margin-top:3px;}
.row .value textarea { margin:0; padding:3px; width:236px;height:128px;border:1px solid #666;}
.row .label2 { float:left; width:210px; }
.row .value2 { float:left; }
.row .value2 input { margin:2px 0; width:136px; height:14px; padding:2px; border:1px solid #333; }
#payment-options { background:#f8f77c; border:1px solid #666; padding:10px; }
#payment-options p { line-height:24px; }
#payment-options p img { margin:0 0 -20px 10px; }
#payment-form { clear:both; margin:0; }
#billing-form { clear:both; margin:20px 0 0 0; }



#main_box a {
color:#333333;
font-weight:bold;
}
#home #main_box          { background: #fff url(../images/mainbox.jpg) left bottom no-repeat; }
#main_box p {
margin:0.75em 0;
}
#home #box1              { background: #fff url(../images/box1.gif) center top no-repeat; }
#home #box2              { background: #fff url(../images/box2.gif) center top no-repeat; }
#home #box3              { background: #fff url(../images/box3.gif) center top no-repeat; }

#home #box1 a img        { background: #fff url(../images/button-box1.gif) center no-repeat; }
#home #box1 a:hover img  { background: #fff url(../images/hover-box1.gif) center no-repeat; }

#home #box2 a img        { background: #fff url(../images/button-box2.gif) center no-repeat; }
#home #box2 a:hover img  { background: #fff url(../images/hover-box2.gif) center no-repeat; }

#home #box3 a img        { background: #fff url(../images/button-box3.gif) center no-repeat; }
#home #box3 a:hover img  { background: #fff url(../images/hover-box3.gif) center no-repeat; }

.header {
color:#333333;

font-size:13px;
font-weight:bold;
margin-top:10px;
}

.header_box {
height:15px;
margin:0;
padding:25px 0 15px;
color:#000000;

font-size:16px;
font-weight:bold;
}
.boxes p {
padding:0 20px;
}
td {
color:#333333;
font-size:12px;
}
a {
color:#FF6E23;
text-decoration:underline;
}

.funmum-body
{
 min-height:600px;
}
.card-container
{
float:left;
width:236px;

}
.card-name
{

text-align:center;
}
.card-view
{
text-align:center;
}
.content-body
{
min-height:600px;
}
.step1
{
width:200px;
float:left;
padding-right:20px;
text-align:center;
}
.step2
{
width:160px;
float:left;
text-align:center;
padding-right:5px;
}
.step3
{
width:345px;
float:left;
text-align:center;
}
hr {
height:1px;
margin:0;
padding:0;
size:1px;
width:400px;
}
.preview-image-container
{
float:left;
width:260px;
margin:15px; 

}
.color-container
{
float:left;
width:70px;
height:60px;
margin-right:10px;

}
#photo-content
{
min-height:600px;
}
#photocard-container
{

width:248px;
float:left;

}
.photo
{
  height:204px;
  width:238px;
}

.preview-photo-container-front
{
float:left;
width:380px;
height:250px;
margin:15px; 

}
.preview-photo-container-back
{
float:right;
width:380px;
height:250px;
margin:15px; 

}
* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  opacity: 0.80;
  -moz-opacity: 0.80;
 
  filter:alpha(opacity=80);
  
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}