@import url("smallbusiness.css");
@import url("enterprise.css");
@import url("ultra.css");
@import url("stationery.css");
@import url("cartoon.css");

/* -------------------------- GLOBAL --------------------------*/
	html, body, span, div, h1, h2, h3, h4, h5, h6, p, object, iframe, applet,  
	blockquote, pre, dl, dt, dd, ol, ul, li, a, abbr, acronym, address, big,
	cite, code, del, dfn, em, font, ins, kbd, q, s, samp,legend, caption, tfoot, 
	thead, th, small, strong, sub, sup, tt, var, strike, fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	list-style: none;
	}

	body{
	background-color: #CCCCCC;
	background-image: url(/images/bg_shade.gif);
	background-repeat: repeat;	
	}
	
	p{
	font-size: 12px;
	}

/* -------------------------- Wrapper --------------------------*/	
	#wrapper{
	width: 750px; /*Webpage Size*/
	height: 2300px;
	background-color:#FFFFFF;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #666666;
	}
	
	.logo-design-expert a {
	color: #56991A;
	text-decoration: none;
	}

	.logo-design-expert a:hover,
	.logo-design-expert a:active,
	.logo-design-expert a:focus {
	color: #4B4B4B;
	}
	
/* -------------------------- Top-Header --------------------------*/	
	#top-header-wrapper{
	width: 750px;
	height: 30px;
	background-image: url(/images/BG-TOP.GIF);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
	#top-header-left{
	width: 200px;
	height: 30px;
	float: left;
	}
	
	#top-header-right{
	width: 300px;
	float: right;
	padding-top: 5px;
	}
	
	#top-header-wrapper h1{
	font-size: 11px;
	padding-top: 5px;
	padding-left: 5px;
	color: #56991A;
	text-align: left;
	}
	
	#top-header-right ul{
	font-size: 0.75em;
	text-align: right;
	}
	
	#top-header-right li{
	border-left: 1px solid #cccccc;
	display: inline;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	text-align: right;
	}
	
	#top-header-right li.first{
	border-left: 0px solid #fff;
	display: inline;
	}
	
	#top-header-right li a {
	color: #4B4B4B;
	text-decoration: none;
	}

	#top-header-right li a:hover,
	#top-header-right li a:active,
	#top-header-right li a:focus {
	color: #56991A;
	text-decoration: underline;	
	}

/* -------------------------- Header --------------------------*/	
	#header-logo{
	width: 180px;
	height: 80px;
	float: left;
	}
	
	#header-tagline{
	width: 570px;
	height: 40px;
	text-align: right;
	float: right;
	}
	
	#header-tagline h2{
	color: #2897FF; /*Dark-Blue*/
	font-size: 17px;
	font-weight: normal;
	}
	
	.darkblue{
	color: #3972C6; /*Light-Blue*/
	font-size: 17px;
	font-weight: normal;
	}
	
	#header-links{
	width: 570px;
	height: 40px;
	float: right;
	}
	
	/* --- List Start--*/
	#header-links ul{
	font-size: 0.75em;
	text-align: right;
	margin-top: 22px;
	}
	
	#header-links li{
	border-left: 1px solid #cccccc;
	display: inline;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 22px;
	text-align: right;
	}
	
	#header-links li.first{
	border-left: 0px solid #fff;
	display: inline;
	}
	
	#header-links li a {
	color: #4B4B4B;
	text-decoration: none;
	}

	#header-links li a:hover,
	#header-links li a:active,
	#header-links li a:focus {
	color: #56991A;
	text-decoration: underline;	
	}
	/* --- List End--*/

	
