﻿@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px;}
body {
	background: #f7f7f7;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", "MyriadPro", Calibri, Arial, Verdana, sans-serif;
	color: #000;
}
a img {
	border: 0px none;
}
.ep{
/* Envelope Text Box On Personalize Page */
}
.cp{
/* Card Text Box On Personalize Page */
}
#checkout-page{
    padding:10px;
    font-size:12px;
}
#wrapper {
	width: 960px;
	margin: 5px auto;
}
#header {padding: 0px 0px 5px;}
#top-nav {
	list-style: none;
	text-align:right;
	height:15px;
	width: 960px;
	font-size:.8em;
}
#top-nav li {
	display: inline;
	line-height:15px;
	height:15px;
	padding: 0px 5px;
}
#top-nav li a {
	color: #000;
	text-decoration:none;
}
#top-nav li a:hover {
	text-decoration: underline;
}
#header-body {
	clear: both;
	padding-top: 6px;
}

.logo {
	float: left;
	
}
#header-right {
	float: right;
	width: 640px;
}
#infoSearchArea{
    clear: both;
	margin:0px;
}
#search, #phone, #shipping{
	height: 32px;
	line-height:30px;
}
#search{
    float:left;
    width: 300px;
    position:relative;
}
#phone{
	width: 270px;
	float:right;
	text-align:right;
}
#shipping {
    float:left;
    font-family: Tahoma;
    font-style:italic;
    font-size:12px;
}
#phone-number{
    font-family: Tahoma;
    font-style:italic;
    font-size:13px;
}
#phone-number1{
    font-family: Arial Black;
    color: #0C4A7D;
    font-size:18px;
    font-weight:bold;
}
.search-input {
	background: url(../../images/search-bg.jpg) left top no-repeat;
	width: 180px;
	height:21px;
	border:none;
	font-size:14px;
	line-height: 26px;
	padding: 5px 4px 0px 35px;
} 
.search-btn {
	background: url(../../images/search-btn.jpg) left top no-repeat;
	width: 57px;
	height:26px;
	border:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:1px;
	left:225px;
	cursor:pointer;
	cursor:hand;
}
#chat {
	float:right;
	text-align:center;
	height:85px;
	line-height:85px;
}
.mc{
    float:left;
    background: url(../../images/mc_bg.gif) left top no-repeat;
    padding:0px;
    padding-top:3px;
    margin:10px 0px;
    width:122px;
    height:63px;
}
#chat img {
	margin-left: 5px;
}

/*---------------------MAIN NAVIGATION---------------------*/
#nav-wrapper {
	background: url(../../images/nav-bg.jpg) left top repeat-x;
	height:35px;z-index:100;
	
}
#n2 {
	background: url(../../images/nav-bg-left.jpg) left top no-repeat;
}
#nav {
	background: url(../../images/nav-bg-right.jpg) right top no-repeat;
	height:35px;
	list-style:none;
	position:relative;z-index:100;
}
#nav li {
	float: left;
	position:relative;
	display:block;
}
#nav li a {
	display: block;
	float:left;
	text-decoration: none;
	color:#141e27;
	font-size:14px;
	width: 190px;
	text-align:center;
	line-height:25px;
	height:25px;
	background: url(../../images/nav-divider.jpg) right top no-repeat;
}
#nav li ul li a{
	font-size:.75em;
	line-height:20px;
}
#nav li a:hover{
background-color:#3D709D;
color:#FFF;
}
#nav li#current {
	background: url(../../images/nav-arrow-bg.jpg) center top no-repeat;
	
}

#nav li.drop a:after {content: " ▼"; font-size:8px; margin-left: 5px;}

#nav li.drop ul li a:after {content: "";}

.currentNav {
	background: url(../../images/nav-arrow-bg.jpg) center top no-repeat;
	
}
.MainNav1 .MainNav2 .MainNav3 .MainNav4 .MainNav5 .MainNav6 {
    z-index:100;
}

#nav li a#last, #nav ul a {
	background: none;
}
#nav li a#last:hover, #nav ul a:hover {
	background-color:#3D709F;
	color:#FFFFFF;
}
/*---LEVEL 2----*/
#nav ul {display: none; position: absolute; left: -2px; top: 27px; background:#fff; border-left:1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;}
* html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; text-align:left; height: auto; padding: 5px; display:block; width: 250px; } /* IE6/7 fix */
	#nav ul a:hover {
		background-color:#3D709F;
	    color:#FFFFFF;
	}
    #nav ul li { float: none; display:block;}
    #nav ul ul { top: 0; }

