/* CSS Document */

body
{
margin:4px 0px;
background:url(images/bg.jpg) repeat-x #8B8B8B;
}

.fullWidth{width:100%;}

.fullHeight{width:100%;}

.floatLeft{float:left;}

.floatRight{float:right;}

.clear{clear:both;}

.rowspacer{width:20px;}

#warp
{
width:902px;
margin:0 auto;
}

/*======= header classes Start =======*/

#header
{
width:902px;
background:url(images/hed-bg.jpg) no-repeat top;
}

#topnav
{
width:197px;
height:24px;
background:url(images/toptabbg.jpg) no-repeat;
margin:12px 0px 0px 0px;
padding:4px 20px 0px 0px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}

#topnav a
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

#menubar
{
width:902px;
height:59px;
background:url(images/menu-bg.jpg) no-repeat;
}

#menu
{
width:902px;
height:38px;
}

.ul_limenu
{
	margin:0px 0px 0px 130px;
	padding:10px 0px 0px 0px;
}
.ul_limenu li 
{
	display: list-item;
	list-style-position: outside;
	list-style:none;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-right:50px;
}
.ul_limenu li a
{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.ul_limenu li a:hover
{
	color:#FC9A03;
	text-decoration:none;
}

#menusub-box
{
width:481px;
margin-left:195px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#5B0909;
text-align:center;
}

/*======= midpart classes Start =======*/

#midpart
{
width:896px;
background:url(images/mid-bg.jpg);
padding:0px 3px 0px 3px;
}

#flash-banner
{
width:896px;
height:323px;
}

#minimid
{
width:870px;
margin:0 auto;
}

#minimid2
{
width:885px;
margin:0 auto;
}

#graybox
{
width:830px;
height:70px;
background:url(images/mid-graybox.jpg) no-repeat;
padding:23px 20px 0px 20px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#2E2E2E;
text-align:center;
}

.homeprobox
{
width:166px;
margin-right:10px;
}

.proboxbg
{
width:166px;
background:url(images/procorbg.jpg);
font:bold 12px Arial, Helvetica, sans-serif;
color:#0F1418;
line-height:16px;
text-align:center;
}

.proboxbg a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#0F1418;
line-height:16px;
text-decoration:none;
}

/*======= footer classes Start =======*/

#footer
{
width:862px;
height:116px;
background:url(images/foot-bg.jpg) no-repeat;
padding:0px 20px 0px 20px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#3D3D3D;
}

#footer a
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#3D3D3D;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;
}

#botlogo-left
{
width:200px;
}

#botlogoright
{
width:170px;
}

/*======= category classes Start =======*/

#leftpart
{
width:250px;
}

#container
{
width:625px;
}

/*======= leftpart classes Start =======*/

.leftcorbg
{
width:230px;
background:url(images/left-corbg.jpg);
padding:0px 10px 0px 10px;
}

.leftcorbg h1
{
margin:0px 0px 10px 0px;
padding:0px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
text-transform:uppercase;
}

.selectL
{
width:230px;
}

.lefttabbg
{
width:215px;
height:25px;
background:url(images/left-tabbg.jpg) no-repeat;
padding:8px 0px 0px 35px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
}

.lefttabbg a
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
}

.ul_liLtab
{
	margin:10px 0px 0px 35px;
	padding:0;
}
.ul_liLtab li 
{
	display: list-item;
	list-style-position: outside;
	list-style:none;
	background:url(images/lefttab-arrow.jpg) no-repeat;
	padding-left:15px;
	margin-bottom:6px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
}
.ul_liLtab li a
{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.ul_liLtab li a:hover
{
	text-decoration:underline;
}

.labelS
{
width:35px;
float:left;
font:normal 11px Arial, Helvetica, sans-serif;
color:#000000;
padding-top:3px;
}

.inputS
{
width:186px;
height:16px;
border:1px solid #AAAAAA;
padding:2px 0px 0px 2px;
font-size:11px;
}


/*======= container classes Start =======*/

.animatedtabs{
overflow: hidden;
width: 100%;
font:bold 12px Arial;
color:#ffde48;
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-left.jpg) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/tab-right.jpg) no-repeat right top;
padding: 3px 8px 3px 3px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font:bold 12px Arial;
color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
font:bold 12px Arial;
color:#ffffff;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color:#FFFFFF;
}

#productshowbox
{
width:613px;
border:1px solid #aaaaaa;
background-color:#FFFFFF;
margin-left:10px;
}

.commonprobox
{
width:200px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
line-height:16px;
}

/*======= detail classes Start =======*/

#proview
{
width:339px;
}

#prodetail
{
width:286px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
line-height:16px;
}

#prodetail h1
{
margin:0px 0px 10px 0px;
padding:0px;
font:normal 18px Arial, Helvetica, sans-serif;
color:#000000;
line-height:22px;
}

.blackbig1
{
font:normal 18px Arial, Helvetica, sans-serif;
color:#000000;
line-height:22px;
}
////////////////////////////////////////Common CSS/////////////////////////////////////////
.text1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;

}
.text2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;

}
.text2Bold{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;

}
.text3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}
.textRed{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}
.redmidh1
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}
.cmdButton {
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #830220 2px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 14px; 
	MARGIN: 5px 2px 2px; 
	BORDER-LEFT: #830220 1px solid; 
	CURSOR: hand; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #830220 1px solid; 
	FONT-FAMILY: Arial, Verdana, Tahoma; 
	BACKGROUND-COLOR: #830220
}
.p01:link,.p01:visited,.p01:active
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
line-height:18px;
text-decoration:none;
}
.p01:hover
{
line-height:18px;
text-decoration:underline;
}