/* TAG STYLES */

body
{
	background: #f2f5f7;
	font-family: Arial, Helvetica;
	font-size: 0.8em; /*font-size: 12px;*/
	text-align: center;
	color: #727272;
}
p
{
	font-family: Arial, Helvetica;
	font-size: 0.8em; /*font-size: 12px;*/
	color: #727272;
}

table, td
{
	font-size: 1em;
}

label
{
	font-size: 1em;
}

.hours
{
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica;
	color: #111111;
	font-size: 1.4em;
	line-height: 1em;
	padding: 0 0 1.2em 0;
}

div#content p, div#content ul, div#content address, div#content dl, div#content blockquote
{
	margin: 0 0 1.2em 0;
}

blockquote
{
	font-family: Times New Roman, Times, serif;
	font-size: 1.2em;
}

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

a:hover
{
	text-decoration: underline;
}

strong
{
	font-weight: bold;
}

table td
{
	vertical-align: top;
}

p.right
{
	text-align: right;
}

/* END OF TAG STYLES */

/* DIV ID STYLES */

div#page_container, div#header, div#footer
{
	width: 844px;
}

div#page_container, div#header, div#content, div#footer
{
	margin: 0px auto 0px auto;
	text-align: left;
}

div#page_container
{
	background: url(../../images/bg_page-container.png) repeat-y;
	padding: 0 6px;
}

div#ecardbuilder_page_container, div#header, div#footer
{
	width: 844px;
}

div#ecardbuilder_page_container, div#header, div#content, div#footer
{
	margin: 0px auto 0px auto;
	text-align: left;
}

div#ecardbuilder_page_container
{
	background: url(../../images/bg_page-container_ecardbuilder.png) repeat-y;
	padding: 0 6px;
}

/* --------------------------- Header -------------------------- */

div#header_address
{
	background: #FFF;
	color: #a3a3a3;
	text-align: center;
	padding: 2px 10px 0 0; /* height: 19px; */
	width: 857px;
}

div#header_address span
{
	padding: 0 5px;
}

div#header_navigation
{
	background: url(../../images/bg_header-navigation.png) no-repeat;
	height: 31px;
}

div#header_navigation ul
{
	list-style: none;
	padding: 0px 0 0 10px;
	margin: 0px;
}

div#header_navigation ul li
{
	float: left;
	margin: 0px;
}

div#header_navigation ul li a
{
	background: url(../../images/bg_header-navigation_o.png) no-repeat;
	color: #000;
	display: block;
	font-weight: bold;
	font-size: 13px; /*font-size: 1em;	*/
	text-decoration: none;
	padding: 7px 13px 7px 31px;
	float: left;
}

div#header_navigation ul li div a
{
    background-image: none;
	color: #000;
	font-weight: bold;
	font-size: 13px; /*font-size: 1em;	*/
	text-decoration: none;
	padding: 7px 13px 7px 31px;
	float: left;
}

div#header_navigation ul li a.home:hover, div#header_navigation ul li a.home_current, div#header_navigation ul li a.services:hover, div#header_navigation ul li a.services_current, div#header_navigation ul li a.design-online:hover, div#header_navigation ul li a.design-online_current, div#header_navigation ul li a.ecommerce:hover, div#header_navigation ul li a.ecommerce_current, div#header_navigation ul li a.one-to-one-printing:hover, div#header_navigation ul li a.one-to-one-printing_current, div#header_navigation ul li a.send-a-file:hover, div#header_navigation ul li a.send-a-file_current, div#header_navigation ul li a.centre-contact:hover, div#header_navigation ul li a.centre-contact_current
{
	color: #FFF;
	padding: 7px 20px 7px 24px;
}

div#header_navigation ul li a.home:hover, div#header_navigation ul li a.home_current
{
	background: url(../../images/bg_header-navigation_o_home.png) no-repeat;
}

div#header_navigation ul li a.services:hover, div#header_navigation ul li a.services_current
{
	background: url(../../images/bg_header-navigation_o_services.png) no-repeat;
}

div#header_navigation ul li a.design-online:hover, div#header_navigation ul li a.design-online_current
{
	background: url(../../images/bg_header-navigation_o_design-online.png) no-repeat;
}

