﻿body 
{
	margin: 0px;
	padding: 0px;	
	font-family: arial;
	font-size: 8pt;
	
}

img
{
	border:none;
}
input
{

	font-family: arial;
	font-size: 8pt;
	
}
input.button
{
	background: #77B900;
	color: White;
	font-weight: bold;
}

input.btnCancel
{
	background: #CE3134;
	color: White;
	font-weight: bold;
}
input.delete
{
	background: #CE3134;
	color: White;
	font-weight: bold;
}


#wrapper
{

	margin: 0 auto;
	padding: 0px;
	width: 1024px;	
	
}
#header
{
	margin: 0px;
	padding: 20px 0px 0px 0px;	
		

}
/*******************************************************/
/*                       Top-Menu					   */
/*******************************************************/


#top-menu 
{
	width: 845px;
	margin-top: 10px;
}
#top-menu img
{
	margin: 0px;
	padding: 0px;
	border:none;
}
#top-menu li a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;	
	padding: 2px 6px 3px 6px;
	font-size: 10pt;
	
	

}
#top-menu li a:hover
{
	color:#0085cf;
		
}
#top-menu ul
{
	margin: 0px;
	background: url(../Images/top-menu-fade.gif) repeat-x;		
	height: 21px;
	padding-top: 10px;

}

#top-menu ul li 
{	

	display:inline;
	list-style-image: url(../Images/top-seperator.gif);
	border-right: #333333 1px solid;	
	
}
/*******************************************************/
/*                       Top-Bar 					   */
/*******************************************************/
#top-bar
{
	width:1024px;
	background: #003366;
	color: white;
	font-weight:bold;
	height:20px;

}

#top-bar-text
{
	padding: 0px 0px 0px 30px;
}
#top-bar-text a, a:hover
{
	color: white;
}

.menu-title
{
	background:  #003366;		
	text-align: center;
	color: white;		
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 5px 0px 0px 0px;
}
.menu-title a
{
	color: White;
}
.menu-title a:hover
{
	color: #CE3134;
}
#main
{
	width:1024px;
	margin-top: 10px;
	padding: 0;
	

}
#left-bar
{
	width: 180px;
	float:left;		
}
#content
{
	margin: 0px 0px 0px 180px;
	width: 650px;
	min-height: 600px;
	padding: 0px 5px 0px 5px;

}



