@media screen {
/* **********************************************************
 @NORMALIZES
*************************************************************/
*, html, body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, li { cursor: default; line-height: 1.4em; }

input, textarea, select { 
	color: #000; 
	background: #FFF url(../images/form_shadow.gif) no-repeat left top; 
	border-left: solid 1px #A5ACB2; 
	border-top: solid 1px #A5ACB2; 
	border-right: solid 1px #DDDDDD; 
	border-bottom: solid 1px #DDDDDD; 
	}
input:hover, textarea:hover { 
	background: #FFF url(../images/form_shadow.gif) no-repeat left top; 
	border-left: solid 1px #00AEEF; 
	border-top: solid 1px #00AEEF; 
	border-right: solid 1px #00AEEF; 
	border-bottom: solid 1px #00AEEF; 
	}
select:hover, select:active, select:focus { 
	border-left: solid 1px #00AEEF; 
	border-top: solid 1px #00AEEF; 
	border-right: solid 1px #00AEEF; 
	border-bottom: solid 1px #00AEEF; 
	}
input:active, textarea:active, input:focus, textarea:focus { 
	background: #FFF url(../images/form_shadow_focus.gif) no-repeat left top;
	border-left: solid 1px #00AEEF; 
	border-top: solid 1px #00AEEF; 
	border-right: solid 1px #00AEEF; 
	border-bottom: solid 1px #00AEEF; 
	}
label { text-transform: uppercase; }

a { color: #00AEEF; text-decoration: none; cursor: pointer; }
a:hover { color: #92939A; text-decoration: underline; }

ol, ul { list-style-type: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
.clear { height: 0; clear: both; font-size: 0; line-height: 0; }
.big_star { color: #00AEEF; font-size: 120%; font-weight: bold; }

/* @system messages */
p.crash { background: transparent url(../images/system_crash.gif) no-repeat 15px center; font-weight: normal; margin: 10px 0 10px 0; padding: 0 10px 0 10px; border-left: solid 6px #FF0000; }
p.crash span { font-weight: bold; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #FF0000; }
p.bless { background: transparent url(../images/system_bless.gif) no-repeat 15px center; font-weight: normal; margin: 10px 0 10px 0; padding: 0 10px 0 10px; border-left: solid 6px #7EB712; }
p.bless span { font-weight: bold; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #7EB712; }
p.note { background: transparent url(../images/system_note.gif) no-repeat 15px center; font-weight: normal; margin: 10px 0 10px 0; padding: 0 10px 0 10px; border-left: solid 6px #4C91BD; }	
p.note span { font-weight: bold; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #4C91BD; }	

.orange { color: #F4BB13; }
.blue { color: #0EBCF3; }
.white { color: #FFF; }

/* @WMouseText */
#WMouseText { background: #A0A0A0; border: solid 2px #FFF; color: #FFC20E; font-weight: bold; width: 125px; height: 30px; line-height: 30px; margin: 0; padding: 5px; position: relative; }

/* **********************************************************
 @INDEX
*************************************************************/

html { height: 100%; text-align: center; }

body.index { width: 100%; min-width: 770px; height: 100%; min-height: 400px; margin: 0 auto; text-align: center; background: #FFF; }

body.index #outer_1 { width: 100%; height: 100%; display: table; margin: 0 auto; background: transparent url(../images/index_bg.gif) repeat-x left center; }
body.index #outer_2 { height: 400px; display: table-cell; text-align: center; vertical-align: middle; background: transparent; }

body.index #container_inside { width: 750px; height: 400px; margin: 0 auto; background: transparent; position: relative; }

body.index h1.logos { position: absolute; top: 134px; left: 0; width: 414px; height: 70px; text-indent: -9999px; background: transparent url(../images/logos.gif) no-repeat left top; }
body.index p.title { position: absolute; top: 82px; left: 0; display: block; width: auto; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; }
body.index p.links { position: absolute; top: 223px; left: 507px; height: 32px; font-size: 11px; line-height: 32px; color: #000; }
body.index p.links a { color: #FFF; text-decoration: none; margin: 0 5px; }
body.index p.links a:hover { color: #000; text-decoration: underline; }

body.index ul.sign { position: absolute; top: 130px; right: 0; width: auto; height: auto; text-align: right; }
body.index ul.sign li { float: left; display: inline; text-align: left; }
body.index ul.sign li.admin { width: 162px; margin-right: 12px; }
body.index ul.sign li.admin input { width: 151px; height: 22px; margin-bottom: 10px; font-size: 16px; font-weight: bold; padding: 3px; border: solid 1px #A5ACB2; }
body.index ul.sign li.button { width: auto; border-left: solid 1px #A5ACB2; }
body.index ul.sign li.button input.button { width: 62px; height: 70px; margin-left: 6px; font-size: 16px; font-weight: bold; color: #00AEEF; cursor: pointer; border: none; background: none; }
body.index ul.sign li.button input.button:hover { color: #FFF; }

body.index #warning { position: absolute; top: 88px; right: 0; border-bottom: solid 1px #000; } 
body.index #warning  p { font-size: 12px; line-height: 21px; color: #FFF; text-transform: uppercase; }
body.index #warning  p  span.op { background: transparent url(../images/warning_bg.gif) no-repeat left top; display: block; }
body.index #warning  p  span.cl { background: transparent url(../images/warning_bg.gif) no-repeat right top; display: block; }
body.index #warning  p  span span span { display: block; margin: 0 35px; padding-top: 3px; }


/* **********************************************************
 @INSIDE
*************************************************************/
body { background: #FFF url(../images/site_bg_top.gif) repeat-x left top; text-align: center; font-size: 11px; line-height: 1.6em; }
#container { background: transparent url(../images/site_bg_bottom.gif) repeat-x left bottom; width: auto; height: auto; }
#content { width: 770px; height: auto; margin: 0 auto; text-align: left; }
#header { height: 100px; position: relative; }
#main { height: auto; padding-top: 36px; position: relative; }
#content_holder { padding-bottom: 20px;}
#footer { height: 95px; position: relative; }

/* @HEADER */
#header h1.logos { position: absolute; top: 30px; left: 0; width: 414px; height: 70px; text-indent: -9999px; background: transparent url(../images/logos.gif) no-repeat left top; }
#header h2 { font: normal 11px Arial, Helvetica, sans-serif; line-height: 30px; text-transform: uppercase; letter-spacing: 0.1em; color: #000; display: block; height: 100px;	}
#header h3 { position: absolute; top: 60px; right: 65px; width: auto; height: auto; font-size: 11px; line-height: 1.2em; text-transform: uppercase; color: #92939A; z-index: 3; }
#header h3 span { color: #FFF; }
#header p { position: absolute; top: 0; right: 0; width: auto; height: auto; font-size: 11px; line-height: 30px; text-transform: uppercase; color: #92939A; z-index: 1; }

#header .search_form { position: absolute; top: 6px; right: 0; width: 218px; text-align: right;	}
#header .search_form input { display: block; width: 157px; height: 16px; float: left; }
#header .search_form label { display: block; height: 18px; font-size: 11px; line-height: 18px; text-transform: uppercase; }

#header #livechat { position: absolute; top: 46px; right: 0; width: 129px; height: 88px; z-index: 2; }
#header #livechat a,
#header #livechat a img { border: none; }

/* @MAIN */
#main ul#nav_main { position: absolute; top: 0; left: 0; width: 770px; z-index: 1; }
#main ul#nav_main li { width: auto; float: left; display: inline; font-size: 14px; line-height: 34px; text-transform: uppercase; }
#main ul#nav_main li a { color: #FFF; text-decoration: none; background: #92939A; height: 34px; margin-top: 1px; padding: 8px 18px; border-left: solid 1px #FFF; }
#main ul#nav_main li a:hover, #main #nav_main li.active a { color: #92939A; background: #FFF; border-left: solid 1px #FFF; }
#main ul#nav_main li form { position: absolute; top: 7px; right: 0; line-height: 20px;	}
#main ul#nav_main li form select#quick_browse_list { text-transform: none; width: 157px; }


/* @CONTENT */
#bgflow { background: transparent url(../images/shadow_flow.gif) repeat-y right top; margin-top: 1px; }
#bgend { background: transparent url(../images/shadow_end.gif) no-repeat right bottom; /*padding-bottom: 60px;*/ margin: 0; }

#content_holder h1.flash { margin: 10px 0; }
#content_holder h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 22px; line-height: 1.2em; font-weight: normal; color: #00aeef; margin-bottom: 10px; }
#content_holder h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.2em; font-weight: bold; color: #92939A; margin-bottom: 15px; }
#content_holder h3 span { padding: 8px 30px 20px 0; background: transparent url(../images/date_bg.gif) no-repeat right top; }
#content_holder h4 { font-size: 14px; line-height: 1.2em; font-weight: bold; margin-bottom: 10px; }
#content_holder h5 { font-size: 12px; line-height: 1.2em; font-weight: normal; margin-bottom: 10px; }
#content_holder h6 { font-size: 12px; line-height: 1.2em; font-weight: normal; margin-bottom: 10px; }
#content_holder p { font-size: 12px; line-height: 1.6em; font-weight: normal; margin-bottom: 10px; }
#content_holder p.tags { padding: 8px 0 0 0; border-top: dotted 1px #A5ACB2; }
#content_holder p.tags span { font-weight: bold; } 

#content_holder #content_left { float: left; width:570px; height: auto; margin-bottom: 60px; }
#content_holder #content_left .block { border-bottom: solid 1px #A5ACB2; margin-bottom: 30px; }

#content_holder #content_right { float: right; width:180px; height: auto; margin-bottom: 60px; }
#content_holder #content_right #navigation h4 { background: transparent url(../images/sign_nav_title.gif) no-repeat 10px center; margin: 10px 0 0 0; padding: 6px 0 6px 25px; border-top: solid 1px #A5ACB2; }
#content_holder #content_right #navigation a:hover { text-decoration: none; }
#content_holder #content_right #navigation ul { margin: 0; font-size: 13px; }
#content_holder #content_right #navigation ul li { width: auto; height: auto; margin: 0; padding: 4px 0; border-top: dashed 1px #A5ACB2; }
#content_holder #content_right #navigation ul li a { background: transparent url(../images/sign_nav.gif) no-repeat 13px center; margin: 0; padding: 5px 0 5px 25px; }
#content_holder #content_right #navigation ul li.active { background: #F7F8F8; }
#content_holder #content_right #navigation ul li.active a,
#content_holder #content_right #navigation ul li.active a:hover { color: #92939A; }

#content_holder #content_right #navigation ul li ul { width: auto; height: auto; margin: 4px 0 0 0; padding: 0; }
#content_holder #content_right #navigation ul li ul li { width: auto; height: auto; margin: 0; padding: 4px 0; border: none; }
#content_holder #content_right #navigation ul li ul li a { background: transparent url(../images/sign_subnav.gif) no-repeat 25px center; margin: 0; padding: 5px 0 5px 38px; }
#content_holder #content_right #navigation ul li.active ul li.active { background: #EDEEF0; }
#content_holder #content_right #navigation ul li.active ul li.passive a,
#content_holder #content_right #navigation ul li.active ul li.passive a:hover { color: #00AEEF; }
#content_holder #content_right #navigation ul li.active ul li.active a,
#content_holder #content_right #navigation ul li.active ul li.active a:hover { color: #92939A; }

#content_holder #content_right #addtext { background: transparent url(../images/addtext_bg.gif) no-repeat left top; border-top: solid 1px #A5ACB2; }
#content_holder #content_right #addtext h4 { margin: 0 10px; padding: 10px 0; }
#content_holder #content_right #addtext .addtext_form { }
#content_holder #content_right #addtext .addtext_form textarea { width: 158px; height: 68px; margin: 0 0 10px 10px; padding: 0; font-size: 11px; }
#content_holder #content_right #addtext .addtext_form input.button { margin-left: 10px; border: none; background: none; }

/* @uni_form */
	#uni_form { width: 770px; }
	#uni_form fieldset {}
	#uni_form h3 { font-family: Arial, Helvetica, sans-serif; clear: both; color: #000; margin: 0 0 10px 0; }
	#uni_form h4 { clear: both; font-weight: bold; margin: 0 0 10px 0; }
	#uni_form p { margin: 0 0 10px 0; }

	#uni_form ul { width: 770px; float: left; display: inline; clear: both; margin: 0; padding: 0; list-style-type: none; }
	#uni_form ul li { width: 100%; margin: 0; padding: 4px 0; float: left; clear: both; }

	#uni_form ul li fieldset {}
	#uni_form ul li label { width: 160px; float: left; display: inline; margin-right: 0; line-height: 20px; }
	#uni_form ul li input { width: 200px; height: 18px; float: left; display: inline; }
	#uni_form ul li input.short { width: 100px; }
	#uni_form ul li input.chkbox { width: 20px; border: none; background: none; }
	#uni_form ul li input.radio { width: 20px; border: none; background: none; }
	#uni_form ul li input.button { width: auto; height: auto; border: none; margin-top: 10px; }
	#uni_form ul li input.button_send { width: auto; height: auto; border: none; margin-top: 10px; margin-left: 160px; }
	#uni_form ul li select { width: 200px; height: auto; float: left; display: inline; font-size: 12px; }
	#uni_form ul li select.short { width: 100px; }
	#uni_form ul li textarea { width: 200px; height: 80px; float: left; display: inline; }
	#uni_form ul li textarea.short { width: 200px; height: 80px; float: left; display: block; }
	#uni_form ul li textarea.doubleline { width: 200px; height: 36px; float: left; display: block; }

	#uni_form ul li p.extra_info { width: 100%; font-size: 10px; margin: 0; padding: 0; float: left; display: inline; position: relative; }
	#uni_form ul li .bubble_holder { margin: 0 0 15px 20px; padding: 0; float: left; display: inline; position: relative;}
	#uni_form ul li .bubble_holder p.extra_info { width: auto; margin: 0; padding: 0; float: none;  }
	#uni_form ul li .bubble { position: absolute; left: 80px; top: 0; width: 150px; z-index: 999; }
	#uni_form ul li .bubble p { font-size: 10px; background: #FFF; margin: 0; padding: 5px; border: solid 1px #ADADAD; }


/* @shop */
#content_holder ul.shop_list { width: 770px; height: auto; border-top: dashed 1px #A5ACB2; clear: both; }
#content_holder ul.shop_list li { height: auto; padding: 5px 0; float: left; display: block; font-size: 12px; text-transform: uppercase; text-align: center; }
#content_holder ul.shop_list li.cell_1 { width: 280px; text-align: left; position: relative; }
#content_holder ul.shop_list li.cell_2 { width: 81px; }
#content_holder ul.shop_list li.cell_3 { width: 89px; }
#content_holder ul.shop_list li.cell_4 { width: 205px; }
#content_holder ul.shop_list li.cell_5 { width: 114px; }

#content_holder ul.shop_list li.cell_1 h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 20px; }
#content_holder ul.shop_list li.cell_1 div.info_icon { float: right; margin: 20px 0 0 10px;  position: relative; }
#content_holder ul.shop_list li.cell_2 img { margin: 12px 0 0 0; }
#content_holder ul.shop_list li.cell_3 a,
#content_holder ul.shop_list li.cell_3 a img { margin: 2px 0 0 0; }
#content_holder ul.shop_list li.cell_4 label span {text-transform: none; }
#content_holder ul.shop_list li.cell_4 select { width: 38px; margin: 17px 0 0 10px; }
#content_holder ul.shop_list li.cell_5 input { width: auto; margin-top: 17px; padding: 0 16px 0 4px; background: #FFF url(../images/icon_arrow.gif) no-repeat right center;  }

#content_holder  p.ship {  clear: both;  font-size: 12px; display: block;  padding: 10px ; background: #EAEAEA; text-transform: uppercase; text-align: center;  margin-bottom: 0; }
#content_holder  p.ship  strong { color: #00AEEF; }
#content_holder  input.button_send_order  { display: block; width: 230px; height: 32px;  margin: 0 auto;  text-align: center;  border: none; cursor: pointer; }

/* @BGUBBLE CUCI */
#content_holder .info_bubble { position: absolute; 	width: 238px; left: -67px; bottom: 17px;  z-index: 999;  display: block; }
#content_holder .info_bubble_top { height: 10px; background: transparent url(../images/bubble_top.gif) no-repeat left top; font-size: 0; }
#content_holder .info_bubble_center { height: auto; background: transparent url(../images/bubble_center.gif) repeat-y left top; }
#content_holder .info_bubble_bottom { height: 20px; background: transparent url(../images/bubble_bottom.gif) no-repeat left top; font-size: 0; }
#content_holder .info_bubble p { font-size: 10px; background: #DCE8FB; margin: 0 14px; padding: 0; }

/* bubble red */
.wm_bubble_red { position: absolute; top: 0px; right: 0px; width: 102px; z-index: 999; display: none; }
.wm_bubble_red_top { height: 10px; background: transparent url(../images/bubble_red_top.gif) no-repeat left top; font-size: 0; }
.wm_bubble_red_center { height: auto; background: transparent url(../images/bubble_red_center.gif) repeat-y left top; }
.wm_bubble_red_bottom { height: 20px; background: transparent url(../images/bubble_red_bottom.gif) no-repeat left top; font-size: 0; }
.wm_bubble_red p { font-size: 10px; color: #FFF; font-weight: bold; background: #ED1C24; margin: 0 14px; }

/* bubble green */
.wm_bubble_green { position: absolute; top: 0px; right: 0px; width: 102px; z-index: 999; display: none; }
.wm_bubble_green_top { height: 10px; background: transparent url(../images/bubble_red_top.gif) no-repeat left top; font-size: 0; }
.wm_bubble_green_center { height: auto; background: transparent url(../images/bubble_red_center.gif) repeat-y left top; }
.wm_bubble_green_bottom { height: 20px; background: transparent url(../images/bubble_red_bottom.gif) no-repeat left top; font-size: 0; }
.wm_bubble_green p { font-size: 10px; color: #FFF; font-weight: bold; background: #598527; margin: 0 14px; }


/* @FOOTER */
#footer p.site_info { font-size: 11px; line-height: 24px; letter-spacing: 0.1em; color: #92939A; height: 24px; padding: 0; margin: 0; position: relative; top: 70px; left: 0; }
}

/* ******************************************************************************************************
sIFR - start
****************************************************************************************************** */
@media screen { 
/* 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: 0px; top: 0px; width: 0px; height: 0px; display: block; overflow: hidden; }

/* 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 h1.flash { visibility: hidden; font-size: 36px; line-height: 36px; height: 36px; letter-spacing: -6px; margin: 3px 0; }
}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
@media print { 
.sIFR-flash, 
.sIFR-flash object, 
.sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }
}

/* ******************************************************************************************************
sIFR - end
****************************************************************************************************** */