#nav ul { width: 260px;  border:solid 1px #adadad;}
#nav ul ul { left: 261px; }
/* Everything else is theming */
 
 /*-----------------------------------Default Content Styles--------------------------------*/
#content1 {
	background: url(../../images/content-bg.jpg) left top repeat-y; 
}
#content2 {
	background: url(../../images/content-bg-bottom.jpg) left bottom no-repeat;
	padding-bottom:15px; 
}
#content {
	background: url(../../images/content-bg-top.jpg) left top no-repeat; 
	min-height: 200px;
	padding: 5px 2px 10px 2px;
}
#content h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight:normal;
	padding:10px; 
}

#content h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight:normal;
	padding:10px; 
}
#content h3 {
	font-size: 1.0em;
	text-transform: uppercase;
	font-weight:normal;
	padding:10px; 
}
#content h4 {
	font-size: 0.9em;
	text-transform: uppercase;
	
	padding:10px; 
 }
#content p {
	font-size: 0.9em;
	padding:10px;
	
}
#content ul, #content ol {
	padding: 10px 30px;
	font-size:1em;
}
#content ul li, #content ol li {
	padding: 5px 0px;
}
#content a {
	color: #268dba;
	text-decoration: none;
}
#content a:visited {
	color: #999;
}
#content a:hover {
	text-decoration: underline;
}
#content table {
	margin: 10px 15px 5px;
	border-collapse:collapse;
	border:0px none;
}
#content table table {
	padding: 0px;
	margin:0px;
}
#content table tr td {
	padding: 5px;
}
#content table.nopadding td {padding: 0px;}
.request-btn, #content table input.request-btn {
	background: url(../../images/request-btn.jpg) top left no-repeat;
	width: 93px;
	height:31px;
	border:0px none;
}
#content table .request-btn:hover, #content table .request-btn:active, #content table .request-btn:focus {
	background-position: bottom;
}
.continue-btn, #content table input.continue-btn {
	background: url(../../images/continue-btn.jpg) top left no-repeat;
	width: 93px;
	height:31px;
	border:0px none;
}
#content table .continue-btn:hover, #content table .continue-btn:active, #content table .continue-btn:focus {
	background-position: bottom;
}
.back-btn, #content table input.back-btn {
	background: url(../../images/back-btn.jpg) top left no-repeat;
	width: 93px;
	height:31px;
	border:0px none;
}
#content table .back-btn:hover, #content table .back-btn:active, #content table .back-btn:focus {
	background-position: bottom;
}
.finalize-btn, #content table input.finalize-btn {
	background: url(../../images/finalize-btn.jpg) top left no-repeat;
	width: 93px;
	height:31px;
	border:0px none;
}
#content table .finalize-btn:hover, #content table .finalize-btn:active, #content table .finalize-btn:focus {
	background-position: bottom;
}
.send-btn, #content table input.send-btn {
	background: url(../../images/send-btn.jpg) top left no-repeat;
	width: 76px;
	height:27px;
	border:0px none;
}
#content table .send-btn:hover, #content table .send-btn:active, #content table .send-btn:focus {
	background-position: bottom;
}
.add-card-btn, #content table input.add-card-btn {
	background: url(../../images/add-card-btn.jpg) top left no-repeat;
	width: 84px;
	height:27px;
	border:0px none;
	line-height: 25px;

}
#content table .add-card-btn:hover, #content table .add-card-btn:active, #content table .add-card-btn:focus {
	background-position: bottom;
}
hr {
	display: block;
	width: 90%;
	margin: 15px auto;
	clear:both;
}
address {
	font-style: normal;
}

/*---------------WriteUp Styles---------------*/
#writeup {
	clear: both;
	background: url(../../images/footer-bg.jpg) center top repeat-y;
	margin:10px 1px 0px 1px;
	font-size:.8em;
}
#writeup b{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    text-transform:uppercase;
}
#writeup a{
    color:#000000;
    text-decoration:none;
}
#writeup a:hover{
    text-decoration:underline;
}

#bottomText {
	text-align: left;
	margin:0px 1px;
	padding:10px;
}
#bottomText a {
	color: #268dba;
}

