/*
 * HTML5 Boilerplate
 * Big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
 
/* =============================================================================
   $HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   $BASE
   ========================================================================== */
/* 
	HTML reset
	by Eric Meyer's CSS Reset
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body {	
	font: 12px Verdana, Geneva, sans-serif; 
	color: #000;     
	position: relative;
	-webkit-font-smoothing: antialiased;	
	}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* =============================================================================
   $LINKS
   ========================================================================== */

a { color: #a6151b; }
a:visited { color: #551a8b; }
a:hover { color: #252525; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   $TYPOGRAPHY
   ========================================================================== */
   
h1, h2, h3, h4, h5, h6	{
	line-height:1; 
	font-family: 'Muli', sans-serif;
	font-weight: normal;
}
   
h1	{
	font-size: 36px;
	color: #d72f36;
	margin:0 0 20px 0; 
}

h2	{
	font-size: 24px;
	color: #252525;	
	margin:0 0 20px 0; 
}

h3	{
	font-size: 20px;
	color: #252525;
	margin:20px 0;
}

h4	{
	font-size: 18px;
	color: #d72f36;
	margin:20px 0;
}

h5	{
	font-size: 16px;
	color: #252525;
	margin:20px 0;
}

h6	{
	font-size: 14px;
	color: #d72f36;
	margin:20px 0;
}

#pcMain h1,
#pcMain h1, 
#pcMain h2, 
#pcMain h3, 
#pcMain h4, 
#pcMain h5, 
#pcMain h6	{ 
    background-color: #F7F7F7;
    text-align: left;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    font-family: Verdana, Geneva, sans-serif;
}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   $LISTS
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   $EMBEDDED CONTENT
   ========================================================================== */
   
img {  -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

/* =============================================================================
   $FIGURES
   ========================================================================== */

figure {  }

/* =============================================================================
   $FORMS
   ========================================================================== */

form {  }
fieldset {    }
label { cursor: pointer; }
legend {  *margin-left: -7px;  white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

select {
    height: 24px;
    margin-bottom: 10px;
}

/* =============================================================================
   $TABLES
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   $CHROME FRAME PROMPT
   ========================================================================== */
 
	a.close_btn {	  
	  display: block;
	  vertical-align: top;
	  position: relative;	  
	  width: 96px;
	  line-height: 35px;
	  padding: 0 24px;
	  font-size: 14px;
	  color: white;
	  text-align: center;
	  text-decoration: none; 
	  background-color: #F00;
	  background-clip: padding-box;
	  border: 1px solid #000; 
	} 
	
	a.close_btn:hover {
	  background-color: #970202;
	}
	
  			  
	.chromeframe a { 
		color: #F00 !important;	
		text-decoration: none;
	 }
	 
	 .chromeframe a:hover	{
		 text-decoration: underline;
	 }
	
	/* modal window */
	
	.dumbBoxWrap { /* The div that shows/hides. */
		display:block; 
		z-index:40001; 
	}
	
	.dumbBox	{
		width:405px; 
		position:relative;
		margin:0 auto; 
		background-color:white;
		padding:20px;
		border:1px solid black;
	}
	
	.dumbBox h1	{
		font-size: 18px;
		color: #474747;
		margin: 0;
	}
	
	.dumbBox p	{
		line-height: 1.5;
		font-size: 12px;
		margin: 10px 0;
		color: #474747;
	}
	
	.dumbBoxOverlay { /* Shades out background when selector is active */
		position:fixed;
		width:100%;
		height:100%;
		background-color:black;
		opacity:.5; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE transparency */
		filter:alpha(opacity=50); /* More IE transparency */
		z-index:40001;
	}
	
	.vertical-offset { /* Fixed position to provide the vertical offset */
		position:fixed;
		top:30%;
		width:100%;
		z-index:40002; 
	}
  

/* =============================================================================
   $COLORS
   ========================================================================== */
   
   .lght_grey	{
	   color: #8f8e8e;
   }

   .grey	{
	   color: #6e6e6e;
   }
   
   .HC_red	{
	   color: #a6151b;
   }
   
/* =============================================================================
   $BUTTONS
   ========================================================================== */
   
   a.red_Btn, a.black_Btn	{	   
	   width: 171px;
	   height: 50px;
	   display: block;
	   font-size: 16px !important;
	   color: #fff;
	   text-decoration: none;
	   font-weight: bold;
	   line-height: 42px;
	   text-align: center;
	   text-shadow: 2px 2px #171717;	   
   }
   
   .red_Btn	{
	   background:url(../img/sprite.png) no-repeat 0 -285px;
   }
   
   .red_Btn:hover	{
	   background-position:0 -338px;
	   
   }
   
   .red_Btn:active	{
	   background-position:0 -392px;
	   line-height: 50px;
   }
   
   .black_Btn	{
		background:url(../img/sprite.png) no-repeat -174px -285px;		
   }
   
   .black_Btn:hover	{
	    background-position:-174px -338px;
   }
   
   .black_Btn:active	{
	    background-position:-174px -392px;
		line-height: 50px;
   }
   
   a.smallRed_btn	{
		width: 119px;
		height: 40px;
		display: block;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 35px;
		text-align: center;
		text-shadow: 2px 2px #751317;	
		background:url(../img/sprite.png) no-repeat -425px -285px;
   }
   
   a.smallRed_btn:hover	{
	   background:url(../img/sprite.png) no-repeat -425px -338px;
   }
   
   a.smallRed_btn:active	{
	   background:url(../img/sprite.png) no-repeat -425px -398px;
	   line-height: 45px;
   }


/* ==== primary styles =====================================================
   Author: Ryan Rosati
   Template: Holland Computers
   Date: 11/8/2012
   ========================================================================== */
	@font-face {
			font-family: 'CenturyGothic-Bold';
			src: url('../font/gothicb.eot');
			src: url('../font/gothicb.eot?#iefix') format('embedded-opentype'),
						url('../font/gothicb.woff') format('woff'),
						url('../font/gothicb.ttf') format('truetype'),
						url('../font/gothicb.svg#gothicb') format('svg');
			font-weight: normal;
			font-style: normal;
	}
		
  /*$Constant classes */ 	
	.columns-left    { float: left; }
	.columns-right  { float: right; }
	.hide     	{ display: none; }
	.highlight 	{ background: #fcf8bf; }
	.clear		{clear:both}
	
	.wrapper	{
		width: 965px;
		margin:0 auto;
	}
	.center	{
		margin:0 auto;
	}
	
	#form1, #bodyBackground { 
	    background:url(../img/hc_body_bak.png) repeat-x 0 0 #ffffff;
	     
	    /* Done so browser upgrade IE7 displays correctly */
	}

/* =============================================================================
   $HEADER
   ========================================================================== */
   
    header	{
	    color: #6e6e6e;
	    font-size: 12px;	 
	    color: #b6b6b6;
    }
    
    div#liveSupport    {
        background:url(../img/chatSup_bak.png) no-repeat 0 0;
        width: 313px;
        height: 51px;
        padding:  0 0 0 3px;
        float: right;
        
    }
    
    .liveSupport_head   {  
        height: 44px;
        display: block; 
        float: left;
        width: 156px;
    }    
 
        .liveSupport_head td {
            padding: 0;
        }
         
    a.supportCenter_head {         
        display: block; 
        float: left;
    }    
   
    a#logo	{
	    display: block;
	    text-indent: -9999999px;
	    width: 395px;
	    height: 60px;
	    background:url(../img/sprite.png) no-repeat 0 -1005px;
	    float: left;
	    margin: 15px 0;
    } 
 
   
/* =============================================================================
   $NAV 
   ========================================================================== */ 
	#mainNav	{	   
	   width: 985px;
	   height: 61px;
	   display: block;
	   clear: both;
	   list-style:  none;
	   padding: 0;
	   margin: 0;
	}
	
	#mainNav li	{				
		position: relative;
		float: left;
		font-weight: normal;
	}
	
    li.mainNav	{				
        position: relative;
        float: left;
        background: url(../img/sprite.png) no-repeat -50px -20px;
    }
	
    li.mainNav:hover {
        background: url(../img/sprite.png) no-repeat -50px -90px; 
    }
   
    li.mainNav:active   {
        background: url(../img/sprite.png) no-repeat  -50px -150px;         
    } 	
	
 
	
	a.mainLink	{ 
		text-decoration: none;
		color: #f0f0f0;
		display: block;
		padding:0 22px;
		height: 61px;
		line-height: 50px;		
		font-size: 14.5px; 
		font-weight: bold;
		text-shadow: 0 1px 2px #101010;
	}

    .ie10 a.mainLink {
       /* IE10-only styles go here */
       padding:0 23px;
       font-size: 14px;
    }

	
	a.mainLink:hover    {
	    text-shadow: 0 2px 2px #101010;
	}
	
	a.mainLink:active   {
	    line-height: 65px;
	    color: #9b9b9b;
	    text-shadow: none;
	}
	
	li.homeButton	{
		background: url(../img/sprite.png) no-repeat 0 -20px !important;
		width: 45px;
		height: 61px;
		padding:0;
		text-shadow: 0;
		text-indent: -999999px;
	}
	
	li.homeButton:hover	{
		background: url(../img/sprite.png) no-repeat 0 -90px !important;
	}	
	
	li.homeButton:active	{
		background: url(../img/sprite.png) no-repeat 0 -150px !important;
	}
	
	li.onlineStore	{
		background:url(../img/sprite.png) no-repeat -830px -20px !important;
		padding:0;
		width: 132px;
		text-align:center;	 
	}
	
	li.onlineStore a  { 
	    padding:0 !important;
	}
	
	li.onlineStore a:active  {
	    color: #e66f7a;
	}
	
	li.onlineStore:hover	{
		background: url(../img/sprite.png) no-repeat -830px -90px !important;
	}	
	
	li.onlineStore:active	{
		background: url(../img/sprite.png) no-repeat -830px -150px !important;
	}
	
	.seperator	{ 
        margin-top: 1px; 	
	}
	 
