/*
Name: Protoytpe Layout CSS
Creative by: Rise Creative Group
Date modified: 2/5/08
------------------------------------*/

/*  Reset all CSS 
------------------------------------*/
	
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0px none; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background: ; }


/* Base style
------------------------------------*/

body {U
	background:#181818;
	padding: 0;
	margin: 0;
	}

/* Things to hide
------------------------------------*/



/* Container
------------------------------------*/
#container {
	width:100%;
	background: #fff url('../images/bg.jpg') repeat-x;
	padding: 0;
	margin:0
	}
	
#home_nav {
	width: 722px;
	margin: 0;
	padding-left: 30px;
	}
	
#home_nav span {display:none;}
	
#home_nav ul {
	padding: 0 0 20px 0;
	margin: 0;
	}
	
#home_nav li {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
	zoom: 1;
	}	

#home_nav li a {
	display: block;
	width: 722px;
	height: 147px;
	}
	
#home_nav li a.beauty {
	background:url('../images/home/beauty.jpg') no-repeat;
	}
	
#home_nav li a.beauty:hover {
	background:url('../images/home/beauty.jpg') 0 -147px;
	}
	
#home_nav li a.barber {
	background:url('../images/home/barber.jpg') no-repeat;
	}
	
#home_nav li a.barber:hover {
	background:url('../images/home/barber.jpg') 0 -147px;
	}
	
#home_nav li a.pet-grooming {
	background:url('../images/home/pet-grooming.jpg') no-repeat;
	}
	
#home_nav li a.pet-grooming:hover {
	background:url('../images/home/pet-grooming.jpg') 0 -147px;
	}	
	
ol li {margin-left: 20px;}

/* Header
------------------------------------*/
#header {
	background: url('../images/nav_bg.jpg') no-repeat left;
	height: 133px;
	margin: 0; 
	padding: 0;
	position: relative
	}

#header .logo, #header .logo a {
	position:absolute;
	top: 30px;
	left: 15px;
}

	
.account-cart-holder {
	width: 231px;
	height: 42px;
	position: absolute;
	z-index: 99;
	left: 555px;
	top: 18px;
	background:url('../../images/account-holder.jpg') no-repeat;
	}
	
.account-cart-holder span {display: none;}
	
a.my-account {
	display: block;
	width: 116px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 0;
	}

a.view-cart {
	display: block;
	width: 96px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 118px;
	}	

	

/* Prototype placeholders
------------------------------------*/

.imgholder {
	background:url('/images/slant.gif');
	border:2px solid #999999;
	margin: 10px;
	text-align:center;
	vertical-align:middle
}

.imgholder span {
	background:#999999;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}
.formholder {
	background:url('/images/blue_slant.gif');
	border: 2px solid #003366;
	margin: 10px;
	text-align:center;
	vertical-align:middle
}

.formholder span {
	background:#003366;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}

.infoholder {
	background:url('/images/yellow_slant.gif');
	border: 2px solid #FFCC00;
	margin: 10px;
	text-align:center;
	vertical-align:middle
}

.infoholder span {
	background: #FFCC00;
	color: #000000;
	margin: 10px;
	display:block;
}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.info_pop_highlight {
	background-color: #fff;
}


/* Navigation
------------------------------------*/

#nav {
	width: 640px;
	padding: 2px 0 0 4px ;
	margin: 0;
	font-size: .9em;
	position: absolute;
	top: 80px;
	left: 310px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#nav li {
	margin-left: 0 ;
	margin-bottom: 0;
	margin-right: 18px;
	padding: 2px 5px 5px 5px;
	list-style: none;
	display: block;
	float:left;
	}
	
#nav li a {
	color: #333333;
	text-decoration: none;
	padding-bottom: 4px;
	position: relative;
	z-index: 3;
	}
	
#nav li a:hover {
	color: #ff0000;
	}

#sub_nav {
	width: 596px;
	padding: 2px 0 0 4px ;
	margin: 0;
	font-size: .84em;
	position: absolute;
	top: 25px;
	left: 310px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#sub_nav li {
	margin-left: 0 ;
	margin-bottom: 0;
	margin-right: 4px;
	padding: 2px 5px 5px 5px;
	list-style: none;
	display: block;
	float:left;
}

#sub_nav li a {
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 4px;
	position: relative;
	z-index: 3;
	}
	
#sub_nav li a:hover {
	color: #ff0000;
	}


/* Son of Suckerfish: Horizontal Sprite Nav
------------------------------------*/

#nav li ul { /* second-level lists */
	position: absolute;
	background: #f5f5f5;
	border: 3px #0294F5 solid;
	width: 100px;
	top: 15px;
	margin-left: -40px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { /* second-level lists */
	padding: 2px 10px 5px 5px;
	border:none;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.current {
	padding-bottom: 5px;
	border-bottom: 2px solid #BF031C; 
	}
	
.current a:hover { border-bottom: none !important;  }	

#home .li1 {
	padding-bottom: 5px;
	border-bottom: 2px solid #BF031C; 
	}
	
