/*------------------------------------
  THEME: U Stationery.com
  VERSION: 1
  DATE CREATED: Febuary 2009
  AUTHOR: CGCG
  URL: http://www.cg.cg
   
  For more info about visit:
  http://cg.cg/
-------------------------------------*/



*{
  margin:0;
  padding:0;
}

html,body{
  min-height:100%;
}


body{  
  font-family:Times, Times New Roman, serif;
  font-size: 14px;
  color:#582700;
  background-color:#d2c7bc;
  line-height: 1.26; 
  
  background-image:url(/images/u_tile01.jpg);
}


h1, h2, h3, h4{
  font-weight:normal;
}

h1{
    letter-spacing:1px;
text-transform:uppercase;
  font-size:20px;
}

h2{
  font-size:18px;
}

p{

}

#refer_text {
  text-transform:lowercase;
  font-family: Helvetica, Arial, sans-serif;
}


a{
  color:#d98181;
  text-decoration:none;
}

a:hover{
  color:#d98181;
  text-decoration:underline;
}



.quote{
  font-style:italic;
  font-size:16px;
  font-weight:bold;
}



div#outer_wrapper{
  margin: 0 auto;
  padding: 0px;
  margin-top:20px;
  margin-bottom:20px;
}

#header_container{
  margin-bottom:0px;
}
#header_container h1{
  margin-bottom:4px;
}

#logo{
}


#account_nav{
  font-size: 12px;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:4px;
}

#account_nav a:link,
#account_nav a:visited{
  color:#d98181;
  text-decoration:none;
}

#account_nav a:hover,
#account_nav a:active{
  color:#d98181;
  /*text-decoration:underline;*/
  border-bottom:1px dotted #582700;
}

#cart_qty{
 font-style:italic;   
  color:#582700;
}


#main_nav{
  text-align:right;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:1px;
}

#main_nav a:link,
#main_nav a:visited{
  color:#582700;
  text-decoration:none;

}

#main_nav a:hover,
#main_nav a:active,
#main_nav a.current{
  color:#582700;
  /*text-decoration:underline;*/
  border-bottom:1px dotted #582700;
}


#inner_wrapper{
  margin:0px;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:8px;
  margin-bottom:8px;
  float:left;
  min-height:480px;
  border:solid 1px #d98181; 
  background-color:#fff5f5;
  background-color:#fff;
  background-image:url(/images/inner_tile01.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
}

.cta_link{
  text-transform:uppercase;
  letter-spacing:.2px;
  text-decoration:none;
  font-family:Georgia, serif;
  color:#d98181;
}



#col1_container{
}

#main_promo{
  background-color:#ccc;
  border:2px solid #d98181;
  height:400px;
  overflow:hidden;
  width:456px;  /* Compensate for the 1px border on each side */
}

#about_copy h1{
  text-transform:uppercase;
  letter-spacing:1px;
}

#about_copy .h1_subtext{
  color:#d98181;
}

#about_copy p{
  font-family:Arial;
    font-size: 12px;
      margin-bottom:10px;
}

#about_copy .cta_link{
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:14px;
  text-decoration:none;
}

#about_copy a:hover {
  border-bottom:1px dotted #d98181;
}



.center{
  text-align:center;
}



#quicklinks_container{
  font-size: 12px;
  color:#ffffff;
  color:#5f6b4b;
  background-color:#509672;
  background-color:#d8ebb4;
  border:2px solid #d2c7bc;
  height:400px;
  overflow:hidden;
  width:216px; /* Compensate for the 2px border on each side */
  background-image:url(/images/quick_links_bg.jpg);
  background-repeat:no-repeat;
}

#quicklinks_container a:link,
#quicklinks_container a:visited{
  color:#582700;
  text-decoration:none;
  letter-spacing:1.26px;
  
  font-weight:bold;
  font-size:11px;
}

#quicklinks_container a:hover,
#quicklinks_container a:active{
  color:#582700;
  border-bottom:1px dotted #582700;
  text-decoration:none;
}

#quicklinks_container .cta_link{
  letter-spacing:.2px;
  text-decoration:none;
  color:#000;
}

#quicklinks_container .link_container h2 a{
  margin:0px;
  color:#4c5839;
  font-size:18px;
  font-weight:normal;
  letter-spacing:0px;
}

#quicklinks_container .link_container h2 a:hover{
  color:#364027;
  border-bottom:0px solid;
}

