@charset "utf-8";
/* CSS Document */

/* ------- TABLE OF CONTENTS ---------------

Project:       MICA Manufacturing Corporation
Version:       1.0
Last change:   09/03/08 finished development, 9/18/08 finishes content
Assigned to:   Jonathan HoppesPrimary use:   Custom O and P Website
 
1. Import Reset and Global Styles
2. Structure Style Declarations 
3. Typography Style Declarations

---------- END TABLE OF CONTENTS ----------*/

/* ---------->>> 1. Import <<<-----------*/

@import url("/css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("/css/global.css"); /* import the forbin global style sheet - contains common styles */

/* ---------->>> END Import <<<----------*/

/* ---------->>> 2. Structure <<<-----------*/
/* BODY */
body {background:url(/images/bg_body.jpg); font-size:11px; color:#172c07; line-height:14px;}
#container {width:674px; margin:0 auto; background:url(/images/bg_container.jpg); padding:0px 15px 15px 15px;}
/* HOME HEADER */
#header_home {position:relative; width:674px; height:102px; background:url(/images/bg_header.jpg); color:#dbc609;}
#header_home h1, #header_home ul, #header_home p {position:absolute;}
#header_home p {top:17px; width:660px; text-transform:uppercase; font-size:10px; letter-spacing:-.02em; padding:0 7px;}
#header_home h1 {left:7px; top:50px; width:242px; height:45px; background:url(/images/gx_branding.jpg); text-indent:-9999px;}
/* SUB HEADER */
#header {position:relative; width:674px; height:102px; background:url(/images/bg_header.jpg) 0 -102px; color:#dbc609;}
#header h1, #header ul, #header p {position:absolute;}
#header p {top:17px; width:660px; text-transform:uppercase; font-size:10px; letter-spacing:-.02em; padding:0 7px;}
#header h1 {left:7px; top:50px; width:242px; height:45px; background:url(/images/gx_branding.jpg) 0 -45px; text-indent:-9999px;}

/*translation site links*/
#header_home .translation, #header .translation{position:absolute; bottom:3px; right:4px; height:17px; }
#header_home .translation li, #header .translation li{float:left; margin-right:0px; padding:0; }
#header_home .translation li a, #header .translation li a {height:17px; width:60px;}

#header_home .translation li a.english, #header .translation li a.english{background:url(/images/bg-languages.jpg) no-repeat -240px -34px;}
#header_home .translation li a.english:hover, #header .translation li a.english:hover {background-position:-240px -34px;}

#header_home .translation li a.german, #header .translation li a.german{background:url(/images/bg-languages.jpg) no-repeat -180px 0px;}
#header_home .translation li a.german:hover, #header .translation li a.german:hover {background:url(/images/bg-languages.jpg) no-repeat -180px -17px;}

#header_home .translation li a.chinese, #header .translation li a.chinese{background:url(/images/bg-languages.jpg) no-repeat 0 0;}
#header_home .translation li a.chinese:hover, #header .translation li a.chinese:hover{background:url(/images/bg-languages.jpg) no-repeat 0 -17px;}

#header_home .translation li a.arabic, #header .translation li a.arabic{background:url(/images/bg-languages.jpg) no-repeat -60px 0;}
#header_home .translation li a.arabic:hover, #header .translation li a.arabic:hover{background:url(/images/bg-languages.jpg) no-repeat -60px -17px;}

#header_home .translation li a.spanish, #header .translation li a.spanish{background:url(/images/bg-languages.jpg) no-repeat -120px 0;}
#header_home .translation li a.spanish:hover, #header .translation li a.spanish:hover{background:url(/images/bg-languages.jpg) no-repeat -120px -17px;}




/* AUX NAV */
/*#header_home ul, #header ul {bottom:3px; right:6px;}
#header_home ul li, #header_home ul a, #header ul li, #header ul a {float:left; width:87px; height:17px;}*/
#header_home ul a, #header ul a {display:block; text-indent:-9999px;}
li.mainpage {background:url(/images/auxnav_mainpage.jpg)  0 -17px;} 
li.mainpage_focus {background:url(/images/auxnav_mainpage.jpg) 0 -51px;}
li.search {background:url(/images/auxnav_search.jpg)  0 -17px;}
li.search_focus {background:url(/images/auxnav_search.jpg) 0 -51px;}
li.auxresources {background:url(/images/auxnav_resources.jpg)  0 -17px;}
li.auxresources_focus {background:url(/images/auxnav_resources.jpg) 0 -51px;}
li.mainpage:hover, li.search:hover, li.auxresources:hover {background-position: 0 -34px;}
/* MAIN FOCUS */
.mainFocus {width:674px; height:176px; background:url(/images/gx_mainFocus.jpg);}
/* NAVIGATION */ 
ul#navigation, ul#sub_navigation {height:45px; width:674px; clear:left;}
ul#navigation li, ul#navigation a, ul#sub_navigation li, ul#sub_navigation a {float:left; height:45px;}
ul#navigation a, ul#sub_navigation a {display:block; text-indent:-9999px;}
li.micacorp {background:url(/images/nav_micacorp.jpg); width:113px;}
li.micacorp a {width:113px;}
li.micacorp:hover, li.micacorp_focus {background:url(/images/nav_micacorp.jpg) 0 -45px; width:113px;}
li.solutions {background:url(/images/nav_soultions.jpg);}
li.solutions a {width:112px;}
li.solutions:hover, li.solutions_focus {background:url(/images/nav_soultions.jpg) 0 -45px; width:112px;}
li.resources {background:url(/images/nav_resources.jpg);}
li.resources a {width:112px;}
li.resources:hover, li.resources_focus {background:url(/images/nav_resources.jpg) 0 -45px; width:112px;}
li.practitioners {background:url(/images/nav_practitioners.jpg);}
li.practitioners a {width:112px;}
li.practitioners:hover, li.practitioners_focus {background:url(/images/nav_practitioners.jpg) 0 -45px; width:112px;}
li.gallery {background:url(/images/nav_gallery.jpg);}
li.gallery a {width:112px;}
li.gallery:hover, li.gallery_focus {background:url(/images/nav_gallery.jpg) 0 -45px; width:112px;}
li.contactinfo {background:url(/images/nav_contactinfo.jpg); width:113px;}
li.contactinfo a {width:113px;}
li.contactinfo:hover, li.contactinfo_focus {background:url(/images/nav_contactinfo.jpg) 0 -45px; width:113px;}
/* SUB */
ul#sub_navigation li.resources {background:url(/images/nav_sub_resources.jpg); width:112px;}
ul#sub_navigation a {width:112px;}
ul#sub_navigation li.resources:hover, ul#sub_navigation li.resources_focus  {background:url(/images/nav_sub_resources.jpg) 0 -45px;; width:112px;}
ul#sub_navigation li.practitioners {background:url(/images/nav_sub_practitioners.jpg); width:112px;}
ul#sub_navigation a {width:112px;}
ul#sub_navigation li.practitioners:hover, ul#sub_navigation li.practitioners_focus  {background:url(/images/nav_sub_practitioners.jpg) 0 -45px;; width:112px;}
ul#sub_navigation li.gallery {background:url(/images/nav_sub_gallery.jpg); width:112px;}
ul#sub_navigation a {width:112px;}
ul#sub_navigation li.gallery:hover, ul#sub_navigation li.gallery_focus {background:url(/images/nav_sub_gallery.jpg) 0 -45px; width:112px;}
ul#sub_navigation li.contactinfo {background:url(/images/nav_sub_contactinfo.jpg); width:113px;}
ul#sub_navigation li.contactinfo a {width:113px;}
ul#sub_navigation li.contactinfo:hover, ul#sub_navigation li.contactinfo_focus {background:url(/images/nav_sub_contactinfo.jpg) 0 -45px; width:112px;}
/* CONTENT */
#content {background: url(/images/bg_contentTop.jpg) top no-repeat #5b6459; padding:12px; width:650px; clear:left;}
#content .content {background:#d6e1d4; width:642px; padding:4px;}
#content .content h4 {text-transform:uppercase; font-size:14px; font-weight:bold; color:white; background:url(/images/bg_h4.jpg); width:622px; height:21px; padding:8px 0 0 20px; margin-bottom:10px;}
#content .content p { padding: 5px 20px;}
#mainContent h4 {text-transform:uppercase; font-size:14px; font-weight:bold; color:white; background:url(/images/bg_h4.jpg); width:376px; height:21px; padding:8px 0 0 20px; margin-bottom:10px;}
#leftColumn .content h4 {text-transform:uppercase; font-size:14px; font-weight:bold; color:white; background:url(/images/bg_h4.jpg); width:208px; height:21px; padding:8px 0 0 20px; margin-bottom:10px;}
#leftColumn {width:236px; float:left;}
.homepage #leftColumn {width:316px; float:left;}
#leftColumn .content {background:#d6e1d4; width:228px; padding:4px; margin-bottom:12px;}
#mainContent p {text-align:justify; margin:0 20px;}
#contentArea {background:#dfedde; padding:4px; margin-left:246px;}
#contentArea h4 {text-transform:uppercase; font-size:14px; font-weight:bold; color:white; background:url(/images/bg_h4.jpg);
width:376px; height:21px; padding:8px 0 0 20px; float:left; margin-bottom:10px;}
#contentArea h2 {text-transform:uppercase; color:#9e6c00; margin:10px 0 0 20px;}
#contentArea p {text-align:justify; margin:0 20px;}
#contentArea a.readMore {display:block; float:right; background:url(/images/a_greenArrowblueBg.jpg) 0 0.5em no-repeat; padding-left:20px; color:#51840d; text-decoration:none;}
#contentArea a.readMore:hover {background:url(/images/a_greenArrowblueBg.jpg) right 0.5em no-repeat; padding-right:20px; text-decoration:none; margin-left:-20px;}
#contentArea ul li {background:url(/images/a_greenArrowblueBg.jpg) 0 0.4em no-repeat; padding-left:25px; cursor:default;}
#contentArea ul li:hover {background:url(/images/a_greenArrowblueBg_ovr.jpg) 0 0.4em no-repeat; color:#649aff;}
/* News and Events - Archives */
.photoBorder {border:1px solid #8e9689;}
.clearFloat {clear:both;}
#newsEvents, #newsEventsArchives {background:#d6e1d4; width:228px; padding:4px; margin-bottom:10px;}
#newsEvents h4, #newsEventsArchives h4 {text-transform:uppercase; font-size:14px; font-weight:bold; color:white; background:url(/images/bg_h4.jpg); width:153px; height:21px; padding:8px 0 0 20px;}
#newsEventsArchives h4 { width:208px;}
#newsEvents h4, #newsEvents a.h4btn {float:left;}
a.h4btn {background:url(../images/btn_h4btn.jpg); width:55px; height:29px; display:block; text-indent:-9999px;}
a.h4btn:hover {background-position: 0 -29px;}
#newsEvents ul, #newsEventsArchives ul {padding:10px; float:left;}
#newsEvents li {/*height:60px;*/ padding:15px 0;} 
#newsEventsArchives li { padding:5px 10px 0 10px;}
#newsEvents li, #newsEventsArchives li {border-bottom:1px solid #adc3a9; border-top:1px solid white;}
#newsEvents li.first, #newsEventsArchives li.first {border-top:0;}
#newsEvents li.first {margin-top:-10px;}
#newsEventsArchives li.first {padding-top:11px;}
#newsEventsArchives li.date { border:none; margin-bottom:0; height:10px; padding-top:0;}
#newsEvents li.last, #newsEventsArchives li.last {border-bottom:none; padding-bottom:0px;}
#newsEvents li img {margin-right:10px; margin-left:10px;}
#newsEvents li p.photo { margin-top:5px; padding-left:80px; line-height:14px;}
/* Homepage Product Button */
a.genesisSeries {width:236px; height:97px; background:url(/images/a_genesisSeries.jpg); /*margin-top:9px;*/}
a.genesisSeries:hover {background-position: 0 -97px;}

a.opMall {width:316px; height:100px; background:url(/images/a_opmall.jpg); /*margin-top:9px;*/}
a.opMall:hover {background-position: 0 -100px;}

a.yoband{width:316px; height:100px; background:url(/images/a_yoband.jpg); }
a.yoband:hover {background-position: 0 -100px;}
/* Homepage Welcome p */
#welcome {padding:20px; width:284px; height:178px; display:block; float:left; margin:3px 0 6px 10px; background:url(/images/bg_welcome.jpg);}
#welcome h4 {font-size:18px; font-weight:bold; color:white; margin-bottom:10px;}
#welcome h4 span {color:#dbff32; font-size:14px;}
#welcome a.readMore_welcome {background:url(/images/a_readmore_welcome.jpg) 0 0.4em no-repeat; padding-left:20px; text-decoration:none; color:white; margin-right:15px;}
#welcome a.readMore_welcome:hover {background:url(/images/a_readmore_welcome.jpg) right 0.4em no-repeat; padding-right:20px; text-decoration:none; color:white; margin-left:-20px;}
/* Homepage Product Section */
#featureProduct {background:#dfedde; float:left; margin-left:10px; height:210px;/*height:235px;*/ padding:4px; width:316px;}
#featureProduct p {margin:0 10px 0 10px;}
#featureProduct h4 {text-transform:uppercase; font-size:14px; font-weight:bold; color:white; background:url(/images/bg_h4.jpg); height:21px; display:block; width:295px; padding:6px 0 0 20px; float:left;}
a.h4btn {background:url(../images/btn_h4btn.jpg); width:55px; height:29px; display:block; text-indent:-9999px;}
a.h4btn:hover {background-position: 0 -29px;}
#featureProduct h4 {float:left; margin-bottom:4px;}
#featureProduct a.genesis {width:129px; height:88px; background:url(/images/img_genesis.jpg) no-repeat; margin:4px 0 25px 0;}
#featureProduct a {color:#51840d;}
#featureProduct p {}
#featureProduct ul {line-height:14px; margin-left:0px; margin-top:10px;}
#featureProduct ul li a {background:url(/images/a_greenArrowblueBg.jpg) 0 0.4em no-repeat; padding-left:20px;}
#featureProduct ul li a:hover {background:url(/images/a_greenArrowblueBg_ovr.jpg) 0 0.4em no-repeat; color:#649aff;}
/* About Us */
/* Testimonials */
ul#caseStudies {}
ul#caseStudies li {border-bottom:1px solid #adc3a9; border-top:1px solid white; text-align:justify;}

/* Solutions */
ul.genesisII { background:url(/images/img_genesis.jpg) left no-repeat;}
ul.genesisII li { margin-left:120px;}
ul.genesisIIProd { background:url(/images/img_genesisprod.jpg) left no-repeat;}
ul.genesisIIProd li, ul.productList li { margin-left:120px; cursor:default;}
ul.productList {border-bottom:1px dashed #cbd8c9; margin-right:20px;}
ul.productList img { margin-left:-15px;}
ul.productList li.title { background:none; padding-left:none; margin-left:94px; text-transform:uppercase; font-weight:bold; color:#9e6c00;}
ul#productMenu {width:236px;}
ul#productMenu a {width:236px; height:99px; text-indent:-9999px; display:block;}
ul#productMenu li {float:left; width:236px; height:99px; }
.productItem {margin:10px 20px; border-bottom:1px dashed #cbd8c9; padding-bottom:15px;}
.productItem p {text-align:left!important;}
.productItem img {margin:0 10px 20px 0;}
.productItem li strong {line-height:16px;}
.productItem li {margin:0 0 5px 15px;}
/* products & resource */
li.feet {background:url(/images/li_genesis.jpg);}
li.feet2 {background:url(/images/li-genesis-plus.jpg);}
li.tooling {background:url(/images/li_tooling.jpg);} 
li.accessories {background:url(/images/li_accessory.jpg);}
li.lowprofile {background:url(/images/li_lowprofile.jpg);}
li.vaculink  {background:url(/images/li_vaculink.jpg);}
li.news {background:url(/images/li_news.jpg);}
li.news:hover {background:url(/images/li_news_over.jpg);}
li.tech {background:url(/images/li_technology.jpg);}
li.help {background:url(/images/li_help.jpg);}
li.glossary {background:url(/images/li_glossary.jpg);}
li.websites {background:url(/images/li_websites.jpg);}
li.guide {background:url(/images/li_guide.jpg);}
li.liners {background:url(/images/li_liners.jpg);}
li.bumpers {background:url(/images/li_bumpers.jpg);}
li.components {background:url(/images/li_components.jpg);}
li.feet:hover, li.feet2:hover, li.tooling:hover, li.accessories:hover,li.lowprofile:hover, li.vaculink:hover, li.tech:hover, li.help:hover, li.glossary:hover, li.websites:hover, li.guide:hover, li.liners:hover, li.bumpers:hover, li.components:hover {background-position: 0 -99px;}
li.feet_focus {background:url(/images/li_genesis.jpg) 0 -198px;}
li.feet2_focus {background:url(/images/li-genesis-plus.jpg) 0 -198px;}
li.tooling_focus {background:url(/images/li_tooling.jpg) 0 -198px;} 
li.accessories_focus {background:url(/images/li_accessory.jpg) 0 -198px;}
li.lowprofile_focus {background:url(/images/li_lowprofile.jpg) 0 -198px;}
li.vaculink_focus  {background:url(/images/li_vaculink.jpg) 0 -198px;}
li.tech_focus {background:url(/images/li_technology.jpg) 0 -198px;}
li.help_focus {background:url(/images/li_help.jpg) 0 -198px;} 
li.glossary_focus {background:url(/images/li_glossary.jpg) 0 -198px;}
li.websites_focus  {background:url(/images/li_websites.jpg) 0 -198px;}
li.guide_focus  {background:url(/images/li_guide.jpg) 0 -198px;}
li.liners_focus  {background:url(/images/li_liners.jpg) 0 -198px;}
li.bumpers_focus  {background:url(/images/li_bumpers.jpg) 0 -198px;}
li.components_focus {background:url(/images/li_components.jpg) 0 -198px;}
/* Resources */
p.guide table, p.help table {width:370px; }
p.guide ul { margin-top:-15px;}
strong {color:#3b89e6; text-transform:uppercase; line-height:40px;}
p.resourceCenter {}
	p.resourceCenter { width:80%;}
/* Gallery */
#gallery { visibility:hidden;}
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat;display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font-size: 10px;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
/* Contact */
.content ul {padding:0 22px;}
.content ul li {border-bottom:1px solid #adc3a9; border-top:1px solid white; padding:15px 0;}
.content ul li.first {border-top:none; padding-top:0px;}
.content ul li.last {border-bottom:none;}
#newsEvents a.enlarge {float:left;}
a.enlarge {background:url(../images/btn_h4enlarge.jpg); width:55px; height:29px; display:block; text-indent:-9999px;}
a.enlarge:hover {background-position: 0 -29px;}
/* FOOTER */
#footer {height:80px; background:url(/images/bg_footer.jpg) top repeat-x #5b6459; float:left; width:674px;}
#footer ul {margin:15px 0 0 22px;}
#footer li {float:left; border-right:1px solid #dbff32; border-left:1px solid #dbff32; padding:0 10px;}
#footer a {color:#dbff32; font-weight:bold; text-decoration:none;}
#footer a:hover { color:white;}
#footer p {color:#d3d3d3; margin:50px 5px 0 5px;}
#footer li.first {border-left:none;}
#footer li.last {border-right:none;}
/* ---------->>> END Structure <<<----------*/

/* ---------->>> 3. Typography <<<----------*/
p {padding-bottom:10px; line-height:18px;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
ul.list { margin-left:20px; line-height:18px; padding:15px;}
ul.list li {background:url(/images/a_greenArrowblueBg.jpg) 0 0.5em no-repeat; padding-left:25px;}
ul.list li:hover {background:url(/images/a_greenArrowblueBg_ovr.jpg) 0 0.5em no-repeat; color:#649aff;}
u b {color:#9e6c00; text-transform:uppercase; }
u {color:#9e6c00;}
.divider { height:2px; background:url(../images/divider.jpg) 0 17px repeat-x; padding:20px; margin:0 10px;}
/* COLORS */
.brightGreen {color:#dbff32;}
.green {color:#61ba12;}
.grey {color:#6c6c6c;}
.brightBlue {color:#649aff;}
.blue {color:#3b89e6}
.orange {color:#9e6c00;}
/* TABLES */
#infotable {width: 100%;padding: 0;margin: 0; margin-top:20px;}
#infotable caption {padding: 0 0 5px 0; width: 100%; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left; padding-left:20px;}
#infotable th {font: bold 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: 1px;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(/images/bg_headerTable.jpg) no-repeat;}
#infotable th.nobg {border-top: 0;border-left: 0;border-right: 1px solid #C1DAD7;background: none;}
#infotable td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;}
#infotable td.alt {background: #F5FAFA;color: #797268;}
#infotable th.spec {border-left: 1px solid #C1DAD7;border-top: 0;background: #fff url(/images/bullet1.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#infotable th.specalt {border-left: 1px solid #C1DAD7;border-top: 0;background: #f5fafa url(/images/bullet2.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #797268;}
#infotable tfoot tr { border:none;background: none;}
/* FORMS */
form#mainContent {background:#d6e1d4; width:404px;  padding:0px; padding-top:1px; margin-left:246px;}
form#mainContent h4 { margin:4px; width:376px;}
.desc{line-height:110%;padding:0 0 5px 0;border:none;color:#8e6000;display:block;font-size:95%;font-weight:bold;}
.label {clear:both; display:block; font-size:9px; margin-bottom:10px;}
table#contactForm td span { float:left; margin-right:10px;}
table#contactForm td { padding: 5px 17px; }
table#contactForm ul {margin-left:0;}
table#contactForm li { background:none; padding:0; margin-bottom:8px; }
table#contactForm tr.odd { background:#dfebdc;}
.errMessage{color:#FF0000; font-weight:bold;}
/* LINKS */
a:link {color:#3b89e6;}
a:visited {color:#6c6c6c;}
a:hover {color:#649aff;}
a:active {color:#9e6c00;}

a.btnVideos {width:316px; height:78px; margin-top:6px; background:url(/images/btn-genesis-videos.jpg) no-repeat 0 0;}
a.btnVideos:hover {background-position:0 -78px;}

a.btnCatalog {width:316px; height:78px; margin-top:6px; background:url(/images/btn_catalog.jpg) no-repeat 0 0;}
a.btnCatalog:hover {background-position:0 -78px;}

a.btnApparel {width:316px; height:78px; margin-top:6px; background:url(/images/btn_apparel.jpg) no-repeat 0 0;}
a.btnApparel:hover {background-position:0 -78px;}


#footer a.NoLink, #footer a.NoLink:link, #footer a.NoLink:active, #footer a.NoLink:visited, #footer a.NoLink:hover {
	cursor:text;
	text-decoration:none;
	color:#dbff32;
}
/* ---------->>> END Typography <<<---------*/

/* These heights and widths should be edited to your images */	
ul#MicaGallery{
	padding-left:15px;
	width:650px;
	margin:0 auto;}
.pika_main{
	width:650px;
	height:445px;
	padding-right:20px;
	margin:0 auto;}
#MicaGallery li{
	margin:5px;
	float: left;
	border:2px solid #fff; overflow:hidden;
	}
.pika_subdiv {height:410px; overflow:hidden; text-align:center;}
.pika_subdiv img {float:none;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#MicaGallery li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #fff;}
.pika_main{position: relative;margin:0 auto;display:block;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}


/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}


.pika_play a{position:absolute;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:640px;height:20px;text-align:center; position:absolute; bottom:0px;left:0px; background:url('/images/caption-bg.png') top left; color:#fff; padding:5px; font-size:14px; display:none;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center; border-bottom:1px dotted #ccc;}

.pika_play{position:absolute;z-index:1;left:35px; margin-left:-25px;width:50px;top:5px;}
.pika_play a.pika_play_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/images/play.png') top center no-repeat; text-indent:-9999px; top:350px;}
.pika_play a.pika_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/images/pause.png') top center no-repeat; text-indent:-9999px; top:350px;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center; position:absolute; top:570px; width:640px;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:200px;width:100px;background:url('/images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:200px;width:100px;background:url('/images/fastf.png') top right no-repeat;}
.hideDiv{ display: none; }; 


#fumodal_window_container { display:block; background-color:#f0f0f0; }
#fumodal_window_top { width:100%; height:5px; display:block; overflow:hidden; background:url(/images/bar_T.gif) repeat-x top left; }
#fumodal_window_TL { width:5px; height:5px; display:block; float:left; background:url(/images/corner_LT.gif) no-repeat top left; }
#fumodal_window_TR { width:5px; height:5px; display:block; float:right; background:url(/images/corner_RT.gif) no-repeat top left; }
#fumodal_window_BL { width:5px; height:5px; display:block; float:left; background:url(/images/corner_LB.gif) no-repeat top left; }
#fumodal_window_BR { width:5px; height:5px; display:block; float:right; background:url(/images/corner_RB.gif) no-repeat top left; }
#fumodal_window_middle { width:100%; display:block; }
#fumodal_window_L { width:5px; height:100%; display:block; float:left; background:url(/images/bar_L.gif) repeat-y top left; }
#fumodal_window_R { width:5px; height:100%; display:block; float:right; background:url(/images/bar_R.gif) repeat-y top left; }
#fumodal_window_inner { display:block; height:100%; float:left; background-color:#f0f0f0; }
#fumodal_window_content { padding:10px; z-index:0; position:absolute; top:35px; left:5px; }
#fumodal_window_busy_back { z-index:1; position:absolute; top:35px; left:5px; background-color:#f0f0f0; }
#fumodal_window_busy { z-index:2; position:absolute; top:35px; left:5px; }
#fumodal_window_busy_icon { width:40px; height:40px; top:50%; left:50%; margin-left:-20px; margin-top:-20px; display:block; position:absolute; background:url(/images/busy.gif) no-repeat top left; }
#fumodal_window_top_bar { display:block; height:30px; background:url(/images/title_bar.gif) repeat-x top left; }
#fumodal_window_title { display:block; height:20px; padding:7px 10px 3px 10px; float:left; }
#fumodal_window_close { display:block; width:30px; height:30px; float:right; background:url(/images/close_button.gif) no-repeat top left; }
#fumodal_window_bottom { display:block; width:100%; height:5px; overflow:hidden; background:url(/images/bar_B.gif) repeat-x top left; }