/* =============================================================================
   $DROP DOWN MENU
   ========================================================================== */  
   
   #mainNav > li:hover ul.pagelist_ul_dropDown	{
	   display: block;
	   left:0;
   }   
     
   
   #mainNav > li:hover .triangle	{
	   background: url(../img/dropDown_triangle2.png) no-repeat center bottom;
	   height: 53px;
	   display: block;
	   z-index: 99999;
	   position:relative;
   }
 
      
   ul.pagelist_ul_dropDown	{
		display:block;
		list-style: none;
		position:absolute; 
		left:-9999px;
		z-index: 1000;
		width: 200px;
		margin: -9px 0 0 4px;
		padding: 5px 15px;
		border-radius: 0 5px 5px 5px;
		-moz-box-shadow: 0px 0px 13px #000;
		-webkit-box-shadow: 0px 0px 13px #000;
		box-shadow: 0px 0px 13px #000;
		background:  #f5f5f5; /*fallback for non-CSS3 browsers*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5) to(#dddddd)); /*old webkit*/
		background: -webkit-linear-gradient(#f5f5f5, #dddddd); /*new webkit*/
		background: -moz-linear-gradient(#f5f5f5, #dddddd); /*gecko*/
		background: -ms-linear-gradient(#f5f5f5, #dddddd); /*IE10*/
		background: -o-linear-gradient(#f5f5f5, #dddddd); /*opera 11.10+*/
		background: linear-gradient(#f5f5f5, #dddddd); /*future CSS3 browsers*/
		-pie-background: linear-gradient(#f5f5f5, #dddddd); /*PIE*/
		behavior: url(/Scripts/pie/PIE.htc);
   }
   
   ul.pagelist_ul_dropDown li	{
	   float: none !important;
   }
      
   ul.pagelist_ul_dropDown a	{
	   color: #595959;
	   text-decoration: none;
	   display: block;
	   padding: 2px 0;
	   font-size: 11px;
   }
   
   ul.pagelist_ul_dropDown a:hover	{
	   color: #c31a21;
   }  
 
   
/* =============================================================================
   $ICONS
   ========================================================================== */
   
   span.customerIcon	{
	   display: block;
	   background: url(../img/sprite.png) -647px -218px no-repeat;	
	   height: 30px;
	   width: 35px;
	   float: left;
	   margin-right: 5px;
   }
   
   span.rss	{
	   display: block;
	   background: url(../img/sprite.png) -696px -218px no-repeat;	
	   height: 30px;
	   width: 30px;
	   float: left;
	   margin-right: 5px;
   }
   
   span.addressBook1	{
	   display: block;
	   background: url(../img/sprite.png) -731px -218px no-repeat;	
	   height: 30px;
	   width: 28px;	   
	   float: left;
	   margin-right: 10px;
   }
   
   span.addressBook2	{
	   display: block;
	   background: url(../img/sprite.png) -765px -218px no-repeat;	
	   height: 30px;
	   width: 28px;
	   float: left;
	   margin-right: 10px;
   }

   span.creditCard	{
	   display: block;
	   background: url(../img/sprite.png) -799px -218px no-repeat;	
	   height: 20px;
	   width: 30px;
	   float: left; 
	   margin-right: 10px;
	   margin-top: 3px;
   }
   
   span.speechBubble	{
	   display: block;
	   background: url(../img/sprite.png) -834px -218px no-repeat;	
	   height: 25px;
	   width: 30px;
	   float: left; 
	   margin-right: 10px;
   }
   
   span.email	{
	   display: block;
	   background: url(../img/sprite.png) -867px -218px no-repeat;	
	   height: 23px;
	   width: 33px;
	   float: left;
	   margin-right: 10px;
	   margin-top: 3px;
   }
   
   span.cellPhone	{
	   display: block;
	   background: url(../img/sprite.png) -903px -218px no-repeat;	
	   height: 30px;
	   width: 17px;
	   float: left;
	   margin:0 15px 10px 10px;
   }
   
   span.printer	{
	   display: block;
	   background: url(../img/sprite.png) -925px -218px no-repeat;	
	   height: 30px;
	   width: 32px;
	   float: left;
	   margin-right: 10px;
   }
   
   span.email_small	{
	   width: 15px;
	   height: 11px;
	   background: url(../img/sprite.png) -71px 0 no-repeat;
	   float: left;
	   margin-right: 5px;
   }
   
   span.cellPhone_small	{
	   width: 8px;
	   height: 13px;
	   background: url(../img/sprite.png) -87px 0 no-repeat;
	   float: left;
	   margin-right: 13px;
   }
   
   span.printer_small	{
	   width: 11px;
	   height: 11px;
	   background: url(../img/sprite.png) -99px 0 no-repeat;
	   float: left;
	   margin-right: 11px;
   }




/* =============================================================================
   $Default Content Area
   ========================================================================== */ 

      
   div.mainBackground    {
        background: url(../img/main_bak.png) center 0 no-repeat;         
        width: 963px;
        margin: 30px auto 0 auto;       
   } 

   
   div#main {
       width: 689px;  
	   float: right;      
       padding: 20px;
	   min-height: 1000px;
	   line-height: 1.8;
       color: #444444;
   }
   
   div#main_noSidebar {
	   width: 930px;
	   float:none;
	   margin: 0 auto 50px auto; 
	   padding-top: 20px;
	   min-height: 850px;
   }

   .pcFeaturedProductsMessage {
	    display: block;
	    margin-bottom: 20px;
   } 
   
/* =============================================================================
   $Sidebar Aside 
   ========================================================================== */
   
   aside    { 
        width:  270px;  
		float: left; 
		margin: 2px 0 0 3px;
		position: relative;
		padding: 20px 20px 0 20px;
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(230,230,230,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.01)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(230,230,230,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(230,230,230,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
   }

 
   
/* =============================================================================
   $Product nav - pcLeftCatLinks
   ========================================================================== */ 
#pcLeftCatLinks h3	{	
	margin: 20px 0 0 0;
}
#pcLeftCatLinks h3 a {
    background: url(../img/sprite.png) -612px -870px no-repeat #3b3b3b;
    font-size: 14px;
	color: #fff; 
	font-weight: bold;
	height: 53px;
	line-height: 53px; 
	padding-left: 55px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	border-radius: 5px 5px 0 0;
	behavior: url(/Scripts/PIE.htc);
	font-weight:bold;
}

#pcLeftCatLinks h3 a:hover	{
	color: #a6151b;
	
}

/* =============================================================================
   $Old PC Menu table list
   ========================================================================== */ 
   
   #pcLeftCatLinks > table	{
		 
		margin: 0 0 20px 0;
		border: 1px solid #b1b1b1; 
		display: block;
		width: 228px;
   }
   
    #pcLeftCatLinks > table > tbody > tr	{
		width: 208px;
		padding: 5px 10px;  
		display: block;
		border-top: 1px solid #b1b1b1;
		border-bottom: 1px solid #fff; 
		background: rgb(248,248,248); /* Old browsers */ 
	}
	
	#pcLeftCatLinks > table > tbody > tr:hover	{
		background: #fff;
	}
	
	#pcLeftCatLinks > table > tbody > tr > td > table > tbody > tr	{
		padding: 3px 0;
		border-bottom: 1px solid #dddddd;
		display: block;
	}
	
	#pcLeftCatLinks a	{
		text-decoration: none;
	}
   
   
 