/* -------------------------- Lower Header --------------------------*/
	#lower-header-wrapper{
	width: 750px;
	height: 144px;
	}
	
	#lower-header-wrapper-left{
	width: 190px;
	height: 147px;
	float: left;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;	
	}
	
	#lower-header-wrapper-right{
	width: 557px;
	height: 144px;
	float: right;
	border-bottom: 5px solid #83C529;
	margin-bottom: 10px;
	}

	#lower-header-links{
	height: 144px;
	padding-left: 20px;
	}
	
	#lower-header-links ul{
	font-weight: bold;
	}
	#lower-header-links li{
	background: url(/images/bg-left-links.gif) repeat;
	list-style: square;	
	line-height: 18px;	
	color: #56991A;
	}
	
	#lower-header-links li a {
	color: #4B4B4B;
	text-decoration: none;
	}

	#lower-header-links li a:hover,
	#lower-header-links li a:active,
	#lower-header-links li a:focus {
	color: #56991A;
	text-decoration: underline;	
	}
	
	.order-bold{
	color: #56991A;
	}
/* -------------------------- Left Panel --------------------------*/
	#left-panel{
	width: 510px;
	height: auto;
	margin-top: 10px;
	float: left;
	}
	
	#left-panel h1{
	width: 300px;
	height: 80px;
	font-size: 20px;
	color: #3972C6; /*Blue Color*/
	margin-bottom: 10px;
	text-decoration: none;
	font-weight:normal;
	}
	
	.link-h1 a {
	font-size: 20px;
	color: #3972C6;
	text-decoration: none;
	}
	.link-h1 a:hover,
	.link-h1 a:active,
	.link-h1 a:focus {
	font-size: 20px;
	color: #3972C6;
	text-decoration: none;
	}
	
	.h1green{
	color: #56991A; /*Green*/
	font-size: 18px;
	}
	
	#left-panel h2{
	font-size: 13px;
	color: #56991A; /*Green Color*/
	}
	
	#left-panel h3{
	width: 520px;
	font-size: 16px;
	color: #3972C6; /*Blue Color*/
	}
	
	#left-panel h4{
	width: 520px;
	font-size: 13px;
	color: #56991A; /*Green Color*/
	}
	
	#left-panel p{
	text-align:justify;
	margin-bottom: 16px;
	}
	
	.bold{
	font-weight: bold;
	font-size: 12px;
	}
	
	/* -Packages-*/
	#blue-box-heading-1 h2{
	width: 520px;
	height: 18px;
	background-color:#3972C6;
	margin-bottom:8px;
	font-weight: bold;
	font-size:12px;
	text-align: center;
	padding-top: 2px;
	color: #FFFFFF;
	float: left;
	}
	
	#blue-box-heading-2 h3{
	width: 520px;
	height: 18px;
	background-color:#3972C6;
	margin-bottom:8px;
	font-weight: bold;
	font-size:12px;
	text-align: center;
	padding-top: 2px;
	color: #FFFFFF;
	float: left;
	}
	
	.ruler{
	width: 520px;
	height: 2px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	.ruler-logos{
	width: 210px;
	height: 5px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	.ruler-logos p{
	width: 210px;
	}
	
	.ruler-right-bottom{
	width: 210px;
	height: 5px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	margin-top: 5px;
	margin-bottom: 8px;
	}
	
	.readmore a {
	color: #3972C6;
	font-weight: bold;
	text-decoration: none;
	}
	.readmore a:hover,
	.readmore a:active,
	.readmore a:focus {
	color: #56991A;
	text-decoration: underline;	
	}
	
/* -------------------------- Lower Left Panel --------------------------*/
	#lower-left-panel{
	width: 510px;
	height: auto;
	margin-top: 10px;
	float: left;
	}
	
/* ------------The ordering process is very easy ----------------------*/
	#ordering-process{
	width: 514px;
	height: auto;
	float: left;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	.shopping a {
	color: #09A6E1;
	font-weight: bold;
	font-size:17px;
	text-decoration: none;
	}
	.shopping a:hover,
	.shopping a:active,
	.shopping a:focus {
	color: #56991A;
	text-decoration: underline;	
	}
	
	#ordering-process-top{
	width: 470px;
	height: 30px;
	}
	
	#ordering-process-bottom{
	width: 480px;
	padding-left: 25px;
	}
	
	#ordering-process h2{
	font-size: 22px;
	color: #3972C6;
	font-weight:normal;
	}
	
	#ordering-process ol li {
	font-size: 12px;
	list-style: decimal;
	}
	
	#ordering-process-link a {
	color: #3972C6;
	font-size: 11px;
	text-decoration: none;
	padding-left: 235px;
	font-weight:bold;
	}
	#ordering-process-link a:hover,
	#ordering-process-link a:active,
	#ordering-process-link a:focus {
	color: #56991A;
	text-decoration: underline;	
	}
	
	
