@charset "utf-8";
/****************************************************************/
/* SIPMUI CSS 2.1  STYLE SHEET - Copyright 2007 - 2012 SIPhawaii*/
/* version    : 1.11                                            */
/* Last update: 1-1-2012                                       */
/****************************************************************/
/* Composed by: BOP Web Innovations - New Zealand   			*/
/*                                                              */
/*  REMARKS:                                                    */
/*	>> Free to copy but you MUST link your HOMEe page			*/
/*	   to SIPhawaii[DOT]com and do not remove this header. 		*/
/*	   Thank you. <<											*/
/****************************************************************/

/* Fix for page shift caused by vert Scrollbar on safari and FF - */
html {min-height: 100%; margin-bottom: 1px;}
html { overflow: -moz-scrollbars-vertical;}  /* not CSS 2.1 but fixes page shift in shopping cart with Mozilla/FF */

/*html{height:100.02%} /* force Mozilla to have scrollbars */
/* CSS hacks for Safari */
/*html{
[color:white;
color: blue; min-height: 100%; margin-bottom: 1px;
color:purple;]
*/
/*[if Webkit] { min-height: 100%; margin-bottom: 1px; }
; */

/* BODY - TABLES - CELLS */
/* Reset */
body {
	margin-top: 0px; /* was 8 */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*cursor: default*/
	background: white;
	/*background: #FEF6F6; background: sippink #FEF6F6;*/
}
#banner {width: 800px; margin : 0 auto; margin-top: 0px;}
#bannerleft {float: left; width: 304px; text-align: left;}
#bannerright {float: right; width: 304px; text-align: right;}
#bannercenter {width: 608px; text-align: center;}
#wrapperbgcolor {background-color: white;}

form {display: inline; margin: 0px 0px 0px 0px;}
select {padding: 0px 0px 0px 0px; color: black; font-size: small;} /*set font size in pull down menu */
input {padding: 0px 0px 0px 0px;} /* The form element is a block-level element, and creates a line break before and after itself. */
.input3 {width: 32px;} /* - IE BUG fix quantity input MUI - due to font change? */
/*.input3 {width: 23px; background: white; border: 1px solid silver;} /* - IE BUG fix quantity input MUI - due to font change? */
/*.inputopt:focus{background: gray; border-color: red; background-color: #C0C0C0;} */

/*.inputauto{autoconfirm=off;} autoconfirm off in BASK update QTY. Not CSS 2.1 but need it, in httpS always off! */

/* text transform */
.ttc {text-transform: capitalize;} /* Puts the first character of each word in uppercase */
.ttu {text-transform: uppercase;}
.ttl {text-transform: lowercase;}
.ttn {text-transform: none;}

/* add or sub products PROD page */
.prod_sub, .prod_add {
    cursor: pointer;
    margin-bottom: 1px;
    width: 27px;
    height: 24px
}
/* remove (blue) box around input Safari - MIVA Search - IPAD problem? */
.safariNoBox {outline: none;}

/* Corner Logo MUI only */ 
/* body {
	background-image: url('Siteimages/Shop_Safe_No_CC_number_Storage_Corner_SIPhawaii.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: fixed; 
}*/

/* WRAP */
.nowrap {white-space: nowrap;}
/* td {white-space: nowrap;}*/ /* DO NOT USE IN MIVA - THE TEXT IN THE PROD PAGE WILL NOT WRAP AND MAKE IT A VERY WIDE PAGE! */
#MUIwrapper {
	width: 800px;
	margin: 0 auto;
	border-collapse: collapse; /*border: 1px solid;*/ /*border-color: silver;*/;
	padding: 0 0 0 0;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top : 1px solid silver;
/*border-bottom: 1px solid silver;*/	
/* border-bottom-width: 0px;*/	
	text-align: center;
	background: #FCFCFC;
}
#MUIpagemargin{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.MUIfooterproperties {
	width: 804px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 0;
	padding: 0 0 0 0;
	text-align: center;
}
.MUItableproperties { /* do not change any */
	width: 800px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 0;
	padding: 0 0 0 0;
	text-align: center;
}
.tableproperties {
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: 0;
	text-align: center;
}
.tablebc {
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: 0;
	text-align: center;
}
.padl  {padding-left: 16px;}
.padr  {padding-right: 16px;}
.padlr {padding-left: 16px; padding-right: 16px;}

.linefs {line-height :10px; background :url('Siteimages/linef_small_MUI.png') no-repeat; background-position: center;}

