@charset "utf-8";
/* CSS Document */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	GENERAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #7A68A0 url(../images/bg.jpg) repeat-x;
	margin: 0 auto;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
}

a {
	font-weight: bold;
	color: #0FAED4;
}

a:hover {
	color: #7A68A0;
	text-decoration: none;
}

hr {
	border: none 0;
	border-top: 2px dotted #000;
	height: 1px;
	margin: 20px auto;
}

.gallery_sub_hr {
	border: none 0;
	border-top: 2px solid #CCC;
	height: 1px;
	margin: 0 auto;
}

h1 {
	color: #000;
	font-size: 26px;
	border-bottom: 2px solid #0FAED4;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
}

h2 {
	color: #333;
	font-size: 22px;
	margin: 0 0 10px 0;
}

h3 {
	color: #7A68A0;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
	font-size: 16px;
	color: #0FAED4;
}

p {
	margin: 10px 0;
}

ul, ol {
	margin: 10px 10px 10px 40px;
}

li {
	margin: 6px 0;
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.note {
	font-size: 12px;
}

.purple {
	color: #7A68A0;
}

.green {
	color: #00CD9A;
}

.clear {
	clear: both;
}

.pngfix {
	behavior: url(css/iepngfix.htc); 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header_wrapper {
}

.header {
	height: 98px;
	width: 980px;
	margin: 0 auto;
	background: url(../images/bg_header.jpg) no-repeat;
}

.logo {
	float: left;
	margin: 10px 0 0 24px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HEADER BUTTONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.btn a {
	color: #fff;
	font-size: 14px;
}

.btn a:hover {
	text-decoration: none;
}

.btn_01 {
	float: right;
	width: 208px;
	height: 42px;
	background: url(../images/bg_btn.png);
	margin: 28px 28px 0 28px;
	padding: 2px 0 0 2px;
}

.btn_01 img {
	float: left;
}

.btn_01 h2 {
	margin: 10px 0 0 98px;
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}

.btn_01 h2 a:hover {
	text-decoration: none;
}

.btn_02 {
	float: right;
	width: 207px;
	height: 42px;
	background: url(../images/bg_btn.png);
	margin: 28px 0 0 28px;
	padding: 2px 0 0 3px;
}

.btn_02 img {
	float: left;
	padding: 4px 0 0 0;
}

.btn_02 h2 {
	margin: 10px 0 0 47px;
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}

.btn_02 h2 a:hover {
	text-decoration: none;
}

.btn_03 {
	float: right;
	width: 210px;
	height: 44px;
	background: url(../images/bg_btn.png);
	margin: 28px 0 0 0;
	padding: 0 0 0 0;
}

.btn_03 img {
	float: left;
	padding: 8px 0 0 6px;
}

.btn_03 h2 {
	margin: 10px 0 0 44px;
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}

.btn_03 h2 a:hover {
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container_wrap {
	background: #fff;
	width:100%;
	margin: 0 auto;
	float: left;
}

.container {
	width: 980px;
	margin: 0 auto;
	padding: 0 40px 10px 40px;
}

.body, .body_wide {
	float: left;
	min-height: 330px;
	width: 600px;
	font-size: 14px;
	padding: 0 0 0 10px;
}

.body_wide {
	width: 900px;
}

.flash {
	padding: 6px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ANCHOR NAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.anchor_nav {
	list-style: none;
	margin: 0;
}
	
.anchor_nav li {
	margin: 0;
}

.anchor_nav a {
	display: block;
	text-decoration: none;
	padding: 5px;
	border-bottom: 1px solid #7A68A0;
}

.anchor_nav a:hover {
	background: #7A68A0;
	color: #fff;
	border-bottom: 1px solid #0FAED4;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EMAIL PRICE LIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.email_price_list {
	width: 280px;
	list-style: none;
	margin: 10px 0;
}
	
.email_price_list li {
	margin: 0;
}

.email_price_list li {
	display: block;
	text-decoration: none;
	padding: 5px;
	border-bottom: 1px solid #7A68A0;
}

.email_price_list li:hover {
	background: #7A68A0;
	color: #fff;
	border-bottom: 1px solid #0FAED4;
}

.email_price_list span {
	float: right;
	text-align: right;
	margin: 0;
	width: 80px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SAMPLES GALLERIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.gallery {
	list-style: none;
}

.gallery li {
	float: left;
	margin: 0 10px 0 0;
}

.gallery img {
	padding: 3px;
	border: 1px solid #ccc;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SIDEBAR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sidebar {
	float: left;
	width: 0;
	width: 300px;
}

.sidebar ul {
	list-style: none;
	margin: 0 1px;
}

.sidebar li {
	margin: 5px 0;
}

.sidebar_hp {
	float: right;
	width: 0;
	width: 300px;
	padding: 7px 0 0 0;
}

.sidebar_hp ul {
	list-style: none;
	margin: 0 1px;
}

.sidebar_hp li {
	margin: 9px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BUTTON ROW - HOMEPAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.btn_row {
	width: 660px;
}

.btn_row ul {
	list-style: none;
	margin: 11px 0 0 0;
}

.btn_row li {
	margin: 0 4px 0 0;
	display: inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FOOT CLAN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.foot_wrap {
	border-top: 2px solid #675689;
	clear: both;
	height: 100%;
	margin: 0 auto;
}

.foot1 {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	text-align: center;
	border-bottom: 1px solid #53407B;
	padding: 10px 0 13px 0;
	width: 980px;	
	margin: 0 auto;
}

.foot1 ul {
	list-style: none;
	display: inline;
}

.foot1 li {
	display: inline;
	margin: 0 50px 0 0;
}

.foot2 {
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding: 13px 0 0 0;
	width: 990px;
	margin: 0 auto;
}

.foot2 ul {
	list-style: none;
	display: inline;
}

.foot2 li {
	display: inline;
	padding: 0 16px 0 0;
}

.foot2 li a {
	padding: 2px;
	color: #FFFF97;
}

.foot2 li a:hover {
	color: #fff;
	background: #0FAED4;
}

.elyk {
	text-align: right;
	margin: 10px 0;
	width: 980px;
	margin: 0 auto;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation{width:905px; padding: 0 0 0 40px; overflow:hidden;margin: 0 auto;}
#nav{float: left;padding:0;}
ul#nav {padding:0; margin:0;}
#nav li{display:inline;list-style:none;}
#nav a{float:left;background:top;height: 40px;}
#nav a:hover{background-position:center;}
#nav a.selected{background-position:bottom;}

	#home a{width:102px;background:url(../images/nav_home.jpg) top center no-repeat;  text-indent: -9999px;}
	#about a{width:102px;background:url(../images/nav_about.jpg) top center no-repeat;  text-indent: -9999px;}
	#products_services a{width:190px;background:url(../images/nav_products_services.jpg) top center no-repeat;  text-indent: -9999px;}
	#samples a{width:117px;background:url(../images/nav_samples.jpg) top center no-repeat;  text-indent: -9999px;}
	#faq a{width:92px;background:url(../images/nav_faq.jpg) top center no-repeat;  text-indent: -9999px;}
	#mail_promotions a{width:169px;background:url(../images/nav_mail_promotions.jpg) top center no-repeat;  text-indent: -9999px;}
	#contact_us a{width:133px;background:url(../images/nav_contact_us.jpg) top center no-repeat;  text-indent: -9999px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SCROLLER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pscroller1{
width: 900px;
height: 40px;
padding: 5px;
font-size: 12px;
}

#pscroller2{
width: 450px;
height: 40px;
padding: 5px;
font-size: 12px;
}

#pscroller2 a{
text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FILE MANAGER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.file_list {
	width: 750px !important;
}

.file_list td {
	padding: 3px 6px;
}

.file_list th {
	text-align: center;
}

.file_list .grey {
	background-color: #e5e5e5;
}

.file_list .button_cell {
	text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	VIDEO FRAME
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.video_frame {
	margin: 0 0 10px 10px;
	width: 340px;
	float: right;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Site Map List
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.site-map-list ul {
	padding: 0px 0px 0px 5px;
	margin: 15px 0px 10px 5px;
	text-indent: 1px;
	list-style: none;
}

.site-map-list li {
	border-bottom: 1px solid #d8d8d8;
	list-style: none;
	margin: 0px 0px;
	padding: 8px 0px;
	font-size: 13px;
}

.site-map-list li a {
	font-weight: bold;
}

.site-map-list a:link,
.site-map-list a:visited {
	color: #006699;
	text-decoration: none;
}

.site-map-list a:hover,
.site-map-list a:visited:hover {
	color: #0099cc;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	DIRECT MAIL POSTCARDS PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.postcard_google_checkout_button {
	margin: 10px auto 15px;
}

.postcard_google_checkout_button table {
	margin: auto;
}

.xpps-box {
	float: left;
	width: 620px;
	height: 300px;
}

.xpps-cell {
	height: 300px;
	width: 295px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HUNTINGTON
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sidebar-huntington-hp {
	float: left;
	width: 0;
}

.sidebar-huntington {
	width: 200px;
	float: left;
}

.body-huntington-hp {
	width: 980px;
	margin: 10px 0 0 0;
}

.body-huntington-sp {
	margin: 10px 0 20px 0;
	width: 740px;
	float: right;
}

.huntington-login-left {
	width: 300px;
	height: 300px;
	float: left;
}

.huntington-login {
	width: 380px;
	height: 300px;
	float: left;
}

.huntington-login h2 {
	color: #65578A;
	text-align: center;
}

.huntington-login h2 {
	color: #65578A;
	text-align: center;
}

input.login {
	float: right;
}

input.text {
	width: 260px;
}

a.forgot {
	font-size: 10px;
	margin: 10px 0 0 0;
}

.huntington-login-right {
	width: 300px;
	height: 300px;
	float: left;
}

.logged-in {
	text-align: right;
	color:#006699;
	font-weight: bold;
}

.sidebar-nav {
	width:199px;
	background: url(../huntington/images/bg-sidebar-nav.jpg) no-repeat;
	background-color: #0F9BBE;
	margin: 10px 0 10px 14px;
}

.sidebar-nav ul {
	list-style: none;
	margin: 0 0 0 4px;
	padding: 10px 0 10px 0;
}

.sidebar-nav li {
	width: 192px;
}

.sidebar-nav li:hover {
	background: #66CDCC url(../huntington/images/bg-nav-hover.jpg) no-repeat;
}

.sidebar-nav a {	
	display: block;
	height: 20px;
	padding: 8px 0 3px 20px;
	color: #fff;
	font-size: 11px;
}

.sidebar-nav a:hover {
	color: #FFFF00;
}

.re-order {
	font-size: 10px;
}
.sidebar-nav-btm {
	background: url(../huntington/images/bg-sidebar-nav-btm.jpg) no-repeat;
	height: 5px;
}

.build div {
	margin: 20px 0 0 0;
}

.build h2 {
	border-bottom: solid 1px #ccc;
	padding: 0 0 8px 0;
}

.build ul {
	list-style: none;
}

.build li {
	display: inline;
	width: 200px;
}

.next-step {
	padding: 20px;
	text-align: right;
}

.big_pink_button {
	min-width: 80px;
	height: 40px;
	margin: 8px 0 20px;
	padding: 7px;
	border: 2px solid #000;
	cursor: pointer;
	background: #FF3399;
	color:#fff;
	font-weight: bold;
}

.hp-blog {
	margin: 10px 0 0 0;
}

#comments {
	margin: 10px 0 0 0;
}

p.comment-form-comment label {
	clear: both;
	float: left;
}

p.comment-form-comment textarea {
	clear: both;
	float: left;
}

p.form-allowed-tags {
	clear: both;
	float: left;
}

#commentform input {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
}