.link_container{
  padding:4px 6px;
  margin:4px 8px;
  border-bottom:1px solid #a9b297;
}

.link_container h2{
  margin:0px;
}
.link_container p{
  margin-bottom:4px;
}

.link_container ul{
  margin-bottom:4px;
  padding:0px;
}


.link_container li{
  color:#ffffff;
}


.link_container li a{
  padding:0px;
}



.divider{
  height:1px;
  background-color:#d2c7bc; 
  margin-top:4px;
  margin-bottom:4px;
}

.divider_2{
  height:4px;
  background-color:#d2c7bc; 
  margin-top:4px;
  margin-bottom:4px;
}

#instruction_1,
#instruction_2{
  border-right:1px dotted #d2c7bc;
}

#instruction_1,
#instruction_2,
#instruction_3{
  background-image:url(/images/instruction_frame.gif);
  background-repeat:no-repeat;
  background-position:top left;
}

.numb{
  float:left;
  margin-top:24px;
  margin-right:22px;
  align:top;
}

.icon{
  margin-top:36px;
  margin-bottom:10px;
  text-align:center;
}


.box01{
  font-size: 12px;
  height:210px;
  font-family:arial;
}

.box01 p{
  height:48px;
}

.box01 a:hover{
  text-decoration:none;
  border-bottom:1px dotted #d98181;
}


#small_promo{
  width:218px; /* Compensate for the 1px border on each side */
  /*background-color:#deeff2; */
  text-align:center;
}

#small_promo img{
  margin-top:4px;
  margin-bottom:8px;
}



/*--- Wedding Page ---*/

#tl_corner{
  background-image:url(/images/tl_1.gif);
  background-repeat:no-repeat;
  background-position:top left;
  height:40px;  
}

#default_heading{
  text-align:center;
  background-image:url(/images/t_tile_1.gif);
  background-repeat:repeat-x;
}

#wedding_heading{
  text-align:center;
  background-image:url(/images/t_tile_1.gif);
  background-repeat:repeat-x;
}

#baby_heading{
  text-align:center;
  background-image:url(/images/t_tile_1.gif);
  background-repeat:repeat-x;
}

#holiday_heading{
  text-align:center;
  background-image:url(/images/t_tile_1.gif);
  background-repeat:repeat-x;
}



#tr_corner{
  background-image:url(/images/tr_1.gif);
  background-repeat:no-repeat;
  background-position:top right;
  height:40px;  
}


/*---  Build page Step 1. ---*/

#price_container{
    
  color:#ffffff;
  background-color:#582700;
  border:2px solid #d2c7bc;
  height:400px;
  overflow:hidden;
  width:216px; /* Compensate for the 2px border on each side */
  background-image:url(/images/quick_links_bg-brown.jpg);
  background-repeat:no-repeat;
}


table	{border-collapse:collapse;}
thead th {
	text-align:left;
}

thead th.null {

}

tbody th {
	text-align:left;
	padding:0px;
}
tbody td {
	padding-bottom:10px;
}


.item{
  padding-left:16px;
  background-image:url(/images/bullet01.png);
  background-repeat:no-repeat;
  background-position:0px 3px;
  font-family:georgia;
}

.price{
  text-align:right;
  padding-left:50px;
  font-family:georgia;
}

tfoot tr td{
  border-top:1px solid #ccc;
  padding-top:10px;
}

.f_item_lable{
  text-align:left;
  padding-left:0px;
  font-family:Times;
  text-transform:uppercase;
  letter-spacing:1px;
}

.total_price{
  text-align:right;
  padding-left:50px;
   font-family:Times;
  font-size:16px;
}

#footer_container{
  font-size:11px;
  clear:both;
  height:26px;
  padding-bottom:10px;
}
  
  
#footer_nav{
  font-family:Arial;
}

#footer_nav ul{
  margin-bottom:10px;
}

#footer_nav li{
  display:inline;
  margin:0px;
}

#footer_nav a:link,
#footer_nav a:visited{
  color:#582700;
  text-decoration:none;

}

#footer_nav a:hover,
#footer_nav a:active{
  color:#582700;
  text-decoration:none;
  border-bottom:1px dotted #582700;
}


#facebook{
 text-align:right;   
}

#copyright{
  font-family:Arial;
  color:#8e8e75;
}




/*-- Build Styles OLD OLD OLD --*/

#photolist{
border:1px solid #ccc;
padding:6px;
background-color:#fff1da;
}

