@charset "iso-8859-1";

/* Noam Design Group 2008 (Richard Castera) */

body {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px;
	color: #000000;
	background-image: url('../../images/bg.png'); 
	background-position: left top; 
	background-repeat: repeat-x;	
} 

a {
	margin: 0px;
	padding: 0px;
	color: #ff0000;
	outline: none;
}

a:link, a:visited {
	color: #ff0000; 
	text-decoration: underline;
}

a:hover, a.current {
	color: #000000; 
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #ff0000;
}

h1 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 21px;	
}

h4.optional {
	margin: 0px;
	padding: 5px 0px 5px 15px;
	background-image: url('../../images/optional.png'); 
	background-position: center left; 
	background-repeat: no-repeat;	
}

h1.h1_tag {
	margin:0;
	padding:0;
	font-weight:normal;
	color:#000000;
}

p {
	color: #000000;
}

a img {
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

.ralf_image {
	margin: 0px;
	padding: 5px 15px 10px 0px;
	border: 0px;
}

ul, ol {
	color: #000000;
}





/* 
 Site Container 
*/
#site_container {
	margin: 0px;
	padding: 0px;
	width: 100%;
}





/* 
 Site Drop Shadow 
*/
#site_drop_shadow {
	margin: 0pt auto;
	padding: 0px;
	width: 920px;
	background-image: url('../../images/site_drop_shadow.png'); 
	background-position: top center; 
	background-repeat: no-repeat;	
}





/* 
 Site Center (Centers site) 
*/
#site_center {
	margin: 0pt auto;
	width: 900px;
}





/* 
 Site Header Container 
*/
#site_header_container {
	margin: 0px;
	padding: 0px;
	width: 900px;
}





/* 
 Logo 
*/
#logo_left {
	margin: 0px;
	padding: 0px;
	width: 450px;
	height: 114px;
	float: left;
}

#logo_left h1 {
	margin: 0px;
	padding: 0px;
	width: 450px;
	height:	114px;	
}

#logo_left h1 a, #logo_left h1 a:link, #logo_left h1 a:visited {
	width: 450px;
	height:	114px;
	font-size: 10px;
	font-weight: normal;
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	outline: none;
	background-image: url('../../images/logo_left.png'); 
	background-position: 0px 0px; 
	background-repeat: no-repeat;
}

#logo_right {
	margin: 0px;
	padding: 0px;
	width: 450px;
	height: 114px;
	background-image: url('../../images/logo_right.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
	float: right;
}





/* 
 My Cart Button 
*/
#my_cart_button {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	float: right;
	z-index:99;	
}

#my_cart_button a {
	margin: 0px;
	padding: 0px;
	width: 107px;
	height: 17px;
	display: block;
	background-image: url('../../images/top_my_cart_buttons.png'); 
	background-position: top left; 
	background-repeat: no-repeat;	
}

/* 
 My Cart Button 
*/
#my_account_button {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	float: right;
	z-index:99;
}

#my_account_button a {
	margin: 0px;
	padding: 0px;
	width: 107px;
	height: 17px;
	display: block;
	background-image: url('../../images/top_my_account_buttons.png'); 
	background-position: top left; 
	background-repeat: no-repeat;	
}





/* 
 Navigation Menu 
*/
#nav_container {
	margin: 0px;
	padding: 0px;
	height: 35px;
	background-image: url('../../images/envelope_button.png'); 
	background-position: top right; 
	background-repeat: no-repeat;	
}

div.menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
}

div.menu li {
	list-style-image: none;
}

div.menu a {
	margin: 0px;
	padding: 10px 0px 5px 0px;
	width: 123px;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
	outline: none;
	background-image: url('../../images/buttons.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}

div.menu a.current {
	color: #ffffff;
	outline: none;
	text-decoration: none;
	background-image: url('../../images/buttons.png'); 
	background-position: bottom left; 
	background-repeat: no-repeat;
}

div.menu li	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}





/* 
 Site Body Container 
*/
#site_body_container {
	margin: 0px;
	padding: 0px;
	width: 900px;
	background-image: url('../../images/body_bg.png'); 
	background-position: top left; 
	background-repeat: repeat-y;
}

#site_body_alt_container {
	margin: 0px;
	padding: 0px;
	background-image: url('../../images/body_alt_bg.png'); 
	background-position: top left; 
	background-repeat: repeat-y;
}

#site_body {
	margin: 0px;
	padding: 5px 30px 5px 30px;	
	background-image: url('../../images/envelope_bottom.gif'); 
	background-position: top right; 
	background-repeat: no-repeat;
}

#site_body ol li {
       font-weight:bold;
}

#site_body ol li p {
       font-weight:normal;
}

#contact_left_container {
	margin: 0px;
	padding: 0px;
	width: 500px;
	float: left;	
}

#contact_right_container {
	margin: 0px;
	padding: 0px;
	width: 320px;
	float: right;
}

