﻿html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     
     margin: 0;
     padding: 0;
     border: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #4c4c4c;
	vertical-align: baseline;
	left: auto;
	top: auto;
}

.bottomlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1668B2;
	text-decoration: none;
}
.ul{
	margin:0px 0px 0px 0px;
	list-style-image:url(images/arrows3.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color: #007ABC;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
}
.ul:hover{
	list-style-image:url(images/pro1.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #001C74;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2 {color:#e8c600;}

h3, h4, h5, h6 {color:#800000;}	
	
h1 {
	margin:0.5em 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
    margin:0.5em 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
    margin:0.5em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
a 
{
	text-decoration:none;
}

a:hover {text-decoration:none;}
p
{
	LINE-HEIGHT: normal;
	margin: 1em 0;
 }

#wrapper{
	width:1024px;
	margin:0 auto;
	text-align:left;
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-position: center top;
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 1002px;
	wid\th: 770px;
}

#header{
	background-repeat: repeat-x;
	height: 76px;
	position:relative;
	/* background-image:url(Images/header_bg.png); */
	clear:both;
	margin-left:78px;
	font-size:0.9em;
	vertical-align:middle;
	text-align:left;
	width:853px;
}
#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:853px;
	height:76px;
	
}
#menu{
	/*background-repeat: repeat-x;
	background-color:#ffffff;*/
	height: 35px;
	position:relative;
	/*margin-left:78px;*/
	vertical-align:middle;
	text-align:left;
	background-color:#ffffff;

	/*
	border-left:1px solid #f7b900;
	border-right:1px solid #f7b900;*/
}

#banner
{
	background-repeat: repeat-x;
	height: 213px;
	position:relative;
	clear:both;
	margin-left:78px;
	font-size:0.9em;
	vertical-align:middle;
	text-align:center;
	width:853px;
	
}

#footer {
	/*background-image: url(img2/footer.gif);*/
	height: 30px;
	/*background-position: 0px 0px;
	background-color:GrayText;*/
	padding:0 0 0 0 ;
	width: 853px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #1668B2;
	text-decoration: none;
	vertical-align:text-bottom;
	text-align:center;
	
}
#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 853px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: 78px;    /*** Critical left col dimension value ***/
}
* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 853px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	wid\th: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

#floatwrapper 
{
	float: left;
	width: 853px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}
#centercolumn
{
	float: right;
	width: 853px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* \*/
	margin-left: -1px; 
	
	/*padding-top:10px;*/
	padding-top:0px;
	background-color:#e8e8e8;
}

#copy .container 
{
	margin:0px;
	padding:3px 15px 15px 10px; 
}
* html #copy .container {height:1%;}

#copy td, #copy th {padding: 0 0;}

#copy td {
	padding: 0em 0em;
	/**font-family: Arial, Helvetica, sans-serif;**/
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:text-top;
}
.txtBox {
    border:1px solid #CCCC66;
    background-color:#F7F7E8;
}
#copy .textfield {
	display: block;
	width: 200px;
	border: 1px solid Gray;
}

#copy .button {
    border:1px solid #C3C3c3;
    color:#FFFFFF;
    background-color:#800000;
    font-size:1em;
    width:90px;
    height:27px;
}

#copy .dropdown {
    border:1px solid Gray;
    color:#000000;
    font-size:1em;
    width:205px;
    height:20px;
}

#copy fieldset {	
	
	padding:0 1em 1em 1em;
	border:1px solid #f7a005;
}

#copy fieldset legend {
	color:#0055CC;
	background-color:#f8f8ff;
}

* html #copy legend {
	padding:0.5em;
}
#copy ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
/*line-height: 1.8em;*/
line-height:12pt;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #4c4c4c;
text-decoration: none;
text-indent: 1px;
list-style-position: outside;
list-style-type: circle;
padding: 20px;
padding-top:0;
margin: 2px;
max-width:100%;
}
#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 78px;    /*** Critical left col/divider dimension value ***/
	margin-left: -78px;    /*** Critical left col/divider dimension value ***/
	padding-top:30px;
}
* html #leftcolumn {
	float:left;	
	padding-top:25px;
}

