@charset "UTF-8";
/* CSS Document */

/* 1. Global selectors --------------------------------------- */
* 					{ padding: 0em;margin: 0em;}
body 				{ font-family: Arial, Helvetica, sans-serif; font-size:12px; height: 100%;}
HTML 				{ height: 100%;}
IMG 				{ border: 0em;}
H1 					{ font-size:24px;}
H2 					{ font-size:20px;margin:0px;padding:0px;}
H3 					{ font-size:18px; padding:0;margin:0px;}
H4 					{ font-size:16px; padding:0;margin:0px;}
H5 					{ font-size: 12px; padding:0;}
H6 					{font-size:40px;margin: 10px 0;padding:10px 0px;}

.critical, #critical  				{ color: #ff0000;}
.link_underline, #link_underline 	{ text-decoration: none !important;}
.opacity4 							{ opacity: 0.3; filter: alpha(opacity=20);}
.big 								{ font-size: 1.3em;}

/* 2. Header --------------------------------------- */
#header 	{ width: 805px; margin: 0 auto;}
#header h1 	{ font-size:24px; padding:5px;}

/* 3. Navigation --------------------------------------- */
.navseparation { font-size: 14px;}

.smallnav, a.smallnav link, visited {
    cursor: pointer;
    text-decoration: underline;
    font-size:  10px;}

a.smallnav hover 	{ text-decoration: underline;}
.pagestats 			{ font-size: 12px; font-style: italic;}
.rarrow, .larrow 	{ width:20px; height:12px; cursor: pointer; text-align: center; float: left; display: block;}
.cart, #cart 		{ width: 17px; height:13px;}

/* 4. Content Box --------------------------------------- */
.contentbox { margin: 0px 50px 0px 50px; width:auto; padding:10px;}

#projectmanager_contentbox, #cart_contentbox, #productcontentbox {
    margin: 0px auto 50px auto; width: 911px; padding: 10px;}
    
#homepagecontentbox { margin: auto; width:820px; padding:10px;}

/*Content box for Product Selection Page
#productcontentbox {
    margin:0px auto;
    height:auto;
    align: center;
    width:970px;}*/
    
/* 5. Top Content --------------------------------------- */
.content_left 		{ margin:0; margin-left:2px; height: 41px;}
.breadcrumbs_left 	{ float: left; margin:0; margin-left:2px; width:500px; overflow:auto; text-align:left;}
.content_right 		{ float:right; margin-right:2px; overflow:hidden; padding: 0px; text-align:right;}

/* 6. All Events Content ---------------------------------------*/ 
.event_listing 	{ margin:0px auto; padding-top:25px; line-height: 20px;}
.event_info		{ margin:0px auto; padding-top: 0px;}
.es_i					{ cursor:pointer;}
#clear_search	{ cursor:pointer;}

/* 7. Gallery Page --------------------------------------- */
.gallery_login {
    margin:0 auto;
    margin-left:160px;
    font-size:10px;
    line-height:1em;
    text-align:left;
    float:left;}

.gallery_login a {
    font-size:10px;
    text-decoration:underline;}

#gallery_container {
    width:970px; height:auto !important; min-height:300px;
    margin:0 auto; margin-top:15px; margin-bottom:25px;
    padding-left:50px; position:relative; loat:left;}

.gallery_bg {
    width:115px; height:153px;
    overflow:hidden;float:left;
	background-repeat:no-repeat;   
    margin:0px 10px 0px 10px; position:relative;}

.gallery_bg img { padding:7px;}

.gallery_src { margin:0 auto; text-align:left; width:100%; position:relative; height: 25px; padding-bottom: 10px;}
.g_src_title { width: 350px; float: left;}
.g_pw		 { float: right;}


/* 9. Cart Pages --------------------------------------- */
.delete_icon { cursor: pointer;}

/* 10. Welcome Message Table --------------------------------------- */
.wm_top  		{ width:648px; height:17px;}
.wm_bottom 		{ width:648px; height:18px;}
.wm_left 		{ width:21px; height:auto;}
.wm_right 		{ width:20px; height:auto;}


