@charset "utf-8";
/****************************************************************/
/* CSS 2.1  STYLE SHEET - Copyright 2007 - 2011 SIPhawaii       */
/* version    : 1.11                                            */
/* Update: 07-20-2011                                           */
/****************************************************************/
/* Composed by: BOP Web Innovations - New Zealand   			*/
/*                                                              */
/*  REMARKS:                                                    */
/*	>> Free to copy but you MUST link your HOME page			*/
/*	   to SIPhawaii[DOT]com and do not remove this header. 		*/
/*	   Thank you. <<											*/
/****************************************************************/
/* RESET */
* { margin: 0; padding: 0; }   
td {margin: 0; padding: 0;}    
tr {margin: 0; padding: 0;}    
table {margin: 0; padding: 0;}    
label {margin: 0; padding: 0;}    
html {margin: 0; padding: 0;}    
td {margin: 0; padding: 0;}    
th {margin: 0; padding: 0;}    
blockquote {margin: 0; padding: 0;}    
p {margin: 0; padding: 0;}    
input {margin: 0; padding: 0;}    
fieldset {margin: 0; padding: 0;}    
form {margin: 0; padding: 0;}    
pre {margin: 0; padding: 0;}    
h6 {margin: 0; padding: 0;}    
h5 {margin: 0; padding: 0;}    
h4 {margin: 0; padding: 0;}    
h3 {margin: 0; padding: 0;}    
h2 {margin: 0; padding: 0;}    
h1 {margin: 0; padding: 0;}    
li {margin: 0; padding: 0;}    
ol {margin: 0; padding: 0;}    
ul {margin: 0; padding: 0;}    
dd {margin: 0; padding: 0;}    
dt {margin: 0; padding: 0;}    
dl {margin: 0; padding: 0;}    
div {margin: 0; padding: 0;}    
body {margin: 0; padding: 0;} /* a second time for webkit */
table{border-collapse: collapse; border-spacing: 0;}
:visited img {border: 0;}
:link img {border: 0;}
a img {border: 0;}
img {border: 0;}
fieldset {border: 0;}
var {font-style: normal; font-weight: normal;}
th {font-style: normal; font-weight: normal;}
dfn {font-style: normal; font-weight: normal;}
code {font-style: normal; font-weight: normal;}
cite {font-style: normal; font-weight: normal;}
caption {font-style: normal; font-weight: normal;}
address {font-style: normal; font-weight: normal;}
ul {list-style: none;}
ol {list-style: none;}
th {text-align: left;}
caption {text-align: left;}
h6 {font-size: 100%;}
h5 {font-size: 100%;}
h4 {font-size: 100%;}
h3 {font-size: 100%;}
h2 {font-size: 100%;}
h1 {font-size: 100%;}
q:after {content:'';}
q:before {content:'';}
iframe { border: 0; }
 
* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*cursor: default*/
}
/* CLEAR AND FIXES */
/* add to floating elements which shall clear floating after themselves */
/* Hide these rules from IE-mac \*/
* html .clearfix {height: 1%;} /* IE5-6 */
*+html .clearfix {display: inline-block;} /* IE7 not8 */
html[xmlns] .clearfix {display: block;}
/* End hide from IE-mac */
.clear  {clear: both;}
.clearl {clear: left;}
.clearr {clear: right;}
.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: " "; /*switched from "." to a space for layout issues FF */
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
		height: 0;
		font-size: 0px;
}
body {
		margin: 0;
		padding: 0;
		border: 0;			/* remove border around the viewport in old versions of IE */
}
body#wrapper tr td {white-space: nowrap;}
td {white-space: nowrap;}
.nowrap {white-space: nowrap;}

/* WRAPPERS and BANNER */
#margintop {height: 4px;}
#banner {margin: 0 auto; width: 1216px;}
/*#bannerleft {float: left;  width: 288px; text-align: left;}*/

#bannercol1 {float: left;  width: 150px; padding-left:  1px; text-align: center;}
#bannercol2 {float: left;  width: 300px; width: 332px; padding-left : 16px;} /* logo home */
#bannercol3 {float: left;  width: 328px; height: 96px; padding-left: 16px; text-align: center;} /* local ad */
#bannercol4 {float: right; width: 344px; height: 41px; text-align:  right;}  /* nav */
#bannercol5 {float: right; width: 344px; text-align: right;}  /* shipping */