/*---------------Footer Styles---------------*/
#footer {
	clear: both;
	background: url(../../images/footer-bg.jpg) center top repeat-y;
	margin:10px 1px 0px 1px;
	font-size:11px;
}
#footer b{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    font-size:11px;
    text-transform:uppercase;
}
#footer span, #footer div{
    float:left;
    padding-right:12px;
    padding-left:12px;
    height:75px;
}
#footer span.spec{
    height:32px;
}
#footer div img{
    clear:both;
    float:left;
}
#footer span.border{
    border-right:1px solid #EAEAEA;
}
#footer div.border{
    border-right:1px solid #EAEAEA;
    border-left:1px solid #EAEAEA;
}

#footer a{
    color:#000000;
    display:block;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;
}

#bottom {
	text-align: center;
	font-size:.8em;
	margin:20px 0px;
}
#bottom a {
	color: #268dba;
}
/*----------------------------Testimonials------------------------------*/
#testimonial-box, #cardfilter-box {
	background: url(../../images/testimonial-bg.jpg) left top repeat-y;
	width: 287px;
	float: left;
	margin:2px 1px;
	font-size:.8em;
}
.cardfilter-body {
    margin: 0px 8px;
    font-size:.9em;
}
.cardfilter-body input[type=checkbox] {
    margin:4px 4px 4px 15px;
}
.cardfilter-body input[type=submit] {
    font-size:1em;
}
#testimonial-box h2 {
	font-size:1.2em;
	line-height:0px;
	text-decoration:underline;
}
.testimonial-top {
	background: url(../../images/testimonial-bg-top.jpg) left top no-repeat;
	height:8px;
}
.testimonial-bottom {
	background: url(../../images/testimonial-bg-bottom.jpg) left top no-repeat;
	clear:both;
	height: 8px;
}
#testimonial-box ul {
    padding:0px 5px;
    margin:5px;
    height:315px;
}
#testimonial-box li {
	display:block;
    padding:0px;
    margin:0px;
}

#testimonial-box a {
	padding-left:10px;
}

 /*---------------------------Home Page Styles--------------------------------*/
 #card-boxes {
	padding: 0px 0px 20px; 
	width: 640px;
	float:right;
 }
.card-box {
	background: url(../../images/card-bg.jpg) left top repeat-y;
	width: 309px;
	float: left;
	margin-left: 7px;
}
.card-top {
	background: url(../../images/card-bg-top.jpg) left top no-repeat;
	height:8px;
}
.card-bottom {
	background: url(../../images/card-bg-bottom.jpg) left top no-repeat;
	clear:both;
	height: 8px;
}
#featured-cards {	
	width: 309px;
	float: left;
	margin-left: 7px;	
}
#featured-cards p{
padding-top:7px;
padding-bottom:7px;
font-size:18px;
}
#feature-body {text-align:center;}
#feature-body div {padding-bottom: 10px;}
#feature-body p {
	border-bottom: 1px solid #eaeaea;
	margin: 0px 20px;
}
#feature-body p#last-featured-card {border: none;}
#featured {
	width: 281px;
	margin: 0px auto;
	background: url(../../images/featured-bg.jpg) left top repeat-y;
	padding:0px;
}
#content #featured h2 {
	padding: 0px 10px;
	margin:0px;
	background: url(../../images/featured-header.jpg) top left no-repeat;
	line-height:35px;
	font-size:18px;
	height:35px;
	color: #737373;
	text-transform: none;
}
#content .card-box h2 {
	font-size: .9em;
	color:#268dba;
	background: url(../../images/dotted-bg.jpg) left bottom repeat-x;
	padding: 3px 2px;
	margin: 0px 10px;
}
.card-box img {
	float: right;
	padding:5px 7px 5px 3px;
}
#content .card-box p {
	font-size: 0.7em;
}

