/* 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: 834px;	
}

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 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: 834px;
	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;
}

div#contact_right
{
	width: 227px;
}

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;
}

/* --------------------------- 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 */


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;
	}	