/* ICINITI Standard CSS */
/* HEADING TAGS */
H1               { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 18pt; margin-bottom: .25em; color:#dc2d27; font-weight: lighter;}
H2               { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 14pt; font-weight: bold; }

/* Column caption */
.CAPTION         { background-color:#fcb21d ; font-weight:bold; color: white;  }
.CAPTION2        { background-color:#b21f47 ; font-weight:bold; color: white;  }

/* GRADIENT caption styles */
/* H1 level caption        */
.GRADIENT1 {	PADDING-RIGHT:5px; PADDING-LEFT:5px; Z-INDEX:101; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C04489AA', EndColorStr='#FFFFFFFF') progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#C04489AA,strength=8); LEFT:0px; PADDING-BOTTOM:5px; FONT:bold 11pt verdana; WIDTH:105%; COLOR:white; PADDING-TOP:5px; TOP:0px; HEIGHT:32px;	}
/* H2 level caption        */
.GRADIENT2 {	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C0CCCCCC', EndColorStr='#FFFFFFFF') progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#C0CCCCCC,strength=8);  LEFT:5px; PADDING-LEFT: 5px; PADDING-BOTTOM:5px; FONT:bold 11pt arial; WIDTH:105%; COLOR:#777777; TOP:0px; HEIGHT:16px;	}
/* H3 level caption        */
/* .GRADIENT3 {	PADDING-RIGHT:0px; PADDING-LEFT:175px; Z-INDEX:101; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#DDEEFF', EndColorStr='#4488AA'); LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:white; HEIGHT:120px;} */
.GRADIENT3 {	background-image:url(../../dynamic/GradientLine.aspx?width=1200&height=1&Color1=0xDDEEFF&Color2=0x4488AA&cache=true); 	PADDING-RIGHT:0px; PADDING-LEFT:5px; Z-INDEX:101; LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:Black; HEIGHT:120px;  }

/* Form Labels */
.LABEL           { color: Black; font-size: 8pt; font-weight:bold ;}
.LINKBARFONT     { color: #DDEEFF; font-size: 10pt; font-weight:bold ;}

/* Attention getting */
.ALERT           { color: Red; font-size: 10pt; }
.TITLE			 { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 16pt; }
.TITLE		    { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 16pt; font-weight: bold; color:black ; height:5; }

INPUT            { font-size: 8pt; height:auto; }
SELECT           { font-size: 8pt; height:auto; }
SELECT.UOM	 { font-size: 8pt; height:auto; width:120px;}

/* PARAGRAPH TAG */
P                { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; }
.LISTPRICE      { font-family: Verdana ; font-size: 8pt; text-decoration:line-through ;}

.STANDARD    { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; }
.FOOTER      { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; }
.HEADER      { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 11pt; }
.SMALL       { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; }

.OUTLINED { BORDER-STYLE: solid; BORDER-WIDTH:1; }
	
TD               { font-family: VERDANA,HELVETICA,ARIAL; font-size: 8pt; }
/** Images for the TabStrip control **/
.TABSELECTED		{ background-image:url(tabFocus.jpg); width:144; font-weight:bold; }
.TABNORMAL			{ background-image:url(tab.jpg); width:144; }

/* HYPERLINKS */
A                { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; color: #002244; text-decoration: underline; cursor: hand; }
A:HOVER          { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; color: #00659C; text-decoration: underline; cursor: hand;}
.CAPTION A       {  font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand; }
.CAPTION A:HOVER { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand;}
.CAPTION A:VISITED {  font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; color: White; text-decoration: underline; cursor: hand; }

.LOGO		{ background:DDEEFF ; }
.LINKBAR	{ width:780px;color: #DDEEFF; font-size: 10pt; font-weight:bold ; background-color:#b21f47;}

.TOOLBAR     { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; background-color:#AABBCC; color:Black  }

.LEFTCOL	 { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; background-color:#f4f1f1; color:Black; border-right:solid 1px silver;  }
.RIGHTCOL		 { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; background-color:White; color:Black ;  }
/** Odd/Even row background colours **/
.EVEN			{ background-color: #def0d5; padding:08px;}
.ODD			{ background-color: #f5ffef; padding:08px; }

.SMALLBOLD { font-family: Georgia, Palatino, "Palatino Linotype", Times, serif; font-size: 8pt; font-weight:bold }
/** skmMenu styles **/
.MENUITEM      { background-color:#669966;  color:black;    }
.MENUITEMHOVER { background-color:#669966;  color:red;   }
.TOPMENUITEM   { background-color:#669966;  color:black;  font-weight:bold;   }

/* CUSTOM STYLES */
.COLOREDBG1		{ background-color:#b21f47 ; color: white;    }
.HEADERBG		{ background-color:White; PADDING-RIGHT:0px; PADDING-LEFT:5px; Z-INDEX:101; LEFT:0px; PADDING-BOTTOM:0px; FONT:bold 11pt verdana; COLOR:Black; HEIGHT:120px;  }

.WhiteFont              { color: white;}
.WhiteFont A            { color: white;}
.WhiteFont A:HOVER      { color: white; text-decoration:none;}
.WhiteFont A:VISITED    { color: white;}

.CATEGORYLINK A         { color: Black; text-decoration:none;}
.CATEGORYLINK A:HOVER   { color: Black; text-decoration:underline;}

.InsetTextbox   {  }


/* -

	Crabtree Publishing
	Store Template
	SM / CHDS, 2008

	tested with: Safari, FF, IE6-7

--------------------- */


/* 1 - universal
--------------------- */
body { 
	font-size: 100%; 
	font-family: Georgia, Palatino, "Palatino Linotype", Times, serif;
	text-align: center;
	background: #fbd477 url("store-background.png") repeat-x left top;
	}
	
#container {
	font-size: 62.5%;
	}
body, h1, h2, h3, ul, li, a, hr, div, img, table, form, fieldset { 
	margin: 0; padding: 0;
	}
hr 
    {
        margin:04px;
	    clear: both;
	}
.hide { display: none; }


/* 2 - structure/layout
--------------------- */
	
#container {
	margin: 35px auto 0 auto;
	width: 900px;
	}

#header {
	margin: 0 auto; padding: 0;
	width: 900px; height: 106px;
	position: relative;
	background: transparent url("header-bg.png") no-repeat center top;
	}
	#header h1 {
		margin: 30px 0 0 30px; padding: 0;
		float: left;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; 
			text-decoration: none;
			}
	#header a.contact {
		margin: 0; padding: 0;
		position: absolute;
		top: 20px; right: 30px;
		}
	#header a.buy-online {
		margin: 0; padding: 0;
		position: absolute;
		top: 50px; right: 55px;
		}
			
#store-nav {
	margin: 0 auto; padding:0px; padding-top: 10px;
	width: 900px; height: 43px;
	display: block;
	background: transparent url("store-nav-bg.png") no-repeat center top;
	}
		
				
#content  {
	margin: 10px auto; padding: 20px 0 10px 0;
	width: 886px;
	background: transparent url("content-bg.png") no-repeat center top;
	clear: both;
	}
#sub_container {
	margin: 0 auto; padding: 0px 0 25px 0;
	width: 850px;
	}	
	#main_content {
		margin: 0; 
		padding: 15px 15px 20px 15px;
		width: 600px; 
		min-height: 665px;
		float: right;
		text-align: left;
		background: #fff;
		border: 1px solid #deb34d;
		}
		#main_content div.article {
			padding-bottom: 10px;
			}

	#sidebar {
		margin: 0; padding: 0px 0px;
		width: 200px; min-height: 665px;
		float: left;
		text-align: left;
		background: #fff;
		border: 1px solid #deb34d;
		vertical-align:top;
		}

	#footer {
		margin: 0 auto; padding: 20px 0 20px 0;
		width: 750px; height: 30px;
		clear: both;
		}
	.divider
	{
	    		background: transparent url("footer-bg.png") no-repeat center top;
	    		height:10px;
	    		margin-bottom:05px;
	}


#nav {
	margin: 0 auto; padding: 0;
	width: 900px; height: 25px;
	background: transparent url("nav-bg.png") repeat-y center top;
	display: block;
	z-index: 2;
	}

/* main nav on content pages */

#nav ul {
	margin: 0 auto; padding: 0 0 0 1px;
	list-style-type: none;
	text-align: left;
	width: 875px; height: 25px;
	background: transparent;
	}
	#nav li {
		margin: 0; padding: 0;
		width: 125px; height: 25px;
		display: block;
		text-align: center;
		border: none;
		float: left;
		}
		#nav li:hover { background: #fae3ad; }
		#nav li a {
			margin: 0; padding: 5px 0 5px 0;
			display: block;
			width: auto;
			height: 15px;
	    	}


