@charset "utf-8";
/* CSS Document */
/*
 * Project Name:	SCUBA DIC
 * Project URI:		http://www.scubadic.com/
 * Description:		Master CSS File for "SCUBADIC.Com" Website
 * Author:			Naga Mohana Rao. Manam
 * Version:			1.0  - 5th May, 2009
 * Mediea:			Web 
 */


 body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}	

/*----------------------> IDs <----------------------*/	
#Header{
	background-image:url(../Images/header.png);
	height:100px;
	background-repeat:repeat-x;
	background-position:top;
	background-color:#802b00;
	vertical-align:top;
	}
#content_gradient {
	background-image:url(../Images/content_gradient.png);	
	background-repeat:repeat-x;
	background-position:bottom;
	
	}
.content_bg {
	background-image:url(../Images/content_BG.png);
	background-repeat:repeat-y;	
	vertical-align:bottom;
	background-position:center;
	}
.content_top {
	background-image:url(../Images/content_top.png);	
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	}
.content_bottom {
	background-image:url(../Images/content_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	vertical-align:bottom;
	padding-bottom:15px;
	
	}
.content_fotter {
	background-image:url(../Images/content_fotter.png);
	background-repeat:no-repeat;
	background-position:top;
	height:30px;
/*	padding-bottom:15px;*/
	
		
	}

.TopNavBG{
	background-image:url(../Images/nav.png); 
	background-repeat:repeat-x; 
	height:52px;
	}


/*#MainMenu td {
	background-image:url(../Images/nav.png);
	background-repeat:repeat-x;
	height:52px;
	width:125px;
	text-align:center;
	}
#MainMenu td A {
	font-family:Georgia;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	}*/
/*.menu A:hover {
	background-image:url(../Images/nav_hover.png);	
	background-repeat:repeat-x;
	display:block;
	height:45px;
	width:125px;
	text-align:center;
	color:#990000;
	}*/
.mainMenu {
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	
	}
.mainMenu A {	
	color:#FFFFFF;	
	text-decoration:none;
	padding:0px 10px;
	}
.mainMenu A:hover {
	display:block;	
	color:#cccccc;	
	text-decoration:none;
	/*background-image:url(../Images/nav_hover.png);
	background-repeat:repeat-x;
	background-attachment:inherit;*/
	
	
	
	}


#LoginPanal{
	background-image:url(../Images/login.png);
	background-repeat:no-repeat;
	width:390px;
	height:105px;
	}
.UserName{
	background-image:url(../Images/login_username.png);
	background-repeat:no-repeat;
	width:132px;
	height:27px;
	}
.PassWord{
	background-image:url(../Images/login_password.png);
	background-repeat:no-repeat;
	width:132px;
	height:27px;
	}
.LoginButton{
	background-image:url(../Images/login_button.png);
	background-repeat:no-repeat;
	width:50px;
	height:25px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	display:block;
	text-decoration:none;
	vertical-align:middle;
	padding-top:5px;
	}
.LoginPanalText{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#555555;
	text-decoration:none;
	}
.Inputbox {
	width:99px;
	height:20px;	
	border:none;
	color: #555;
	line-height:18px;	
	background:none;
	margin-left:28px;
/*	padding-left:28px;*/
	}

/*.Inputbox:hover,.Inputbox:focus { 
	background:#fff; 
	border-color:#ccc;
	}
.Inputbox:focus	{
	color:#333;
	}*/
#SearchBox{
	background-image:url(../Images/search_bg.png);
	background-repeat:no-repeat;
	width:232px;
	height:52px;
	background-position:right;
	/*text-align:right;*/
	}
#SearchBox A{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}
.SearchBoxText {
	width:150px;
	height:20px;	
	border:none;
	color: #555;
	line-height:18px;	
	background:none;
	/*margin-left:28px;*/
/*	padding-left:28px;*/
	}
	
.BodyText{
	font-family:Verdana;
	font-size:11px;
	color:#333;
	text-align:justify;
	line-height:16px;
	}
#EventsScroling{
	background-image:url(../Images/content_divider_t.png);
	background-repeat:no-repeat;
	background-position:top;
	width:940px;
	/*height:30px;	
	padding-top:10px;
	padding-bottom:5px;*/
	}
.contentDivider{
	background-image:url(../Images/content_divider_t.png);
	background-repeat:no-repeat;
	background-position:top;
	height:30px;
	width:940px;
	padding-top:10px;
	padding-bottom:5px;
	}