#contact_bottom {
	margin: 0px;
	padding: 0px;
	height: 200px;
	background-image: url('../../images/contact_bottom.png'); 
	background-position: top left; 
	background-repeat: no-repeat;	
}





/* 
 Body Left Column Container 
*/
#body_left_column_container {
	margin: 0px;
	padding: 10px 0px 0px 5px;
	width: 190px;
	float: left;	
}





/* 
 Accordion 
*/
.acc_prop {
	margin: 0px;
	padding: 0px;	
}

.toggler {
	margin: 0px;
	padding: 0px;
	width: 171px;
	height: 40px;
	cursor: default;
	background-image: url('../../images/step_on.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}

.align_header {
	margin: 0px;
	padding: 8px 0px;
}

.align_content {
	margin: 0px;
	padding: 10px 0px 0px 18px;
	width: 135px;
}

.step_number {
	margin: 0px;
	padding: 15px 40px 0px 15px;
	font-size: 18px;
	font-weight: bold; 
	color: #000000;
}

.step_heading {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	font-size: 14px;
	color: #ffffff;
}





/* 
 Envelope Buttons Hover Border 
*/
.env_buttons_container {
	margin: 0px;
	padding: 0px 0px 5px 0px;	
}

a.env_buttons img {
	border: 1px solid #A5A5A5;
}

a.env_buttons:hover img {
	border: 1px solid #CE0000;
}

.env_buttons_current img {
	border: 2px solid #CE0000;
}





/* 
 Return Address Option 
*/
#browse_for_image {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 119px;
	height: 32px;	
}

#browse_for_image a {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	width: 124px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	outline: none;	
	display: block;
	background-image: url('../../images/step_buttons_large.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}





/* 
 Return Address Option 
*/
#return_address_option {
	margin: 0px;
	padding: 5px 0px;
	font-size: 10px;
	background-color: #878787;
	border: 1px solid #5A5A5A;
}





/* 
 Envelope Customization Options 
*/
ol.env_text {
	margin: 0px;
	padding: 0px 2px 0px 12px;
	font-size: 12px;
}

.env_text li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}





/* 
 Next and Back Buttons in Accordion 
*/
.next_back_buttons_container {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 140px;
}
	
.step_buttons_left {
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

.step_buttons_left a {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	width: 60px;
	height: 18px;
	font-size: 12px;
	color: #2D2D2D;
	text-decoration: none;
	background-image: url('../../images/step_buttons.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
	display: block;	
	outline: none;
}

.step_buttons_right {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	text-align: center;
	float: right;
}

.step_buttons_right a {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	width: 60px;
	height: 18px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 12px;
	color: #2D2D2D;
	text-decoration: none;
	background-image: url('../../images/step_buttons.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
	display: block;	
	outline: none;
}






/* 
 Color Drop Down 
*/
#color_button {
	margin: 0px;
	padding: 2px;
	width: 110px;
	border: 1px solid #C3C3C3;
}

#active_color {
	margin: 0px;
	padding: 0px;
	width: 110px;
}

#color_menu {
	margin: 0px;
	padding: 2px;
	width: 131px;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #A5A5A5;
	visibility: hidden;
	display: none;
}

.color_buttons {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.color_buttons a, .color_buttons a:link, .color_buttons a:visited {
	margin: 0px;
	padding: 2px;
	color: #000000;
	text-decoration: none;
	display: block;
	outline: none;
	background-color: #ffffff;
}

.color_buttons a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #E1E1E1;
}





/* 
 Font Drop Down 
*/
#font_button {
	margin: 0px;
	padding: 2px;
	width: 110px;
	border: 1px solid #C3C3C3;
}

#active_font {
	margin: 0px;
	padding: 0px;
	width: 110px;
}

#font_menu {
	margin: 0px;
	padding: 2px;
	width: 114px;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #A5A5A5;
	visibility: hidden;
	display: none;
}

.font_buttons {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.font_buttons a, .font_buttons a:link, .font_buttons a:visited {
	margin: 0px;
	padding: 2px;
	color: #000000;
	text-decoration: none;
	display: block;
	outline: none;
	background-color: #ffffff;
}

.font_buttons a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #E1E1E1;
}





/* 
 Right Column Body Container 
*/
#body_right_column_container {
	margin: 0px;
	padding: 0px;
	width: 705px;	
	background-image: url('../../images/envelope_bottom.gif'); 
	background-position: top right; 
	background-repeat: no-repeat;
	float: right;
}





/* 
 Envelope Container 
*/
#envelope_container {
	margin: 0px;
	padding: 20px 0px 0px 20px;
	width: 677px;	
	height: 300px;
	background-image: url('../../images/envelopes/envelope_ten.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}

#customize_container {
	margin: 0px;
	padding: 0px;
	/* Printable area is 648px x 261px */
	width: 648px;
	height: 261px;	
	position: absolute;
}

#line_container {
	padding: 0px;	
	float: left;
	position: absolute;
}