/* Page Listing Page--------------------------------------------- */
.reminder			{ width: 580px; height: 65px; border-top: 1px solid gray; border-bottom: 1px solid gray; margin: 0px auto;}
.reminder_txt 		{ width: 290px; position: relative; float: left; padding-top: 12px; padding-left: 5px; text-align: left;}
.reminder_submit	{ width: 280px; position: relative; float: left; padding-top: 12px;}

.pages			{ width: 500px; margin: 0px auto 0px; padding: 0px 10px; line-height: 30px; position: relative;}
.pages_l		{ width: 500px; height: auto; text-transform: capitalize; text-align: left;}
.pages_l_txt	{ width: 350px; word-wrap: break-word;}
.pages_r		{ height: auto; float: right;}
    
/*  11. Product Select --------------------------------------- */  
.inst_box_01, .inst_box_02, .inst_box_03 	{ font-size: 1.2em; font-weight: bold; text-align: left; width: 190px; height: 234px; padding: 10px; margin: 0 7px; float: right;}
.inst_img		{ height: 95px;}

    
/*  12. Footer --------------------------------------- */
#footer		{ padding: 0px; margin:0px auto; margin-top:10px;}
#footer a 	{ font-size:10px;}

/*  12. Thumbnail Page --------------------------------------- */
.select { padding-top: 20px; padding-right: 8px; float: right;}
.e_name { float: left; padding-top:10px;}
.event_name 	{ font-weight:bold; font-size: 20px; text-transform:capitalize;}
.page_name  	{ font-weight: 400; font-size: 14px; text-transform:capitalize; padding-left: 7px; font-style:italic;}

.thumb_effect {
    width : 172px; height: 172px;
	visibility: hidden; position: relative; left: 0px;}

.thumb_canvas {
    width: 172px; height: 172px;
	position: relative; top: -172px;
    background-repeat: no-repeat;
    background-position: center center; }

.thumb_overlay {
    width: 172px; height: 172px;
	opacity: 0; z-index: 2;
    position: relative;    
    top: -344px;
	cursor: pointer; }

.thumb_x 			{ position: relative; top: -344px; text-align: center;}
.thumb_nav 			{ position: relative; top: -344px; margin: 0 auto; width: 60px;}
.image_checkbox 	{ padding: 4px; position: relative; float: left; cursor: pointer;}
.image_zoomin 		{ position: relative; float: right; cursor: pointer;}
.Canvas 			{ display:block; padding: 0px; width: 180px; height: 225px; float: left;}
.page_nav_ellipsis 	{ text-align: center; width: 20px; float: left;}
.page_nav_cell 		{ cursor: pointer; text-align: center; width: 20px; float: left;}
.page_nav_cell_sel 	{ cursor: pointer; text-align: center; width: 20px; float: left; border: 1px solid gray;}
.page_title 		{ cursor: pointer;}
.breadcrumb 		{ font-weight: bolder; text-decoration: underline; cursor: pointer;}

/*  14. Jquery Buttons --------------------------------------- */
.ui-slider-horizontal 		{ height: .2em; width: 200px; }
.ui-button-text				{ font-size: 1em;}

.ui-button-text-only .ui-button-text, input.ui-button { padding: 0.2em 0.8em 0.3em 0.8em;}

.ps_left .ui-button-text, .pkg_slct .ui-button-text, #ieTint .ui-button-text { font-size: 0.9em;}
.ui-button-ecert {font-size:0.9em;}

/* Image Selector --------------------------------------------------------*/
#is_boundary {
	width: 193px; height: 520px;
	font-size: 0.9em; text-align: center; line-height:22px;		
	margin-right: 15px; margin-left: 15px;float: left;}

#is_header {
	height: 35px; 
	font-size: 1.2em; font-weight:bold; text-align: center; color: #000; text-transform: uppercase;
	background: url(/_img/ecom/is_top.png) no-repeat bottom;}

