/* #RESET# */
*  { margin: 0; padding: 0; }
h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-style: normal; }
ul,ol { list-style: none; position: relative; margin: 0; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }	
a, a:visited { text-decoration:none;}


/* #MAIN SECTIONS LAYOUT# */

body { font: 9pt Arial, Helvetica, sans-serif; color: #585858; text-decoration: none;  margin: 0px; padding: 0px; line-height:14pt;  overflow: auto;}

#wrap { margin:0; padding:0; background: #F3F3F3; width:100%; height:100%; background-color: #C8C8C8; }
#wrap.storeBG { margin:0; padding:0; background: #4C4C4C repeat-x left top; width:100%; height:100%; overflow: hidden; }

.logo { display:block; position:absolute; top:20px; left:18px }

#centerWrap { position: relative; width: 1000px; margin: 0px auto; padding: 0 35px 0 35px; z-index: 1; background: url(/App_Themes/images/contentBG-new.png) repeat-y center top; }

#topSection { width:1000px; z-index:3000; margin:0 auto; height:115px; position:relative; }

/* #MENU# */
/* #MENU/MAIN MENU# */

ul#mainMenu { display:block; float:right; position:absolute; top:45px; right:0px; background: url(../App_Themes/images/menu-bg.jpg) no-repeat center center; width: 690px; padding: 0; }
ul#mainMenu li {font-size:8.5pt; display: inline-block; float:left; list-style:none;}
ul#mainMenu li a { display:block; height:32px; width:112px; padding-top:17px; text-align:center; text-decoration:none; color:#434343; float:left; }
ul#mainMenu li a:hover { color:#FF8B0F;}
ul#mainMenu li a.menu-CompanyInfo { width:118px; }
ul#mainMenu li a.menu-Services { width:111px;}
ul#mainMenu li a.menu-eStore { width:111px;}
ul#mainMenu li a.menu-Support { width:111px;}
ul#mainMenu li #stext { border:0px; margin-left:58px; width:140px; font-size: 12px; padding: 0; }
ul#mainMenu li #stext2 { border:0px; margin-left:58px; width:140px; font-size: 10px; }

ul#mainMenu li .sub { position: absolute; z-index: 100; background: #e2e2e2; padding: 10px; float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; 
	border-bottom:6px solid #333333;
}

ul#mainMenu li.search { height: 32px; padding-top: 17px; width: 235px; }
ul#mainMenu li .sub { top:43px;}
ul#mainMenu li .sub ul{ list-style: none; margin: 0; padding: 0; float: left; width:150px;}
ul#mainMenu .sub ul li { width: 100%; color: #333333; }
ul#mainMenu .sub ul li h2 { padding: 0;  margin: 0; font-size: 12px; font-weight: bold; padding-bottom:5px; }
ul#mainMenu .sub ul li a {text-align:left; float: none; text-indent: 0; height: auto; background-image:none; padding: 0; display: block; text-decoration: none; color: #333333;}
ul#mainMenu .sub ul li a:hover { color: #FF6600; background-position: 5px 12px ; }


/* #MENU/TOP MENU# */
#topMenu { float:right; position:absolute; top:15px; right:8px; font-size:11px ; }
#topMenu ul { }
#topMenu ul img { vertical-align: middle; margin: -5px 0 0 0; }
#topMenu ul li { display: inline; float: left; position: relative; margin-left: 10px; vertical-align: middle; }
#topMenu a { color: #585858; }
#topMenu a:hover { color:#F59D25; text-decoration:underline;}



/* #MENU/LEFT CONTENT MENU# */

.contentLeft_left ul#menuElem { }
.contentLeft_left ul#menuElem a { text-decoration:none;}
.contentLeft_left ul#menuElem a:hover { text-decoration:underline;}
.contentLeft_left ul#menuElem li { border-bottom:#D9D9D9 dotted 1px; margin: 0 0 5px 0; }

.contentLeft_left ul#menuElem li ul { margin-top:5px;}
.contentLeft_left ul#menuElem li ul li a { margin-top:5px;} 
.contentLeft_left ul#menuElem li ul li { margin:0 0 2px 10px; font-size:11px; border:none;}
.contentLeft_left ul#menuElem li ul li a:link, .contentLeft_left ul#menuElem li ul li a:visited { color: #999;} 
.contentLeft_left ul#menuElem li ul li a:hover { color:#00507f;}