/* #bannerright {float: right; width: 280px; text-align: right;} /* was 304 */
/* #bannercenter {width: 608px; text-align: center;} */

.wrapperwidth {width: 1216px;}
.bannerwidth {width: 1216px;}
#background {height: 8px;}

#wrapper{ 
	width: 1216px;	
	margin: 0 auto;
	padding-top: 2px;
    padding-left: 0px; /* 1 */
	padding-right: 0px; /* 1 */
	background-color: white;
	/* tsipblue */
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: #003399; /*csipblue  */
	text-align: center;
}

#innerwrapperproperties {width: 1034px; margin: auto;} /* float-center.*/
#outerwrapperproperties {width: 1054px;} /*See also rounded corners images width 10px */

/*#wrappertop {background: url('Siteimages/bg_top_SIP.gif') 0 0 no-repeat;}
#wrapperfoot {background: url('Siteimages/bg_foot_SIP.gif') 0 0 no-repeat;}
#wrapperleftright {background: url('Siteimages/bg_body_SIP_1px.gif') 0 0 repeat-y;}
*/
/* scroll to top */
/*#SToTopOLD { /*-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; */
	/* height: 66px; width: 66px; /* background-color: #FFEFF7; background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFEFF7',EndColorStr='#FFEFF7'); */
	/* text-align: center; padding: 0px; position: fixed; top:200px; right: 0px;
	/ *cursor: pointer; color: gray; text-decoration: none; border: 0px solid #FF9AA9;
	/* background-image: url('Siteimages/bg_top_of_page_scroll_SIP.png'); background-repeat:no-repeat; background-position:center; 
}*/

/*scroll to top */
#SToTop {/*- -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; */
height: 60px; width :60px; /*text-align:center; padding:5px;background-color: #FFEFF7; color: gray;text-decoration:none;border:0px solid #FF9AA9;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFEFF7',EndColorStr='#FFEFF7'); */
display: block;position :fixed;top:200px;right:0px;cursor:pointer;
}

height: 60px; width :60px; /*text-align:center; padding:5px;background-color: #FFEFF7; color: gray;text-decoration:none;border:0px solid #FF9AA9;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFEFF7',EndColorStr='#FFEFF7'); */
display: block;position :fixed;top:200px;right:0px;cursor:pointer;
}

/*corner logo */
#cl {border: 0px;} /*do not remove - corner logo */
.CLContainer {position: relative; right: 0px; bottom: 0px;}
.popup {position: absolute; display: none;} /* keeps a popup hidden if no JS available */

/*page margin */
.pagemargin {
	border: 0px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
}
.padl {padding-left: 16px}
.padr {padding-right: 16px}
.padt {padding-top: 16px}
.padb {padding-bottom: 16px}

.padlr {padding-left: 16px; padding-right: 16px;}
.padtrbl {padding: 16px 16px 16px 16px;}

.marl {margin-left: 16px}

.tableproperties { /* tableproperties border collapse */
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: 0;
	text-align: center;
}
.tablebc { /* tableproperties border collapse */
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: 0;
	text-align: center;
}

/* CONTAINERS, COLUMNS, PANELS AND ROUNDED CORNERS - with spacer  */
/* COLUMN 2 contains all except template borders */
#column2 {
	float: right;
	width: 1056px;
	font-family: arial;
	font-weight: normal;
	font-size: small;
	 /*color: #003399;csipblue  */
	color: #555555; /* cgray */
	text-align: center;
	/*padding-left: 16px;
	padding-right: 16px;*/
}
/* 1 PANEL FULL WIDTH */
.panel {
	clear: both;
	float: left;
	width: 992px;
	padding: 16px 16px 16px 16px;
	background-color: #F4F4F4; /* light gray */
}

/* 2 PANELS WITH EQUAL HIGHT */
.container2panels {float: left; /*background: url(images/example.gif) bottom center no-repeat; padding-bottom: 1px;*/}
.panel1 {float: left; overflow: hidden;}
/*.panel1 div { float: left; background: #ccc; border: 1px solid #000; width: 20em; margin-right: 10px; margin-bottom: -1000px; padding-bottom: 1000px;}*/
.panel1 div {
	margin-bottom: -500px; padding-bottom: 500px; /* equal hight panels-columns */
	float: left;
	width: 480px;
	margin-right: 16px;
	margin-left:  0px;
	padding-top:  24px;
	padding-left: 16px;

	line-height: 24px;
	text-align: left;
	font-family: arial;
	font-weight: normal;
	font-size: medium;
	color: #555555;
	background-color: #F4F4F4; /* light gray */
}
.panel1 .panel2 {
	padding-top: 24px;
	background-color: #F4F4F4; /*margin-right: 0;*/
}
/* end 2 panels equal height */