#is_footer {
	height: 30px; padding-top: 1px;
	font-size: 1.0em; font-weight:bold; text-align: center;	color: #000; text-transform: uppercase;	
	background: url(/_img/ecom/is_bottom.png) no-repeat top;}

#is_thumbnail {
	width: 191px;
	border: 1px #333333 solid; background-color: #000000;
	position: relative;
	text-align: center; overflow: auto;}

.is_thumbnail_single { height: 437px; }
.is_thumbnail_multi { }

.acc_div { height: 325px;}
.ui-accordion-icons .ui-accordion-header a {padding-left: 25px; text-align: left;}
.ui-accordion .ui-accordion-header a { font-size: 0.9em; padding-bottom: 8px; font-weight: 100; text-transform:capitalize;}
.folder { padding-right: 5px; float:left;}

.is_title { text-align:left; }

.is_image_container {
	width: 73px; height: 73px;
	float: left; overflow: none;
	margin: 5px 0px 5px 8px;}

.is_image {
	width: 73px; height: 73px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden; float: left;}

.is_delete {
	width: 15px; height: 15px;
	z-index: 5;
	z-index: 5;
	position: absolute;
	display: none;
	bottom: 1px; left: 1px;}

.is_zoom {
	width: 15px; height: 15px;
	z-index: 5;
	position: absolute;
	display: none;
	bottom: 1px; right: 1px;}

.is_zoom:hover, .is_delete:hover, #is_footer:hover, #is_deleteall:hover, #is_undelete:hover {
	text-decoration: underline; cursor:pointer; }

/* jquery-ui pads the accordion content for no obvious reason, which brings us
   down to one column of thumbs.  Override that here. */
.ui-accordion .ui-accordion-content { padding: 0 0; }

/* Instructional */
.closed_is { width: 645px; text-align: left; position: relative; margin:0px 25px 0px 0px; float: right;}
.is_arrow { margin: 30px 0px 45px -25px; font-weight:bold;}
.is_number {width:25px; text-align:right; font-size: 2.0em; font-weight:bold;}
.is_line { width:10px;}
.is_inst_img { width:230px; padding-right: 5px; text-align:center;}

/* IE 6 Conditional Hacks */
* html .closed_is { width: 628px; text-align: left; position: relative; margin:0px 15px 0px 0px; float: right;}
* html .is_arrow { margin: 30px 0px 45px 0px; font-weight:bold;}


/* Large image display --------------------------------------------------------*/
div#imageshowFull {
  width: 100%; height: 100%;
  left: 0; top: 0; position: fixed;}

div#imageshowBg {
  position: absolute; overflow: hidden;
  top: 0; left: 0;height: 100%; width: 100%;
  background-color: black;}
div#imageshowBorderedContent {
  position: relative;
  width: 855px; height: 544px;
  background-image:url(/_img/ecom/lv.png);}

div#imageshowContent {
  position: absolute;left: 10px; top: 10px;
  width: 831px; height: 522px;  
  border: 1px solid #cccccc;
  background-color: #000000;}

div#imageshowMenu {
  width: 180px; height: 478px;
  position: relative; float: right; padding: 20px;
  background-image:url(/_img/ecom/lv-bg.jpg);}

input#imageshowDone { float: right; margin-top: 2px; margin-right: 3px;}

div#imageshowImage {
  width: 600px; height: 512px;
  position: relative; float: left;  
  padding-left: 5px; padding-top: 5px;
  overflow: hidden; background-color: #000;}

div.imageshowSelect {
  width: 100%; height: 20px;
  position: relative; float: left;  
  margin-top: 3px; margin-bottom: 12px;  
  color: #cccccc; font-weight: bold;}

img.imageshowSelect { position: relative;}

div#imageshowZoom {
  position: relative; float: left;
  width: 100%; height: 20px;
  margin-top: 10px; margin-bottom: 10px;  
  font-weight: bold; color: #cccccc;}

div#imageshowThumbnail {
  position: relative; float: left;
  width: 100%; height: 20px;
  margin-top: 10px; margin-bottom: 10px;  
  font-weight: bold; color: #cccccc;}

div#imageshowClose {
  position: relative; float: left;
  width: 100%; height: 20px;
  margin-top: 10px; margin-bottom: 10px;  }