/* #BANNER SECTION# */

div.bannerSection {display:block; width:1000px;height:333px; position:relative; overflow:hidden;margin: 0 auto 0 auto;}
div.bannerSection h1 { font-family: 'MyriadProCondRegular', verdana, helvetica, sans-serif; font-size: 18px; font-weight: normal;}
div.bannerSection img.imgBanner { display: block; position: relative; float:left;}

div.bannerSection #bannerLeft { display: block; width: 280px; position: relative; float: left; overflow: auto; background: url(../App_Themes/images/storebg2.gif) repeat-x left top; height: 325px; padding: 15px 20px 0 20px; }
div.bannerSection #bannerLeft h1{ color:#f59d25;}
div.bannerSection #bannerLeft p {clear:both; float:left; width:100% }

div.bannerSection #bannerRight { float: left; width:680px; position:relative; }
div.bannerSection img.imgStoreBanner {display:block; float: left; position: relative; z-index:-5; width: 680px; height:210px; }
div.bannerSection div.contBox { width:85%; margin:0 auto; margin-top:7px;}

div.bannerSection #banner-hotDealsBox{color:#fff;}
div.bannerSection #banner-hotDealsBox div.hotDealsAlert, div.bannerSection #banner-hotDealsBox div.hotDeals { height: 135px; width: 340px; float: left; position: relative; }
div.bannerSection #banner-hotDealsBox .hotDealsAlert {	background: url(../App_Themes/images/transfeatured.jpg) no-repeat center center #4B4A4C; }
div.bannerSection #banner-hotDealsBox .hotDeals { background: #F48035 url(../App_Themes/images/storebg1.gif) repeat-x bottom; color:#fff; }
div.bannerSection #banner-hotDealsBox .hotDeals h1 { color:#993333; }


