.clear:after {
    content: ".";
    display: block;
    height:0; 
    clear: both; 
    visibility: hidden;
}
.clear { 
    display: inline-table; 
}
/* Hides from IE-mac \*/
* html .clear { 
    height: 1%; 
}
.clear { 
    display: block; 
}
/* End hide from IE-mac */

img {
    behavior: url("gfx/pngbehavior.htc");
	border: none;
}

p {
margin: 0px;
padding: 0px;
}

.boldFontBlue {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #143B93;
font-weight: bold;
}

.boldFontWhite {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
}

.regularCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
.boldCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
}
.smallCopy  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #143B93;
font-weight: bold;
}
.smallCopy a {
	text-decoration: underline;
	color: #143B93;
}
.smallCopy a:hover {
	text-decoration: none;
}
.imgLinks {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #143B93;
font-weight: bold;
padding: 5px 5px 0 5px;
}
.imgLinks a {
	text-decoration: underline;
	color: #143B93;
}
.imgLinks a:hover {
	text-decoration: none;
}
#counter {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #143B93;
font-weight: bold;
padding: 0;
}
#counter2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #143B93;
font-weight: bold;
padding: 0;
}
#container {
    margin: 0 auto;
    width: 1024px;
}
#page_header {
    width: 100%;
	float: left;
}
#page_content {
    margin: 35px !important;
	margin: 25px 15px;
    width: 964px;
	float: left;
}

#printPage_content {
    margin: 35px 35px 0px 35px !important;
	margin: 25px 15px 0px 15px;
    width: 964px;
	float: left;
}

#first_step {
    width: 672px;
    color: #143B93;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;    
}
#first_step img #back_scroll_left, #first_step img #back_scroll_right {
    cursor: pointer;
    height: 30px; 
    top: 4px; 
    width: 22px; 
}
#first_step img #back_scroll_left {
    margin: 4px 0 5px 4px;
}
#first_step img #back_scroll_right {
    margin: 4px 4px 5px 0;
}
#first_step #bg {
    background: #fff url('gfx/scroll_bg.jpg') no-repeat;
    width: 672px;
    height: 46px;
    float: right;
    z-index: 1;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    _padding: 0px 0px -30px 0px;
}
#first_step #background {
    float: left;
    height: 32px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    width: 585px;
    _width: 586px; 	
	margin-left: 4px !important;
	margin-left: -1px;
}
#background img {
    border: 1px solid #666;
}
#leftscroller {
float: left;
margin: 5px;
}
#rightscroller {
margin: 5px;
float: left;
}
#product_shot {
    float: left;
    margin: 0 0 0 70px;
}

#show_steps {
    float: left;
    width:672px;
}
.step_spacer {
    padding: 5px 0 0 4px;
}
#other_steps {
    float: left;
    width: 672px;
}
#second_step {
    padding: 10px 0 10px 0;
    width: 336px;
    text-align: left;
    color: #143B93;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;   
	float: left; 
}
#second_stepbg {
    background: #fff url('gfx/two_three_bg.jpg') no-repeat;
    width: 336px;
    height: 40px;
    text-align: left;
    margin: 5px 0 0 0;
}
#third_step {
    padding: 10px 0 10px 0;
    width: 336px;
    text-align: left;
    color: #143B93;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;   
	float: left; 
}
#third_stepbg {
    background: #fff url('gfx/two_three_bg.jpg') no-repeat;
    width: 336px;
    height: 40px;
    text-align: left;
    margin: 5px 0 0 0;
}
#print_art {
    float: left;
    margin: 30px 0 0 50px;
    padding: 10px 0 0 0;
    width: 225px;
}
#canvas_box {
    width: 100%;
    background-color: #B2DCF4;
    border: 1px solid #000;
}
#canvas_container {
    float: left;
    padding: 20px;
    width: 642px;
    height: 310px;
    min-height: 275px;
}

#canvas_container_preview {
    float: left;
    padding: 20px;
    width: 924px;
    height: 310px;
    min-height: 310px;
}

#canvas_object {
    padding: 40px 0px 40px 0px;
    width: 642px;
    height: 228px;
    min-height: 228px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center;
}

#canvas_object_preview {
    padding: 40px 0 40px 0;
    width: 920px;
    height: 228px;
    min-height: 228px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center;
}