.EventsHeading{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#0d3668;
	text-align:justify;	
	text-decoration:none;
	}
.EventsHeading a{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#0d3668;
	text-align:justify;	
	text-decoration:none;
	}
marquee{
	font-family:Verdana;
	font-size:12px;	
	color:#444444;
	text-align:justify;
	}
.Heading{
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	color:#0d3668;
	text-align:justify;	
	}
.WelcomeNote{
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#0d3668;	
	}
/*----------------------> IDs <----------------------*/	


/*----------------------> Sample Right Box <----------------------*/	
#RightBox{
	font-family:Verdana;	
	font-size:12px;	
	color:#444444;
	text-align:justify;
	border:none;
	}
/*.TopLeft{
	background-image:url(../Images/Box_tl.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:15px;
	width:9px;
	}
	
.TopRight{
	background-image:url(../Images/Box_tr.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:15px;
	width:200px;	
	}
	
.BottomLeft{
	background-image:url(../Images/Box_bl.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:150px;
	width:9px;
	}
.BottomRight{
	background-image:url(../Images/Box_br.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:150px;
	width:200px;	
	}*/
#TopBox{
	background-image:url(../Images/TopBox.png);
	background-repeat:no-repeat;
	height:215px;
	width:241px;
	}
#AttachBox{
	background-image:url(../Images/AttachBox.png);
	background-repeat:no-repeat;
	height:208px;
	width:255px;
	}
/*.AttachTopLeft{
	background-image:url(../Images/Attach_tl.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:90px;
	width:50px;
	}
	
.AttachTopRight{
	background-image:url(../Images/Attach_tr.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:90px;
	width:200px;	
	}
	
.AttachBottomLeft{
	background-image:url(../Images/Attach_bl.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:150px;
	width:50px;
	}
.AttachBottomRight{
	background-image:url(../Images/Attach_br.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:150px;
	width:150px;	
	}
*/

.LeftMenuTop{
	background-image:url(../Images/LeftMenu_Top.png);
	background-repeat:no-repeat;
	background-position:top;
	width:142px;
	height:45px;
	}
.LeftMenuMiddle{
	background-image:url(../Images/LeftMenu_Middle.png);
	background-repeat:repeat-y;
	background-position:top;
	width:142px;	
	}
.LeftMenuBottom{
	background-image:url(../Images/LeftMenu_Bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:142px;
	height:24px;
	}
.CopyRightText{
	font-family:Verdana;
	font-size:11px;
	color:#777777;
	text-align:justify;
	line-height:16px;
	}
.FotterLinks{
	font-family:Verdana;
	font-size:11px;
	color:#0d3668;	
	line-height:16px;	
	}
.FotterLinks A{
	text-decoration:none;
	color:#0d3668;
	}
/*----------------------> Sample Right Box <----------------------*/	



/*----------------------> Classes <----------------------*/	
/* Page Shadows */
.LeftLineBG{
	background-image:url(../Images/LeftLineBG.gif);
	background-repeat:repeat-y;
	background-position:right;
	}
.RightLineBG{
	background-image:url(../Images/RightLineBG.gif);
	background-repeat:repeat-y;
	background-position:left;
	}
	.IE8Fix
	{
	z-index: 999;
	}



/*----------------------> Classes <----------------------*/	


/*---------- Vertical Menu -------------*/
#divmenu table
{
	float: left;
	margin: 0;
	text-align: left;
	text-indent: 10px;
	background-position: left top;
	background-repeat: repeat-x;
	clear: none;
	font-family:Arial;
	font-size:12px;
	/*width:130px;*/
	

}
#divmenu tr {
	margin: 0;
	padding: 0;
		}
		
#divmenu td{
	margin: 0;
	padding: 0px;
	display: block;
	list-style: none;
	/*margin-bottom:1px;*/
	padding-bottom:1px;
	border-bottom: cfdbbf 1px solid ;
	/*border:#cfdbbf 1px solid ;*/
	width: 100%;
	background: #bfdef5 url(../images/btn_ie_active.jpg);
	background-repeat:repeat-x;
	height:25px;

	}
	
#divmenu td a{
	text-decoration: none;
	display: block;
	list-style-type: none;
	font-family:Arial;
	font-size:12px;
	color:#FFF;
	font-weight: bold;
	list-style: none;
	width: auto;
	padding: 5px;
	background-color:none;
	}
	