/* =============================================================================
   $New PC Menu
   ========================================================================== */ 
 
	.hci_dynamicnav 	{
		list-style: none;
		margin: 1px 0 20px 0;
		padding: 0;
		position: relative;
		z-index: 500;
	}
	
		.hci_dynamicnav li	{			
			background-color: #353535;
			color: #fff; 
			border-bottom: 1px solid #fff;
			position: relative;
			display: block;
			width: 230px;			
		}
		
			.hci_dynamicnav li:hover	{
				background-color: #7d7d7d;
			}
			 
		.hci_dynamicnav a	{
			 display: block;
			 padding: 5px 10px;
			 color: #fff;
			 text-decoration: none;
		}
		
		.hci_dynamicnav ul	{
			position: absolute;
			white-space: nowrap; 
			z-index: 1;
			left: -99999em;
			border-left: 1px solid #fff;
			top: 0;
			margin: 0;
			opacity: 0;
			transition: 0.2s opacity ease-in, 0s left linear 0.22s;
		}

		/* fix droddown menu fading away to quickly on mouse out */

		.hci_dynamicnav ul:after {
		    content: '';
		    display: block;
		    z-index: -1;
		    position: absolute;
		    height: 110%;
		    width: 120%;
		    top: -5%;
		    left: 0;
		}
		
		/* dropdown */
		.hci_dynamicnav li:hover > ul	{
			left: 100%; 
			opacity: 1 !important;
			-moz-transition-delay: 0s;
			-webkit-transition-delay: 0s;
			-khtml-transition-delay: 0s;
			-icab-transition-delay: 0s;
			-ms-transition-delay: 0s;
			-o-transition-delay: 0s;
			transition-delay: 0s;			 
		}
 	
		/* the triangle */
		.parent > a:before	{
			content: "";
			position: absolute;
			height: 0;
			width: 0;
			border: 5px solid transparent;
			border-left-color: #fff;
			top: 30%;
			right: 5px;
		}	
		
			.parent:hover > a:before	{
				border: 5px solid transparent;
				border-right-color: #000;
				right: 10px;
				
			}	