#graphic_container {
	margin: 0px;
	padding: 0px;
	border: 1px dashed #fbfbfb;	
	float: left;
	position: absolute;
}

#envelope_graphic {
	position: relative;
}

#image_handler {
	width:10px;
	height:10px;
	top:100%;
	margin-top:-10px;
	margin-left:-10px;
	left:100%;
	cursor: se-resize;
	background-image: url('../../images/resize_handle.png');
	position: absolute;
}





/* 
 Envelope Text Dynamically Generated Text 
*/
#envelope_line_one {
	margin: 0px;
	padding: 0px;
}

#envelope_line_two {
	margin: 0px;
	padding: 0px;
}

#envelope_line_three {
	margin: 0px;
	padding: 0px;
}

#envelope_line_four {
	margin: 0px;
	padding: 0px;
}

#remove_text_container {
	margin: 5px 0px 5px 12px;
	padding: 2px;
	width: 100px; 
	background-color: #f4fcd5; 
	border: 1px solid #b5c576; 
}
#remove_text_container2 {
	margin: 5px 0px 5px 12px;
	padding: 2px;
	width: 100px; 
	background-color: #f4fcd5; 
	border: 1px solid #b5c576; 
}




/* 
 ToolTips
*/
.tool-tip {
	padding: 10px;
	color: #fff;
	width: 200px;
	z-index: 13000;
	background-image: url('../../images/tip.png'); 
	background-position: 0px 0px; 
	background-repeat: no-repeat;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	color: #000000;
	padding: 8px 8px 4px;
}
 
.tool-text {
	font-size: 11px;
	padding: 10px 8px 8px;
	color: #000000;
}
 
.custom-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000000;
	padding: 8px 8px 4px;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}

#different_size_msg {
	margin: 0px;
	padding: 10px 0px 20px 0px;	
}

#options_heading {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;	
}

#bottom_options_container {
	margin: 0px;
	padding: 0px;
	width: 697px;
	height: 60px;	
}

#order_envelope {
	margin: 0px;
	padding: 0px;
	width: 124px;
	height: 32px;
	color: #2D2D2D;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	outline: none;	
	border: 0px none;
	background-image: url('../../images/step_buttons_large.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}





/* 
 Bottom Options 
*/
#options_chosen {
	margin: 0px;
	padding: 17px 0px 0px 5px;
	width: 478px;
	height: 38px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 11px;
	color: #696969;
	background-image: url('../../images/options_chosen_bg.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
	float: left;
}

#print_button {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 196px;
	height: 47px;
	float: left;
}

#print_button a {
	margin: 0px;
	padding: 0px 15px 0px 0px;
	width: 196px;
	height: 47px;
	display: block;
	background-image: url('../../images/print_buttons.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}





/* 
 Site Footer Container 
*/
#site_footer_container {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 900px;
}

#footer_line {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	background-image: url('../../images/footer_line.png'); 
	background-position: top left; 
	background-repeat: repeat-x;	
}

#footer_links_container {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	height: 42px;
	background-image: url('../../images/footer_bg.png'); 
	background-position: top left; 
	background-repeat: repeat-x;
}

#footer_links {
	margin: 0px;
	padding: 0px;
	width: 900px;	
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}

#footer_links a {
	margin: 0px;
	padding: 0px;
	font-size: 12px; 
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

#footer_links a:link, #footer_links a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer_links a:hover {
	color: #0F0F0F;
	text-decoration: underline;
}






/* 
 Clear Float Containers 
*/
.clear_containers {
	margin: 0px;
	padding: 0px;
	clear: both;
}





/* 
 Error Message 
*/
div.error_message {
	margin: 0px; 
	padding: 5px; 
	width: 400px; 
	background-color: #F55632; 
	border: 1px solid #FFAA55;
	font-family: 'Trebuchet MS', verdana, arial;
	font-weight: bold; 
	font-size: 14px; 
	color: #000000;
}





/* 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Forms
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/ 
.env_form {
	margin: 0px;
	padding: 0px;
}

input {
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px;
}





/* 
 Contact Form 
*/
form.layout {
	width: 490px;
	margin: 0px;
	padding: 0px;	
}

form.layout p {
	margin: 0px;
	padding-bottom: 2px;	
}

form.layout label {
	margin: 0px;
	padding: 0px;
	width: 140px;
	float: left;
	font-family: 'Trebuchet MS', verdana, arial;
	font-size: 14px;
	color: #000000; 
}

form.layout input {
	font-family: 'Trebuchet MS', verdana, arial;  
	font-size: 14px;
	color: #000000; 
}

form.layout select {
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px;
	color: #000000; 
}

form.layout textarea {
	max-width: 300px;
	max-height: 150px;
	width: 300px;
	height: 150px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px;
	color: #000000; 
}

form.layout .submit_button {
	width: 80px;
	margin-left: 140px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px;
	color: #000000; 
}

#form_message {
	margin: 0px;
	padding: 0px;	
}