div#header_navigation ul li a.ecommerce:hover, div#header_navigation ul li a.ecommerce_current
{
	background: url(../../images/bg_header-navigation_o_ecommerce.png) no-repeat;
}

div#header_navigation ul li a.one-to-one-printing:hover, div#header_navigation ul li a.one-to-one-printing_current
{
	background: url(../../images/bg_header-navigation_o_one-to-one-printing.png) no-repeat;
}

div#header_navigation ul li a.send-a-file:hover, div#header_navigation ul li a.send-a-file_current
{
	background: url(../../images/bg_header-navigation_o_send-a-file.png) no-repeat;
}

div#header_navigation ul li a.centre-contact:hover, div#header_navigation ul li a.centre-contact_current
{
	background: url(../../images/bg_header-navigation_o_centre-contact.png) no-repeat;
}

/* Hide from IE5-Mac \*/
div#header_navigation ul li a
{
	float: none;
}
/* End hide */

/* --------------------------- End Header -------------------------- */

/* --------------------------- Begin Content -------------------------- */

div#content
{
	width: 857px;
	padding: 0 0 0 10px;
}

div#content ul
{
	list-style-type: disc;
	margin-left: 30px;
	color: #e80033;
}

div#content ul span
{
	color: #727272;
}

div#content p, div#content address, div#content ul, div#content dt, div#content dd
{
	font-size: 0.95em;
}

div#content dt
{
	font-weight: bold;
}

div#content dd
{
	margin: 0 0 30px 0;
}

/* --------------------------- End Content -------------------------- */

/* --------------------------- Begin Content Sections -------------------------- */

div#content_left, div#content_right, div#ecarbuilder_content_left
{
	float: left;
}

div#content_left, div#logo, div#quick_access, div#customer_login, div#ecarbuilder_content_left
{
	width: 213px;
}

div#customer_login .login_header
{
	font-family: Arial, Helvetica;
	color: #d90030;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0 0px 20px;
}

div#content_left h1, div#content_left h2, div#content_left h3, div#content_left h4, div#content_left h5, div#content_left h6
{
	color: #d90030;
	padding: 20px 0 10px 24px;
}

div#content_right, div#heading_image
{
	width: 610px;
}

div#ecarbuilder_content_left
{
	/*background-color:#eeeeee;*/
}

div#logo
{
	text-align: center;
	padding: 30px 0 23px 0;
	border-bottom: 8px #FFF solid;
	height: 101px;
}

div#ecardbuilder_logo
{
	text-align: center;
	padding: 30px 0 0px 0; /*border-bottom: 8px #FFF solid;*/
	height: 90px;
}

* html div#logo /* Hack for IE 6 and earlier */
{
	padding: 30px 0 20px 0;
}

div#quick_access
{
	background: #f5f5f5;
}

div#quick_access ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#heading_image
{
	height: 162px;
}

div#page_content
{
	width: 580px;
	padding: 20px 0 0 30px;
}

/* --------------------------- End Content Sections -------------------------- */

/* --------------------------- Begin Pages -------------------------- */

div#home_left, div#home_right, div#contact_left, div#contact_right
{
	float: left;
}

div#home_left
{
	width: 360px;
	margin-right: 20px;
}

div#home_right
{
	width: 198px;
}

div#home_right ul, div#start_project_now ul, div#contact_right ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#home_right ul li
{
	margin: 0 0 1.2em 0;
}

div#start_project_now
{
	border: 1px #cbcbcb solid;
	background: url(../../images/bg_start-project-now.png) repeat-x;
	height: 93px;
	width: 358px;
	text-align: center;
}

div#start_project_now h4
{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.7em 0 0.9em 0;
}

div#start_project_now h4 span
{
	color: #848484;
}

div#start_project_now ul
{
	margin: 0 0 0 15px;
}

div#start_project_now ul li
{
	float: left;
}

div#start_project_now ul img.first_btn
{
	border-right: 1px #cbcbcb solid;
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
}

div#contact_left
{
	width: 353px;
	position: relative;
}