#home .li1 a:hover {border:none;}











#sharpening-services .li5 { padding-bottom: 5px;
	border-bottom: 2px solid #BF031C; 
	}
#sharpening-services .li5 a:hover {border:none;}

#company-profile .li6 { padding-bottom: 5px;
	border-bottom: 2px solid #ccc; 
	}
#company-profile .li6 a:hover {border:none;color:#999;}
	

/* Features
------------------------------------*/

#feature {
width: 898px;
height: 200px;
background: #888888;
margin: 0;
padding: 0;
border: #888888 solid 1px;
}

	
/* Search
------------------------------------*/

#search {
	height: 30px;
	width: 250px;
	padding: 7px 0 0 0px;
	display: block;
	position: absolute;
	left: 789px;
	top: 16px;
	z-index: 9999;
}

#search .submit {
	background: #BF031C;
	border: none;
	color: #fff;
	}
	
#search_area {
	font-size: .85em;
	}

/* Content
------------------------------------*/

#content {
	margin: -2px 0 0 0;
	}
	
#content a {
	color:#990000;
	font-weight: bold;
	text-decoration: none;
	}
	
#content a:hover {
	text-decoration:underline;
	}
	
.sharpening ul {margin-left: 25px;}

.sharpening ul ul {marign-left: 35px;}

.sharpening h3 {color: #666666; font-size: 1.2em;}


/* Columns
------------------------------------*/

#full_col {
	float: left;
	width: 985px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 675px;
	margin: 0;
	padding: 20px;
}

#split_col1 {
	float: left;
	width: 434px;
	margin: 0;
	padding: 0;
}

.contentBoxLeft {
	width: 390px;
	padding: 10px;
	background: url('../images/contentBoxBG1.png') repeat-y;
	position:relative;
	z-index:3; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0
	}
	
.contentBoxLeft img {
	padding: 0 8px 5px 0;
	float: left;
	}
	
#split_col1 .top {
	background: url('../images/contentBoxTop1.jpg') no-repeat;
	width: 410px;
	height: 30px;
	display: block;
	color: #0B0F07;
	font-size: 1.2em;
	position:relative;
	z-index:2; margin-left:10px; margin-right:0; margin-top:-20px; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:0
	}

#split_col1 .bottom { 
background: url('../images/contentBoxBottom1.jpg') no-repeat;
	width: 420px;
	height: 26px;
	display: block;
	padding: 0; margin-left:10px; margin-right:0; margin-top:0px; margin-bottom:0
	}
	
#split_col2 {
	float: left;
	width: 300px;
	padding:0;
	margin:0 0 0 0;	
	font-size: .95em;
	}

#split_col2 .top {
	background: url('../images/contentBoxTop2.jpg') no-repeat;
	width: 280px;
	height: 20px;
	display: block;
	color: #0B0F07;
	font-size: 1.2em; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:0
	}
	
.contentBoxMiddle {
	width: 275px;
	background: url('../images/contentBoxBG2.jpg') repeat-y;
	margin: 0;; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:0
	}
	
.contentBoxMiddle p {
	padding-bottom:5px;
	display: block;
	float: left;
	}
	
.contentBoxMiddle img {
	padding: 0 8px 5px 0;
	float: left;
	}
	
#split_col2 .bottom { 
 background: url('../images/contentBoxBottom2.jpg') no-repeat;
	width: 280px;
	height: 53px;
	display: block;
	margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:0
	}
	
#sub_col {
	float: left;
	width: 205px;
	padding:0 0 0 2px;
	margin: 0;
	display: block;
	z-index:3;
	}
	
#sub_col p {
	padding: 5px;
	}
	
#sub_col .grayTop, #search_area .grayTop {
	background: url('../images/contentBoxTop3.jpg') no-repeat;
	width: 205px;
	height: 20px;
	display: block;
	color: #0B0F07;
	font-size: 1.2em; margin-left:0px; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:15px; padding-right:15px; padding-top:13px; padding-bottom:0
	}
	
#search_area .searchTop {
	background: url('../../../images/shear-search-top.jpg') no-repeat;
	width: 168px;
	height: 20px;
	display: block;
	color: #0B0F07;
	font-size: 1.2em; margin-left:0px; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:52px; padding-right:15px; padding-top:13px; padding-bottom:0
} 


.contentBoxGray {
	width: 185px;
	background: url('../images/contentBoxBG3.jpg') repeat-y;
	margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0
	}
	
#sub_col .grayBottom, #search_area .grayBottom { 
	background: url('../images/contentBoxBottom3.jpg') no-repeat;
	width: 215px;
	height: 43px;
	display: block;
	padding: 0; margin-left:0px; margin-right:0; margin-top:-13px; margin-bottom:0
	}
	