/* line height DO NOT CHANGE VALUES */
.lh12 {line-height: 6px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh30 {line-height: 30px;}
.lh50 {line-height: 50px;}
.lh100 {line-height: 100px;}

/* 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;}

/* BACKGROUDS - IMAGES - BORDERS - COLORS - */
img {border: 0px;}

.imgbgmuifooter {background: url('Siteimages/bg_gradient_gray.png'); background-repeat: repeat-x;}
.imgbgcvv       {background-image: url('Siteimages/logo_CVV_OPAY2.png'); background-repeat: no-repeat; background-position: top right;}
.imgbgusps      {background-image: url('Siteimages/logo_USPS_long_OSEL.bmp'); background-repeat: no-repeat; background-position: top right;}
.imgbgkoa     	{height: 8px; background-image: url('Siteimages/bg_koa_wood.png'); background-repeat: no-repeat; background-position: center; background-color: #66AC33;}
.imgbgsearch  	{background-image: url('Siteimages/bg_search_short.jpg'); background-repeat: no-repeat; background-position: right;}
.imgbgsearch2 	{background-image: url('Siteimages/bg_search_short2.jpg'); background-repeat: no-repeat; background-position: left;}

.bordersilver {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	/*border-bottom: 1px solid silver;*/
	padding: 0px;
	border-collapse: collapse;
	border-top-width: 0px;
	border-bottom-width: 0px;
	/*fix IE/FF border gap BUG */
	margin-top: -3px;
	margin-bottom: -3px;
}

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

.normal {font-weight: normal;}

.arial {
	font-family: arial;
	font-size: small;
	font-weight: normal;
}
.arials {
	font-family: arial;
	font-size: small;
	font-weight: normal;
}
.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;
}
.ariall {
	font-family: arial;
	font-size: large;
	font-weight: normal;
}

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

/*.csippink   {color: #FF2994;}*/
.sipgray    {color: #555555;}
.csipblue   {color: navy;}
.csecure    {color: #006600;} /* darker green */

/* BACKGROUND COLORS */
.cbgmsilver   {background-color: #F0F0F0;} /* NOW medium silver - was #FCE6E6 */
.cbgsilver    {background-color: #FCFCFC;} /* light silver */
.cbglsilver   {background-color: #FEF6F6;} /* light silver */
.cbglgray     {background-color: #F9F9F8;} /* PROD page */
.cbgwhite     {background-color: white;}   /* PROD page */

/* TEXT */
.input_error{border-color: #CC0000 #FF0000 #FF0000 #FF0000;}
.tredalert {
	font-family: arial;
	font-size: small;
	font-weight: bold;
	color: #CC0000;
	border-color: #CC0000 #FF0000 #FF0000 #FF0000;
}
.tsipblue {
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: navy;
}
.tsipblueb {
	font-family: arial;
	font-weight: bold;
	font-size: small;
	color: navy;
}
.tsipgrayb {
	font-family: arial;
	font-weight: bold;
	font-size: small;
	color: #555555;
}
.tsipgray {
	font-family: arial;
	font-weight: normal;
	font-size: small;
	color: #555555;
}
.tmuibasksumhead {
	font-family: arial, helvetica;
	font-size: small;
	font-weight: bold;
	color: navy;
	background-color: #F0F0F0; /* medium silver */
}
.tmuiheadersilver { /* search */
	height: 36px;
	/* font-family: "Tempus Sans ITC", "Lucida Sans Unicode", "Lucida Grande", helvetica, arial, sans-serif; */
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: large;
	font-size:x-large;
	font-weight: normal;
	color: gray;
	/* background-color: silver;  DO NOT REMOVE - to fill 1 pix gat at bottom with IE */
	/*background-image: url('Siteimages/bg_header_basket.bmp'); background-repeat: repeat-x;*/
	background-color: #F9F9F8;
	/*font: bold 100%/1.2 "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color: white; padding-bottom: 0.2em; */
}
.tmuiheadergreen {
	height: 36px;
	/* font-family: helvetica, "Tempus Sans ITC", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif; */
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	
	font-size: large;
	font-size:x-large;
	font-weight: normal;
	color: white;
	background-color: #66AC33;/* green checkout steps */
	/*font: bold 100%/1.2 "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color: white; padding-bottom: 0.2em; */
}
.tmuiheaderbasket {
	height: 36px;
	background-image: url('Siteimages/bg_header_in_your_basket.png'); background-repeat: no-repeat;
}
.tmuiheaderprod {
	height: 74px;
	font-family: helvetica, arial;
	font-size: medium;
	font-weight: bold;
	/* color: #0033CC; old csipblue */
	color: navy;
	vertical-align: middle;
	background-image: url('Siteimages/bg_header_product.png'); background-repeat: no-repeat; background-position: center;
}
.bar {text-align: left;	height: 27px; font-family: arial, helvetica; font-size: small; font-weight: normal; color: gray;}
.muiprogressbarA {background-image: url('Siteimages/siphawaii_progress_bars_checkout_step_A.png'); background-repeat: no-repeat;}
.muiprogressbar1 {background-image: url('Siteimages/siphawaii_progress_bars_checkout_step1.png'); background-repeat: no-repeat;} 
.muiprogressbar2 {background-image: url('Siteimages/siphawaii_progress_bars_checkout_step2.png'); background-repeat: no-repeat;}
.muiprogressbar3 {background-image: url('Siteimages/siphawaii_progress_bars_checkout_step3.png'); background-repeat: no-repeat;}

/* NAVIGATION */
/* LINKS */
/* MUI ONLY */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#muifooter {
	margin: 0 auto;
	width: 100%;
	white-space: nowrap;
	text-align: center;
	font-family: arial;
	font-size: medium;
	color: gray;
}
#muifooter a{color: #666666; border-bottom: 1px dotted silver; text-decoration: none; color: #666666;}
#nuifooter a:link{color: #666666;}
#muifooter a:hover{color: #FF2994; border-bottom: 1px dotted #FF2994; text-decoration: none; color: #FF2994;}
/*#muifooter a:visited{color: gray; border-bottom:1px dotted gray; text-decoration:none;color:gray;}*/