div.bannerSection div.hotDealsAlert h1 { margin-bottom:10px; color:#F59D25;}
div.bannerSection div.hotDealsAlert h2 {font-family: 'MyriadProCondBold', verdana, helvetica, sans-serif; font-size: 15px; }
div.bannerSection div.hotDealsAlert h2 a { color:#d9d9d9; margin:0; padding:0;}
div.bannerSection div.hotDealsAlert h2 a:hover { color:#fff; text-decoration:underline;}

div.bannerSection div.hotDealsAlert p a.onSale { margin-top: 15px; color:#F59D25; display:block; font-weight:bold; float:left;}
div.bannerSection div.hotDealsAlert p a.onSale:hover { color:#fff; text-decoration:underline;}
 
div.bannerSection div.hotDealsAlert img { margin:10px; } 
div.bannerSection div.hotDealsAlert img:hover { }

div.bannerSection div.hotDeals table { margin-top:5px; width:90%;}
div.bannerSection div.hotDeals table td { padding-bottom: 3px;}

div.bannerSection div.hotDeals input.text { background-color:#f2f2f2; border: #993333 solid 1px; height: 18px; width: 90%; padding: 1px 10px;}
div.bannerSection div.hotDeals input.btn {background-color:#993333; border:1px solid #C55333; color:#fff; padding:1px 15px; float:right; }
div.bannerSection div.hotDeals input.btn:hover {background-color:#333; border:1px solid #999; color:#fff;}


div.bannerSection #bannerLeft .CategoryFeaturedBox { color:#333333; margin-top:20px;width:80%;margin-left:10px;}
div.bannerSection div#bannerLeft div.CategoryFeaturedBox img {border: 3px solid #f3f3f3;}
div.bannerSection #bannerLeft .CategoryFeaturedBox a { color:#e85402; font-weight:bold; text-decoration:underline;}
div.bannerSection #bannerLeft .CategoryFeaturedBox a:hover { color:#3333FF;}

div.bannerSection #bannerLeftBlack { display: block; width: 300px; position: relative; float: left; overflow: auto; background: #4B4A4C; height: 325px; padding: 10px 10px 0 10px; }
div.bannerSection #bannerLeftBlack p {clear:both; float:left; }

div.bannerSection #bannerLeftBlack h1 { margin-bottom: 10px; color: #f59d25; }

div.bannerSection #bannerLeftBlack h2 { font-family: 'MyriadProCondRegular',verdana,helvetica,sans-serif; font-size:  16px}
div.bannerSection #bannerLeftBlack .CategoryFeaturedBox h2 a { color: #d9d9d9; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; }
div.bannerSection #bannerLeftBlack .CategoryFeaturedBox h2 a:hover { color: #ffffff; text-decoration: underline; }

div.bannerSection #bannerLeftBlack .CategoryFeaturedBox { color:#FFFFFF; margin-top:20px;width:85%;margin-left:0px;}
div.bannerSection #bannerLeftBlack .CategoryFeaturedBox a { color:#FFFFFF; font-weight:bold; text-decoration:underline;}
div.bannerSection #bannerLeftBlack .CategoryFeaturedBox a:hover { color:#e85402;}
div.bannerSection #bannerLeftBlack .CategoryFeaturedBox img { border:5px solid #CCCC}



.boxSection { z-index:10; width:1000px; height:170px; margin: 0 auto; position: absolute; bottom:20px; left:-9px; padding-right: 15px; padding-left: 17px; }
.boxSection img { z-index:10;}

.boxBand { background: url(/App_Themes/images/boxes-band.png) no-repeat center -4px; width: 985px; height: 37px; z-index: 5; position: relative; padding: 8px 0 0 15px; }



/* #THUMB ZOOM# */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; 
	margin-top:30px;
	left:12px;
}
ul.thumb li {
	margin: 0;
	/*padding: 5px;*/
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 320px;
	height: 157px;
	display:inline;
}
ul.thumb li img {
	width: 320px; height: 150px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
/*	border: 1px solid #ddd;
	padding: 0;
	background: #f0f0f0;*/
	position: absolute;
/*	left: 0; top: 0; */
}

ul.swapper {
float: left;
	list-style: none;
	margin: 0; 
}
ul.swapper li {
	display: inline;
	position: absolute;
}
ul.swapper li.hide {
}


/* #FONT-FACE# */


.boldMyriad {font-family:'MyriadProCondBold', verdana, helvetica, sans-serif; font-weight:bold; }





/* #CONTENT# */






/* #CONTENT/RIGHT# */


#content-right div.rightContent_Block { position: relative; margin:0 0 0 10px; padding: 10px 0 10px 0; width:210px; }
#content-right div.rightContent_Block a, #content-right div.rightContent_Block a:visited{ color: #666; }
#content-right div.rightContent_Block a:hover { color: #F59D25; }

#content-right h1 { position: relative; z-index: 0; color: #F59D25; font-size: 20px; display:block; margin-bottom: 10px; font-family: 'MyriadProCondRegular', verdana, helvetica, sans-serif; font-weight:bold;}
#content-right h2, #content-right div.rightContent_Block h2 a, #content-right div.rightContent_Block h2 a:visited {margin-top: 10px; margin-bottom: 5px; color: #00507f; font-weight: normal; font-family:"MyriadProCondRegular", verdana, helvetica, sans-serif; font-size:20px;}
#content-right a { color:#00507f; text-decoration:underline;}
#content-right a:hover { color:#F59D25;}

#content-right div.news-rightBox {}
#content-right div.news-rightBox img { float:right; margin: 0 5px 10px 10px;}

#content-right div.rightContent_BlockGray { background: url(../App_Themes/images/rightBlock-grayMid.jpg) repeat-y left top; width: 220px; position: relative; display: block; padding: 0 0 25px 0; margin: 0 0 15px 0;}
#content-right div.rightContent_BlockGray img.img-grayBot { position: absolute; bottom: 0px; z-index: 0; }
#content-right div.BlockContent { position: relative; padding-right: 10px; z-index: 2; padding-left: 10px; }


img.hand { position: relative!important; right: 0px; top:-35px; z-index: 4; float: right; clear: none; }
img.newspaper { margin: 10px 0px -6px 15px; padding: 0px; }


/* #CONTENT/RIGHT Store# */

#content-rightStore { float: right; width: 235px; margin:0;padding:10px 0 10px 0;display: column; z-index: 1;}

#content-rightStore div.orangeBlock { color:#FFF; padding: 5px 10px 10px 10px; background: #F27C22 url(/App_Themes/images/orangeBox-Bottom.jpg) no-repeat center bottom; width: 229px; margin-bottom:10px; }
#content-rightStore div.orangeBlock h1 { font-size: 24px; margin-bottom: 8px; font-family: 'MyriadProCondBold', verdana, helvetica, sans-serif; color: #933; text-transform: uppercase;}
#content-rightStore div.orangeBlock h2 {font-size: 20px; margin-bottom: 5px; font-family: 'MyriadProCondRegular', verdana, helvetica, sans-serif;}

#content-rightStore .storeEmail { width: 150px; font-size: 11px; }
#content-rightStore .storeComment { width: 150px; font-size: 11px; }

#content-rightStore div.grayBlock { color:#FFF; padding: 5px 10px 10px 10px; background: #EEE url(../App_Themes/images/grayBox_Bottom.jpg) no-repeat center bottom; width: 229px; margin-bottom: 10px; }
#content-rightStore div.grayBlock h1 { font-size: 24px; margin-bottom: 10px; font-family: 'MyriadProCondRegular', verdana, helvetica, sans-serif; background:none; color:#666; }

#content-rightStore div.storesubnewsletter {padding:10px;}
#content-rightStore div.storesubnewsletter h1 { margin-top:15px; font-size: 22px; margin-bottom: 10px; font-family: 'MyriadProCondBold', verdana, helvetica, sans-serif; color: #666666; }
#content-rightStore div.storesubnewsletter input.text { width: 100%; }
#content-rightStore div.storesubnewsletter td { padding: 2px; }





/* #STORE CALLOUT#*/
/* #STORE CALLOUT/MAIN#*/

#main-StoreCallout { width: 420px; background: url(/App_Themes/images/storeCallout-middle.jpg) no-repeat center top; padding: 15px; position: relative; float: left; }
#main-StoreCallout ul { display: block; width: auto; float: left; font: 'MyriadProCondBold', verdana, helvetica, sans-serif; color:#000000; }
#main-StoreCallout ul li { list-style:none; margin:0; padding-left:10px; text-indent: 0;}
#main-StoreCallout ul li a {color: #000000;}



/* #STORE LAYOUT# */

.storebottom { padding:20px 0 20px 3px;}

.storeright {clear: right; float: right;	width: 700px;}
.storerightbot {clear: right;float: right;width: 700px;}
.storepanel { background-image: url(../App_Themes/images/panelbg.png); background-repeat: no-repeat;	height: 220px; width: 148px; float: left; clear: none; margin-right: 15px; margin-left: 0px; }
.storepanel .storepanelimg { margin-top: 10px;	margin-right: 10px;	margin-bottom: 0px;	margin-left: 10px;	clear: both;	float: none;}
.storebottom .storepaneltitle {	clear: both;	float: none;	margin-top: 5px;	margin-right: 10px;	margin-left: 10px;	text-align: center;	font-weight: bold;	font-size: 13px;}
.storebottom .storepanellist {	clear: both;	float: none;	margin-top: 15px;	margin-right: 10px;	margin-left: 10px;}
.storepanel .storepanellist ul { 	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	list-style-position: inside;}


div.inventorySearch { width: 960px; background: #D9D9D9 url(/App_Themes/images/bodyBG.gif); border-top: 4px solid #333; padding: 20px; clear: both; float: left; position: relative; margin-top: 40px; bottom:-28px }
div.invtySearch-box { background: #FFF url(/App_Themes/images/storeCallout-ContentBG.png) repeat-x left bottom; border-bottom: 2px solid #333; padding: 10px; width: 300px; float: left; margin-right: 20px; position: relative; }

div.inventorySearch input.searchText {clear:both; float:left; width: 70% }
div.inventorySearch input.searchbutton {clear:both; float:right; margin-right:85px; }

div.searchdlg td { padding:4px; }

/* #MULTIMEDIA# */

#content-left div.MediaGallery div.MediaGalleryContent div.mediaItem { width:200px; clear:none; float:left; margin:4px; padding:5px; width:200px; background-color: #F2F2F2; text-align:center;}