#photolist img{
border:1px solid #987f67;
padding:0px;
margin:4px;
}

#upload_image_container{
border-bottom:2px dotted #facce0;
height:40px;
}


#upload_image_container{
}

div#front-image, #back-image,#envelope-image; {
  padding:20px;
  background-image:url(/images/card-dropshadow.png);
  position: relative;
  margin: 5px;
}
  

.upload_big_box{
border: 1px solid #ccc; 
height: 250px;
margin-top:8px;
margin-right:6px;
width:390px; 
padding:12px; 
float:left;
font-size:14px;
}

#instruction_box{
background-color:#ceebea;
color:#775633;
border: 1px solid #feedf0; 
}

#image_wrapper{
background-color:#d3f4a9;
}

.red_arrow{
position:relative;
top:7px;
}

hr{
border: 1px dotted #facce0;
margin-top:8px;
margin-bottom:8px;
}


/* TABS */
#tabs {
  float:left;
  width:66%;
  background-image:url('/images/tabs_bg.jpg');
  background-repeat:no-repeat;
  background-position:left center;
  position: relative;
  background-position:left bottom;
  font-size:93%;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  padding:10px 20px 0;
  list-style:none;
  }
#tabs li {
  float:left;
  background:url('/images/left.gif') no-repeat left top;
  background-repeat:no-repeat;
  position: relative;
  margin:0;
  padding:0 6px 0 9px;
  }
#tabs a {
  float:left;
  display:block;
  background:url('/images/right.gif') no-repeat right top;
  background-repeat:no-repeat;
  position: relative;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#c85d86;
   color:#d98181;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#9a365d;
  }
#tabs .current {
  background-image:url('/images/left_on.gif');
   position: relative;
  }
#tabs .current a {
  background-image:url('/images/right_on.gif');
   position: relative;
  color:#c85d86;
  padding-bottom:5px;
}



/*--- Card Type Info Pop up ---*/

#cardtype_info{
position:absolute;
width:683px;
padding:0px;
z-index:99999;
top:160px;
font-size:14px;
margin-top:0px;
margin-left:120px;
}


#cardtype_info .t{
width:683px;
height:27px;
background-image:url(/images/popup_t.png);
 position: relative;
clear:both;
}

#cardtype_info .l{
float:left;
width:33px;
height:290px;
background-image:url(/images/popup_l.png);
position: relative;
}

#cardtype_info .c{
float:left;
width:596px;
height:282px;
background-color:#f3e8ed;
padding-top:8px;
padding-left:10px;
padding-right:10px;
}

#cardtype_info .r{
float:left;
width:33px;
height:290px;
background-image:url(/images/popup_r.png);
 position: relative;
}

#cardtype_info .b{
float:left;
width:683px;
height:35px;
background-image:url(/images/popup_b.png);
 position: relative;
clear:both;
}

#cardtype_info #close_btn{
float:right;
position:relative;
/*
z-index:999;
margin-left:598px;
margin-top:-18px;
*/

bottom:16px;
left:12px;

}

.option_container{
width:160px;
height:90px;
float:left;
font-size:14px;
font-weight:bold;
border:2px solid #efadde;
padding:8px;
margin-right:22px;
cursor:pointer;
}

.option_container:hover{
border:2px solid #9a365d;
}


#cardtype_info .current{
border:2px solid #9a365d;
}

.option_container .title{
  position:relative;
  bottom:40px;
  margin-left:22px;
}


#pick_photo{
    /*
margin-top:24px;
margin-botom:28px;
margin-left:28px;;
*/
}

.template_features {
 /* float:left; */
}

.template_features ul {
  margin-left: 8px; 
}

.template_features li {
  list-style-type:none ; 
}


.small_div{
width:210px;
float:right;
text-align:left;
font-size:11px;
line-height:1.25em;
margin-top:16px;
margin-left:22px;
}

.fineprint {
  font-size:12px; 
}

.small_div:hover{

}
.small_div a{
font-size:14px;
/*color:#37b5e3;*/
color:#89a6b6;
}


.small_div img{
float:left;
margin-right:12px;
position:relative;
top:2px;
}





/*-- FORMS STYLES --*/

#finish_button{
margin-top:62px;
margin-right:auto;
margin-left:auto;
background-color:#00B0D8;
padding:12px; 
text-align:center;
border:solid 8px #fff;
border:solid 8px #e6e0d3;
}

