/* CSS Document Global Gear*/

body {
	background-image: url(img/body_bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.whiteStyle1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: underline;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.style4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#ActionPane {
	position:relative;
	left:8px;
	top:21px;
	height:370px;
	width:180px;
	overflow:auto;
	z-index:1;

}
#DetailsPane {
	/*position:absolute;
	left:395px;
	top:173px;*/
	width:429px;
	height:450px;
	z-index:2;
/*	overflow:auto;*/
}
.style1pr {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style2pr {color: ##666666}
.style3pr {color: ##333333}
.style4pr {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: ##333333;
	text-decoration: none;
}
.xyz {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: ##333333;
	text-decoration: none;
	text-align: right;
}
.style5sb {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
/* from default.css*/
body{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11PX;
	 color:#333;
	 background-position:top center;
	 background-attachment: fixed;
	 padding:0;
	 margin:0 auto 0 auto;
	 text-align:center;
	 
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	border:0;
	border:none;
	text-decoration: none;
	 }
a:hover{
	color:#000000;
	border:0;
border:none;
	}
img {border: 0px solid #999999}
table{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11PX;
	 color:#333;
     text-align:left;
}
input{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11PX;
	 color:#333;
	 text-align:left;
}
input.button{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11PX;
	 color:#333;
	 text-align:center;
}
textarea{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11PX;
	 color:#333;
}
div{
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11PX;
	 color:#333;
}

#container{
	position:relative;
	margin:0 auto 0 auto;
	width:770px;
	height:100%; 
	vertical-align:top;	
	background-repeat: repeat-y;
	padding-bottom:20px
}
#header, #footer{
	background-color: #333;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
	width:768px;
}
#header{
	position:relative;
	height:90px;
	font-size:11PX;
	width:768px;
	}
#CategoryContainer {
	border: 0px solid #000000;
}


#footer{
	clear: both;
	position:relative;
	height:100px;
	text-align:center;
	font-size:11PX;
	font-weight: bold;
	padding-top:20px;
	margin-top:20px auto 0 auto;
	width:700px;
	}
	
	
/*header search functionality*/
#search{
	position:absolute;
	top:23px;
	right:0;
	width:160px;
	display:block;
	/*margin-top:32px;*/
}	
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#search input{
	border:1px solid #666;
	width:120px;
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11PX;
	background-color: #333;
	color:#FFF;
	margin-bottom:5px;
}
#fullpage{
	position:relative;
	width:730px;
	margin:20px auto 5px auto;
	border:2px solid #333;
	background-image: url(../images/flag_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
 #busOpps{
	position:relative;
	width:730px;
	margin:20px auto 5px auto;
	border:2px solid #333;
	}
#fullpage #copy{
	width:655px;
	padding:10px 0 10px 0;
	float:right;
	}

#flashfeature{
	position:relative;
	width:730px;
	height:320px;
	margin:20px auto 5px auto;
	border:2px solid #333
}
#prodDetail{
	position:relative;
	width:730px;
	margin:50px auto 5px auto;
	border:2px solid #333;padding:0;
}
#hpInfo,#hpHidden {
	position:relative;
	width:730px;
	/*height:200px;*/
	margin:15px auto 5px auto;
	padding:20px 0 10px 5px;
	border:2px solid #333
}

#hpInfo p, #hpHidden p{
	padding:15px 10px 10px 10px;
	margin:0
}
#colCenter{
	position:relative;
	margin:15px auto 15px auto;
	width:734px;
}
#hpC1{
	position:relative;
	width:355px;
	height:200px;
	border:0px solid #333;
	float:left;
}
#hpC2{
	position:relative;
	width:355px;
	height:200px;
	border:0px solid #333;
	float:right;
}
#boC2{
	position:relative;
	width:355px;
	border:0px solid #333;
	float:right;
}
.logo{
	float:left
}
.nav{
	display:block;
	padding-left:10px;
}
.clr{
	clear: both;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}

h1{
	position:absolute;
	bottom:-10px;
	right:2px;
	font-size:13pt;
}	

/*gallery styles*/
#gallery{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
.gleft{
	position:relative;
	float:left;
	width:303px;
	height:167px;
	border:1px dotted #cccccc;
	list-style:none;
	margin:5px 0 0 5px;
	padding:0 0 0 5px;
	}