.clear {clear:both;}
.gray-border-bottom {border-bottom: 1px solid #ddd;}
.green {color: #68990e;}

.faqHR{
    width:80%;
    color:#000000;
    height:1px;
}

#photos {padding-bottom: 10px;}
.filmstrip li {margin-top: 20px;}

.filmstrip li {background: #e1e2e3; margin-top: 0px !important;}
#pointer {background: url(../../images/carousel-btn-green.jpg) left top no-repeat !important;}

#content #photos h2, #content #photos p {padding: 4px 0px 0px; margin:0px;}
#pointer {border: 1px solid red;}
.shop-now-btn {float: right; width: 194px; height:60px; background: url(../../images/shop-now-btn.png) left top no-repeat; margin: 5px 10px;}
.shop-now-btn:hover, .shop-now-btn:active {background-position: bottom;}

.clear {clear:both;}
.gray-border-bottom {border-bottom: 1px solid #ddd;}
.green {color: #68990e;}
.panel-overlay{}
.panel{}
.galleryview{}

.cartLabel{
    color:#474747;
    font-size:11px;
    font-weight:bold;
}
.cartInput{
    color:#474747;
    background-color:#F5F5F5;
    border-color:#000C39;
    border-width:1px;
    border-style:Solid;
    font-size:11px;
}
.FormErrors{
    color:Red;
    font-size:11px;
}
/* Modal Popup */
.modalPanel {
	border: #bbb 1px solid; 
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPadding {
	padding-right: 0.7em; padding-left: 0.7em; padding-bottom: 0.2em; padding-top: 0.2em
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width:760px;
}
.modalPopupSmall {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width:480px;
}
.modalTitle
{
	padding:0 4px 1px 0;
	border:none;
	color:#444;
	display:block;
	font-size:14px;
	font-weight:bold;
}
.modalHeaderGray 
{
	height:22px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 3px;
	background-repeat:repeat-x;
	background-position:left top;
	background-image: url('../../images/normalmenu_bg3.gif');
	margin-bottom:-.55em;
}
.modalFooterGray 
{
	height:30px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 5px;
	background-repeat:repeat-x;
	background-position:left top;
	background-image: url('../../images/normalmenu_bg4.gif');
	margin-bottom:-8px;
}
.modalClose {	
    display: block;	
    background: url(../../images/icons/close_vista.gif) no-repeat 0px 0px;	
    right: 10px;	
    width: 42px;	
    text-indent: -1000em;	
    position: absolute;	
    top: 0px;	
    height: 17px;	
}

 /*---------------------------Categories--------------------------------*/
#left{
width:287px;
float:left;
margin:0 10px;
}
.categories{
background:url(../../images/left-bgr.gif) repeat-y;
}
#categories img{
float:left;
}
#content h2.categoryParent{
font-size:.9em;
text-align:center;
padding:0px;
}
#categories ul{
clear:both;
list-style-type:none;
margin:0;
padding:0;
margin-left:20px;
padding-bottom:5px;
padding-top:5px;
}
#categories ul li{
margin:0;
padding:0;
font-size:.8em;
}
#categories ul li a{
color:#000;
display:inline;
text-decoration:none;
}
h2#categories ul li a{
font-size:.9em;
}
#categories a, #categories a:visited{
color:#000;
}
p.a a{
font-size:18px;
display:block;
padding-top:20px;
margin-top:20px;
}
p.a{
text-align:center;
}

#breadcrumb{
    padding: 10px 10px 10px 0px;
    font-size:12px;
}
#breadcrumb a{
    color:#185691;
}
#breadcrumb a:active{
    
}
#breadcrumb a:hover{
    
}