div#imageshowCaption {
  position: relative; float: left; width: 100%;
  margin-top: 20px; padding-bottom: 5px;
  font-size: 14px; font-weight: bold;
  color: #cccccc; overflow: hidden; word-wrap: break-word;}

div#imageshowNav { position: absolute; bottom: 10px; width: 210px;}

div#imageshowPrev {
  cursor: pointer; 
  position: absolute; bottom: 10px; left: 10px;
  text-align: left; color: #cccccc; width: 105px;}

div#imageshowNext {
  cursor: pointer;
  position: absolute; bottom: 10px; left: 105px;
  text-align: right; color: #cccccc; width: 105px;}

/* Image Editor --------------------------------------------------------*/
div#ieContainer {
  position: absolute;left: 500px; top: 100px;
  width: 230px; height: 255x; 
  /* These give initial position from body top-left,
     but it is draggable. */}

div#ieBorderedContent {
  position: absolute; left: 0px; top: 0px;
  width: 230px; height: 255px;   
  background-image:url(/_img/ecom/ie-popup-bg.png);}

#ieTitle, .ieTitle {
  width: 210px;  height: 15px; padding-top: 8px;
  color: #CCC; text-align:center;
  font-size: 1.2em;  font-weight: bold;}

div#ieControls 		{ margin: 25px auto;width: 230px;}
div#ieContent 		{ position: absolute;width: 230px; height: 255px;}
div#ieZoom 			{ position: relative; float: left; width: 35px; margin-left: 35px;}
div#ieZoomSlider 	{ }

div#iePan {
  position: relative; float: left; color: #CCC; 
  width: 110px;  height: 110px;
  margin-left: 20px;  margin-top: 15px;
  background-image: url(/_img/ecom/ie-pan-bg.png);}

div#ieTint 		{ position: relative; padding-top: 13px; float: left; width: 230px; color: #CCC;  text-align: center;}
.ieTintControl 	{ padding: 0px 10px 0px 10px;}
input#ieDone 	{ float: right; margin-top: 2px; margin-right: 3px;}

.ui-slider-vertical 			{ width: 0.2em;	margin-left:5px; }
.ui-slider .ui-slider-handle 	{ height: 0.2em; margin-bottom: 0.1em;margin-left: -0.2em;}

/* Template Texter ---------------------------------------------------------*/
#tt_div0 {
  position: absolute; left: 150px; top: 150px;
  width: 230px; height: 255x; 
  /* These give initial position from parent top-left,
     but it is draggable. */}

#tt_div1 {
  position: absolute; left: 600px; top: 150px;
  width: 230px; height: 255x; 
  /* These give initial position from parent top-left,
     but it is draggable. */}

.tt_bcontent {
  position: absolute; left: 0px; top: 0px;
  width: 230px; height: 255px; 
  background-image:url(/_img/ecom/ie-popup-bg.png);}