/* =============================================================================
   $Search Bar
   ========================================================================== */ 
   
   .hciSearch	{
		display: block; 
		margin-bottom: 10px;
		clear:both;
		padding: 20px 20px 10px 20px; 
		border: 1px solid #d0d0d0;
		border-radius: 3px 3px 3px 3px;
		background: #f7f7f7; /* Old browsers */
		background: -moz-linear-gradient(top,  #f7f7f7 0%, #efefef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f7f7f7 0%,#efefef 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */		
		-moz-box-shadow:    inset 0 2px 8px #afafaf;
		-webkit-box-shadow: inset 0 2px 8px #afafaf;
		box-shadow:         inset 0 2px 8px #afafaf; 
		box-sizing: border-box;		
   }
   
   .searchBox	{
	   
   		border-radius: 4px 0 0 4px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d9d9+0,ececec+100 */
		background: #d9d9d9; /* Old browsers */
		background: -moz-linear-gradient(top,  #d9d9d9 0%, #ececec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #d9d9d9 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d9d9d9 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ 

		box-shadow: inset 0px 4px 10px 0px rgba(0,0,0,.3);

		width: 80%;
		height: 41px;
		padding: 3px 0 0 20px; 
		float: left;
		border: 1px solid #9e9e9e !important;
		font-size: 16px;  
		display: block;
   }    
   
   .searchBtn	{
	    
	   width: 20%;
	   height: 41px;
	   line-height: 39px; 
	   border: 1px solid #520103 !important;
	   border-radius: 0 4px 4px 0;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5383f+0,c31a20+100 */
		background: #e5383f; /* Old browsers */
		background: -moz-linear-gradient(top,  #e5383f 0%, #c31a20 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #e5383f 0%,#c31a20 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #e5383f 0%,#c31a20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5383f', endColorstr='#c31a20',GradientType=0 ); /* IE6-9 */


	   box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.4);

	   float: left; 
	   color: #fff;
	   text-shadow: 1px 2px #171717;
	   font-size: 16px;
	   font-family: 'Muli', sans-serif;
	   font-weight: bold;
	   display: block;
   }
   
   .searchBtn:hover	{ 
   		background: #e5383f; /* Old browsers */
   }
   
   .searchBtn:active	{ 
		background: #c31a20; /* Old browsers */
		color: #fd5259;
		line-height: 45px;
		text-shadow: none;
   }
   
   .advancedSearch_txt	{
	   clear:both;
	   display:block; 
	   margin-top: 5px;
	   font-size: 14px;
	   color: #5d5d5d;
   }
    
/* =============================================================================
   $Cart Items
   ========================================================================== */ 
   
   div.pcShowCart	{
	   background: url(../img/cartItems_bak.png) 0 0 no-repeat;
	   width: 297px;
	   height: 91px;
	   position: absolute;
	   top: 10px;
	   left: -10px;
	   color: #ffffff;
	   font-size:12px;
   }
   div.cartItems	{		
        font-weight: bold;
        margin: 15px 0 0 54px;
        position: absolute;
        width: 62px;
        font-size: 11px;
        text-align: right;
   }
   
   div.cartPrice	{ 
   	   margin: 10px 0 0 135px;
	   position: absolute;
	   line-height: 1;
   }
   
   .curentTotal_txt	{
	   display: block;
	   margin-bottom:3px;	   
   }
   
   .pcTotal_txt	{
	   font-size: 27px;
	   text-shadow: 2px 2px #350608;
	   font-weight: bold;
	   display: block;
   } 
   
   .cartLinks	{
	   margin: 58px 0 0 20px;
	   position: absolute;
	   font-size: 14px;
   }
   .cartLinks a	{
	   color: #fff;
	   text-decoration: none;
   }
   
   .cartLinks a:hover	{
	   text-decoration: underline;
   }
   
   .otherCheckouts	{
	   margin-top: 90px;
   }

   #pcOPCtotal {
   	display: none;
   }
   
   
/* =============================================================================
   $View Cart Page
   ========================================================================== */ 
   
   .pcCartPrice	{
	   font-size: 24px;
	   margin-bottom: 10px;
   }
   
   .weAccept	{
	   text-align: left;
	   margin-top: 10px;
	   float: right;
   }
   
   .weAccept span	{
	   display: block;
   }

   .pcButtonRecalculate {
   		margin: 20px 0;
   } 

   .help-block i {
   		font-size: 11px !important;
   }

   #SubmitShip {  
    background: url(../img/hc-estimate.png);
    text-indent: -999999px;
    width: 224px;
    padding: 0;
    height: 34px;
    border: none; 
   }

 
 
