/**************
* styles.css ~ http://sullivanglove.com cascading style sheet © 2007 Sullivan Glove Company/Virtual Native by michael@galacticagent.com. This is the main style sheet for control of standard tags and elements, navigation, and overall site layout.
**************/

/********** COLORS OF NOTE USED IN SITE **********

*		*** CUSTOM CLIENT COLORS (please help maintain client branding by using only specified colors) ***
*	
*	#FFC400; /*-- sg gold R:255 G:196 B:0  --*
*	#873320; /*-- sg rust R:135 G:51 B:32  --*
*	#5A0F0F; /*-- sg burg R:90 G:15 B:15  --*
*	#D26920; /*-- sg orange R:210 G:105 B:32  --*
*	#C84B28; /*-- sg dk orange R:200 G:75 B:40  --*
*	#000000; /*-- colorname R: G: B:  --*
*
*		*** GENRAL HEX COLORS ***
*
*	#000000; /*-- black R:0 G:0 B:0  --*
*	#1C1C1C; /*-- 90% gray R:28 G:28 B:28 --*
*	#363636; /*-- 80% gray R:54 G:54 B:54 --*
*	#4F4F4F; /*-- 70% gray R:79 G:79 B:79 --*
*	#828282; /*-- 50% gray R:130 G:130 B:130 --*
*	#B5B5B5; /*-- 30% gray R:181 G:181 B:181 --*
*	#CFCFCF; /*-- 20% gray R:207 G:207 B:207 --*
*	#E8E8E8; /*-- 10% gray R:232 G:232 B:232 --*
*	#FFFFFF; /*-- white R:255 G:255 B:255  --*
*	#B1515D; /*-- link red --*

************************************************************/

/*-- MAIN CSS CONTROL DOCUMENT--*/
/*-- STANDARD TAGS --*/

body {
	text-align:center;
	margin:0;
	padding:0;
	background-color: #3B3B3C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}


h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color:#4F4F4F; /*-- 70% gray R:79 G:79 B:79 --*/
	margin:10px 10px 10px -10px;
	padding: 0;
	}
	
h1 {
	font-size: 18px;
	color:;
	}


h2 {
	font-size: 15px;
	color:;
	}


h3 {
	font-size: 13px;
	color:;
	}


h4 {
	font-size: 10px;
	color:;
	}


h5 {
	font-size: 13px;
	font-style: italic;
	color:;
	}
	
td {
	font-size:11px;
}	
			

/***********************************************************
************************************************************
*					NAVIGATION SECTION
*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*-- splash page navigation (if needed) --*/
	
/*-- TYPICAL NAV SETUP --*/
/*-- #nav DIV for main navigation --*/
#nav {
	position:relative;
	left:0px;
	top:0px;
	width:150px;
	text-align:center;
	background:transparent;
	margin:20px 0px 10px 0px;
	z-index:60;
	} 

/*-- individual main nav cells --*/	
.navSection {
		height: 20px;
		background: transparent;
		padding: 0px;
		z-index: 20;
		text-align:center;
		} 
		
.navSection a,
.navSection a:link,
.navSection a:visited {
		font-size: 13px;
		color:#873320; /*-- sg rust R:135 G:51 B:32  --*/
		font-weight:normal;
		text-decoration:none;
}

.navSection a:hover{
	text-decoration:underline;
	font-weight:normal;
	color:#5A0F0F;
	font-size: 13px;
}
/*-- main navigation links --*/
	a.nav:link, 
	a.nav:visited { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color:#873320; /*-- sg rust R:135 G:51 B:32  --*/
		font-weight:bold;
		text-decoration:underline;
		line-height:25px;
		}
	a.nav:active,
	a.nav:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color:#5A0F0F; /*-- sg burg R:90 G:15 B:15  --*/
		font-weight: bold;
		text-decoration: none;
		line-height:25px;

		}

/*-- YOU ARE HERE NAV LINK--*/
	a.navuber:link, 
	a.navuber:visited,
	a.navuber:hover, 
	a.navuber:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:bold;
		text-decoration:none;
		color:#5A0F0F; /*-- sg burg R:90 G:15 B:15  --*/
		line-height:25px;
		}
		
/*-- secondary navigation links --*/
a.nav2:link,
a.nav2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#873320; /*-- sg rust R:135 G:51 B:32  --*/
	font-weight: bold;
	text-decoration: none;
	}

a.nav2:hover,
a.nav2:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color:#873320; /*-- sg rust R:135 G:51 B:32  --*/
	text-decoration: none;
	}

	
/*-- outside links --*/
a.outside:link,
a.outside:visited {
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	color:#C84B28; /*-- sg dk orange R:200 G:75 B:40  --*/
	font-weight: bold;
	text-decoration: none;
	}

a.outside:hover,
a.outside:active {
	font-size: 12px;
	color:#D26920; /*-- sg orange R:210 G:105 B:32  --*/
	font-weight: bolder;
	text-decoration: none;
	}

	
/*-- text links --*/
a.text:link,
a.text:visited {
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	color:#828282; /*-- 50% gray R:130 G:130 B:130 --*/
	font-weight:bold;
	text-decoration:none;
	}

a.text:hover,
a.text:active {
	font-size: 11px;
	color:#828282; /*-- 50% gray R:130 G:130 B:130 --*/
	font-weight:bold;
	text-decoration:underline;
	}