#preview_buttons {
    background: #fff url('gfx/preview_buttons_bg.jpg') no-repeat;
    width: 450px;
    height: 43px;
    text-align: left;
	float: right;
	margin: 10px 15px -10px 0px !important;
	margin: 10px 8px -10px 0px;
}


.preview_buttons {
    padding: 5px 0 0 4px;
}


#canvas_swf {
    margin: 0 auto;
    width: 545px;
    height: 228px;
    min-height: 228px;
    border: 1px solid #000;
    text-align: center;
}
#canvas_actions {
    float: left;
	width: 280px;
    text-align: center;
    margin: 40px 0px 10px 0px;
}
#canvas_left_actions {
float: left;
width: 126px;
}
#canvas_right_actions {
float: left;
width: 126px;
}
#ca_adjust {
width: 126px;
height: 55px;
background: url('gfx/adjust_sizes.png') no-repeat;
margin: 5px 0px 5px 0px;
padding: 5px 0px 0px 7px;
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;    
}
#ca_rotate {
width: 126px;
height: 80px;
background: url('gfx/rotate_arrange_bg.png') no-repeat;
margin: 5px 0px 5px 0px;
text-align: left;
padding: 5px 0 0 7px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px; 
}
#ca_arrange {
width: 126px;
height: 80px;
background: url('gfx/rotate_arrange_bg.png') no-repeat;
margin: 5px 0px 5px 0px;
text-align: left;
padding: 5px 0px 0px 7px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px; 
}
#ca_adjust p {
padding: 3px 0px 0px 23px;
}
#ca_rotate p {
padding: 3px 0px 0px 0px;
}
#ca_arrange p {
padding: 3px 0px 0px 0px;
}
#ca_edit {
width: 126px;
height: 118px;
background: url('gfx/edit_bg.png') no-repeat;
margin: 5px 0 5px 0;
text-align: left;
padding: 5px 0 0 7px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px; 
}
#ca_edit p {
padding: 3px 0px 0px 0px;
}
#ca_extras {
width: 126px;
height: 93px;
background: url('gfx/see_help_bg.png') no-repeat;
margin: 5px 0px 5px 0px;
text-align: left;
padding: 25px 0px 0px 7px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px; 
}
#ca_extras p {
padding: 3px 0px 0px 0px;

}
#page_footer {
    background-image: url(gfx/sec_footer.jpg);
    width: 100%;
    height: 24px;
    padding-top: 7px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
	float: left;
}

/* NAV */

#nav_container {
width: 1024px;
height: 90px;
float: left;
}

#nav_container_lg {
width: 1024px;
height: 179px;
float: left;
}

#logo {
width: 129px;
height: 119px;
float: left;
}

#logo_lg {
width: 183px;
height: 179px;
float: left;
}

#logo_home {
width: 183px;
height: 119px;
float: left;
}

#welcome {
width: 895px;
height: 90px;
float: left;
}

#welcome_lg {
width: 841px;
height: 90px;
float: left;
}

#navBar {
width: 895px;
height: 29px;
float: left;
background-image: url(gfx/striped_bg.jpg);
background-repeat: repeat-x;
margin-top: 0px !important;
margin-top: -4px;
}

#navBar_lg {
width: 841px;
height: 29px;
float: left;
background-image: url(gfx/striped_bg.jpg);
background-repeat: repeat-x;
margin-top: 0px !important;
margin-top: -4px;
}

#nav {
width: 860px;
height: 29px;
float: left;
}

#nav_lg {
background-image: url(gfx/sec_header.jpg);
margin-left: 20px;
width: 1024px;
height: 119px;
float: left;
}

ul.navList {
list-style: none;
margin: 0px;
padding: 0px;
float: right;
}

ul.navList li {
display: inline;
margin: 0px;
padding: 0px;
}


#flash_home { width: 1024px; height: 600px; float:left; _margin-top: -4px; }


#faqs a{
display: block;
background-image: url(gfx/faqs.jpg);
background-repeat: no-repeat;
width: 54px;
height: 29px;
float: left;
}

#faqs a:hover {
background-image: url(gfx/faqs.jpg);
background-repeat: no-repeat;
background-position: 0 -29px;
width: 54px;
height: 29px;
}

#contactus a{
display: block;
background-image: url(gfx/contactus.jpg);
background-repeat: no-repeat;
width: 102px;
height: 29px;
float: left;
}

#contactus a:hover {
background-image: url(gfx/contactus.jpg);
background-repeat: no-repeat;
background-position: 0 -29px;
width: 102px;
height: 29px;
}

