/* In this CSS
site, header, navigation, content, forms, footer, global, extra
*/

/*/////// site /////////////////////////////////////////////////////////////*/

* { margin:0; padding:0;}
a {outline:expression(blur());outline: 0;}

body {
	margin:0;
	padding:0;
	background: #406096 url(/Images/CommonImages/bg_body.jpg);
}
html {
	/*site wide inherited attributes*/
	color : #8d8d8d;
	font: 15px/18px Arial, Verdana, Tahoma, sans-serif;
}
.wrapper {
	margin: 0 auto;
	width: 900px;
}
.wrapper_padding {padding:0;}


/*/////// header /////////////////////////////////////////////////////////////*/

.header {
	height:140px;
	margin-bottom:48px;
	color:#006600;
	font-size:11px;
	line-height:16px;
	vertical-align:middle;
}
.header_padding {}

.header a {color: #006600; text-decoration: underline;}
.header a:link {color: #006600;}
.header a:visited {color: #006600;}
.header a:active {color: #006600;}
.header a:hover {color: #006600; text-decoration: none;}

.logo{margin:22px 0 0 22px;}

/*/////// navigation /////////////////////////////////////////////////////////////*/

.primary_nav {
	color:#007650;
	font-size:12px;
	line-height: 15px;
	height:34px;
}
.primary_nav_padding {padding:15px 13px 0px 23px; margin-bottom: 10px;}

.primary_nav a {color:#007650;text-decoration: none; padding: 4px 0 4px 2px; display: block;}
.primary_nav a:link {color:#007650;}
.primary_nav a:visited {color:#007650;}
.primary_nav a:active {color:#007650;}
.primary_nav a:hover {color:#000000;text-decoration: none;}

.primary_nav a.on {color:#000000;text-decoration: none; padding: 4px 0 4px 2px; display: block;}
.primary_nav a:link.on {color:#000000;}
.primary_nav a:visited.on {color:#000000;}
.primary_nav a:active.on {color:#000000;}
.primary_nav a:hover.on {color:#000000;text-decoration: none;}

/*/////// content  /////////////////////////////////////////////////////////////*/

.topbar { background: #deecb9; height: 25px; }

td.passiton {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4a8446;
	font-size: 11px;
	line-height: 22px;
	width: 175px;
	padding-top: 5px;
}

td.passiton  div { margin-top: 6px;}

td.passiton a {color:#4a8446;}
td.passiton a:link.on {color:#4a8446;}
td.passiton a:visited.on {color:#4a8446;}
td.passiton a:active.on {color:#4a8446;}
td.passiton a:hover.on {color:#4a8446;}

.home_content {}
.home_content_padding {}

.content { background-color:#FFFFFF; padding-bottom: 50px; }
.content_padding {}

.col_left { width: 275px; text-align: center; padding-bottom: 20px;}

.content_main { padding: 20px 55px 20px 5px; }

.center_content {}
.center_content_padding {}

.right_content {}
.right_content_padding {}

.home_left_title {}
.left_title {}

.callouts { margin: 0 auto; text-align: center; }
.callouts a { margin: 0 15px; }

.fineprint { font-size: 12px;}

.gifttag { 
	background: url(/Images/CommonImages/personalized-gift-tag.jpg) no-repeat; 
	height:314px;
	color: #ffffff;
	font-size: 20px;
}

.gifttag .to, .gifttag .from  { width: 670px; }

.gifttag .to div {
	margin-left: 330px;
	overflow:hidden;
	width: 340px;
	height: 20px;
}

.gifttag .from div {
	margin-left: 495px;
	overflow:hidden;
	width: 175px;
	height: 20px;
}

.code { width: 520px; height: 200px; overflow: auto; color:#406096; font-size: 12px; line-height: 14px; font-family:"Courier New", Courier, monospace;}

/*/////// forms /////////////////////////////////////////////////////////////*/

form { display:inline }

.form {margin-top:25px;}

.form fieldset {
	border:none;
	padding:10px;
}
.form .focused {
	background-color: #FFE6CC;
}
.form .focused .radio_boxes input{
	background-color: #FFE6CC;
}

.form .form_title {
	font-size:12px;
}

.form input, .form  select, .form  textarea {
	color : #666666;
	margin:0;
	border: 1px solid #7C7C7C;
	clear:both;
}

.form label {
	color:#666666;
	font-size:9px;
	line-height:12px;
	padding-top:2px;
	display:block;
}

.form div.form_cont { float:left; padding:4px 5px;}

.form .radio_boxes { clear:both;}
.form .radio_boxes input{ border:none; margin: 1px 5px 0 0; background:none !important;}
.form .radio_boxes label{ display:inline; }



.form .form_req input,.form  .form_req select,.form  .form_req textarea { background-color:#CCFFFF !important;} 
/*  !important attribut can be useful if we need to keep the bg-color */
/*  But this might not be good if you want google toolbar to show fields they can auto-fill */
.form .form_req label {color:#000000; border:none; font-weight:bold;}

.form .form_err {border: 1px #FF0000 solid;margin: 3px 0;}
.form .form_err input,.form  .form_err select,.form  .form_err textarea {}
.form label.form_err {color: #FF0000; border:none; display:block;}
.form .form_multi label.form_err { clear:both; }

.form .form_key {position:relative; float:right; width:180px; margin-right:0;}

input, textarea { padding:2px 3px; }

.no_border { border:none; }
.no_border input { border:none; }
input[type='checkbox'] { border: none; }
input[type='radio'] { border: none; }

.formcell {
	color : #666666;
	text-align: right;
	background-color: #deecb9;
	padding-right: 5px;
	font-size: 12px;
}
.formcell a {color: #CCCCCC; text-decoration: underline;}
.formcell a:link {color: #CCCCCC;}
.formcell a:visited {color: #CCCCCC;}
.formcell a:hover {color: #FF9900;}


/*/////// footer /////////////////////////////////////////////////////////////*/

#footer {
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
	text-align:center;	
	margin-bottom: 10px;	
}

.footer_logo { background: #deecb9; padding-left: 25px; text-align: left;}
.footer_social { background: #deecb9; padding-right: 35px; text-align: right;}
.footer_social a { padding-left: 20px;}

.footer_links { padding-top: 10px; }

#footer a {color: #ccffff; text-decoration: none;}
#footer a:link {color: #ccffff;}
#footer a:visited {color: #ccffff;}
#footer a:active {color: #ccffff;}
#footer a:hover {color: #ccffff; text-decoration: underline;}

/*/////// global /////////////////////////////////////////////////////////////*/

a {color: #406096; text-decoration: underline;}
a:link {color: #406096;}
a:visited {color: #406096;}
a:active {color: #406096;}
a:hover {color: #406096; text-decoration: underline;}

p {margin:0 0 8px 0; padding: 0 0 7px 0 ;}
p.indent { text-indent:30px;}
blockquote{font-style:italic}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	margin: 10px 0 10px 0;
	color: #406096;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	margin: 10px 0 5px 0;
	color: #406096;
}

h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	margin: 7px 0 4px 0;
	color: #406096;
}

h4, h5, h6 {
	font-size:13px;
	margin: 7px 0 4px 0;
	color: #cc6600;
}


table.basic {
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border:none;
	width:100%;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
}
table.basic td {
	padding:0;
	vertical-align:top;
}

.float_left {
	float:left;
	position:relative;
}
.float_right {
	float:right;
	position:relative;
}
.clear { clear:both;}

.hr {
	background-color : #E6E6E6;
	margin: 1px 0;
}
.hr_list {
	background-color : #E6E6E6;
	margin: 15px 0 15px 0;
}

.vr_dotted { background: url(Images/CommonImages/vr_dotted.gif) repeat-y 15px 0;  }

ol { 
	margin: 2px 0px 7px 15px;
	padding: 2px 0px 7px 15px;
}

ul { 
	margin: 2px 0px 7px 15px;
	padding: 2px 0px 7px 15px;
} 
li { margin-bottom: 3px; }

ul ul { 
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
} 

.errtext {
	/*error attributes*/
	color : #FF0000;
	padding-left:2px;
	font: normal 11px/15px Tahoma, Verdana, Arial, sans-serif;
}
.errtext a {color: #FF0000; text-decoration: underline;}
.errtext a:link {color: #FF0000;}
.errtext a:visited {color: #FF0000;}
.errtext a:active {color: #FF0000;}
.errtext a:hover {color: #FF0000; text-decoration: underline;}

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align:middle;
}
img.icon {
	margin:0 5px 0 5px;
	display:inline;
}

.img_mask {
	position:absolute;
	z-index:100;
}

.button { 
	/*use to make a button-like element on a link*/
	color:#333333; 
	font-size: 11px;
	line-height: 22px; 
	background:#CCCCCC; 
	border-top:2px solid #E5E4E4; 
	border-right:2px solid #B2B1B1; 
	border-bottom:2px solid #B2B1B1; 
	border-left:2px solid #E5E4E4; 
	margin: 3px 0;
}
.button a {color: #666666; text-decoration: none; padding:3px 5px; }
.button a:link {color: #666666;}
.button a:visited {color: #666666;}
.button a:active {color: #666666;}
.button a:hover {color: #AF7215; text-decoration: none;}


/*/////// extra /////////////////////////////////////////////////////////////*/

/* **************** start sifr **************** */

/* these "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sifr text metrics since the sifr text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sifr-hasflash .sifrheader {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 36px;
	line-height: 27px;
}

.sifr-hasflash .sifrsubhead {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
}

/* these are standard sifr styles... do not modify */

.sifr-flash {
	visibility: visible !important;
	margin: 0;
}

.sifr-replaced {
	visibility: visible !important;
}

span.sifr-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}

/* **************** end sifr **************** */

@media print {
  .hideforprint { display: none;}
}