/* -------------------------- Right Panel --------------------------*/

	#right-panel{
	width: 230px;
	height: auto;
	text-align: center;
	float: right;
	padding-top: 10px;
	border-left: 1px solid #EFEFEF;
	}
	
	#right-panel h2 {
	width: 220px;
	height: 19px;
	background-color:#3972C6;
	font-size:13px;
	text-align: center;
	margin-bottom: 10px;
	float: right;
	vertical-align: middle;
	color: #FFFFFF;
	}
	.img-lines {
	width: 220px;
	height: inherit;
	float: right;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	}
	
	#stationery{
	width: 229px;
	}
	#stationery h3{
	font-size: 10px;
	}
	
	#testimonial{
	width: 229px;
	}
	/* -------------------- bottom right wrapper-------------------- */
	#bottom-right-wrapper{
	width: 229px;
	height: 250px;
	}
	
	#online-payment-wrapper{
	width: 229px;
	height: auto;
	float: left;
	margin-top: 15px;
	
	}
	#online-left{
	width: 50px;
	height: auto;
	float: left;
	}
	
	#online-right{
	width: 179px;
	height: auto;
	text-align: left;
	float: right
	}
	
	#checkout{
	width: 229px;
	font-size: 9px;
	margin-top: 10px;
	}
	


/* -------------------------- Footer Wrapper--------------------------*/
	#footwrap{
	width: 755px;
	height: 75px;
	float: left;
	padding-top: 6px;
	border-top: 1px solid #CCCCCC;
	}


/* -------------------------- Footer Left--------------------------*/

	#footwrap-left{
	width: 522px;
	height: 55px;
	float: left;
	}
	
	#footer-left{
	width: 520px;
	text-align: center;
	float: left;
	}
	
	#footer-left ul li{
	color: #666666;
	font-size: 10px;
	border-left: 1px solid #999;
	display: inline;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	line-height: 14px;
	}
	
	#footer-left li.first{
	border-left: 0px solid #fff;
	font-size: 10px;
	display: inline;	
	}
	
	#footer-left-link a {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
	}
	#footer-left-link a:hover,
	#footer-left-link a:active,
	#footer-left-link a:focus {
	color: #56991A;
	text-decoration: underline;	
	}	
	
	#footer-left h2{
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	display: inline;
	}
/* -------------------------- Footer Right--------------------------*/	
	#footwrap-right{
	width: 228px;
	height: 55px;
	float: right;
	}
	
	#footer-right{
	width: 230px;
	text-align: center;
	}
	
	#footer-right ul li{
	color: #666666;
	font-size: 10px;
	border-left: 1px solid #999;
	display: inline;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	line-height: 14px;
	}
	
	#footer-right li.first{
	border-left: 0px solid #fff;
	font-size: 10px;
	display: inline;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	display: inline;
	}

	#footer-right h1{
	color: #666666;
	font-size: 10px;
	display: inline;
	font-weight: normal;
	}
	
	#footer-right-link a {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	}
	#footer-right-link a:hover,
	#footer-right-link a:active,
	#footer-right-link a:focus {
	color: #56991A;
	text-decoration: underline;	
	}
/* -------------------------- Finished Footer--------------------------*/