#where a{
display: block;
background-image: url(gfx/wheretobuy.jpg);
background-repeat: no-repeat;
width: 124px;
height: 29px;
float: left;
}

#where a:hover {
background-image: url(gfx/wheretobuy.jpg);
background-repeat: no-repeat;
background-position: 0 -29px;
width: 124px;
height: 29px;
}

#tell a{
display: block;
background-image: url(gfx/tellafriend.jpg);
background-repeat: no-repeat;
width: 115px;
height: 29px;
float: left;
}

#tell a:hover {
background-image: url(gfx/tellafriend.jpg);
background-repeat: no-repeat;
background-position: 0 -29px;
width: 115px;
height: 29px;
}


#orders a{
display: block;
background-image: url(gfx/largeorders.jpg);
background-repeat: no-repeat;
width: 123px;
height: 29px;
float: left;
}

#orders a:hover {
background-image: url(gfx/largeorders.jpg);
background-repeat: no-repeat;
background-position: 0 -29px;
width: 123px;
height: 29px;
}



/* Drop Down Pane */
#slider {
background-color: #FFF ;
margin: 0 0 0 0;
padding: 0;
text-align: left;
width: 964px;
}
#text_slider {
background-color: #FFF ;
margin: 0 0 0 0;
padding: 0;
text-align: left;
width: 964px;
}
#slider .form_element, #text_slider .form_element {font:11px Arial, Helvetica, sans-serif;
width:97%;
}
#slider input.form_element {margin:6px 0px 3px 0px;
}
#slider textarea.form_element, #text_slider textarea.form_element {padding:1px 0px 1px 7px;
}

#slider label.terms {display:block;
font-weight:400;
font-size:10px;
}

#slider input.add_photo {margin:2px 0px 0px 0px;
padding: 2px;
background:#fff;
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
color: #0066CC;
font-size: 11px;
font-weight: 700;
cursor: pointer;
}
#slider input.add_photo:hover {border:1px solid #ccc;
color: #f15134;
text-decoration:none;
}

.slider_items {width:100%;
}
.slider_items td {width:33.33%;
text-align:center;
vertical-align:middle;
padding:2px;
}

	
#slider h3, #text_slider h3 {color: #244a9f;
font-size: 12px;
font-weight: 700;
margin: 0px;
padding: 0px;
}

#text_slider h3 {margin: 0px 0px 6px 0px;
}
#text_slider h3 span {font-weight:400;
}
#slider select, #text_slider select {margin-left:17px;
font-size:11px;
}

.font_color, .font_type {width:50%;
vertical-align:top;
padding: 0px;
margin: 0px;
}

.font_color div {cursor: pointer;
float: left; 
width: 17px;
height: 17px; 
margin: 1px; 
border:1px solid #fff;
}
.font_color div:hover {border:1px solid #f15134;
}
.font_color div.on {border:1px solid #1fb25a;
}

#font_table {width:100%;
}
#font_table td {border:1px solid #fff;
background:#fff;
padding:2px 2px;
text-align:center;
vertical-align:middle;
}
#font_table td:hover {
cursor:pointer;
}
#font_table td.on {border:1px solid #1fb25a;
}


/*--------DropPanelThree--------*/

#dropPanelThree {
width: 966px !important;
width: 100%;
height: auto;
float: left;
margin: 10px 0px;
padding: 0 0 10px 0;
}

#panelSet1 {
width: 310px !important;
width: 250px;
height: 185px;
min-height:185px;
float: left;
padding-bottom: 5px;
margin-right: 5px;
margin-left: 5px !important;
margin-left: -5px;
background-color: #C8CFE4;
border: 1px solid #666;
background-image: url(gfx/panel_bg.jpg);
background-repeat: repeat-x;
}

#panelSet2 {
width: 310px !important;
width: 250px;
height: 185px;
min-height:185px;
float: left;
padding-bottom: 5px;
margin-right: 5px !important;
margin-right: -5px;
background-color: #C8CFE4;
border: 1px solid #666;
background-image: url(gfx/panel_bg.jpg);
background-repeat: repeat-x;
}

#panelSet3 {
width: 310px !important;
width: 250px;
height: 185px;
min-height: 185px;
float: left;
padding-bottom: 5px;
margin-right: 5px;
margin-left: 0px !important;
margin-left: 10px;
background-color: #C8CFE4;
border: 1px solid #666;
background-image: url(gfx/panel_bg.jpg);
background-repeat: repeat-x;
}

