/*-----------------------------------------------------------*/
/***************  TABLE OF CONTENTS   ***********************/
/*
COMPANY NAME - 
*/
/*------------------------------------------------------------*/
/******************   STORE HTML initial FORMAT    ****************
body
    #aspnetForm
        #container
            --storetop.inc-- 
            #searchbox
            --storeaboveabbrevcart.inc--
            #abreviatedCart
            --storeabovenav.inc--
            #navMenu
            --storeabovesmallcart.inc--
			#smallCart
			--storeabovefeatured.inc--
		  	#featuredProduct
		    --storeabovecategory.inc--
		    #navCategory
		    --storeabovecontent.inc--
		    #storeContentArea
	     	--storebottom.inc--
			 
****/
/* persans */
/* For IE */
@font-face {font-family: 'persans';src: url('fonts/persans.eot');}
/* For Other Browsers */
@font-face {font-family: 'persans';src: url('fonts/persans.ttf') format('truetype');}
.persans{font-family:'persans', Arial, Helvetica, sans-serif;font-size:1.9em;line-height:1.3em;}

html{background:#7E98A0;}
body{font-family:arial,helvetica,clean,sans-serif;font-size:13px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.231;color:#555;background:#7E98A0 url(images/mainbg.jpg) repeat-x;}
h1{font-size:200.5%;}
h2{font-size:143.1%;}
h3{font-size:118%;}
h1,h2,h3 {margin:.5em 0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold; }
hr{background: #ccc;border:none;height:1px;clear:both;width:100%;}
a{color:#369;}
a:hover{color:#39C;text-decoration:underline;}

/*-----------------------------------------------------*/
/***************  GLOBAL CONTAINERS ********************/
#aspnetForm{}
#mainwrapper{background:url(images/containerbg.png) repeat-y scroll center top;}
.hfeed{}
.wrapper{width:960px; margin:0 auto;}
#header{height:123px;background:url(images/logobg.png) no-repeat;}
#main{padding:10px 0 25px 0;}
#footer{}

/*-------------------------------------------------------------------*/
/********************   TOP GLOBAL DIVISIONS   ***********************/
#branding{}
#logo{float:left;}
#logo a{display:block;height:123px;width:473px;}
#logo a:hover{text-decoration:none;color:#666;}
#logo h1{font-size:14px;font-style:italic;color:#999;font-weight:normal;margin:0;}
#cart{float:right;padding:0 20px 0 0;}
#search{float:right;}

/***  SEARCH BOX  ***/
#search input[type="text"]{color:#999;}
#search input[type="text"]:focus{color:#000;}
#search input[type="submit"]{}

/***  ASP ABBREVIATED CART ***/
#cartType{float: left;}
#cartpic{float: left;}
.cartpic1 a{display: block;background:url(images/cartpic.png) no-repeat;width:30px; height:33px;} 
.cartpic2 a{display: block;background:url(images/cartpic2.png) no-repeat;width:30px; height:33px;}
#abreviatedCart{padding:0 7px;float:left;text-align:center;}

/*------------------------------------------------------------*/
/*********************  GLOBAL HARD MENU   ********************/
#navigation{clear:both;height:33px;border-bottom:1px #ccc solid;}
#menu{}
#menu ul{float:left;border-left:1px #ccc solid;}

.navActive{}
.navActive:hover{}

#hardnav{height:20px;width:487px;float:right;padding:72px 0 0;}
#hardnav ul{float: right;}
#hardnav li{float: left;padding: 0 5px;}
#hardnav li a{display:inline-block;background:#fff;margin:0 7px;padding:0 8px;font-size:15px;}
#hardnav li a:hover{text-decoration:none;}

.navActive{}

/*----------------------------------------------------------*/
/*********************  SUPERFISH MENU   ********************/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:1em;}
.sf-menu a {border:1px #ccc solid;border-width:1px 1px 0 0;padding:.75em 1em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#666;}
.sf-menu li {}
.sf-menu li li {background:#fff;}
.sf-menu li li li {background:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#eee;outline:0;color:#333;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(images/menuArrows.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url(images/menuShadow.png) no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/*---------------------------------------------------*/
/*****************     SPLASH     ********************/
#splash{height:206px;overflow:hidden;margin:40px auto;position:relative;}
#s1 div{}
#s1{overflow:hidden;}
#s1 h1{font-size:40px;margin:0 0 20px 0;text-shadow:2px 2px 5px #ccc;}
#s1 p{font-size:16px;padding:0 0 0 30px;width:750px;}
.splash1{}
.splash2{}
.splash3{}
.splash4{}
.splash5{}
#nav{position:absolute;z-index:500;bottom:0;left:0;}
#nav a{display:block;padding:5px 8px;margin:0 5px;background:#f5f5f5;border:1px #ccc solid;-moz-border-radius:3px; -webkit-border-radius:3px;float:left;text-align:center;text-decoration:none;}
#nav a:hover{background:#ccc !important;}
.activeSlide{background:#ccc !important;}

/*---------------------------------------------------*/
/*****************     SLIDER     ********************/
#slider h1{font-size:40px;margin:0 0 20px 0;text-shadow:2px 2px 5px #ccc;}
#slider p{font-size:16px;padding:0 0 0 30px;width:750px;}

#slider{height:367px;width:930px;overflow:hidden;position:relative;background:url(images/slider/splashBg.png) no-repeat -1px 0;padding:14px 34px 16px 36px;}
#slider                         { width:930px; height:242px; position:relative;}
#slider .sliderpics             { width:930px; height:242px; overflow:hidden; margin:0 35px; position:absolute; top:14px; left:0; }
#slider .sliderpics ul          { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#slider ul li                   { display: block; float: left; padding: 20px; height: 200px; width: 888px; margin: 0;border:1px #ccc solid;}
#slider .arrow                  { display: block; height: 58px; width: 58px; background: url(images/slider/butns.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 100px; cursor: pointer; }
#slider .forward                { background-position: -58px 0; right: 0; }
#slider .back                   { background-position: 0 0; left: 0; }
#slider .forward:hover          { background-position: -58px -58px; }
#slider .back:hover             { background-position: 0 -58px; }

#thumbNav                               { position: relative; top: 241px; text-align: center;}
#thumbNav a                             { color: black; display: inline-block; padding:0; height:15px; width:15px; margin:0;text-align: center;text-indent:-999em;}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #ccc; }

#start-stop                             { background: green;color:#fff;background-repeat:repeat-x;padding:2px 5px; width: 40px; text-align:center; position:absolute; right:36px; top:255px;text-indent:-999em;}
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/* Prevents */
#slider .sliderpics ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#slider .sliderpics ul ul li       { float: none; height: auto; width: auto; background: none; }

/*---------------------------------------------------*/
/*****************     WIDGET     ********************/
#topSplash{width:960px;height:200px;}
#topSplash span{display:block;padding: 45px 0 10px 120px;}
#topSplash h2{font-size:16px;line-height:21px;width:635px;margin:0;font-weight:normal;}
#topSplash p a:hover{background-position: left -48px;}
#testSplash{width:761px;height:100px;margin:0 0 0 70px;overflow:hidden;}
#psswidget{background: url(images/splash/1bg.png) no-repeat;width: 960px;height: 290px;margin:40px auto 0;}
#work_widget { /*box-shadow:0 0 2px #053b4f;-moz-box-shadow:#053b4f 0 0 2px ;-webkit-box-shadow:0 0 2px #053b4f;*/position:relative;height:290px;width:960px; }
#work_widget ul.menu { float:left;width:230px;margin:74px 0 0 0;padding: 0 0 0 20px;}
#work_widget ul.menu li { font-weight: bold;font-size: 18px;list-style: none;}
#work_widget ul.menu li.current { background: url(images/splash/arrow.png) no-repeat 0 14px;color:#3cf; }
#work_widget ul.menu li a { display:block;padding:12px 12px 4px 25px;outline:none;text-decoration: none;color:#79a5b5;}
#work_widget ul.menu li a:hover, #work_widget ul.menu li.current a:hover { color:#f60; }
#work_widget ul.menu li.current a { color:#3cf;text-decoration: none;}
#work_widget .projects { float:left;width:709px;height:280px;position:relative;}
#work_widget .project { position:absolute;display:none; }
#work_widget .project:first-child{display:block;}
#work_widget .project .samples-container { width:480px;float:left;overflow:hidden;margin:0 20px 0 232px;}
#work_widget .project .samples-container {margin-left:0;margin-right:0;}
#work_widget .project .samples { width:480px;height:278px;float:left;position:relative;text-align:left;overflow:hidden; }
#work_widget .project .samples li { display:block;float:left;width:240px;position:relative;margin-left:-66px;border:1px solid #e0e0e0;-moz-box-shadow:#999 0px 0px 5px;box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999; }
#work_widget .project .samples li:first-child { margin-left:0; }
#work_widget .project .samples li.primary { width:240px;margin-top:3px; }
#work_widget .project .samples li.secondary { width:200px;margin-top:49px; }
#work_widget .project .samples li.tertiary { width:164px;margin-top:90px; }
#work_widget .project .samples li.front { z-index:30; }
#work_widget .project .samples li.middle { z-index:20; }
#work_widget .project .samples li.back { z-index:10; }
#work_widget .project .samples li a { display:block;width:100%;border:none;outline:none;position:relative;padding:0;margin:0;}
#work_widget .project .samples li a img { width:100%;border:none;margin:0;padding:0; }
#work_widget .project .summary { padding:10px 10px 10px 20px;margin-left:480px;margin-top:80px;}
#work_widget .project .summary h3 { border-bottom: 1px #e7e7e7 solid;padding: 0 0 5px 0;margin: 0 0 10px 0;}
#work_widget .project .summary h3 a {color:#4d96b0;font-size: 18px;font-weight:bold;text-decoration: none;}
#work_widget .project .summary p {color:#165f78;margin-bottom:1em;padding-right:6px;line-height:1.4em;}

/*------------------------------------------------------------*/
/*******************  STORE CONTENT AREA   ********************/
#container{width:720px;padding:0 0 0 15px;min-height: 400px;height:auto !important;height:400px;float: right;}
#container a{}
#container a:hover{}
#container a img:hover {filter:alpha(opacity=80);-moz-opacity: .8;opacity: .8;}

/*----------------------------------------------------*/
/*****************  SIDE NAVIGATION *******************/
#navWrapper {background:url(images/leftnavbg.jpg) no-repeat scroll right top;float:left;height:auto !important;min-height:680px;width:225px;}
.sideNav{width:225px;}
#featured{}
#featured img{margin:0 36px;width:150px;}
#featured a{text-align: center;display: block;}
#featured a:hover{}
#featuredHeading{border-bottom:1px solid #ccc;font-weight:normal;text-shadow:1px 1px 2px #B1B1B1;}
#primaryHeading{background:url(images/feat.jpg) no-repeat;height:33px;margin:20px 0 0;width:204px;text-indent:-999em;}
#secondaryHeading{background:url(images/reso.jpg) no-repeat;height:33px;margin:20px 0 0;width:204px;text-indent:-999em;}
#secondary li, #primary li{padding:2px 0 1px 10px;}
#secondary a, #primary a{display:block;font-size:14px;}
#secondary a:hover{}
.navMenuCreateAccount, .navMenuLogin, .navMenuShopCart, .navMenuHome{display:none;}

/*----------------------------------------------------------------------*/
/*******************    Newsletter styling     ********************/
#news-signup{}
#news-text{padding:2px;}
#news-submit:hover{cursor: pointer;}
/*------------------------------------------------------------*/
/*******************     STORE FOOTER      ********************/
#footer-wrap{width:100%;}
#footer{width:920px;height:224px;clear:both;margin:0 auto;}
.foot-child{float: left;}
.foot-heading{border-bottom: 1px #ccc solid;font-size:20px;margin:0 0 8px 0;width:100%;padding:0 0 1px;color:#069;clear:both;}
.foot-prepress{font-size: 11px;}
#footer-secure-images{width:298px;height:78px;}
#child1{width:270px;margin:0 10px 0 0;}
#child1 ul{margin:0 0 15px 0;}
#child2{width:121px;margin:0 10px;}
#child2 a{display:inline-block;padding:3px 0 0 0;}
#child3{width:116px;margin:0 10px;}
#child3 a{display: inline-block;padding: 3px 0 0 0;}
#child4{width: 345px;margin: 0 0 0 10px;}
#child4 a{display: block;padding: 3px 0 0 0;}
#child4 ul ul li{clear: both;}
.child4-heading{font-size: 13px;}
#child4-add{width:170px;float: left;margin: 0 0 8px 0;}
#child4-phone{width:150px;float: right;margin: 0 0 8px 0;}
.clear{width: 100%;display: block;height: 1px;clear: both;}
#page-clear{width:960px;clear:both;}


/*---------------------------------------------------------------*/
/*******************  GLOBAL PAGE TITLES      ********************/
#shopCartPage_pageTitle, #checkoutPage_PageTitle, #lostPassword_pageTitle, #createAccount_pageTitle, .storePageTitle, #detailPage_pageTitle, #listPage_pageTitle, #orderPage_pageTitle, #profile_pageTitle, #checkout2Page_pageTitle, #loginPage_pageTitle, #checkoutSuccess_pageTitle, #ctl00_ContentPlaceHolder1_lblPageTitle, #homepage-title{border-bottom:1px solid #CCCCCC;color:#069;display:block;font-size:28px;margin:17px 0;font-weight:normal;}

/*------------------------------------------------------------*/
/*******************       LIST PAGE       ********************/
.listPage_productDiv, .listPage_categoryDiv{float:left;height:210px;margin:10px 0 40px;padding:0 12px;width:150px;}
.listPage_productLink{}
.listPage_productImage, .listPage_categoryImage{width:150px;height:150px;border:1px #eee dotted;display:block;}
.listPage_productImage:hover, .listPage_categoryImage:hover{-khtml-opacity:.60;-ms-filter:"alpha(opacity=60)";-moz-opacity:.60;filter:alpha(opacity=60);opacity:.60;}
.listPage_productName, .listPage_categoryName{display:block;}

/*-------------------------------------------------------------*/
/*******************    PRODUCT DETAIL      ********************/
/* background without tool tips 
.calc-detail-image-wrap{display:none !important;}
#ctl00_ContentPlaceHolder1_pnlPricingCalculator, #ctl00_ContentPlaceHolder1_pnlPricingGrid{background:url(store_images/calc-cap2.jpg) no-repeat left top;padding:42px 0 0 0;}
#detailPage_calculator{background:#eee;border:1px #ccc solid; border-width:0 1px;padding:0 0 0 13px;}
.calc-detail-wrap, #detailPage_quantity{background:#eee;border:1px #ccc solid; border-width:0 1px;}
#detailPage_addToCart{background:#eee;border:1px #ccc solid; border-width:0 1px 1px 1px;}
*/

/* nav dropdown */
#detailNav{position: absolute;float:right;color:#125794;text-decoration:underline;font-size:16px;top:5px;right:0;}
#detailNav ul{position: absolute; top:25px;right:0;display:none;width:150px;background: #f0f0f0;border:1px #ccc solid;padding:15px;}
#detailNav li, #detailNav a{padding:0 !important;font-size:14px;line-height: 20px;}


/*calc junk*/
#yesdisplay-area h6{margin:10px 0 0 0;font-weight:normal;color:#333;}
#yesdisplay-elements{ overflow-y:scroll;background:#fff;border:1px #ccc solid;padding:5px;margin: 0 !important;}
#yesdisplay-elements li{margin:0 0 3px 0;padding:0 0 3px 0;border-bottom:1px #ccc dotted;}
#discount-price{color:#900;}
#prediscount-price{}
#finalcost{}
#totalcost{font-size: 16px;padding:3px 0;border:1px #ccc solid;border-width: 1px 0;height:18px;}
#ctl00_ContentPlaceHolder1_PriceCalcCtl1_divResults li{float:left;text-align: right;}
#ctl00_ContentPlaceHolder1_PriceCalcCtl1_divResults div{clear:both;font-weight:bold;}
.costright{width:95px;}
.costleft{width:140px;}


/* background WITH tool tips */
#detailPage_priceCalcWrap{background: #eee url(images/calc-cap2.jpg) no-repeat left top;padding:42px 0 0 0;float:left;width:280px;}
.priceCalcSection{background:#eee;border:1px #ccc solid; border-width:0 1px;padding:0 5px 0 13px;float:left;width:260px;}

.calc-detail-wrap{background:#eee;border:1px #ccc solid; border-width:0 1px;}
#detailPage_addToCart{border-bottom: 1px #ccc solid;}
.calc-parm-inputs select{width:235px !important;}
.calc-parm-inputs{width:235px !important;padding:0 0 20px 0;}
.calc-parm-inputs input{width:230px !important;}

#cluetip-close img {border: 0;}
#cluetip-title {overflow: hidden;}
#cluetip-title #cluetip-close {float: right;position: relative;}
#cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url(store_images/cluetip/wait.gif);}
.cluetip-arrows {display: none;position: absolute;top: 0;left: -11px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0;}
#cluetip-extra {display: none;}
/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip #cluetip-outer {border: 2px solid #ccc;position: relative;background-color:#fff;}
.cluetip-jtip h3#cluetip-title {margin: 0 0 5px;padding: 2px 5px;font-size: 16px;font-weight: normal;background-color: #ccc;color: #333;}
.cluetip-jtip #cluetip-inner {padding: 0 5px 5px;display: inline-block;}
.cluetip-jtip div#cluetip-close { text-align: right;margin: 0 5px 5px;color: #900;}
/* jtip arrows */
.clue-right-jtip .cluetip-arrows {background-image: url(images/cluetip/arrowleft.gif);}
.clue-left-jtip .cluetip-arrows {background-image: url(images/cluetip/arrowright.gif);left: 100%;margin-right: -11px;}
.clue-top-jtip .cluetip-arrows {background-image: url(images/cluetip/arrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;  }  
.clue-bottom-jtip .cluetip-arrows {background-image: url(images/cluetip/arrowup.gif);top: -11px;left: 50%;margin-left: -11px;height: 11px;width: 22px;}
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {zoom: 1;}

/* new clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#summary{display:none;font-size:14px;color:#f00;padding:17px 0 0 60px;height:33px;margin:0 0 0 20px;background:url(/sites/405/skins/28/images/base/exc.png) no-repeat left center;}
#summary span{display:inline;font-style: italic;}
 
/* PRINT STYLE SHEET */
@media print {
/* -------------------------------------------------------------- 
 Hartija Css Print  Framework
   * Version:   0.8 (2008-03-10)
-------------------------------------------------------------- */
body { width:100% !important;margin:0 !important;padding:0 !important;line-height: 1.4;word-spacing:1.1pt;letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
/*Headings */
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}
code{font: 10pt Courier, monospace; } 
blockquote{ margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr{background-color: #ccc; }
/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }
/* Links */
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
a[href^="http://"] {color:#000; }
/* Table */
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;} 
/*hide various parts from the site*/
#storeContentArea{width:100% !important;margin:0 !important;padding:0 !important;}
#cart-search-wrap, #page-cap1, #page-cap2, #splash, #leftnavWrapper, #page-clear, #footer-wrap{display:none;}
}