/* 3B - pop-out sub-menu
--------------------- */

#nav ul li ul,
#nav ul li ul li ul { display: none; }

#container div#nav li { display: block; position: relative; }
#container div#nav li a { display: block; }

#container div#nav ul li ul {
	padding: 0;
	border: none;
	background: #111;
	width: 125px; height: auto;
	border: none;
	}
#container div#nav ul li ul li ul {
	padding: 0;
	border: none;
	background: #111;
	width: 125px; height: auto;
	border: none;
	}

#container div#nav ul li ul li,
#container div#nav ul li ul li ul li {
	margin: 0; padding: 0;
	width: 125px; 
	float: left;
	height: auto;
	background: transparent;
	border-top: 1px solid #5f4a00;
	text-align: center;
	}
#container div#nav ul li ul li:hover,
#container div#nav ul li ul li ul li:hover {
	margin: 0; padding: 0;
	width: 125px; 
	float: left;
	height: auto;
	border-top: 1px solid #5f4a00;
	text-align: center;
	}

#container div#nav ul li ul li a,
#container div#nav ul li ul li ul li a {
	margin: 0;	padding: 5px 0 5px 0;
	display: block;
	position: relative;
	width: 125px; height: auto;
	text-align: center;
	}
	
	#container div#nav ul li ul li a:hover,
	#container div#nav ul li ul li ul li a:hover {  }
	#container div#nav ul li ul li span,
	#container div#nav ul li ul li ul li span {
		width: auto;
		background: none;
		}