.panelContent {
min-height: 140px;
float: left;
width: 292px;
height: 150px;
margin-left: 5px;
background-color: #B2DBF4;
border: 1px solid #666;
padding: 3px;
}
.panelContent input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
}
.panelHeader {
float: left;
width: 294px;
height: auto;
margin: 5px 5px 0px 5px;
background-color: #E21418;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
padding: 2px;
}

.photoPanel {
width: 288px;
float: left;
}

.panelImages {
float: left;
margin: 0px;
text-align: center;
width: 106px;
}

.panelImages a {
float: left;
border: 1px solid #666;
padding: 2px;
text-align: center;
width: 100px;
}

.panelImages a:hover {
float: left;
border: 1px solid #666;
background-color: #FFF;
padding: 2px;
text-align: center;
width: 100px;
}

.panelButtons {
width: 106px;
float: left;
margin: 5px;
}

.panelBtnImages {
float: left;
}

.scrollPanel {
overflow: auto;
float: left;
width: 288px;
height: 130px;
margin: 2px;
background-color: #FFF;
}

.scrollPanel2 {
overflow: auto;
float: left;
width: 288px;
height: 150px;
margin: 2px;
}

.scrollImages {
margin: 2px;
}


/*--------DropPanelTwo--------*/


#dropPanelTwo {
width: 966px !important;
width: 100%;
height: auto;
float: left;
margin: 10px 0px;
background-color: #fff;
padding: 0 0 10px 0;
}
#panelSetTwo1 {
width: 471px;
height: auto;
min-height:200px;
float: left;
padding-bottom: 5px;
margin-right: 5px;
margin-left: 5px !important;
margin-left: -5px;
background-color: #C8CFE4;
border: 1px solid #666;
background-image: url(gfx/panel_bg.jpg);
background-repeat: repeat-x;
}

#panelSetTwo2 {
width: 471px;
height: auto;
min-height:200px;
float: left;
padding-bottom: 5px;
margin: 0;
background-color: #C8CFE4;
border: 1px solid #666;
background-image: url(gfx/panel_bg.jpg);
background-repeat: repeat-x;
}

.panelContent2 {
min-height: 190px;
float: left;
width: 452px;
height: auto;
margin-left: 5px;
background-color: #FFF;
border: 1px solid #666;
padding: 3px;
}


.panelContentsco {
min-height: 140px;
float: left;
width: 292px;
height: 150px;
margin-left: 5px;
background-color: #B2DBF4;
border: 1px solid #666;
padding: 3px;
overflow: auto;
}
.panelContentsco input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
}

.panelHeader2 {
float: left;
width: 454px;
height: auto;
margin: 5px 5px 0px 5px;
background-color: #E21418;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
padding: 2px;
}

.flushdiv {
clear: both;
}
.imgPostLBtns {
float: left;
text-align: left;
padding-left: 5px;
}
.imgPostRBtns {
float: left;
text-align: left;
padding-left: 10px;
}

#content { width: 985px; margin: 20px; float: left;  }

#printcontent { width: 964px; margin: 10px 35px 20px 35px; float: left;  }

ul.printDir li { list-style: square; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0px 0px 10px 20px;  }

ul.printDir li a { color: #17348D; text-decoration: underline; }

ul.printDir li a:hover { color: #17348D; text-decoration: none; }

.copy_header { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#FF0000; font-weight: bold; margin-bottom: 15px;  }

.faq_links { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 18px; margin-bottom: 15px; font-weight: bold; }

.faq_links a { color: #17348D; text-decoration: underline; }

.faq_links a:hover { color: #17348D; text-decoration: none; }

.faq_copy { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; line-height: 15px; margin-bottom: 15px; }

.faqBold_copy { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; line-height: 15px; margin-bottom: 15px; font-weight: bold; }

.faqRed_copy { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF0000; line-height: 15px; font-weight: bold; }

.faq_copy a { color: #17348D; text-decoration: underline; }

.faq_copy a:hover { color: #17348D; text-decoration: none; }

#disclaimer { width: 400px; height: 450px; margin: 0px; padding: 0px; background-color: #B2DBF4; }

.disclaimerCopy { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #000; margin: 18px; text-align: justify; }

.disclaimerCopySmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000; margin: 18px; text-align: justify; }