.tt_content { position: absolute; color: #ccc;width: 230px; height: 255px; }

.tt_title {
  width: 210px;  height: 15px;
  padding-top: 8px; text-align:center;
  font-size: 1.2em; font-weight: bold; color: #ccc;}
  
.tt_title:hover 				{ cursor: move;}
.tt_font, .tt_size, .tt_grav 	{ padding: 0px 0px 0px 15px;}
.tt_opts 						{ position: relative;top: 25px; height: 59px;}
.tt_texts 						{ position: relative; padding-left: 10px; overflow: auto; height: 125px; width: 210px; margin-top:41px;}
.tt_input_multi 					{ width: 180px; height: 100px; font-size: 1.0em;}
.tt_input_single				{ width: 180px; height: 15px; font-size: 1.0em; margin-bottom: 10px;}
.tt_text_header 				{ font-size: 1.0em;}

/* Template Builder --------------------------------------------------------*/

#tb_build				{}
#pb_build 				{ width: 645px; min-height: 501px; margin-top: 5px; position: relative; float: left;} 
div.tb_edit_template 	{ overflow: none; margin: 0px auto; text-align: center;}

.tb_div		{ width: 650px;	height: 415px; float: left; margin-top: 14px;}
#pb 		{ width: 640px; height: 445px; margin: 5px auto 0px auto; float: left; padding: 5px; overflow: none;}	

div.tb_header { height: 38px; border-bottom: 1px solid #ccc; text-align: left; line-height: 2.5em; overflow: hidden; margin: 6px 0px 6px 0px;}

div.tb_title { float: left; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
			   text-transform: capitalize;}

div.tb_cont 			{ float: right;}
div.tb_back 			{ float: right; padding: 0px 5px;}
tb_top 					{ width: 650px; height: 20px; margin: 0px auto;}
.tb_orienter 			{ height: 20px; position: relative; float: left; margin: -3px auto 0px auto;}


.options				{ width: 650px; float: right;}
.edits					{ width: 200px; margin: 0px auto; }
.tb_edit_image 			{ width: 80px; height: 20px; position: relative; float: left; margin: 0px auto;padding: 0px 10x; font-weight: bold;}
.tb_edit_text	 		{ width: 80px; height: 20px; position: relative; float: left; margin: 0px auto;padding: 0px 10px; font-weight: bold;}
div.tb_edit_desc 		{ width: 121px; height: 20px; float: right;}
div.tb_edit_desc_left 	{ position: relative; float: left;}
div.tb_edit_desc_right 	{ position: relative; float: left; padding-left: 10px;}

div.tb_templater 		{ position: absolute; left: 0px; top: 0px; border: 1px solid #999;}
.tb_templater_slot 		{ background-color: #999;}
.tb_templater_slottext 	{ color: black;}


div.tb_templater_generic_container 					{ position: relative;}
div.tb_templater_fcards_front_landscape_container 	{ position: relative; width: 289px; height: 196px;}
div.tb_templater_fcards_front_portrait_container 	{ position: relative; width: 196px; height: 289px;}

/* background images are in style-based css files */
#tb_button_overlay { position: absolute; width: 399px; height: 374px; left: -43px; top: -34px; }

#tb_magnet_overlay_l {
  width: 392px; height: 287px; position: absolute; left: 0px; top: 0px;
  background: url(/_img/templates/magnet-overlay-l.png) no-repeat center; margin: 0px auto;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/_img/templates/magnet-overlay-l.png', sizingMethod = 'scale');
}

#tb_magnet_overlay_p {
  width: 287px; height: 392px; position: absolute; left: 0px; top: 0px;
  background: url(/_img/templates/magnet-overlay-p.png) no-repeat center; margin: 0px auto;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/_img/templates/magnet-overlay-p.png', sizingMethod = 'scale');
}

.tb_div_fcards_front_overlay_l {
  width: 9px;	height: 196px; position: absolute; top: 0px; left: 280px;
  background: url(/_img/templates/dropshad_fold_right_196.png) no-repeat;}

.tb_div_fcards_front_overlay_p {
  width: 196px;	height: 9px; position: absolute; top: 0px; left: 0px;
  background: url(/_img/templates/dropshad_fold_top_196.png) no-repeat;}

.tb_templater  			{ margin: 0px auto;}
.tb_edit_text:hover, .tb_edit_image:hover 	{ text-decoration: underline; cursor: pointer;}


/* Product Previewer --------------------------------------------------------*/
.pp_header, .pa_header, .pkgs_header {
  height: 38px; overflow: hidden;  
  border-bottom: solid 1px #C0C0C0;
  margin: 10px 0px; line-height: 2.7em;}

.pp_title, .pa_title 	{ float: left;	font-size: 1.5em; font-weight: bold;	text-transform: capitalize;}
.pp_info_title 			{ font-size: 1.3em;	font-weight: bold;	text-transform: capitalize;}
.pp_info_inst 			{ }
.pp_info_warning 		{ color: red;}
.pp_info_texts 			{ font-weight: bold;}
.pp_add, .pa_cont 		{ float: right;}
.pp_back, .pa_back 		{ float: right;margin-right: 5px;}
.pp_page 				{ min-width: 240px; min-height: 240px;}
.pp_preview 			{ float: left; position: relative;}
.pp_info, .pa_info 		{ float: left; position: relative; width: 360px;	padding-left: 10px;}
 
#pp_preview_single_template 			{ width: 500px; height: 400px; margin: 0px 10px;}
#pp_preview_double_template 			{ width: 500px; height: 700px; margin: 0px 10px;}
#pp_preview_fcards_portrait_template 	{ width: 500px; height: 1200px; margin: 0px 10px;}
#pp_preview_fcards_landscape_template 	{ width: 500px; height: 900px; margin: 0px 10px;}


/* Product Quantity Enter --------------------------------------------------- */
.pa_demo 						{ margin: 5px auto 0px auto; float: left;}
.pa_demo_generic 				{ width: 500px; height: 400px; margin: 0px 10px;}
.pa_demo_untemplated 			{ width: 290px; height: 229px; margin: 0px auto;}
.pa_templated_slot 				{ min-width: 240px; min-height: 240px;}
.pa_untemplated_slot 			{ width: 250px; height: 200px; margin: 0px 25px; }
.pa_untemplated_slot_img		{ background:url(/_img/ecom/untemplated_slot_drag_here.png) center no-repeat #333;}

/* Package Selector --------------------------------------------------------*/
#prb_container { width: 775px; margin: 0px auto;}
.package_line		{ min-height: 160px; margin: 15px; float: left;}

div.packageselectorIconText { padding-top: 50px; font-weight: bold;font-size: 1.6em;}
div.packageselectorPSizes 	{ padding-left: 20px; line-height: 30px;}
span.packageselectorProjectResume { color: #cc0000; }

div#packageselectorIcon {
  width: 231px; height: 139px;
  margin: 0px 10px;
  text-align: center; float: left;
  background: url(/_img/ecom/icon-package.jpg) no-repeat center;}
  
.packageselectorPDesc { width: 290px; margin-left: 20px; float: left;}  
.packageselectorPPrice { width: 75px; float: left;}
.packageselectorPButton { width: 100px; margin-top: -5px; float: left;}

/* Project Builder --------------------------------------------------------*/
.back_from_pss { margin: 10px 0px 5px 5px; float: right;}
.back_from_psgs { float: right; margin-top: -5px; margin-right: 0px;}

#prb_pgs_div { margin-top: 26px;}
#prb_pss_div {}

#product_list {
	width: 120px; height: auto;
	margin: 10px 0px 0px 10px;
	position: relative;	float: left;	
	text-align: left;  line-height: 20px;}

.product_list_title { font-weight: bold; font-size: 1.6em;}

#pss_header 					{ height: 38px; width: 100%; margin-bottom: 5px;}
#prb_pss_content 				{ width: 750px; position: relative; float: left; text-align: center;}
#prb_pgs_tiles				 	{ width: 650px; height: auto; position: relative; float: left; text-align:center;}		
#prb_pss_tiles					{ width: 760px; height: auto; position: relative; float: left; text-align:center;}	
.product_title 					{ font-size: 1.2em; font-weight: bold;}
.prb_pss_current		{ text-decoration: underline; }
.product_group 					{ width: 190px; height: 186px; margin: 10px; position: relative; float: left;}
.product_group_image 			{ width: 173px; height: 155px; margin-left: auto; margin-right: auto;}
.product_subgroup 				{ width: 230px; height: 257px; margin: 10px; position: relative; float: left;}
.pss_subgroup 					{ padding: 10px; margin-top: 15px;}

.pss_subgroup:hover, .pgs_group:hover {
	text-decoration: underline; cursor: pointer;}

div#prb_is_div{ position: relative; float: left;}

#prb_pss_splash {
	width: 735px; height: 300px;
	margin: 10px 0px 10px 10px;
	position: relative; float: left;
	text-align: center;}

div#prb_build_div {
  // position: relative;
  // float: left;}

div#prb_ps_div {
  // position: relative;
  // float: left;}

div#prb_pb_div, div#prb_ts_div, div#prb_tb_div, div#prb_pp_div {
  position: relative; float: left; width: 100%;}

/* Package Builder --------------------------------------------------------*/
div#packagebuilderIsDiv 	{ position: relative; float: left;}
div#packagebuilderDiv 		{ position: relative; float: left; margin-left: 30px;}
div.packagebuilderSlots 	{ margin: 5px 0px 0px 30px; position: relative;}

#pb_header { height: 33px; border-bottom: 1px solid #ccc; text-align: left; line-height: 2.5em; overflow: hidden; margin: 6px 15px 6px 0px;}
.pb_back 			{ float: right; padding: 0px 5px;}
.pb_title { float: left; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
			   text-transform: capitalize;}

.pb_slot_template {
  width: 140px;  height: 140px; position: relative; float: left; margin: 5px;
  background: url(/_img/ecom/pb_slot/template.jpg) no-repeat center #333333;
  border: 3px solid #333333;}

.pb_slot_16x20 {
  width: 150px;  height: 150px; position: relative; float: left; margin: 5px;
  background: url(/_img/ecom/pb_slot/16x20.jpg) no-repeat center #333333;
  border: 3px solid #333333;}

.pb_slot_11x14 {
  width: 145px;  height: 145px; position: relative; float: left; margin: 5px;
  background: url(/_img/ecom/pb_slot/11x14.jpg) no-repeat center #333333;
  border: 3px solid #333333;}

.pb_slot_8x10 {
  width: 140px; height: 140px; position: relative; float: left; margin: 5px;
  background: url(/_img/ecom/pb_slot/8x10.jpg) no-repeat center #333333;
  border: 3px solid #333333;}

.pb_slot_5x7 {
  width: 135px; height: 135px; position: relative; float: left; margin: 5px;
  background: url(/_img/ecom/pb_slot/5x7.jpg) no-repeat center #333333;
  border: 3px solid #333333;}

.pb_slot_4x6 {
  width: 125px; height: 125px; position: relative; float: left; margin: 5px;
  background: url(/_img/ecom/pb_slot/4x6.jpg) no-repeat center #333333;
  border: 3px solid #333333;}

.pb_wallet { margin: 5px; float: left;}

.pb_slot_wallet {
  width: 50px; height: 50px; position: relative; float: left;
  background: url(/_img/ecom/drag-image-here-wallet.jpg) no-repeat center #333333;
  border: 1px solid #999;}
  
.pb_slot_wallet_blank {
  width: 50px; height: 50px; position: relative; float: left;
  background: url(/_img/ecom/drag-image-here-wallet-blank.jpg) no-repeat center #333333;
  border: 1px solid #999;}


#pb_slots 	{ height: 416px; position: relative; overflow: auto; padding: 10px 0px 10px 10px; margin-left: 15px; float: left;}
#pb_sidebar { width: 145px; float: right; padding-top: 5px; margin: -4px 3px 0 0;}

.sidebar_title { text-align:center; font-weight: bold; font-size: 1.2em; padding-bottom: 6px; width: 148px; margin: 0px 0 0 -8px;}

.sidebar_options { line-height: 25px; padding-left: 20px; padding-top: 5px;}

.pb_slots_multi { width: 585px;}
.pb_slots_portrait { width: 465px;}

.modify_package:hover 	{ text-decoration: underline;	cursor: pointer;}

/* Package Modifier ---------------------------------------------------------*/
#pam_div {
  width: 850px; height: 420px;
  position: fixed;
  background: url(/_img/ecom/pam_content_bg.png) no-repeat;}

#pam_content {
  position: absolute; left: 8px; top: 8px;
  width: 825px; height: 395px; color: #ccc;
  padding: 5px;
  overflow: auto;}

.pam_box { width: 300px; margin-top: 5px; padding: 10px; border: 1px solid grey;}
.pam_header { border-bottom: 1px solid #cccccc; height: 33px; line-height: 2.5em; overflow: hidden; text-align: left; 
			margin: 6px 0px 6px 0;}
.pam_desc { padding-left: 100px; float: left;}
.pam_select { padding-left: 50px; padding-top: 20px; float: left;}
.pam_items { padding-left: 25px; line-height: 25px;}			
			
			
/* Print Selections---------------------------------------------------- */
.print_selection { width: 831px; margin: 0px auto; padding-top: 0px;}
.ps_image_div { width: 831px; height: auto; padding: 20px 20px 20px 20px; margin: 0px auto 15px auto; position: relative; float: left;}
.ps_bottom { width:831px; height: auto; margin: 0px 20px 15px auto; z-index: 5;}
.ps_left { width: 370px; height: auto; text-align: center; padding-right: 5px; position: relative; float: left;}
.ps_right { width: 421px; min-height:300px; text-align: left; padding: 5px 5px 0px 5px; position: relative; float: left;}

.ps_table_title 		{ font-weight: bold; font-size: 1.4em;}
.ps_table_border_bottom { border-bottom: 1px #666 solid; padding: 10px 0px 10px 0px;}
.ps_img_filter 			{ cursor: pointer; padding: 0px 15px 0px 15px;}
.ps_table_printsize 	{ width: 210px; position: relative; float: left;}

.ps_i					{ float: right; cursor:pointer;}

.ps_table_pricesize 	{ width: 50px; text-align:center; position: relative; float: left;}
.ps_table_colorsize 	{ width: 50px; text-align: center;position: relative; float: left;}

#ps_buttons 			{ width: 831px; height: 40px; margin: 10px auto 0px auto;}
#ps_quick_picks 		{ width: 831px; height: 40px; margin: 10px auto 0px; padding-top: 20px;}
#quick_picks 			{ width: 195px; height: auto; padding: 0px 5px; float: left; text-align:center;}

/* Product Select Group Level 3---------------------------------------------------- */
#psg_content 		{ width: 870px; margin: 0px auto;}
#psg_tile_box 		{ width: 420px; height: 295px; padding: 7px;  position: relative;	float: left;}
#psg_left 			{ width: 260px; height: auto;	position: relative; float: left; text-align: center; padding: 5px 0px 0px 5px;}
#psg_right 			{ width: 140px; height: auto; position: relative; float: left; text-align: center; padding-top: 5px;}
.psg_title 			{ text-align: left; font-weight: bold; text-transform: capitalize; font-size: 1.2em; padding: 5px 0px 10px 5px;}
.psg_select:hover 	{ text-decoration: underline;	cursor: pointer;}
#psg_header 		{ height: 38px; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
.psg_header_text 	{ font-size: 1.5em;  font-weight: bold; line-height: 2em;}	

/* Package Template Select ---------------------------------------------------- */
#ts_content 	 { width: 870px; margin: 0px auto;}
#ts_tile_box 	 { width: 420px; height: 295px; padding: 7px;  position: relative;	float: left;}
#ts_left 		 { width: 260px; height: auto; position: relative; float: left; text-align: center; padding: 5px 0px 0px 5px;}
#ts_right 		 { width: 140px; height: auto; position: relative; float: left; text-align: center; padding-top: 5px;}
.ts_title 		 { text-align: left; font-weight: bold; text-transform: capitalize; font-size: 1.2em; padding: 5px 0px 10px 5px;}
.ts_select:hover { text-decoration: underline; cursor: pointer;}
#content_top 	 {margin-bottom:-5px;}

/* Yearbook ---------------------------------------------------- */
.yb_title 		 { text-align: left; font-weight: bold; text-transform: capitalize; font-size: 1.2em; padding: 5px 0px 10px 5px;}

/* Generic class for hovering over droppables. Needs to be at the bottom of the css. --*/
.droppable_hover { background-color: #0ff; background-image: none; }