.gleft p{
	position:absolute;
	left:180px;
	top:20px
}
.neatInput{
	width:120px;
	height:18px;
	border:1px solid #cccccc;
	font-size:9pt;
	overflow:hidden;
	padding:0;
	margin:0
}
.shiftRight50
{
	margin-left:50px
}
.shiftRight10
{
	margin-left:10px
}
.padd10{
	padding:10px;
}
.marg1020{
	display:block;
	padding:10px 0 0 20px;
	margin-left:50px;
}
#prodDetail .item{
	float:left;
	width:150px;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.item span{
	display:block;
	padding:0 1px 0 3px;
	font-size:8pt;
}
.detailTxt{
	float:right;
	width:380px;
	margin:10px 10px 10px 5px
	}
.info{
	position:relative;
	width:250px;
}
.txtArea{
	width:315px;
	height:70px;
	border:1px solid #cccccc;
	font-size:9pt;
	overflow:hidden;
	padding:0;
	margin:0;
}
	
#ContentContainer {
	width:777px;
	border:0px solid #333;
	padding:4px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: -4px;
}
#cartButton {
	float: left;
}


#miniBasket table td {
	color: #FFFFFF;
}

#miniBasket {
	position:relative;
	height: 85px;
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding:0px;
	float: right;
}


#nav {
	float: left;border:0;
border:none;
}
#nav img a{border:none;border:none;}


#ProductAddResults {
	text-align:center;
}

/*scroller*/
#marqueecontainer{
float:left;
position: relative;
width: 75px; /*marquee width */
height: 200px; /*marquee height */
background-color: #ebebeb;
overflow: hidden;
/*border:1px solid #cccccc;*/
padding:0px;
}
#marqueecontainer a img {border:1px solid #dddddd}
#marqueecontainer  a img:hover{border:1px solid #000000}
h2{font-size:12px;
font-weight:bold;}

#ActionPane {
	position:relative;
	left:5px;
	top:10px;
	height:500px;
	width:220px;
	overflow:auto;
	z-index:1;
}
#dash {
	align: left
}
#DetailsPane {
	width:435px;
	height:850px;
	z-index:2;
	overflow:auto;
}
.ProductListing {
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	height: 100%;
}.CategoryHeading {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.flasher {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}


/* from main.css*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #003366
	
}

#logo{
 	position: absolute;
	left: 200px;
	top: 0px;
	z-index: 3;
	border:0;
border:none;
}
img a{border:0;
border:none;}
a, a.hover{border:0;
border:none;}


#nav1{

	position: relative;
	left: 10px;
	top: 5px;
	width: 740px;
	height: 34px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-align:right;
	}
a.nav1{
text-decoration: none;
color: white;
}
a.nav1:hover{
text-decoration: underline;
}
#nav2{
	
	position: relative;
	left: 10px;
	top: 2px;
	width: 740px;
	height: 34px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-align:left;
	}
a.nav2{
text-decoration: none;
color: white;
}
.tips{
background-color: #99CCFF;
border: thin #000099;
padding: 1px;
}

a.nav2:hover{
text-decoration: underline;
}
#mainbody{
background-color: #FFFFFF;
text-align:justify;
position: relative;
left: 10px;
top: 2px;
height: 384px;
width: 724px;
overflow:auto;
font-size: 12px;
padding: 8px;
}
#content{
position: relative;
float: left;
top: 5px;
width: 510px;
height: 375px;
padding-left: 5px;
border-left: #0066CC 1px solid;
vertical-align:top;
}
#subnav{
position: relative;
float: left;
top: 5px;
z-index: 4;
width: 190px;
height: 340px;
font-size:10px;
}
#bottom{
	background-image: url(../images/bottom.gif);
	position: relative;
	left: 10px;
	top: 4px;
	width: 724px;
	height: 48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-align:left;
	padding: 8px;
}
#footer{
	position: relative;
	left: 10px;
	top: 4px;
	width: 740px;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	font-weight: normal;
	text-align:right;
}
a.footer{
color: white;
text-decoration: none;
}
a.footer:hover{
color: white;
text-decoration: underline;
}
.Space
{
	white-space:normal;
	size:auto;

}

.paragraph {
	width:600px;
}

.tdspace{witdh:10px}

.WhiteFont{
	font-family: verdana;
	font-size: 10px;
	color: White;
	
}
.WhiteFontSmall{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
	font-weight: bold;
}