/* =============================================================================
   $Best Sellers
   ========================================================================== */ 

   #pcBestSellers .pcShowProductsUL,
   #pcSpecials .pcShowProductsUL {
	    width: 50%;
        margin-bottom: 20px;
   }

   #pcBestSellers ul:after {
	    content: '';
	    display: table;
   		clear: both;
   }

   .pcShowProductsUL .pcShowProductImage { 
   		width: 100px;
   		height: 100px; 
   		border: 1px solid #E1E1E1;
   		display: table;
   		margin-right: 20px;
   }

		.pcShowProductsUL .pcShowProductImage a {
			display: table-cell;
			width: 100%;
			height: 100%;
			vertical-align: middle;
			text-align: center;
		}

			.pcShowProductsUL .pcShowProductImage img {
				max-width: 80px;
				width: auto;
				height: auto;
				max-height: 80px; 
			}

   .pcShowProductsUL .pcShowProductInfo {
   		width: auto;
   }

   .pcMoreLink {
    display: block;
    margin: 20px 0;
   }

  
 /* =============================================================================
   $Mobile Nav
   ========================================================================== */  
   
.navbar-toggle,
.navbar-brand {
	float: none;
	color: #cfcfcf;
} 

.navbar-default .navbar-brand {
	color: #cfcfcf;
}  