#divmenu td a:hover{
	display: block;
	background: url(../images/btn_ie_active_O.jpg); 
	background-repeat:repeat-x;
	color:#333333;
	background-color:#CC0000;
}
/*#divmenu td a:active{
	background: url(../images/btn_ie_active.jpg);
	color:#FFFFFF;
	}*/

#divmenu td a#select {
	/*background: url(../images/btn_ie_active_O.jpg); */
	display: block;
	border-right-color: #99CCFF;
	border-right-style: solid;
	border-right-width: medium;
	/*background: #cfdbbf;*/
}

/*---------- BodyButtons -------------*/
a.largeButton {
display: block;
background-color: transparent;
background-image:url(../Images/130_Button.png);
background-repeat: no-repeat;
width: 130px;
height: 24px;
margin: 5px auto;
padding: 3px 0 0 0;
text-align: center;
vertical-align:middle;
font-family: Arial;
font-size:12px;
font-weight: bold;
text-decoration: none;

}
a.largeButton:link, a.smallButton:visited {
color: #FFFFFF;
}
a.largeButton:hover {
background-position: 0 -32px;
color: #000000;
}
a.largeButton:active {
background-position: 0 -65px;
color: #FFFFFF;
}


a.smallButton {
display: block;
background-color: transparent;
background-image:url(../Images/Button.png);
background-repeat: no-repeat;
width: 77px;
height: 24px;
margin: 5px auto;
padding: 3px 0 0 0;
text-align: center;
vertical-align:middle;
font-family: Arial;
font-size:12px;
font-weight: bold;
text-decoration: none;

}
a.smallButton:link, a.smallButton:visited {
color: #FFFFFF;
}
a.smallButton:hover {
background-position: 0 -32px;
color: #000000;
}
a.smallButton:active {
background-position: 0 -65px;
color: #FFFFFF;
}

a.verysmallButton {
display: block;
background-color: transparent;
background-image:url(../Images/60_Button.png);
background-repeat: no-repeat;
width: 60px;
height: 24px;
margin: 5px auto;
padding: 3px 0 0 0;
text-align: center;
vertical-align:middle;
font-family: Arial;
font-size:12px;
font-weight: bold;
text-decoration: none;

}
a.verysmallButton:link, a.smallButton:visited {
color: #FFFFFF;
}
a.verysmallButton:hover {
background-position: 0 -32px;
color: #000000;
}
a.verysmallButton:active {
background-position: 0 -65px;
color: #FFFFFF;
}

#gvproducts{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	color: #004686;
	padding-right:5px;
	text-decoration: none;
	}
#gvproducts a{
	color:#004686;
    font-weight:bold;
    text-decoration:none;
	}
.gvproductsLink{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;	
	color: #004686;	
	text-decoration: none;
	}
.gvproductsLink a{
	color:#004686;
    font-weight:bold;
    text-decoration:none;
	}

.KivaPageLinks{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#0176ac;
	text-decoration:none;
	}
/* Start of CSS for Collapsable Panel*/	
.collapsePanel {	
	height:0px;
	background-color:white;
	color:#14416D;
	overflow:hidden;
}

.collapsePanelHeader{
	color: #14416D;
	background-color: Transparent ;
	font-weight:bold;
	float:left;
	cursor: pointer; 
	vertical-align: middle;
}
.collapseTable{
	position:inherit;
	}
.collapseTr{
	position:relative;
	top:-20px;	
	background:#00F000;
	}
/*.collapse{
	position:absolute;
	}*/
.collapseHeader{
	position:relative;
	top:0px;
	left:-16px;	
	}
	/* End of CSS for Collapsable Panel*/
	
#WholesaleTable td{
	background-color:#FFFFFF;
	}
	
	/*CSS class for Ajax Calendar*/
.Calendar .ajax__calendar_container {border:1px solid #336601; background-color: White; color: #254902;}
.Calendar .ajax__calendar_days { font-family:Arial; font-size:12px; color: #333333;}
.Calendar .ajax__calendar_today { font-family:Arial; font-size:12px; font-weight:bold; color: #254902;}
.Calendar .ajax__calendar_active { font-family:Arial; font-size:12px; font-weight:bold; color: #004686;}
.Calendar .ajax__calendar_dayname { font-family:Arial; font-size:12px; font-weight:bold; color: #254902;}
.Calendar .ajax__calendar_hover { font-family:Arial; font-size:12px; font-weight:bold; color: #004686; }