#container div#nav ul ul, 
#container div#nav ul ul ul, 
#container div#nav ul ul ul ul {
	position: relative;
	z-index: 6000;
	}

#container div#nav ul li:hover ul ul, 
#container div#nav ul ul li:hover ul ul, 
#container div#nav ul ul ul li:hover ul ul { display: none; }

#container div#nav ul ul li:hover, 
#container div#nav ul ul ul li:hover { 
	background: #f1d698;
	border: none;
	}

#container div#nav ul li:hover ul {
	display: block;
	position: absolute;
	width: auto;
	top: 24px;
	left: 0;
	z-index: 6000;
	}
#container div#nav ul ul li:hover ul {
	display: block;
	position: absolute;
	width: auto;
	top: 0px;
	left: 125px;
	z-index: 6000;
	}
#container div#nav ul ul ul li:hover ul {
	display: block;
	position: absolute;	
	width: auto;
	top: 0;
	left: 125px;
	z-index: 6000;
	}


/* 4 - anchors
--------------------- */

#container a img { border: none; }

#nav a:link 		{ color: #fabc23; text-decoration: none; }
#nav a:visited 		{ color: #fabc23; text-decoration: none; }
#nav a:hover 		{ color: #333; text-decoration: none;background: #fae3ad; }
#nav a:active 		{ color: #fabc23; text-decoration: none; }

#content a:link 	{ color: #04419d; text-decoration: underline; }
#content a:visited 	{ color: #04419d; text-decoration: underline; }
#content a:hover 	{ color: #0066ff; text-decoration: underline; }
#content a:active 	{ color: #042e6e; text-decoration: underline; }

#footer a:link 		{ font-weight:bold; color: #e95813; text-decoration: none; }
#footer a:visited 	{ font-weight:bold; color: #e95813; text-decoration: none; }
#footer a:hover 	{ font-weight:bold; color: #ff8942; text-decoration: none; }
#footer a:active 	{ font-weight:bold; color: #973100; text-decoration: none; }


/* 5 - typography
--------------------- */

h2 {}
	#content h2 {
		margin: 0 0 5px 0; padding: 7px 0 5px 0;
		font-size: 16px;
		font-weight: lighter;
		color: #2042af;
		line-height: 110%;
		}
				
	#sidebar h2 {
		margin: 0 0 5px 0; padding: 9px 0 5px 0;
		font-size: 16px;
		font-weight: lighter;
		color: #109d01;
		line-height: 110%;
		}

p {}									
	#container p {
		margin: 0 0 15px 0;
		display: block;
		font-size: 13px;
		color: #323131;
		line-height: 160%;
		font-weight: lighter;
		text-align: left;
		font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		}
		#main_content p {
			padding-right: 35px;
			}
		#main_content {  /* fail-safe size & colour */
			font-size: 12px;
			color: #323131;
			}

	#sidebar p {
		margin: 0 0 15px 0; padding: 0;
		font-size: 12px;
		color: #551a00;
		display: block;
		line-height: 150%;
		text-align: left;
		}

	#footer p {
		font-size: 10px;
		color: #323131;
		line-height: 120%;
		text-align: center;
		font-family: "Trebuchet MS", Verdana, serif;
		}

	strong {
		font-weight: bold;
		}


	/* for nav */
	#nav li a {
		font-size: 11px;
		font-weight: lighter;
		font-family: "Trebuchet MS", Verdana, serif;
		}