*>html #leftcolumn {width:78px;}   /*** Fix only for IE/Mac ***/

#leftcolcontainer{width: 77px;}
#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 80px;    /*** Critical right col/divider dimension value ***/
	margin-right: -80px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:30px;
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -850px; 
	mar\gin-right: -152px;
	padding-top:25px;
}

#rightcolcontainer{
	width: 77px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
}
/* \*/
* html #rightcolcontainer {
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
}
.sidebarcontainer
{
	margin:5px;
	padding:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.92em;
	
}
.mainDiv
{
		/*width:850px;*/
		width:853px;
		padding:5px 0 0 0;
}

.leftDiv
{
	background: url(images/left-div-blue.gif) repeat-y top left;
	width:178px;
	height:260px;
	float:left;
}
.rightDiv
{
	background: url(images/right-div.gif) repeat-y top left;
	width:673px;
	height:260px;
	float:right;
}
	
/*this is for products pages*/	
	.mainDivForPruduct
{
		/*width:850px;*/
		width:853px;
		padding:0 0 0 0;
		
}

.leftDivForPruduct
{	width:663px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	
}
.rightDivForPruduct
{
	
	border-left:solid 1px #f7a005;
	background-color:#ffffff;
	width:178px;
	height:500px;
	float:right;
	padding-top:10px;
}
.testJustify
	{
		text-align:justify;
		display:block;
	}
.clscite
	{
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	}
.clsQuote
	{
		font-family:Trebuchet MS;
		font-size: 11px;
		font-weight:lighter;
		COLOR: #003333;
		text-align:center;
		font-style:italic;
	}

* html .sidebarcontainer {height:1%;}
.sidebarcontainer a {color:#00c;}
.sidebarcontainer li {list-style-type:none;}

/*This is for Category list css- start*/
 
#catlist{
	border:1px dashed #ccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:833px;
	margin:0px auto;
}
#catlist dl{
	width:813px;
	margin:0 auto;
	border-bottom:1px dashed #ccc;
	padding:10px;
	overflow:hidden;
	background:#ffffff;
}

#catlist dd
{
	/*overflow:auto*/
            
            }
#catlist dt strong{
	float:right;
	padding:0 0 0 20px;
}
#catlist dd strong{
	float:right;
	padding:0 0 0 20px;
}

#catlist dt img{
	float:left;
	margin:0 10px 0 0;
	border:1px solid #000;
}
* html dd{height:1%}/* 3px jog*/
/*This is for Category list- End*/


/*This is for popup css- start*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('images/overlay.png'); }

* html #overlay
	{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url(images/blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
/*This is for popup css- End*/

/*this is for image boxes*/

.imageBox
	{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
.imageBox_theImage
	{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */

		/* Don't change these values **/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
		cursor:hand;
		
	}

.imageBox .imageBox_theImage
	{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	

.imageBox_label
	{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;
		padding-top:2px;
		margin: 0 auto;
	}
	/*this is for image boxes*/
	
	/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 125px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
padding:20px;

}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: Gray;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover 
{
	color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

/*start Styles for table */
table.styledtable
 {
	 border: none;
	 padding:0;
 }

#styledtable table caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#styledtable  th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f8ae00 url(images/bg_header.jpg) no-repeat;
}

#styledtable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#styledtable td {
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px 6px 6px 12px;
	color: #4f6b72;
}
/*End Styles for table */
.imgright
{
	padding-left:0px;
	padding-top:0px;
	float:right;
}
.entry p {
		line-height: 1.5em;
		margin-bottom: 20px;
	}



@media print 
{	
	body
	{
		font-size:11pt;
	/*line-height:13pt;*/
		background:#FFFFFF !important;
}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn 
	{
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav
	{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer 
	{
		background:transparent;
	}
	#centercolumn 
	{
		float:none;
		margin:0 1em 0 2.5em;
	}	
	#copy .container
	{
		margin:0;
		margin:0;
		border-style:none !important;
		border-width:0;
	}
	
	#footer 
	{		
		border-style:none !important;
		border-top:1px solid #000000;
	}
}
