@charset "utf-8";

/*	MobileSiteOS global style properties, (don't change these). It is better
	to add your own style sheets or inline styles: Copyright@2008-2009 - OpenSiteMobile */

* {
	padding:0px;
	margin:0px;
	border:none;
}

html, body, table, div {
	background-color:#BFBFBF;
	font-family:'Lucida Casual','Comic Sans MS',Arial,Verdana,sans-serif;
	color:#000000;
	font-weight:normal;
	font-style:normal;
	font-size:x-small;
	text-decoration:none;
	text-align:center;
	/* moz req. for centering to work correctly */
	margin-right:auto;
	margin-left:auto;
}

table.std_table {
	background-color:#E0E0E0;
	width: 96%;
}

table.float_table {
	background-color:#E0E0E0;
}

th {
	background-color:#FF8429;
	color:#FFFFFF;
	font-size:small;
}

td {
	font-size:x-small;
	text-align:center;
}

td.cart_total {
	background-color:#F08080;
	white-space:nowrap;
	text-align:right;
}

td.status_l {
	background-color:#FFFFFF;
	color:red;
	text-align:right;
}

td.status_r {
	background-color:#FFFFFF;
	text-align:left;
}

td.checkout {
	width:30px;
	background-color:#FFFFFF;
	text-align:right;
}

td.text_rt {
	white-space:nowrap;
	text-align:right;
}

td.text_lt {
	text-align:left;
}

td.text_rt_cnt1 {
	background-color:#FFFFFF;
	text-align:right;
}

td.text_lt_cnt1 {
	background-color:#FFFFFF;
	text-align:left;
}

td.text_rt_cnt2 {
	background-color:#F0F0F0;
	text-align:right;
}

td.text_lt_cnt2 {
	background-color:#F0F0F0;
	text-align:left;
}

td.separate {
	border-top:2px ridge;
}

p {
	text-align:justify;
	font-size:x-small;
	padding:2px;
}

dl, ul, ol {
	list-style-position:outside;
	font-weight:bold;
	padding:2px;
}

dt {
	font-style:italic;
	font-weight:bold;
}

dd, li  {
	text-align:left;
	font-size:x-small;
	padding-left:5px;
}

li {
	list-style-image:url(../images/osm_single_ball.gif);
}

textarea {
	font-size:x-small;
	text-align:left;
}

hr {
	margin:1px;
}

h1 {
	font-weight:bold;
	font-size:medium;
	margin:2px;
}

h2 {
	font-weight:bold;
	font-size:small;
	margin:2px;
}

h3 {
	font-weight:bold;
	font-size:x-small;
	margin:1px;
}

img#store_image {
	width:234px;
	height:33px;
}

img#store_logo {
	width:234px;
	height:33px;
}

img#osm_logo_small {
	width:234px;
	height:33px;
}

iframe.msos_sized {
	background-color:#FFFFFF;
	color:#000000;
	height:240px;
	width:236px;
	border:2px outset;
}

div.msos_sized {
	height:240px;
	width:236px;
	border:2px outset;
	overflow:auto;
}

a		{ text-decoration:none;	}
a:link		{ color:#FF9900;	}
a:visited	{ color:#FF9999;	}
a:active	{ color:#F0F0F0;	}
a:hover		{ color:#FF6600;	}

th a:link	{ color:#FFFFFF;	}
th a.visited	{ color:#E0E0E0;	}
th a:hover	{ color:#000000;	}
th a:active	{ color:#E0E0E0;	}

select {
	font-size:xx-small;
	font-family:Arial,Verdana,sans-serif;
	background-color:#F7BC83;
}

input[type="text"], input[type="button"], input[type="submit"], button {
	font-size:x-small;
	border:1px solid #999;
}

input[type="button"], input[type="submit"], button {
	cursor:pointer;
}

input#sbb {
	/* For google search */
	background-image:url(../images/google.gif);
	width:18px;
	height:18px;
}

input#sbi {
	/* For google search */
	vertical-align:top;
	height:16px;
}

pre, code {
	font-size:x-small;
	text-align:left;
}

div#marquee {
	width:240px;
}

div#rotate_marquee {
	width:240px;
	height:62px;
	background-color:#FFFFFF;
	overflow:hidden;
}

div#rotate_logo {
	background-color:#FFFFFF;
}

div#google_search {
	background-color:#FF8429;
	margin-left:1px;
	margin-right:1px;
}

div#google_input {
	background-color:#FF8429;
	padding-top:2px;
	padding-bottom:2px;
	border-right:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
}

div#left_bar {
	display:none;
}

div#right_bar {
	display:none;
}

div#body {
	width:240px;
	background-color:#FFFFFF;
	padding:2px;
	margin-right:auto;
	margin-left:auto;
}

div#copyright {
	background-color:#FFFFFF;
	font-size:xx-small;
	padding:2px 1px 2px 1px;
}

div#dojo_test_page {
	width:240px;
	background-color:#FFFFFF;
	padding:3px;
}

div#dojo_debug {
	width:90%;
	background-color:transparent;
	text-align:left;
	font-size:xx-small;
	overflow:hidden;
}


/* Header and Footer div css */
div.header {
  background-color: #FF8429;
  border-bottom: solid 1px #FF0033;
  margin: 2px;
  font-size: xx-small;;
}

