a:link       		     { outline:none; font-family: trebuchet ms; color: #000000; font-size: 12px;  }
a:visited    		     { outline:none; font-family: trebuchet ms; color: #000000; font-size: 12px; }
a:active     		     { outline:none; font-family: trebuchet ms; color: #000000; font-size: 12px; }

a:hover      		     { outline:none; font-family: trebuchet ms; color: #000000; font-size: 12px; border:none; outline:none}
body         		     { font-family: trebuchet ms; color: black; font-size: 13px }
.cg_border   		     { background-color: #FFFFFF; border: 1px solid #000000}
.cg_border2   		     { background-color: #FFFFFF; border: none;   }
.cg_label    		     { text-align:center; border: 2px dotted #000000; border-left:none; border-right:none; border-bottom:none; font-family: trebuchet ms; color: #660000; font-size: 18px; background-image: url('http://www.sherlocknotesonline.com/images/texture.png'); background-repeat:repeat; font-weight:bold; padding-left:3px;}
.cg_label2    		     { text-align:center; border: 2px dotted #000000; border-left:none; border-right:none; border-bottom:none; font-family: trebuchet ms; color: #660000; font-size: 18px;  font-weight:bold; padding-left:3px;}
.cg_header   		     { font-family: trebuchet ms; color: #FFFFFF; font-size: 12pt; background-color: #660000; font-weight: bold; border: 1px solid #000000  }

.cg_text     		     { font-family: trebuchet ms; color: #000000; font-size: 12px; background-color: #EEEEEE }
.cg_text1    		     { font-family: trebuchet ms; color: #000000; font-size: 12px; background-color: Transparent  }
.cg_text2    		     { font-family: trebuchet ms; color: #000000; font-size: 15px; background-color: Transparent; font-weight: bold; outline:none}
.cg_text3    		     { font-family: trebuchet ms; color: #000000; font-size: 12px; background-color: Transparent }
.cg_text4                { font-family: trebuchet ms; color: #000000; font-size: 11px; background-color: Transparent }
.cg_text5    		     { font-family: trebuchet ms; color: #000000; font-size: 12px; background-color: #CCCCCC  }

.cg_storeBackGroundColor { background-image:url('http://sherlocknotesonline.com/images/background.png'); background-repeat:repeat-y; background-position:right;}
.cg_pageBackGroundColor  { background-color: #660000}
.cg_storeBackGroundColor2      { border-bottom:4px solid #FFFFFF; border-top:4px solid #FFFFFF; border-left:4px solid #FFFFFF; border-right:4px solid #FFFFFF; background-color: white}
/* controls page background color outside of the store*/

.cg_navbarTop {height:30px; font-family: Trebuchet MS; color: #000000; font-size: 12px;  background-image:url('http://sherlocknotesonline.com/images/background3.png'); background-repeat:repeat; background-position:left; }
.cg_navbarTop2 {height:30px; font-family: Trebuchet MS; color: #000000; font-size: 12px;   }

.cg_navbarSide     		 {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
	 background-image:url('http://sherlocknotesonline.com/images/background2.png'); background-repeat:repeat-y; background-position:left;
	height:100%;
	
}
.cg_boxes	             { background-color: #FFFFFF; border: 1px solid #000000}
.cg_navbarTop a:link          { font-family: trebuchet ms; color: #000000; font-size: 16px; text-decoration: none}
.cg_navbarTop a:visited       { font-family: trebuchet ms; color: #000000; font-size: 16px; text-decoration: none}
.cg_navbarTop a:active        { font-family: trebuchet ms; color: #000000; font-size: 16px; text-decoration: BOLD}
.cg_navbarTop a:hover    { font-family: trebuchet ms; color: #000000; font-size: 16px; background-color: #fcf06a;  text-decoration: BOLD; font-weight: normal;}


.cg_navbarSideText            { font-family: trebuchet ms; color: #000000; font-size: 15px; background-image: url('http://www.sherlocknotesonline.com/images/texture.png'); background-repeat:repeat; }
.cg_navbarSideText a:link     { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: none; padding-left:2px}
.cg_navbarSideText a:visited  { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: none; padding-left:2px}
.cg_navbarSideText a:active   { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: underline; padding-left:2px}
.cg_navbarSideText a:hover    { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: bold; background-color: none;  padding-left:2px}

.cg_boxes a:link              { font-family: trebuchet ms; color: #660000; font-size: 15px; text-decoration: BOLD }
.cg_boxes a:visited           { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: BOLD }
.cg_boxes a:active            { font-family: trebuchet ms; color: #660000; font-size: 15px; text-decoration: BOLD }
.cg_boxes a:hover             { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: BOLD}

.cg_PlaceOrder { border:3px double #660000; font-family: Trebuchet MS; color: #FFFFFF; font-size: 20px; background-color:#660000}
.cg_PlaceOrder a:link         { font-family: trebuchet ms; color: #660000; font-size: 15px; text-decoration: BOLD }
.cg_PlaceOrder a:visited      { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: BOLD }
.cg_PlaceOrder a:active       { font-family: trebuchet ms; color: #660000; font-size: 15px; text-decoration: BOLD }
.cg_PlaceOrder a:hover        { font-family: trebuchet ms; color: #000000; font-size: 15px; text-decoration: BOLD }

/* controls background and text for login status on login page */
.cg_LoggedInTextLogin         { font-family: Trebuchet MS; color: #000000; font-size: 15px; background-color: white  }
/* controls background and text for login status in left navigation bar */
.cg_LoggedInTextNavbar        { font-family: Trebuchet MS; color: #000000; font-size: 15px; background-color: #C0C0C0 }
.cg_LoggedInTextNavbar a:link     { font-family: Trebuchet MS; color: #2A2F5C; font-size: 15px; text-decoration: UNDERLINE}
.cg_LoggedInTextNavbar a:visited  { font-family: Trebuchet MS; color: #2A2F5C; font-size: 15px; text-decoration: UNDERLINE}
.cg_LoggedInTextNavbar a:active   { font-family: Trebuchet MS; color: #2A2F5C; font-size: 15px; text-decoration: UNDERLINE}
.cg_LoggedInTextNavbar a:hover    { font-family: Trebuchet MS; color: #800000; font-size: 15px; text-decoration: UNDERLINE}



/*	Clearfix
---------------------------------------------*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {display: inline-block;
			margin:0;
			padding:0;
}

.clear {clear:both;}

/*	Typography
---------------------------------------------*/
h2 {
	font-size:1.45em;
	color:#000000;
	margin-bottom:10px;
	display:block;
	font-weight:200;
	margin-top: 10px;
	}

h3 {
	color:#000000;
	font-size:1.09em;
	font-weight: bold;
	}

p {
	padding:0 0 0px;
	}


/*	News
---------------------------------------------*/
#news {
	background:no-repeat;
	width:100px;
	padding:0px 0px 18px;
	}

#news .tabs-hide {
	display:none;
	}

#news .tabs-container {
	background: #DFEEDF;
	width:477px;
	float:left;
	position:relative;
	font-family: Trebuchet MS;
	font-size: 12px;
	padding-left: 0px;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	}

#news .tabs-container span {
	position:absolute;
	top:0;right:0;
	
	}

#news ul.tabs-nav {
	width:477px;
	float:left;
	border-top:1px solid #ccc;
	margin-right:0px;
	list-style:none;
	padding-bottom: 5px;
	}
	
#news ul.tabs-nav li {
	border-bottom:1px dotted #999999;
	background-color: #EAEAEA;
	}

#news ul.tabs-nav li a {
	display: block;
	padding:4px;
	position:relative;
	border:0;
	}

#news ul.tabs-nav li a span {
	position:absolute;
	right:4px;
	font-weight:400;
	color:#333333;
	text-decoration: none;
	font-style: italic;
	}

#news ul.tabs-nav li.tabs-selected a {
	color:#000;
	text-decoration:none;
	background:#DFEEDF;
	bottom:-1px;
	padding-top:3px;
	border-bottom:1px dotted #105920;
	}
	
	/*boxes*/
.container {
	width: 145px;
	height: 100%;
	}
.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:12px;}
.xsnazzy {background: transparent; width:145px; float:left; margin:5px 3px 0px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	height:auto;
	list-style-type: disc;
}
* html .xboxcontent {height:1px;}

.color_a {background:#c9ba65; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background-image: url('http://www.sherlocknotesonline.com/images/texture.png'); background-repeat:repeat; color:#FFFFFF;}
.color_d {background:#b2ab9b; color:#000;}

.asnazzy h1, .bsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.asnazzy p, .bsnazzy p { margin:0; padding:5px 10px; font-size:12px;}
.asnazzy {
	background: transparent;
	width:185px;
	float:right;
	margin:5px 3px 0;
}

.atop, .abottom {display:block; background:transparent; font-size:1px;}
.ab1, .ab2, .ab3, .ab4 {display:block; overflow:hidden;}
.ab1, .ab2, .ab3 {height:1px;}
.ab2, .ab3, .ab4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.ab1 {margin:0 5px; background:#444;}
.ab2 {margin:0 3px; border-width:0 2px;}
.ab3 {margin:0 2px;}
.ab4 {height:2px; margin:0 1px;}

.aboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .aboxcontent {height:1px;}
.acolor_a {background:#c9ba65; color:#fff;}
.acolor_b {background:#d4d8bd; color:#000;}
.acolor_c {background:#660000; color:#fff;}
.acolor_d {background:#b2ab9b; color:#000;}

/*photoBox*/

.hsnazzy h1, .hsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.hsnazzy p, .hsnazzy p { margin:0; padding:5px 10px; font-size:12px;}
.hsnazzy {background: transparent; width:550px; float:left; margin:10px 3px 0px;}

/*2ndNewsBox*/

.nsnazzy h1, .nsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.nsnazzy p, .nsnazzy p { margin:0; padding:5px 10px; font-size:12px;}
.nsnazzy {
	background: transparent;
	width:350px;
	float:left;
	margin:10px 3px 0px;
	height: auto;
}

/*WideNewsBox*/

.WNsnazzy h1, .WNsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.WNsnazzy p, .WNsnazzy p { margin:0; padding:5px 10px; font-size:12px;}
.WNsnazzy {
	background: transparent;
	width:535px;
	float:left;
	margin:10px 3px 0px;
	height: auto;
}

/*widgetBox*/

.wsnazzy h1, .wsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.wsnazzy p, .wsnazzy p { margin:0; padding:5px 10px; font-size:12px;}
.wsnazzy {
	background: transparent;
	width:auto;
	float:left;
	margin:10px 3px 0px;
	height: auto;
}

/*news boxes*/

.newsLi1 {
	border-bottom: 1px dotted #999999;
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 10px;
	font-size: 12px;
	}

.newsLi1 a:link {
	text-decoration: underline;
	color: #000099;
	font-size: 12px;
	background-color: #FFFFFF;
	font-weight: normal;	
}
	
.newsLi1 a:visited {
	text-decoration: underline;
	color: #666666;
	font-size: 12px;
	background-color: #FFFFFF;
	font-weight: normal;	
	text-decoration: underline;
}
.newsLi1 a:hover {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
	background-color: #CCCCCC;
	font-weight: normal;	
	text-decoration: underline;
}
.newsLi1 a:active {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	background-color: #CCCCCC;
	font-weight: normal;	
	text-decoration: underline;
}
.newsLi1B {
	border-top: thin none #999999;
	border-right: thin none #999999;
	border-bottom: thin none #999999;
	border-left: thin none #999999;
	text-align: left;
	vertical-align: middle;
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 10px;
	font-size: 12px;
	}

/*info Boxes*/	
.boxLi {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 8px;
	padding-left: 5px;
		}
.boxLi a:link {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #000099;
}
.boxLi a:visited {
	color: #666666;
	text-decoration: none;
	background-color:none;	
}
.boxLi a:hover {
	background-color: #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-decoration:underline;
	color: #000000;
}
.boxLi a:active {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:underline;
	color: #000000;
}

/*footer*/
.footLi {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	list-style-type: none;
	line-height: normal;
	padding-left: 5px;
	width: 650px;
	background-image:url('http://sherlocknotesonline.com/images/background3.png'); background-repeat:repeat-x; background-position:left;
		}
.footLi a:link {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration:none;
	color: #000099;
}
.footLi a:visited {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: #666666;	
}
.footLi a:hover {
	background-color: #CCCCCC;
	font-weight: normal;
	font-size: 10px;
	text-decoration:underline;
	color: #000000;
}
.footLi a:active {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration:underline;
	color: #000000;
}
/*Events*/
.eventLi {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	padding-left: 5px;
	float: right;
	height: auto;
	width: 185px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: left;
	line-height: 0.1em;
		}
.eventLi a:link {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #000099;
}
	
.eventLi a:visited {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #666666;	
}
.eventLi a:hover {
	background-color: #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-decoration:underline;
	color: #000000;
}
.eventLi a:active {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:underline;
	color: #000000;
}

.eventHL  {
	font-family: trebuchet;
	font-size: 14px;
	font-weight: bold;
	color: #660000;
	text-decoration: underline;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.phContainerV {
	margin: 5px 15px 0px 0px;
	float: none;
	height: 347px;
	width: 540px;
	border-style: none;
}
.phContainerV a:link {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
	
.phContainerV a:visited {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
.phContainerV a:hover {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
.phContainerV a:active {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
.phContainerH {
	margin: 5px 15px 0px 0px;
	float: none;
	height: 347px;
	width: 540px;
	border-style: none;
}

.phContainerH a:link {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
	
.phContainerH a:visited {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
.phContainerH a:hover {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
.phContainerH a:active {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	border-style: none;
}
	
	

/*footer*/
.footLi {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	list-style-type: none;
	line-height: normal;
	padding-left: 1px;
	width: 845px;
	border: 1px dotted #999999;
				}
.footLi a:link {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration:none;
	color: #000099;
}
.footLi a:visited {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: #666666;	
}
.footLi a:hover {
	background-color: #CCCCCC;
	font-weight: normal;
	font-size: 10px;
	text-decoration:underline;
	color: #000000;
}
.footLi a:active {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration:underline;
	color: #000000;
}

/* controls product image style */
.cg_productImage	          { border: 0px solid #FFFFFF}
/* controls price list styles */
@media print
{
.noprint {display:none;}
a {	color: #000000;	text-decoration: underline;}
div.pagecontent	{padding: 0pt; margin: 0pt;	background-color: #ffffff;}
div.pagemargin 	{margin: 0;	width: auto !important;	background-color: #ffffff;}
#contentWrapper	{padding: 0pt; margin: 0pt; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; border-collapse: collapse;background-color: #ffffff;}
.grid {	page-break-inside:avoid;}
}

div#buy {
	background: url(/images/choose.png);
	background-repeat: no-repeat;
	background-position:center;
	margin-top: -100px;
	margin-left: -60px;
}


div#cg_navbarTop{	width:150px;}
div#cg_navbarTop ul{	list-style:none;	margin:5px 0;	padding:0;}
div#cg_navbarTop ul li{	display:block;	border-style: double;	background-color: #FF0000;	padding-right: 5px;    text-align: right}
div#cg_navbarTop ul li:hover{	display:block;	border-style: double;	background-color: #fff;	padding-right: 5px;    text-align: right} 
div#cg_navbarTop ul li a{	color:#333333;	text-decoration:none;	display:block;}
div#cg_navbarTop ul li a:visited{	color:#333333;	text-decoration:none}
div#cg_navbarTop ul li a:hover{	color:#000000;	background:#FFFFFF;	text-decoration:none}