.tilemail {
display: block;
width: 360px;
height: 31px;
border: solid 1px;
border-color: silver;
background-color: #F4F4F4;
padding: 8px 8px 8px 8px;
}

.containercontact  {padding-left: 16px;	float: left; width: auto; font-family: arial;font-weight: normal; color: #555555;} 
.containerleft     {width: 475px; height: 224px; padding: 0px; border-spacing: 0px; text-align: center;}
.containermiddle   {width: 204px; height: 224px; padding: 0px; border-spacing: 0px; text-align: center;}
.containerright    {width : 367px; height: 224px; padding: 0px; border-spacing: 0px; text-align: center;}
.containerwheather {padding-left: 16px;	padding-right: 16px ;float: left; width: auto; font-family: arial;font-weight: normal; font-size: small; color: #555555; text-align: center;} 

.spacerhor {width: 100%; height: 2px;}
.spacerver {width: 2px;}

.imgbgRCtl {background-image: url('Siteimages/RCtl._high_silver.jpg'); background-repeat: no-repeat;}
.imgbgRCtr {background-image: url('Siteimages/RCtr._high_silver.jpg'); background-repeat: no-repeat;}
.imgbgRCbr {background-image: url('Siteimages/RCbr._silver.jpg'); background-repeat: no-repeat; width: 10px;}
.imgbgRCbl {background-image: url('Siteimages/RCbl._silver.jpg'); background-repeat: no-repeat; width: 10px;}
.imgbgRCtop{background-image: url('Siteimages/RCtop._silver.jpg'); background-repeat: repeat-x;}
.imgbgRCbot{background-image: url('Siteimages/RCbottom._silver.jpg'); background-repeat: repeat-x;}
.imgbgRCleft{background-image: url('Siteimages/RCleft._silver.jpg'); background-repeat: repeat-y; width: 10px;}
.imgbgRCright{background-image: url('Siteimages/RCright._silver.jpg'); background-repeat: repeat-y; width: 10px;}

/*background - round coners and border 1 pixel -*/
/* <!--<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl">
<div class="tr" style="width: xxxx; height: xxxx"> --> */
/* <!--.t {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-x; width: 2em} */ 
.t {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-x;}
.b {background: url('Siteimages/Bg_dot_silver.gif') 0 100% repeat-x;}
.l {background: url('Siteimages/Bg_dot_silver.gif') 0 0 repeat-y;}
.r {background: url('Siteimages/Bg_dot_silver.gif') 100% 0 repeat-y;}
.bl {background: url('Siteimages/Bg_bl_silver.gif') 0 100% no-repeat;}
.br {background: url('Siteimages/Bg_br_silver.gif') 100% 100% no-repeat;}
.tl {background: url('Siteimages/Bg_tl_silver.gif') 0 0 no-repeat}
.tr {background: url('Siteimages/Bg_tr_silver.gif') 100% 0 no-repeat;} 

/* LINE HEIGHT */
.lh12 {line-height: 12px}
.lh18 {line-height: 18px}
.lh20 {line-height: 20px}
.lh22 {line-height: 22px}
.lh24 {line-height: 24px}
.lh26 {line-height: 26px}
.lh28 {line-height: 28px}
.lh32 {line-height: 32px}


/* BACKGROUD IMAGES - COLORS - BORDERS */
img {border: 0px;}
.nob {border-width: 0px;}
.nobgimg {background-image: url('');}

.imgbgbeans{background-image: url('Siteimages/background_beans_variety_pack.jpg');}
.imgbglauhala{background-image: url('Siteimages/background_mat_small_SIPhawaii.JPG');}
.imgbgcalbi{background-image: url('Prodimages/calendar_2012_big_island_of_Hawaii.jpg'); background-repeat: no-repeat;}
.imgbgkoa {background-image: url('Siteimages/bg_koa_wood.png'); background-repeat:repeat-x; background-position: center;}
.imgbgshopsafe {height:83px; background-image: url('Siteimages/Shop_Safe_Vert_Menu_SIPhawaii3.png'); background-position: center;  background-repeat: no-repeat;}
.imgbglogork {height:83px; background-image: url('Siteimages/logo_royal_kona.jpg'); background-repeat: no-repeat; background-position: top left;}
.imgbgshadow {background-image: url('Siteimages/bg_border_shadow.jpg'); background-repeat: no-repeat; background-position: bottom right;}

/*.imgbglogo {background-image: url('Siteimages/logo_SIPhawaii_Shop_In_Paradise.png'); background-repeat: no-repeat; background-position: top left;}*/
/*.imgbgshopsafe { height:94px; background-image: url('Siteimages/Shop_Safe_No_CC_number_Storage_Vert_Menu_Large_NEW_SIPhawaii.gif');background-repeat: no-repeat; background-position: bottom center;}*/

.cbgblack   {background-color: black;}
.bgdbrown   {background-color: #663402;}
.cbglbrown  {background-color: #F1E4C3;}
.cbglgray   {background-color: #F9F9F8;}
.cbgdsippink{background-color: #FCE6E6;}

.cbgsilver  {background-color: #F4F4F4;}
.cbggray    {background-color: #F4F4F4;}

/* LINES - SHADOWS - SPACERS */
hr {
	border: none;
	border-top: 1px solid silver;
	height: 1px;
	margin-bottom: 0px;
	padding-top: 0px;
}
.unl    {text-decoration: underline;}
.strike {text-decoration: line-through;}

.linef  {clear: both; background: url('Siteimages/divider.png') no-repeat; background-position: center;} 
.linefs {clear: both; background: url('Siteimages/linef_small.png') no-repeat; background-position: center;}

.linesilver {border-top: 1px solid silver; padding-top:0px; padding-left:1px; padding-right:1px;}
.linegreen  {border-top: 1px dotted green; padding-top:0px; padding-left:1px; padding-right:1px;}

.linedotted { /* where is this used? - ShopInParadise.com index */
	display: block;
	overflow: hidden;
	background-image: url('Siteimages/dots.gif');
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}

/* POSITIONING - text-align works for text and pictures with IE but not for pics on Safari; use margin: auto to center or float for pics in safari */
/*.centertable {margin-left: auto; margin-right: auto;}  fix for safari ???*/
.ileft  {float: left;}
.fleft  {float: left;}
.iright {float: right;}
.fright {float: right;}
.centere {margin: 0px auto;} 
.icenter {margin: 0px auto;} /* image, element */	

.center {text-align: center;}
.left   {text-align: left;}
.right  {text-align: right;}

.vtop    {vertical-align: top;}
.vbottom {vertical-align: bottom;}
.vmiddle {vertical-align: middle;}

/* HEADERS */
/* HEADER styles
h1 { font: bold 200%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; color: #222; padding-bottom: 0.2em; }
h2 { font: bold 160%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; color: #C60; padding-bottom: 1.2em; }
h3 { font: bold 120%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; color: #222; padding-bottom: 0.2em; font-weight:normal; }
h4 { font: bold 120%/1.2 "Lucida Grande", "Lucida Sans Unicode",  arial, helvetica, sans-serif; padding-bottom: 0.2em; }
h5 { font: 90%/1.5 "Lucida Grande", "Lucida Sans Unicode",  arial, sans-serif; color: #666; padding-bottom: 1.5em; }
h6 { font: 90%/1.5 "Lucida Grande", "Lucida Sans Unicode",  arial, sans-serif; color: #000; padding-bottom: 1.5em; }

sup, sub { font-size: 80%; font-family: "trebuchet ms", arial, sans-serif; }
	h1 sup, h1 sub { font-size: 60%; bottom: .8em; }
	
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { display: inline; margin: 0; } 

font-family examples:
Helvetica, Calibri, Arial, sans-serif
Corbel, Verdana, "Bitstream Vera Sans", sans-serif
Candara, "Trebuchet MS", Trebuchet, sans-serif
Cambria, "Times New Roman", Times, serif
Constantia, "Palatino Linotype", Palatino, Georgia, serif
Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace
*/

#header {width: 100%; /* where is this used ? */
	 margin-left: auto;
	 margin-right: auto;
}
#header table { /* where is this used ? */
	margin: 0 auto;
}
#globalfooter table { /* where is this used ? */
	margin: 0 auto;
}
h3 {
	font-family: Arial, Helvetica, "Arial Narrow", Verdana;
	font-size: medium;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-weight: normal;
}

h2 {
	font-family: Arial, Helvetica, "Arial Narrow", Verdana;
	font-size: medium;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-family: Arial, Helvetica, "Arial Narrow", Verdana;
	font-size: medium;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-weight: normal;
}

/* NAVIGATION */
#navhor {
	/*padding-top: 0px;
	padding-bottom: 0px;*/
	height: 31px;
	background: url('Siteimages/bg_hornav31.jpg'); background-repeat: repeat-x;
	/*text-align: center;
	white-space: nowrap;*/
}
.navbgbrown {background: url('Siteimages/bg_navhor_brown_31.jpg'); background-repeat: repeat-x;}
.navbggray  {background: url('Siteimages/bg_hornav31.jpg'); background-repeat: repeat-x;}

#globalheader { /* inside #hornav */
	width: 100%;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: gray;
	white-space: nowrap;
}
#localheader {
	width: 1216px;
	margin: 0 auto;
	line-height: 30px;
	background-image: url('Siteimages/sound_free_site.png'); background-position:right; background-repeat: no-repeat;
	background-color: #F4F4F4;
	white-space: nowrap;
	text-align: left;
	/* tsipblue */
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: navy;
}

/* LINKS */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a:link    {color: silver} 	/* unvisited links */
a:visited {color: silver} 	/* visited links   */
a:hover   {color: #FF2994} 	/* user hovers - csippink */
a:active  {color: #FF2994}	/* active links    */
a.external:visited {color: red}

/*a:focus { background: yellow }
a:focus:hover { background: white }*/

/* NAV VERTICAL - COLUM1 */
.divnavver {background: url('Siteimages/devider_small_vmenu.bmp') no-repeat; line-height: 3px; padding: 0px 0px 0px 0px; background-position: center;}
#navver img {margin: 0px 0 0 0px; padding-top: 1px; padding-bottom: 0px;}
#navver {
	float: left;
	width: 152px;
	padding-right: 0px;
	/*text-indent: 8px;
	text-align:left;*/
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: large;
	border-width: 0px;
	color: gray;
	background-color: #F9F9F8;
}
#navver li a {
	line-height: 40px;
	text-decoration: none;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	color: gray;
}	
#navver li a:visited {
	display: block;
	background: url('Siteimages/SIP_Ver_Menu_JUNE11.png') no-repeat; 
	background-position: center; 
	padding: 0px 0px 0px 0px;
}
#navver li a:link {
	display: block; 
	background: url('Siteimages/SIP_Ver_Menu_JUNE11.png') no-repeat; 
	background-position: center; 
	padding: 0px 0px 0px 0px;
}
#navver li a:hover {
	display: block; 
	background: url('Siteimages/SIP_Ver_Menu_JUNE11_GLOW.jpg') no-repeat;
	background-position: center;
	padding: 0px 0px 0px 0px;
}