div.footer {
  background-color: #FF8429;
  border-top: solid 1px #FF0033;
  margin: 2px;
  font-size: xx-small;;
}

div.header a:link, div.header a:visited {
    color: #FFFFFF;
}

div.footer a:link, div.footer a:visited {
    color: #FFFFFF;
}

div.header a:hover, div.header a:active {
    color: #FF0033;
}

div.footer a:hover, div.footer a:active {
    color: #FF0033;
}


/*	'div.popup_' -> Works for 218px wide, 272px high window.
	Note: Created window must be slightly bigger than content
	or scrollbars appear in Moz	*/
div#popup_title {
	background-color:#FF8429;
	color:#FFFFFF;
	font-weight:bold;
	font-size:x-small;
	display:block;
	width:214px;
	height:24px;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	letter-spacing:1px;
}

/*	Note: See 'tab_content' below for overflow control */
div#popup_content {
	font-size:xx-small;
	display:block;
	width:214px;
	height:220px;
	border-right:1px solid #999;
	border-left:1px solid #999;
	overflow:auto;
}

div#popup_buttons {
	font-size:x-small;
	display:block;
	width:216px;
	height:24px;
	border-top:1px solid #999;
}

iframe#popup_iframe {
	width:210px;
	height:216px;
	overflow:auto;
}

div.pgrph {
	width:96%;
	background-color:#FFFFFF;
	text-align:justify;
	font-size:x-small;
	padding:2px;
}

div.pgrph_sml {
	width:86%;
	background-color:#FFFFFF;
	text-align:justify;
	font-size:x-small;
	padding:2px;
}

div.debug {
	width:240px;
	background-color:#FFFFFF;
	padding:5px;
}

div.popup_float_l {
	width:90%;
	float:left;
	padding:2px;
	text-align: right;
}

div.drag_header {
	font-size:xx-small;
	color:#F0F0F0;
	background-color:#F7BC83;
	overflow:hidden;
	cursor:move;
}

div.list_large {
	background-color:#FFFFFF;
	width:80%;
}

div.list_small {
	background-color:#FFFFFF;
	width:70%;
}

div.google_ad {
	display:none;
}

sup.access {
	color:red;
}

span.no_br	{ white-space:nowrap; }
span.bold_text  { font-weight:bold; }

span.marker {
	color:#FF8429;
	font-weight:bold;
	white-space:nowrap;
}

span.marker_bg {
	background-color:#FFFFFF;
	color:#FF8429;
	font-weight:bold;
	white-space:nowrap;
}

.img_lrg, .img_reg, .img_sml, .img_num {
	background-color:ButtonFace;
	border:1px solid;
	margin:1px;
	vertical-align:bottom;
}

.img_lrg { width:22px; height:22px; }
.img_reg { width:18px; height:18px; }
.img_sml { width:16px; height:16px; }
.img_num { width:5px;  height:5px;  }
.img_cls { width:10px; height:10px; }

.button_hover {
	border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor:pointer; 
}

.button_on, .button_press {
	border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	cursor:default;
}

.button_on	{ background-color:#F08080;		}
.button_press	{ background-color:ButtonHighlight;	}
.button_off	{ background-color:ButtonShadow;	}

div#tabs_div {
	text-align:left;
	height:15px;
}

/*	Popup windows require setting 'tab_content'
 	height so overflow control falls to 'tab_content'
 	and not to 'popup_content' div	*/
div.tab_content {
	border:2px outset;
	padding:5px 3px 5px 3px;
	z-index:10;
	overflow:auto;
}

div.tab_inner_content {
	background-color:#FFFFFF;
	padding:2px 2px 4px 2px;
}

span.tab_common {
	position:relative;
	top:1px;
	background-color:#BFBFBF;
	border-top:2px outset;
	border-left:2px outset;
	border-right:2px outset;
	font-size:x-small;
	padding:0px 5px;
}

span.tab_active {
	background-color:#BFBFBF;
	border-bottom:2px solid #BFBFBF;
	z-index:15;
	cursor:text;
}

span.tab_passive {
	background-color:#F7BC83;
	border-bottom:none;
	z-index:5;
	cursor:pointer;
}

.marquee_img { border:2px outset; }

.space {
	background-color:#FFFFFF;
	padding:2px;
}

.xsl_submit { width:25px; }
.sml_submit { width:35px; }
.med_submit { width:50px; }
.lrg_submit { width:70px; }

.accent1 { background-color:#F08080; }
.accent2 { background-color:#F7BC83; }
.accent3 { background-color:#FF8429; }

.alert		{ color:red;			}
.bgcolor	{ background-color:#BFBFBF;	}
.highlight	{ background-color:yellow;	}
.outline	{ border:1px dashed #F0F0F0;	}
.display_none	{ display:none;			}

.contrast1 { background-color:#FFFFFF; }
.contrast2 { background-color:#F0F0F0; }
.contrast3 { background-color:#E0E0E0; }

.switch_1_on  { display:none;	}
.switch_1_off { display:inline;	}
.switch_2_on  { display:none;	}
.switch_2_off { display:inline;	}
.switch_3_on  { display:inline;	}
.switch_3_off { display:none;	}