.AddToCart{
    background: url(../../images/add-to-card-btn.jpg) left bottom no-repeat;
	width: 127px;
	height: 30px;
	border:none;
	padding:0px;
	margin:0px;
}
input.update-btn {
	float:right;
	background: url(../../images/update-btn.jpg) left bottom no-repeat;
	width: 76px;
	height: 27px;
	border:none;
	padding:0px;
	margin:0px;
}
input.large-checkout-btn {
	background: url(../../images/checkout-green-btn.jpg) left bottom no-repeat;
	width: 188px;
	height:69px;
	border:none;
}
input.continue-shopping {
	background:  url(../../images/continue-shopping-btn.jpg) left bottom no-repeat;
	width: 162px;
	height:31px;
	border:none;
}
input.button-personalize {
	background:  url(../../images/button-personalize.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.order-blank {
	background:  url(../../images/order-blank.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-send{
	background:  url(../../images/button-send.jpg) left bottom no-repeat;
	width: 78px;
	height:28px;
	border:none;
}
input.button-payment {
	background:  url(../../images/button-payment.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-continue {
	background:  url(../../images/button-continue.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-apply {
	background:  url(../../images/button-apply.jpg) left bottom no-repeat;
	width: 73px;
	height:27px;
	border:none;
}
input.button-payment {
	background:  url(../../images/button-payment.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-payment-back {
	background:  url(../../images/button-payment-back.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-final-forward {
	background:  url(../../images/button-final-forward.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-shipping-back {
	background:  url(../../images/button-shipping-back.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-finalize-order {
	background:  url(../../images/button-submit-order.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-finalize-order2 {
	background:  url(../../images/button-place-order.jpg) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-signin-continue {
	background:  url(../../images/button-signin.gif) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
input.button-continue-asguest {
	background:  url(../../images/button-continue-guest.gif) left bottom no-repeat;
	width: 126px;
	height:32px;
	border:none;
}
.button-view-card{
	background:  url(../../images/button-view-card.jpg) left bottom no-repeat;
	width: 94px;
	height:32px;
	border:none;
}
.button-edit{
    background: url(../../images/buttons/edit.gif) left bottom no-repeat;
    width: 58px;
	height:21px;
	border:none;
}
.button-log-out{
    background: url(../../images/button-log-out.jpg) left bottom no-repeat;
    width: 126px;
	height:32px;
	border:none;
}
.button-log-in{
    background: url(../../images/button-log-in.jpg) left bottom no-repeat;
    width: 126px;
	height:32px;
	border:none;
}
.button-request{
    background: url(../../images/button-request.jpg) left bottom no-repeat;
    width: 75px;
	height:28px;
	border:none;
}
.button-checkout{
    background: url(../../images/button-checkout.jpg) left bottom no-repeat;
    width: 186px;
	height:70px;
	border:none;
}
input.update-btn:hover,input.large-checkout-btn:hover,input.continue-shopping:hover,input.button-log-out:hover,input.button-log-in:hover,input.button-request:hover,
input.button-continue:hover,input.button-payment:hover,input.button-send:hover,input.order-blank:hover,input.button-checkout:hover,
input.button-personalize:hover,input.button-finalize-order:hover,input.button-shipping-back:hover,.button-signin-continue:hover,
input.button-final-forward:hover,input.button-payment-back:hover,input.button-payment:hover,.button-view-card:hover,.button-continue-asguest:hover
{
	background-position: left top;
	cursor:hand;
	cursor:pointer;
}
.red_star{
	color:#ff0000;
	vertical-align:bottom;
	padding:5px 0 5px 2px;
}
.clearDevider {
	height:4px;
	background: url(../../images/cleardevider.png) left bottom repeat-x;
	clear:both;
}
ol#checkout-steps {
	list-style: none;
	height:40px;
	background: url(../../images/carousel-bg-bottom.jpg) left bottom no-repeat;
	color:#656565;
}
ol#checkout-steps li {
	width: 33%;
	text-align:center;
	float: left;
	font-size:24px;
}
#paymentMethod {
	padding:0 0 10px 5px;
	}
.paypal_bg {
	background:url(../../images/paypal_img.jpg) no-repeat;
	width:25px;
	height:22px;
	float:left;
	padding:4px 0 0 65px;
	}
.payment_text {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding:5px 0 0 5px;
	margin-bottom:15px;
	}
.visa_bg {
	background:url(../../images/visa_img1.jpg) no-repeat;
	width:25px;
	height:22px;
	float:left;
	padding:4px 0 0 135px;
	}
.prepayment_bg {
	background:url(../../images/prepayment_bg.jpg) no-repeat;
	width:25px;
	height:22px;
	float:left;
	padding:4px 0 0 65px;
	}
.orderTotalBox {
    border-bottom:#d8d5d5 1px dashed;
    padding-top:5px;
}
.orderTotalLabel{
    float:left;
    padding:3px 2px;
}
.orderTotalValue{
    float:right;
    color:#053460;
    padding:3px 2px;
}
.highlightColor{
    color:#053460;
}
.shippingOptionsBorder {
	width:321px;
	float:left;
	border-bottom:#7f7f7f 1px dashed;
	padding-top:10px;
}
#shipHammond{
    padding:5px 0px;
}
#shipOwn{
    padding:5px 0px;
}
.reveiw_order {
    font-size:15px;
    color:#050505;
    font-weight:bold;
    padding-bottom:5px;
}
.review_box {
	width:97%;
	margin:auto;
	background:#ffffff;
	border:1px solid #ddd;
	padding:8px 8px 10px 8px;
}
.float_left {float:left;}
.float_right {float:right;}