#sub_col .whiteTop {
	background: url('../images/contentBoxTop4.jpg') no-repeat;
	width: 205px;
	height: 10px;
	display: block;
	color: #0B0F07;
	margin: 0;
	font-size: 1.2em;
	position:relative;
	z-index: 4; padding-left:15px; padding-right:15px; padding-top:12px; padding-bottom:0
	}

.contentBoxWhite {
	width: 195px;
	background: url('../images/contentBoxBG4.jpg') repeat-y;
	margin: 0;
	position: relative;
	z-index: 3; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:0
	}
	
.contentBoxGray img {
	padding: 0 8px 5px 8px;

	}
	
#sub_col .whiteBottom { 
	background: url('../images/contentBoxBottom4.jpg') no-repeat;
	width: 215px;
	height: 43px;
	display: block;
	padding: 0; margin-left:0; margin-right:0; margin-top:-20px; margin-bottom:0
	}

#sub_col ul{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#sub_col li {
	border-left:0px dotted #E4E4E4; border-right:0px dotted #E4E4E4; border-top:0px dotted #E4E4E4; border-bottom:1px dotted #E4E4E4; margin:0; display: block;	
	padding-left:10px; padding-right:5px; padding-top:0; padding-bottom:0
}
	
#sub_col li a {
	height: 25px;
	font-size:95%;
}

#col_left {
float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 0 40px;
	}

#col_center {
float: left;
	width: 350px;
	margin: 0;
	padding: 20px 0 0 20px;
}

#col_right {
float: right;
	width: 210px;
	margin: 0;
	padding: 20px 40px 0 0;
	}


/* Miscellaneous
------------------------------------*/

.center {
	text-align:center;
}

.right {
	float: right;
}

.left {
	float: left;
	}

.clear {
	clear: both;
}

img {
	border: 0px none;
	}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}

.note {
	text-transform: uppercase;
	color: #ccc;
}

.highlight {
	background-color: #ffcc99;
}

.grayBorder {
	border-bottom: 1px solid #ccc;
	}
	
.new {
	margin-left: -7px;
	}
	
.moreLink {
	float: right;
	margin-top: 5px;
	display: block;
	}
	


/* Tables
------------------------------------*/
	
.tabular {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
}	
	
.tabular th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.tabular_highlight {
	background-color: #eee;
}

/* Show/hide DL
------------------------------------*/
#TJK_ToggleON, #TJK_ToggleOFF {display:none}

/*  "Show All" + "Hide All" links */
#TJK_ToggleON, #TJK_ToggleOFF {
	padding:2px 5px;
	margin-right:5px;
	background-color: #2A507C;
	color: #FFFFFF;
}

/* zeroing out padding and margin */
#TJK_DL dd, #TJK_DL dt {margin:0;padding:0} 

/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}

/* image and left padding for DDs */
#TJK_DL dd {background:url('answer.gif') no-repeat;padding-left:25px}

/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;padding-left:10px;color:#000;text-decoration:none}
#TJK_DL dt a:visited {color:#000}
#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus {color: #10498C;}

/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url('/images/arrow_right.gif')}
#TJK_DL .DTminus a {background-image:url('/images/arrow_down.gif')}

/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd, .hideDD{top:-9999px;position:absolute}
#TJK_ToggleON, #TJK_ToggleOFF {display:inline;cursor:pointer; cursor:hand;}
	

/* Site Information
------------------------------------*/

#site_information {
	background: #181818 url('../images/footerBG.jpg') repeat-x;
	height: 79px;
	width: 100%;
	margin: 0;
	display: block;
	list-style-type:none;
	clear:both;
	font-size: 0.9em;
	color: #333333; padding-left:0px; padding-right:0px; padding-top:18px; padding-bottom:0px
}

#site_information li {
	padding: 5px;
	color: #ffffff;
	margin-left:8px;
	}

#site_information a { 
color: #fff;
padding: 0 5px 3px 5px;
}

#site_information a:visited {
color: #ccc;
padding: 0 5px 3px 5px;
}

/* ---- calendar and input styles ---- */

input.DatePicker{
	display: block;
	width: 100px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url('/images/date.gif') no-repeat top left;
	cursor: pointer; padding-left:24px; padding-right:3px; padding-top:3px; padding-bottom:3px
}
input:focus.DatePicker{
	background: #fffce9 url('/images/datefocus.gif') no-repeat top left;
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border-left:0px solid #aad4f2; border-right:0px solid #aad4f2; border-top:1px solid #aad4f2; border-bottom:1px solid #aad4f2; color: #797774;
	background: #daf2e6;
	font-weight: bold
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #E9F1D4;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}


/* ProductCart Styles */

.pcPageDesc { background: none; fl display: block; width: 450px;}

.contentBoxLeft ul { padding: 15px; font-size: .95em; width: 350px!important; margin-right: 8px; font-size: .9em; float: none!important; }
.contentBoxLeft li {list-style: disc; margin-bottom: 4px; margin-left: 15px;}