div#contact_right
{
	width: 227px;
	position:relative;
}

div#contact_right ul li
{
	margin: 0 0 1.2em 0;
}

div#content ul#btns_design-online
{
	margin: 0;
	padding: 0;
}

div#content ul#btns_design-online li
{
	display: inline;
	padding: 0 4px 0 0;
}

div#content ul#btns_design-online li img
{
	margin: 0 0 10px 0;
}

div.services_special, div.services_special ul, div.services_special li
{
	color: #000000;
}


div.services_special td
{
	padding: 3px;
	margin: 10px;
}

/* --------------------------- End Pages -------------------------- */

/* --------------------------- Begin Footer -------------------------- */

div#footer
{
	text-align: center;
	margin: 1.2em 0 0 0;
	padding: 0 0 5.2em 0;
}

div#footer_top, div#footer_bottom
{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 810px;
}

div#footer_top, div#footer_bottom
{
	height: 13px;
	overflow: hidden;
}

div#footer_top
{
	background: url(../../images/bg_footer-top.gif) no-repeat;
}

div#footer_center
{
	background: url(../../images/bg_footer-center.png) repeat-y;
	padding: 10px 20px 0 20px;
	width: 770px;
	height: 25px;
	margin: 0px auto 0px auto;
	text-align: left;
}
div#footer_center table
{
	font-size: 0.9em;
}

div#footer_center span
{
	font-size: 0.8em;
	margin: 0 0 0 18px;
}

div#footer_bottom
{
	background: url(../../images/bg_footer-bottom.gif) no-repeat;
}

div#footer a
{
	font-size: 12px;
	color: #727272;
	text-decoration: none;
	font-weight: normal;
}

div#footer a:hover
{
	text-decoration: underline;
}

div#footer_address
{
	margin: 1.2em 0 0 0;
}

div#login
{
	width: 177px;
	margin: 0 0 0 14px;
	background: #FFF;
	border: 1px #cbcbcb solid;
	padding: 10px 0 0 8px;
}

div#login label
{
	font-size: 0.85em; /*font-size: 12px;*/
	width: 65px;
	float: left;
}

div#login input[type=text]
{
	font-size: 12px;
	float: left;
	background: #f1f1f1;
	width: 91px;
	padding: 0 5px;
	margin: 0 0 1.2em 0;
}

div#login input[type=password]
{
	font-size: 12px;
	float: left;
	background: #f1f1f1;
	width: 91px;
	padding: 0 5px;
	margin: 0 0 1.2em 0;
}

div#login br
{
	clear: both;
}

div#login p
{
	margin: 0;
	padding: 0;
}

/*
div#login input#btn_login
{
	background: none;
	border: 0;
	padding: 0 8px 0 0;
	width: 102px;
	height: 21px;
	float: none;
}
*/

.btn_login
{
	background: none;
	border: 0;
	padding: 0 8px 0 0;
	width: 102px;
	height: 21px;
	float: none;
	margin: 0 0 1.2em 0;
}

/* --------------------------- End Footer -------------------------- */

/* END OF DIV ID STYLES */



/* FORM ID STYLES */

form#contact-us .asterik, form#contact-us .error_msg
{
	color: #F00;
	font-weight: bold;
}

/* END OF FORM ID STYLES */


/*QUOTE STYLE */

div#quote table td
{
	padding: 2px 20px 2px 0px;
}

div#quote input[type=text]
{
	width: 232px;
}
div#quote textarea
{
	width: 232px;
	height: 100px;
}
.red
{
	color: Red;
}

/*END OF QUOTE STYLE */


/*rsvp STYLE */
div#rsvp table td, div#rsvp p, div#rsvp span
{
	color: #000000;
}

div#rsvp table td
{
	padding: 3px 10px 3px 0px;
}

div#rsvp input[type=text]
{
	width: 170px;
	border: solid 1px #b1b1b1;
	height: 22px;
}
div#rsvp .red
{
	color: Red;
}

div#rsvp .rsvp_submit
{
	border:0px;
	background: url(../../images/btn_submit.gif);
	width:112px;
	height:42px;
}
/*END OF rsvp STYLE */