#hc-cart-mobile {
	padding: 15px;
    line-height: 20px;
    color: #cfcfcf;
}

	#hc-cart-mobile a {
		color: #cfcfcf;
	}

		#hc-cart-mobile .dropdown-menu {
			right: 0;
			left: auto;
			padding: 5px 0 0 0;
		}

			#pcCartDropDown {
			    min-width: 250px;
			}

				.pcCartLayout .title {
					font-size: 12px; 
					font-weight: normal;
					color: #000 !important;
				    line-height: 1;
				}

				.pcCartLayout .pcQuickCartQtyText {
					font-size: 12px;
					margin: 5px 0;
					display: block;
					font-weight: bold;	
					text-align: left;
				}

			#pcQuickCartButtons	{
				margin-bottom:0;
			}

				#pcQuickCartButtons	.pcButton {
					margin: 10px 0;
				}

					#pcQuickCartButtons	.pcButton img {
						display: none;
					}

					#pcQuickCartButtons	.pcButton .pcButtonText	{
						display: inline-block;
						padding: 10px;
						background: #a6151b;
						color: #fff;
					}


.navbar-default {
	margin-bottom: 0;
    background: #111111;
    border: 0;
    color: #cfcfcf;
}  

	.navbar-nav {
		margin: 0 -15px;
	}

	.navbar-collapse {
	    max-height: 450px;
	}

		.nav > li {
			font-size: 12px;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2b2b+0,111111+100 */
			background: #2b2b2b; /* Old browsers */
			background: -moz-linear-gradient(top,  #2b2b2b 0%, #111111 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #2b2b2b 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #2b2b2b 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#111111',GradientType=0 ); /* IE6-9 */ 
		}

			.caret {
				margin-left: 10px;
			}

			.navbar-default .navbar-nav > li > a {
				color: #cfcfcf;
			}

				.navbar-default .navbar-nav > li > a:hover {
					color: #fff;
				}

				.navbar-default .navbar-nav > .open > a, 
				.navbar-default .navbar-nav > .open > a:hover, 
				.navbar-default .navbar-nav > .open > a:focus  {
					background: #2b2b2b;
					color: #fff;
				}

					.navbar-nav .open .dropdown-menu > li > a {
						line-height: 20px;
						font-size: 12px;
						border-bottom: 1px solid #3c3c3c;
						padding: 5px 0;
						margin: 0 15px;
					}

						.navbar-nav .open .dropdown-menu > li:last-child > a {
							border-bottom: none;
						}

						.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
						.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
							color: #fff;
						}