#finish_button:hover{
padding:12px;
border:solid 8px #e6e0d3;
border:solid 8px #059abc;

}

#finish_button a:link, #finish_button a:visited{
color:#fff;
font-weight:normal;
font-size:18px;
}

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


.form_container{
    /*
    text-align:left;
    padding:12px;
    */
    /*width:380px;*/
    /*
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    float:right;
    */
        margin-top:20px;
}

.form_container h2{
border-bottom: 2px dotted #facce0;
margin-bottom:10px;
}


.form_container input[type="text"], .form_container input[type="password"] {
  font-size:16px;
  padding:2px;
}

.form_container textarea {
  font-size:16px;
  width:100%;
}


.form_container input[type="button"], .form_container input[type="submit"] {
  font-size:16px;
  padding:0px;
}

.form_container select{
  font-size:12px;
  padding:1px;
  width:100%;
}

.form_container option {
  font-size:14px;
  padding:2px 0px 2px 6px;
  margin-bottom:6px;
}

#yes_account_form{
    /*
  float:left;
  width:260px;
  font-size:14px;
  padding:2px 0px 2px 6px;
  margin-bottom:6px;
  */
}

#no_account_form{
    /*
  float:right;
  font-size:14px;
  padding:2px 0px 2px 6px;
  margin-bottom:6px;
  */
}



.validation-advice, .error_msg{
  color:red;
  font-style:italic;
  font-size:12px;
}


.color_table{
/*
width:420px;
float:left;
*/
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
}

.form_links{
float:left;
}

.build_headings{
border-bottom: 2px dotted #facce0;
margin-top:12px;
margin-bottom:12px;
padding-bottom:2px;
}

.wizardButtons{
text-align:right;
margin-top:20px;
margin-right:20px;
}

.form_title{
position:relative;
top:6px;
}

.field-widget{
margin-bottom:14px;
}

.note{
  font-size:12px;
  font-style:italic;
}

.action_icon{
text-align:center;
}


#cart_container{
margin-bottom:20px;
background-color:;
}

#cart_container table{
width:100%;
}

#cart_container th{
border-bottom:1px solid;
padding:4px 8px;
}

#cart_container td{
border-bottom:1px dotted #bc9f88;
padding:4px 8px;
}

#cart_container a{
font-size:10px;
font-weight:bold;
font-family:arial;
}





/*--- Checkoout section --*/


.tabs ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 40px;
  margin-bottom: 20px;
}

.tabs li {
  display: inline;
  border:1px;
  padding:10px 40px;
  color: #fff;
  background-color: #bc9f88;
  font-weight: normal;
  margin-left: 4px;
  margin-right: 4px;
}

.tabs .current {
  background-color: #764C29;
}

#payment_info{

}

#billing_info{


}

.date_select{
    /*
width:200px;
float:left;
margin-right:8px;
*/
margin-bottom:22px;
}


.div_50{
width:170px;
float:left;
margin-right:20px;
}

#card_type{
/*width:190px;
margin-left:12px;
*/
}

#cc_codes{
  clear:both;
}


#cc_icons{
list-style:none;
display:block;
float:left;
margin-top:10px;
padding-top:10px;
padding-bottom:6px;
width:220px;
text-align:center;
border-top:1px dotted #bc9f88;
border-bottom:1px dotted #bc9f88;

}

#cc_icons img{
  border:1px solid #ccc;
}

#cc_icons li{
list-style:none;
display:inline;
margin-right:2px;
}


#logged_in{

}

#checkout_button{

}

/*
input[type=text]{
width:100%;
}
*/


.clearfix{
 clear:both;   
}


#referral_form_container{
 background-color:#e7ecdf;   
  height:100px;
 float:left; 
 padding:10px;
 -moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
 -moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.thumb{
  height:160px;
}



.image_btn{
  position:relative;
  top:6px;
}

.wizardButtons{
  position:relative;
  bottom:8px;
}






/*--- Vertical Spacing Classes ---*/

.vspace_1{
 margin-top:10px;   
}

.vspace_2{
 margin-top:20px;   
}

.vspace_3{
 margin-top:30px;   
}

.vspace_4{
 margin-top:40px;   
}

.vspace_5{
 margin-top:50px;   
}

.vspace_6{
 margin-top:60px;   
}

.vspace_7{
 margin-top:70px;   
}

.vspace_8{
 margin-top:80px;   
}

.vspace_9{
 margin-top:90px;   
}

.vspace_10{
 margin-top:100px;   
}