/* FOOTER */
#footerwrapper { /* blue gradient bg full width - on IPAD bg repeats only left aligned to 2/3 page width below???? */
	clear: both;
	width: 100%;
	background: url('Siteimages/footer_gradient_small.gif') repeat-x;
}
#globalfooter { /* inside footerwrapper centered with page width */
	width: 1216px;
	margin: 0 auto;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: medium;
	color: gray;
	white-space: nowrap;
	background: url('Siteimages/footer_gradient_small.gif') repeat-x; /* for IPAD */
}
#globalfooter a       {color: #666666; border-bottom: 1px dotted silver; text-decoration: none; color:#666666;}
#globalfooter a:link  {color: #666666;}
#globalfooter a:hover {color: #FF2994; border-bottom: 1px dotted #FF2994; text-decoration: none; color: #FF2994;}
/*#globalfooter a:visited{color: gray; border-bottom:1px dotted gray; text-decoration:none;color:gray;}*/
#localfooter {
	white-space: nowrap;
	width: 100%;
	text-align: center;
	font-family: arial;
	font-weight: normal;
	font-size: x-small;
	color: gray;
}

/* other websites we like */
.linkfooter {text-decoration: none; color: #666666; font-family: "Arial Narrow"; font-size: x-small;}
.nounl {text-decoration:none ;}

/* SITEMAP */
#sitemap {
	background: #E9F2FB;
	/*background: url('Siteimages/footer_gradient_small.gif') repeat-x;*/
	overflow: hidden;
	padding: 8px; /* set top and bottom */
	clear: both;
	white-space: nowrap; 
	/*width: 100%;*/;
	text-align: left;
	font-family: arial;
	font-weight: normal;
	font-size: 11px; /* 1px smaller than normal */
	color: gray;
}
#sitemap ul {
	display: block;
	overflow: hidden;
	/*background: #f2f2f2;*/
	margin: 1px 5px 1px 0px;
	padding: 0px;
	list-style-image: none;
	float: left;
}
#sitemap ul li {
	list-style-type: none;
	padding: 0px 9px 0px 0px;
	list-style: none !important;
	margin-left: 1px !important;
	padding-left: 0px !important;
}
#sitemap ul li a {
	list-style: none !important;
	margin: 0px !important;
	padding: 0px !important;
	/* font-weight: bold;*/
}