/*-- 'normal' links --*/
a:link,
a:visited,
a:hover,
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#B1515D; /*-- link red --*/ 
	text-decoration:underline;
	}

a:hover,
a:active {
	color:#B1515D; /*-- link red --*/ 
	text-decoration:none;
	}
	


	
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*
*					END NAVIGATION SECTION
************************************************************/



/************************************************************
*************************************************************
*					BEGIN CONTENT AREAS 
*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*-- MAIN DIV --*/
#main {
	position:relative;
	width:975px;
	margin:10px 0;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	background-image:url(../images/back_main_slice.gif);
	background-repeat:repeat-y;
	text-align:left;
	font-size:10px;
	}


/*-- logo area --*/
#header {
		position:relative;
		left:0;
		top:0;
		width:975px;
		background:#363636; /*-- 80% gray R:54 G:54 B:54 --*/
		}		

/*-- CONTENT DIVS --*/
#content {
	position:relative;
	top:0px;
	left:50px;
	background:transparent;
	margin:10px 110px 0px 0px;
	padding:0;
	z-index:50;
	font-size:10px;
	}
.content {
	margin:50px 0 20px 150px;
}	

#leftcol {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:180px;
	text-align:left;
	margin-top:10px;
	font-size:10px;
	}
.leftcol { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color:#4F4F4F; /*-- 70% grey --*/
	font-size:10px;
	}
img.leftcol
	{
	border:0;
	}		

/*-- MAIN COPY AREA --*/
#mainCopy {
	position:relative;
	padding-left:30px;
	background-image:url(../images/back_content_slice.gif);
	background-repeat:repeat-y;
	margin: 5px 10px 0 180px;
	}
	p.mainCopy { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color:#4F4F4F; /*-- 70% grey --*/
		text-align:left;
		}
	img.mainCopy {
		margin:10px 10px 10px 10px;
		}
				
/*-- SECONDARY COPY IF NEEDED --*/	
p.secondCopy { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	color:#4F4F4F; /*-- 70% grey --*/
	margin: 100px 10px 10px 5px;
	}
		
/*-- FOOTER ELEMENTS --*/
div#footer {
	clear:left;
	width:975px;
	background:transparent;
	z-index:60;
	}
	.footer {
		font-family:Georgia, Times New Roman, Times, Courier, serif;
		font-size:10px;
		color:#363636; /*-- 80% gray R:54 G:54 B:54 --*/
		text-align:center;
		margin-top:20px;
		}
	
a.footerlink, a.footerlink:link, a.footerlink:active {
	font-family:Georgia, Times New Roman, Times, Courier, serif;
	font-size:10px;
	color:#363636; /*-- 80% gray R:54 G:54 B:54 --*/
	text-decoration:underline;
	font-weight:normal;
	}
a.footerlink:hover {
	font-weight:normal;
	color:#363636;
	}
	
/*
img.top {
	margin-top:0;
	margin-left:0;
	}
*/
	
img.foot {vertical-align:bottom; margin:0px; }


/************************************************************
*************************************************************
*					START SHOPPING CART STYLES 
*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/	

/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-SIZE: 8px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; /*BORDER: 1px solid #FFC400*//*#BBC3D3*/;width:95%;}
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR:#FFC400; /*-- sg gold R:255 G:196 B:0  --*/; PADDING: 1px; font-size:14px;}
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR:#fff;}
.CPbox2B A, .CPbox2B A:link, .CPbox2B A:visited 
  {COLOR: #682F36; FONT-SIZE: 10px; TEXT-DECORATION: none; width:100%; border:#363636 1px solid; margin-top:2px; background-color:#E8E8E8; padding:3px;}
.CPbox2B A:hover   {COLOR: #682F36; FONT-SIZE: 10px; TEXT-DECORATION: none; width:100%; border:#CCCCCC 1px solid; background-color:#FFE064;}


/*left nav styles*/

.navcontainer { margin-left: 0px; }

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.navcontainer li { margin: 0 0 0 0; }

.navcontainer a, .navcontainer a:link, .navcontainer a:visited
{
display: block;
padding: 2px 2px;
margin-top:2px;
width: 155px;
color: #682F36;
background-color: #E8E8E8;
text-decoration: none;
border:1px solid #363636;
font-size: 13px; 
}

.navcontainer a:hover
{
color: #682F36;
background-color:#FFE064;
text-decoration: none;
}





/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC; 
			font: normal 10px Verdana, Arial, Helvetica, sans-serif;
			line-height: 17px;
			color:#4F4F4F; /*-- 70% grey --*/
			text-align:left;
			padding:5px 10px 5px 7px;
			}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 9px}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 11px}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #363636; /*-- 80% gray R:54 G:54 B:54 --*//*#800000*/}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #363636; /*-- 80% gray R:54 G:54 B:54 --*/}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: red}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 11px}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 11px}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 10pt;}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10px;}
.CPsysMsgURL {FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8px}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; color: Red}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 8px; TEXT-DECORATION: none;}
.install { 

	BORDER: 1px solid #BBC3D3
}

.installcomment {
	PADDING-LEFT: 30px;
}

.textBlock {
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
	font-size: 12px;
	text-align: center;
}

.CPContactUs {

}

/*-- End Shopping Cart Styles --*/
input {
	font-size: 11px;
	color: #000000;
}