/* =============================================================================
   $PC Storefront Overrides
   ========================================================================== */

	.pcShowProductOptionsList .form-control {
	    width: auto !important;
	}

	.pcCartLayout .pcTableHeader {
		padding: 2px;
		margin-bottom: 5px; 
	}

	.pcCartLayout .even {
		border: 12px solid #F5F5F5;
	}

	.pcCartLayout .odd {
		border: 12px solid #FFF;
	}

	.pcShowProductName {
		margin-bottom: 10px;
	}

		.pcShowProductName a {
			display: inline; 
		}

			.pcShowProductName a:after {
				content: '...';
				display: inline;
			}

			.pcShowProductName a span { 
				display: inline; 
			    max-height: 105px;
			    overflow: hidden;
			} 
			
	#pcFeaturedProducts .pcShowProductName {
		min-height: 130px;
	}

	.pcShowProductImageH a {
	    display: table-cell;
		width: 100px;
		height: 100px;
		overflow: hidden; 
		border: 1px solid #E1E1E1;
		padding: 5px;
		vertical-align: middle;
	}

	.pcShowProductImageH img {  
		max-height: 100%; 
		vertical-align: middle;
	}

	.pcShowProductButtonsH .pcButtonMoreDetails	{ 
	    display: block;
	    margin-bottom: 5px;
	}

	.pcShowProductsHCS { 
		padding: 2%; 
		min-height: 315px;
	}

	@media only screen and (max-width: 400px) {
		.pcShowProductsHCS {
			width: 46%;
			min-height: 300px;
		}

		.pcShowProductsHCS .pcShowProductImageH a {
		    display: block;
		    width: 100%;
		    height: auto;
		    overflow: hidden; 
		    border: 1px solid #E1E1E1;
		    padding: 20px;
		    vertical-align: middle;
		}
	}

	.pcColCount4, .pcColWidth25 { 
	    min-height: 410px;
	}


	#pcFeaturedProductsList ul:after {
		display: table;
		clear: both;
		content: '';
	}

	.pcShowCategoryImage img { 
		max-width: 150px; 
	}

	.pcPageDesc {
		margin-bottom: 5px;
		padding: 5px;
		border: 1px dashed #CCC;
	} 

		.pcPageDesc img {
			max-width: 100% !important;
			height: auto !important;
		}
 

	.pcShowMainImage {
		height: 100%;
	}


	.pcAltCheckoutSeparator	{
		float: left; 
		margin: 18px 4px;
	}

	.pcAltCheckoutButtons {
		float: left;
		margin: 10px 5px;
	}

	.pcAltCheckoutButton {
		float: left;
		margin: 4px;
		margin-bottom: 6px;
	} 

	#pcPayPalECButton 	{
	  	width: 145px;
	}

	#pcPayPalBMLButton 	{
		margin: 1px;
	 	margin-bottom: 4px;
		width: 150px;
	}	

	#pcShippingTabs.nav > li {
		background: none;
	}


	#pcOrderSummaryWrapper h2 {
		margin-bottom: 0;
		background: none;
	}

	.pcShowCategoryLargeImage img {
		max-width: 200px;
		height: auto;
	}
	

/* =============================================================================
   $Estimate Shipping modal window
   ========================================================================== */


#hc-shipping-tooltip {
	margin:10px 0 5px;
}

#hc-shipping-tooltip button {
	margin-top: 5px;
}


/* =============================================================================
   $Media Queries
   ========================================================================== */ 