#sitemap a {color: gray; text-decoration:none;}
#sitemap a:link {color: gray;}
#sitemap a:hover {color: #FF2994; text-decoration:none;color: #FF2994;}

/* FONTS */
.xsmall {font-size: x-small;}
.small  {font-size: small;}
.medium {font-size: medium;}
.large  {font-size: large;}

.bold   {font-weight: bold;}
.normal {font-weight: normal;}

.arial {
	font-family: arial;
}
.arials {
	font-family: arial;
	font-size: small;
}
.arialsb {
	font-family: arial;
	font-size: small;
	font-weight: bold;
}
.arialxs {
	font-family: arial;
	font-size: x-small;
}
.arialxsb {
	font-family: arial;
	font-size: x-small;
	font-weight: bold;
}
.arialm {
	font-family: arial;
	font-size: medium;
	font-weight: normal;
}
.ariall {
	font-family: arial;
	font-size: large;
	font-weight: normal;
}
.arialxl {
	font-family: arial;
	font-size: x-large;
	font-weight: normal;
}
.ab {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-weight: bold;
}
.abs {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-size: small;
	font-weight: normal;
}
.abxs {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-size: x-small;
}
.ablb {
	/*font-family: "arial black";*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-size: large;
	font-weight: bold;
}
.abxl {
	/*font-family: "arial black";
	font-weight: normal;*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-weight: bold;
	font-size: x-large;
	
}
.abxll {
	/*font-family: "arial black";
	font-weight: normal;*/
	font-family: Arial, "Arial Narrow", "Arial Black", Verdana;
	font-weight: bold;
	font-size:xx-large;
	
}	
/* AVOID Arial Black UNTIL IE XP SP3 BUG that converts to Italic has been fixed by MS 
.abxlb {
	font-family: "arial black";
	font-size: x-large;
	font-weight: bold;
}
*/
/* Arial Narrow not on IPAD? */
.an {
	font-family: "Arial Narrow", helvetica, arial;
}
.anm {
	font-family: "Arial Narrow", helvetica, arial;
	font-weight: normal;
	font-size: medium;
}
.anmb {
	font-family: "Arial Narrow", helvetica, arial;
	font-weight: bold;
	font-size: medium;
}
.ans {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: small;
}
.ansb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: small;
	font-weight: bold;
}
.anb {
	font-family: "Arial Narrow", helvetica, arial;
	font-weight: bold;
}
.anxs {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: x-small;
}
.anl {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: large;
	font-weight: normal;
}
.anlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: large;
	font-weight: bold;
}
.anxl {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: x-large;
	font-weight: normal;
	letter-spacing: -1px;
}
.anxxl {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: xx-large;
	font-weight: normal;
}
.anxlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: x-large;
	font-weight: bold;
}
.anxxlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: xx-large;
	font-weight: bold;
}
.anxxxlb {
	font-family: "Arial Narrow", helvetica, arial;
	font-size: 36pt;
	font-weight: bold;
}
.boss {
	font-family: "bookman old style";
	font-size: small;
}
.bossb {
	font-family: "bookman old style";
	font-size: small;
	font-weight: bold;
}
.bosb {
	font-family: "bookman old style";
	font-weight: bold;
}
.bosm {
	font-family: "bookman old style";
	font-weight: normal;
	font-size: medium
}
.bosmb {
	font-family: "bookman old style";
	font-weight: bold;
	font-size: medium
}
.boslb {
	font-family: "bookman old style";
	font-weight: bold;
	font-size: large
}
.trebxl {
	font-family:"Trebuchet MS", courier;
	font-weight: normal;
	font-size: x-large;
}
.verdanas {
	font-family: verdana, arial, courier;
	font-size: small;
	font-weight:normal;
}
.verdanasb {
	font-family: verdana, arial, courier;
	font-size: small;
	font-weight: bold;
}
.verdanaxs {
	font-family: verdana, arial, courier;
	font-size: x-small;
	font-weight: normal;
}
.verdanaxsb {
	font-family: verdana, arial, courier;
	font-size: x-small;
	font-weight: bold;
}
.verdanan {
	font-family: verdana, arial, courier;
	font-size: 12pt; /*normal */
	font-weight: normal;
}
.verdananb {
	font-family: verdana, arial, courier;
	font-size: 12pt; /*normal */
	font-weight: bold;
}	
.verdanam {
	font-family: verdana, arial, courier;
	font-size: medium;
}
.verdanamb {
	font-family: verdana, arial, courier;
	font-size: medium;
	font-weight: bold;
}