#content a
{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
#content a:hover
{
	color: #0085cf;
}
#content h2 a:hover
{
	color: #0085cf;
}
#content h2 a
{
	font-family: arial;
	font-size: 8pt;
	color: #333333;
}
#right-bar
{
	width: 180px;
	float: right;
	font-family: arial;	
}
#right-bar a
{
	color:#333333;
	font-weight:bold;
	font-size: 8pt;
	text-decoration:none;
	

}
#right-namifiers
{
	border-left: solid 1px #B3BBD4; 
	border-right: solid 1px #B3BBD4; 
	border-bottom: solid 1px #B3BBD4;
	background: url(../Images/bar-background.gif) no-repeat;
	margin-bottom: 5px;
}

/*******************************************************/
/*                       Top-Cart					   */
/*******************************************************/	
#top-cart
{
	font-size:8pt;
	position:absolute; 
	margin: 2px 0px 0px 850px;
}
/*****************************************/
/*          Promotional Menu CSS         */
/*****************************************/



#promotional ul
{
	list-style:none;
	padding: 0px;
	margin: 0px;	
	
	
}
#promotional ul li ul
{
	border: none;
}
#promotional ul li a
{
	display:block;
	color: #333333;
	font-weight: bold;
	line-height: 17px;
	font-size: 8pt;
	position:relative;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#promotional ul li ul li a
{
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
	font-family: Arial;
	line-height: 17px;
	
}
#promotional ul li ul li a:hover
{
	color: #0085cf;
	background: #cccfd9;
}
#promotional ul li a:hover
{
	color: #0085cf;
	background: #cccfd9;
}


/*****************************************/
/*            Side Menu CSS              */
/*****************************************/	
.side-menu
{
	border-left: solid 1px #B3BBD4;
	border-right: solid 1px #B3BBD4;
	border-bottom: solid 1px #B3BBD4;
	background: url(../Images/bar-background.gif) no-repeat;	
	margin: 0px 0px 5px 0px;
}

.side-menu a, #side-menu h2 
{
	font-family: arial;
	font-weight:bold;
	color: #333333;
	display: block;
	border:none;
	margin: 0;
	padding: 2px 3px;
	
}

.side-menu a 
{
	color: #333333;
	text-decoration: none;		
}

.side-menu a:hover 
{
	color: #0085CF;
	background: #cccfd9;
}
.side-menu ul li ul li a:hover
{
	background: none;
}

.side-menu ul
{
	
	list-style: none;
	margin: 0;
	padding: 0;	
	
	
	
}
.side-menu ul ul 
{
	width: 140px;
	padding-left: 13px;	
	
	border: none;
	
}
	

.side-text
{
	border-left: solid 1px #B3BBD4;
	border-right: solid 1px #B3BBD4;
	border-bottom: solid 1px #B3BBD4;
}
.side-text a
{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
.side-text a:hover
{
	color: #0085cf;
}

/*******************************************************/
/*                    Footer-Menu					   */
/*******************************************************/

#footer
{
	width: 980px;	
	height: 60px;
	margin-top: 20px;
	border-top: solid 2px Gray;	
	padding: 5px 5px 5px 5px;
	
}

#footer a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;		
	font-size: 8pt;
}
#footer a:hover
{
	color:#0085cf;
		
}

#footer-menu li a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;	
	padding: 2px 6px 3px 6px;
	font-size: 8pt;
}
#footer-menu li a:hover
{
	color:#0085cf;
		
}
#footer-menu ul
{
		
	height: 21px;	
	text-align:center;

}

#footer-menu ul li 
{	

	display:inline;
	border-right: Black 1px solid;	
	
}

/*************************************/
/*         Font Classes              */
/*************************************/
.Font-Discount
{
	color:#CE3134;
	text-decoration:line-through;
}
.Font-TableHead
{
	color: #003366;
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;    
    
}
.Font-TableHead th
{
	border-bottom: solid 1px #dcdcdc;
}
h1
{
	color: #003366;
	font-family: arial;	
	font-weight: bold;
}
h2
{
	color: #003366;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
}
h3 
{
	color: #003366;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
}
.category-title
{
	color: #003366;
	font-family: arial;	
	font-weight: bold;
	font-size: 14pt;
	text-align:center;
	border-bottom: thin solid #1B4475;
	margin-top:10px;
	margin-bottom: 5px;	
	text-transform: uppercase;
	
}
.tblTitle
{
	color: white;
	background:  #003366;	
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	text-align:center;		
	margin: 1px 0px;	
	padding: 2px;
	text-transform: uppercase;
}

.item-title
{
	color: #003366;
	font-family: arial;
	font-size: 14pt;
	font-weight: bold;
	border-bottom: thin solid #003366;
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-top:10px;
}
.item-h2
{
	color: #003366;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	border-bottom: thin solid #003366;
	
	padding-bottom: 0px;	
	
	margin: 0px 0px 3px 4px;
	
}
.control-h2
{
	color: #CE3134;
	font-family: arial;
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	border-bottom: thin solid #CE3134;
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-top:10px;
	
}
.error-text
{
	color: #CE3134;
	font-size:12pt;
	font-family: arial;
	font-weight: bold;
}

/*************************************/
/*          Div Classes              */
/*************************************/
.AddressItem
{
	background: #e7e7e7;
	margin-bottom: 10px;
	border: solid 1px black;
	padding: 5px;
	width: 250px;
	text-align:left;
	
}
.DivEditAddress
{
	background: #e7e7e7;
	border: solid 1px black;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}
.div-testimonial
{
	width: 580px;
	border: solid 1px black;
	background: #e7e7e7;
	padding: 5px 10px 0px 10px;
	margin: 0px 5px 10px 5px;
	
}
#div-search
{
	padding: 3px 5px 4px 5px;	
	background: url(../Images/bar-background.gif) no-repeat;
	border-left: solid 1px #B3BBD4;
	border-right: solid 1px #B3BBD4;
	border-bottom: solid 1px #B3BBD4;
	margin-bottom: 5px;
}
#div-search input
{
	font-size: smaller;
}
#DivRightRelated
{
	
	border-left: solid 1px #B3BBD4; 
	border-right: solid 1px #B3BBD4;
	border-bottom: solid 1px #B3BBD4;
	margin-bottom: 5px; 
}
#DivRightAddOn
{	
	border-left: solid 1px #B3BBD4; 
	border-right: solid 1px #B3BBD4; 
	border-bottom: solid 1px #B3BBD4;
	margin-bottom: 5px;
}
#DivRightRelated a
{
	color: #333333;
	font-weight: bold;
	line-height: 17px;
	font-size: 8pt;
	position:relative;


	margin: 0px 0px 0px 5px;
	padding: 0px;
	


}
#DivRightRelated a:hover
{
	color: #0085cf;	
}
#DivRightAddOn a
{
	color: #333333;
	font-weight: bold;
	line-height: 17px;
	font-size: 8pt;
	position:relative;


	margin: 0px 0px 0px 5px;
	padding: 0px;



}
#DivRightAddOn a:hover
{
	color: #0085cf;
	background: none;
}
.right-side-menu
{
	margin-bottom: 5px;
	background: url(../Images/bar-background.gif) no-repeat;
	border-left: solid 1px #B3BBD4;
	border-right: solid 1px #B3BBD4;
	border-bottom: solid 1px #B3BBD4;
}

/*************************************/
/*          Custom Specs             */
/*************************************/
.CustomSpecsImg
{
	position:absolute;

}

.FloatLeft
{
	float:left;
}


/*************************************/
/*          Table Classes            */
/*************************************/
.GridOddRow
{
	
}
.GridEvenRow
{
	background: #cccccc;
}
/*******************************************************/
/*                 Detailed Description				   */
/*******************************************************/
#details
{
	width:400px;
}

#details ul li
{
	list-style-type:none;	
}

#details ul li ul li ul li
{
	list-style-type:disc;
	margin-left: 50px;	
}

#details ul
{
	width:600px;
	margin-left:0px;
	padding-left:0px;
}

#details  ul li ul li ul li
{
	
	list-style-type:disc;
}
#details h1
{
	font-size:12pt;
	text-align:center;
}

.WhatsThisBox
{
	background: beige;
	color: Black;
	padding: 5px;	
	border: solid 1px black;
	width: 90%;	
	position: static;	
	margin: 0 auto;
	
	
	
}

.WhatsThisLink
{
	cursor: help;
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}
#NoLinkStyle a
{
	font-weight: normal;
	color: black;
	cursor: text;
}
#NoLinkStyle a:hover
{
	font-weight: normal;
	color: black;
	cursor: text;
}
.ChatBox
{
	border: solid 4px black;
	padding: 5px;	
}
.Nametags a
{
	font-size: 12pt;
	text-transform: uppercase;
}
.Nametags h2
{
	font-size: 10pt;
	color: Black;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}
.Nametags ul
{
	
	margin-top: 0px;
	padding-top: 0px;
	
}
.Nametags p
{
	
	margin-top: 0px;
	padding-top: 0px;
	
}
.Lanyards h2
{
	font-size: 10pt;
	color: Black;
	margin: 0px;
	padding: 0px;
	
}
.Lanyards a
{
	text-transform: uppercase;
	font-weight: bold;
}
.Lanyards a h2:hover
{
	color: #0085cf;
}
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../Images/Chat/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../Images/Chat/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.Answer
{
	margin: 10px;
	margin-top: 2px;
}
.Question
{
	font-weight: bold;
}
#divRatings
{
	background-image:url(../Images/Testimonials.jpg);
	width: 180px;
	height: 330px;	
	padding-top: 71px;
}
.rating
{
	text-align: left;
	padding: 3px;
}