@media only screen and (max-width: 400px) {
   #pcBestSellers .pcShowProductsUL,
   .pcColCount4, 
   .pcColWidth25 {
	    width: 100%;
        min-height: auto;
   }

	#pcViewProductL .pcViewProductLeft,
	#pcViewProductL .pcViewProductRight {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.pcColCount3, 
	.pcColWidth33 {
		width: 100%;
	}

	.hciSearch {
		padding: 20px;
	}

		.searchBox {
		    font-size: 12px;
		    width: 70%;
		}

		.searchBtn {
			width: 30%;
			font-size: 14px;
		}

		.advancedSearch_txt {
			display: none;
		}

}

@media only screen and (max-width: 768px) {
	.wrapper {
		width: 100%;
	}

	div#liveSupport,
	a#logo {
		float: none;
		margin-left:auto;
		margin-right:auto;
	}

	a#logo {
		width: 90%;
		max-width: 394px;
		background: none;
		height: auto;
		text-indent: 0;
	}

	div.mainBackground {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	div#main {
		width: 100%;
		padding: 15px;
	    float: none;
		margin: 0;
	    background: #fff;
	    min-height: auto;
	}
 
 	.pcShowProductsUL {
		padding: 15px 0;
	}

	#copyRight p {
	    padding: 10px;
	    float: left;
	    width: 50%;
	    line-height: 1.7;
	    text-align: left;
	}

		#copyRight p a {
			display: block;
			text-align: left;
		    padding: 3px 0;

		}

			#copyRight p a:first-child	{
				padding-top: 0;
			} 

	 
}
   
    

   
/* =============================================================================
   $PARTNERS
   ========================================================================== */
   
   section#partners	{		
		width: 966px;
		margin: 0 0 -50px 0;
		padding:10px 0;
		border-radius: 10px 10px 10px 10px;
		behavior: url(/Scripts/pie/PIE.htc);
		border: 1px solid #c3c3c3;
		clear:both;
		vertical-align:middle;
		text-align: center;
		position: relative;
		z-index: 100;
		background: #f8f8f8; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #f8f8f8 0%, #ebebeb 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f8f8f8 0%,#ebebeb 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */

   }
   
   section#partners div	{
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px;
   }
   
   .BBB_logo	{
		background: url(../img/sprite.png) 0 -871px no-repeat;
		width: 185px;
		height: 63px;
		
		
   }
   
   .exp_logo	{
	   background: url(../img/sprite.png) -192px -871px no-repeat;
	   width: 110px;
	   height: 45px;
   }
   
   
/* =============================================================================
   $FOOTER
   ========================================================================== */
   
   footer	{
	   background: url(../img/footerBack.png) 0 0 repeat-x #252525;	
	   color: #909090;
	   font-size: 9px;
	   position: relative;
	   z-index: 1;
	   padding-top: 70px;
   }
   
   section.footerLinks	{
	   float: left;
	   width: 150px;
	   margin-right: 10px;
	   margin-bottom: 20px;
   }
   
   h6.footerLinks	{
	   color: #909090;
	   font-size: 14px;
	   font-family: 'Muli', sans-serif;
	   font-weight: bold;
	   margin:0 0 10px 0;
   }
   
   h2.footerLinks	{
	   font-family: 'Muli', sans-serif;
	   font-weight: normal;
	   color: #909090;
	   font-size: 12px;
	   margin:10px 0;
   }
   
   ul.pagelist_ul_footer    {
       list-style: none;
       margin: 0;
       padding: 0;
   }
   
   section.footerLinks a	{
	   color: #909090;
	   text-decoration: none;
	   display: block;
	   line-height: 1.6;
   }

   section.footerLinks a:hover	{
	   color: #fff;
   }
   
   ul.footerLinks	{
	   margin:0;
	   padding:0;
	   list-style: none;
   }
   
    ul.footerLinks li	{
		margin: 3px 0;
	}
	
   .facebook_ico, .linkedIn_ico, .support_icon, .liveChat_icon	{
	    text-indent: -999999px;
	    display: inline-block;
	    margin-right: 5px;
    }
   
    .facebook_ico	{
	    background:url(../img/sprite.png) no-repeat 0 0;
	    width: 15px;
	    height: 15px;
    }
   
    .linkedIn_ico	{
	    background:url(../img/sprite.png) no-repeat -20px 0;
	    width: 14px;
	    height: 14px;
    }
    
/* =============================================================================
   $COPYRIGHT
   ========================================================================== */
   
   #copyRight	{
	   background: #111111;
	   border-top: 1px solid #313131;
	   text-align: center;
	   color: #656565;
	   padding: 10px 0;
	   clear: both;
	   font-size: 9px;
   }  
    
   
   #copyRight a	{
	   color: #656565;
	   text-decoration: none;
   }
   
    #copyRight a:hover	{
		color: #fff;
	}
    
   
/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
} 

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}