/* COLORS */
/*.black {color: #333333;}*/
.blue  {color: blue;}
.green {color: green;}
.white {color: white;}
.red   {color: red;}
.silver{color: silver;}

.gray   {color: gray;}
.cblack {color: #555555;}
.cgray  {color: #555555;}
.black  {color: black;}

.sipgray {color: #555555;}
.csippink {	color: #E72F6B;}
.csipblue{ color: #003399;}
.clsipblue {color: #558BBE;}
/*.cbrown {color: #996600;}*/
.clbrown {color: #993300;}
.cbrown {color: #5B0D0D;}
.cchoc {color: #613101;} 	/*darkbrown - was maroon 800000*/
.cmac {color: #996600}		/*macadamia #D9A658*/
.coranged {color: #F77908}  /*dark orange */

/* bath and body page
.cbathrose {color: #F17B5C;}
.cbathblue {color: #6B6BB5;} 
.cbathgreen {color: #759041;}*/
.cooag {color: #67910D;}	/* ooa green */
.cooab {color: #6BBDCE;}	/* ooa light blue*/
.cooap {color: #6B6BB5;} 	/* ooa dark blue */
.cooag {color: #759041;}
.cooar {color: #F17B5C;}

/*.csecure {color: #598C01;} dark green */
.csecure    {color: #006600;} /* darker green */

/*.crbr {color: #FF1000;}
.crbo {color: #FF9900;}
.crby {color: #EEDE11;}
.crbg {color: #5EC14A;}
.crbb {color: #8FC2DD;  blue  }*/
/*.crbi {color: #0000FF;indigo} */
/* .crbv {color: #8000C0; violet*}/

/* TEXT Colored */
.tcase {
	font-family: "bookman old style", helvetica, arial;
	font-size: x-large;
	font-weight: bold;
	color: red;
}
.tredalert {
	font-family: arial;	
	font-size: small;
	font-weight: bold;
	color: red;
}
.txsgray { /*banner */
	font-family: verdana, arial, helvetica;
	font-size: x-small;
	font-weight: normal;
	color: gray;
}
.trose {
	font-family: verdana, arial, helvetica;
	font-size: x-small;
	font-weight: normal;
    color: #FEF6F5;
}
.tsipblue {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: navy;
}
.tlocalheader {
	/* tsipblue */
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	color: navy;
}
.testimonials {
	clear: both;
	width: 1008px;
	float: left;
	margin-right: 16px;
	margin-left:  16px;
	padding: 16px 16px 16px 0px;
	background-color: #F4F4F4;

	text-align: center;
	font-family: arial, verdana, courier;
	font-size: medium;
	font-weight: normal;
	font-style: italic;
	color: #555555;
}
.sender {
	width: 960px;
	text-align: right;
	font-family: verdana, arial, courier;
	font-size: small;
	font-weight: normal;
	font-style:normal;
	color: gray;
}