/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #4a4747;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #3A3A3A; 
	text-align: center;
	}

/* links */
a, a:visited {
   	color: #3A3A3A;	
	text-decoration: none; 
	background: inherit;
	}
a:hover {
	color: #CC0001;
	background: inherit;
	text-decoration: underline;
	}
	
h1{
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 		
	font-size: 130%;	
	}

/*images */
img {
	background: #FAFAFA;
   	border: none;
	}

/* start - table */
table {
	border-collapse: collapse;
	margin: 0 0 5px 0;
	background:"#EEECED";
	}
th strong {
	color: #fff;
	}
th {
	background-color: #CC0001;
	height: 26px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
	}
td {
	padding: 1px;
	}
td.first,th.first {
	border-left: 0px;
	}
/* end - table */

/* form elements */
form {
	margin:10px; padding: 0 0px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
	}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border: 1px solid #a7a7a7;
	height:101px;
	display:block;
	color:#777;
	}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 19px;
	margin: 1px;
	padding: 0px 3px; 
	color: #FFF;
	background-image:url(../images/button-bg.jpg);
	border: none;
	vertical-align: middle;
	}

input.button2 { 
	font: bold 12px Arial, Sans-serif; 
	height: 19px; width: 29px;
	margin: 1px;
	padding: 0px 3px; 
	color: #FFF;
	background-image:url(../images/btn_go.jpg);
	border: none;
	vertical-align: middle;
	}



/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 1px 0 15px 0;	
	width: 222px;
	color: #FFFFFF;	
	}
/*.searchform p { margin: 0; padding: 0; }*/
.searchform input.textbox { 
	width: 120px;
	color: #777; 
	height: 13px;
	padding: 2px;	
	border: 1px solid #a7a7a7;
	vertical-align: top;
	}
.textbox2 { 
	color: #777; 
	height: 13px;
	padding: 2px;	
	border: 1px solid #a7a7a7;
	vertical-align: top;
	}


/*Text*/
.textRed{
	color: #CC0001;
	}
.textWhite{
	color: #FFFFFF;
	}
.textBoldBlack {
	color: #323232;
	font-weight: bold;}
.createAccBg {
	background-color:#CC0001;
	}

.justify{
	text-align:justify;
	padding: 0 10px 0 10px;
	
	}
.textbox { 
	width: 120px;
	color: #777; 
	height: 13px;
	padding: 2px;	
	border: 1px solid #a7a7a7;
	vertical-align: top;
	}
	.des_text{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #464646;
	text-align:justify;
	padding: 0 10px 10px 10px;
	}

	
/*Border*/	
.border {
	border: 1px solid #CCCCCC;
}
.bottomline{
	border-bottom: 1px solid #cccccc;
	}
/*.borderTopBottom {
	border-bottom: 1px solid #D2D2D2;
	border-top: 1px solid #D2D2D2;
	width: 713px;
	}*/
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width:1000px;
	background: #FFF;
	margin: 3px auto;
	text-align: left;
	}
#content-wrap {
	clear: both;
	width: 980px;
	padding: 0; 
	margin:40px auto;
	}
#header {
	width: 1000px;
	position: relative;
	height: 95px;
	background: #CCC url(../images/header.jpg) no-repeat center top;
	padding: 0;	
	color: #808080;
	}
#header #header_bar {
	position: absolute;
	top: 74px;
	left:10px;
	background: url(../images/header_bar.jpg) repeat-x 0 0;
	font: bold 11px/37px Verdana, Arial, Tahoma, Sans-serif;
	height: 54px;
	width: 980px;	
	}
#header #logo {
	position: absolute;
	margin: 0;
	padding: 0;
	font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: 2px;
	color: #FFF;
	text-transform: none;
	top: 48px;
	left: 10px;
	}
	/*Menu*/
#header #net {
	position: absolute;
	margin: 0;
	padding: 0;
	font:  11px  Verdana, Sans-serif;
	color: #CC0001;
	top: 14px;
	left: 345px;
	width: 320px;
	font-weight:bold;
	}
	
#header #net a {
	/*display: block;*/
	/*float: left;*/
	/*padding: 0 15px 0 15px;*/
	color: #CC0001;	
	text-decoration: underline;
	font-weight:bold;
	}

#header #net a:hover {
	color:#CC0001;
	text-decoration: underline;
	font-weight:bold;
	}

#header #menu {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	/*background: url(../images/menu.jpg) repeat-x 0 0;	*/
	/*font: bold 11px/10px Verdana, Arial, Tahoma, Sans-serif;*/
	color: #FFFFFF;
	height: 37px;
	top: 73px;
	left: 340px;
	}
/*#header #menu a {
	display: block;
	float: left;
	/*padding: 0 15px 0 15px;*/
	/*color: #FFF;	
	text-decoration: none;
	}
#header #menu last a {
	padding-right: 50px;	
	}
#header #menu a:hover {
	color:#FFFF80;
	text-decoration: underline;
	}
#header #menu #current a {	
	color: #FBE06F;
	text-decoration:underline;
	}
*/
/*End-Menu*/

/* header links */
#header #header-links {
	position: absolute;
	top: 13px;
	right: 85px;
	color: #004284;
	font-size: 10px;
	width: 114px;
	height: 21px;
	}
#header #current a {	
	color: #FBE06F;
	text-decoration:underline;
	}
#header #cart-info{
	position: absolute;
	top: 13px;
	right: 10px;
	color: #004284;
	font-size: 10px;
	width: 80px;
	height: 21px;
	vertical-align: top;
	}
#header #search{
	position: absolute;
	top: 45px;
	right: 10px;
	color: #000000;
	font-size: 10px;
	width: 210px;
	height: 23px;
	/*background-color: #CC0001;*/
	background-color: #FFFFFF;
	overflow: hidden;
	}
#header #welcome{
	position: absolute;
	top: 13px;
	right: 190px;
	color: #0099F9;
	font-size: 10px;
	width: 100px;
	height: 21px;
	}
#header a {	
	color: #3A3A3A;	
	text-decoration: none;	
	}
#header  a:hover {	
	text-decoration: underline;
	color: #CC0001;
	}
#header #welcome a{
	color: #004385;	
	text-decoration: none;	
	}
#header #welcome a:hover{
	color: #0099F9;	
	text-decoration: underline;	
	}
/*Menu*/
#header #menu {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	/*background: url(../images/menu.jpg) repeat-x 0 0;	*/
	/*font: bold 11px/10px Verdana, Arial, Tahoma, Sans-serif;*/
	color: #FFFFFF;
	height: 37px;
	top: 73px;
	left: 412px;
	}
/*#header #menu a {
	display: block;
	float: left;
	padding: 0 15px 0 15px;
	color: #FFF;	
	text-decoration: none;
	}
#header #menu last a {
	padding-right: 50px;	
	}
#header #menu a:hover {
	color:#FFFF80;
	text-decoration: underline;
	}
#header #menu #current a {	
	color: #FBE06F;
	text-decoration:underline;
	}*/
/*End-Menu*/


/* Main Column */
#main {
	float: left;
	width: 78.4%;
	padding: 0; margin: 0;
	display: inline;
	}
#main h1 {
	width: 752px;
	height: 20px;
	margin-top: 0px;
	padding: 4px 13px; 
	font: bold 12px 'Trebuchet MS', Tahoma, Sans-serif;
	color:#FFFFFF;
	background-color: #CC0001;
	border: 1px solid #A3A3A3;
	}
#main h2 {
	width: 750px;
	height: 20px;
	margin-top: 5px;
	padding: 4px 13px; 
	font: bold 12px 'Trebuchet MS', Verdana, Sans-serif;
	color:#CC0001;
	background-color: #E5E5E5;
	border: 1px solid #A3A3A3;
	}
#main #featurepro{
	width: 778px;
	border: 1px solid #CCCCCC;
	}
#topProduct{
	float: left;
	width: 778;
	padding: 0; margin-top: 5px;
	display: inline;
	border: 1px solid #CCCCCC;
	}
#topProduct h1 {
	width: 714px;
	height: 20px;
	margin-top: 0px;
	padding: 4px 13px; 
	font: bold 12px 'Trebuchet MS', Tahoma, Sans-serif;
	color:#FFFFFF;
	background-color: #CC0001;
	}


/* RtSidebar */
#rtsidebar {
	float: right;
	width: 20%;
	padding: 0; margin: 0;	
	color: #064174;
	padding: 0 7.3px 0 0;
	}	
#rtsidebar #freeshipping {
	padding-bottom: 4px;
	}
#rtsidebar h1 {
	margin-top: 0px;
	padding: 5px 5px;
	font: bold 1.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #003466;		
	}


/* Middlebar */	
#midbar {
	float: left;
	width: 777.05px;
	padding-left: 2px;
	margin: 0;	
	color: #064174;
	background: url(../images/submenu_line.jpg) repeat-x 0 0;
	}	


/* Left Sidebar */	
#sidebar {
	float: left;
	width: 20.08%;
	padding: 0 3px 0 0; 
	margin: 0;	
	color: #313131;
	}	
#sidebar h1 {
	margin-top: 5px;
	padding: 4px 12px; 
	font: bold 12px 'Trebuchet MS', Tahoma, Sans-serif;
	color:#FFFFFF;
	background-color: #CC0001;
	}
#sidebar ul.sidemenu li {
   
	line-height: 22px;
	padding: 0 0 2px 5px;
	margin: 0 2px;
	color:#121212;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-image: none;   


   }
#sidebar ul.sidemenu li {
	list-style: none;
	background: url(dots3.jpg) repeat-x left bottom;
	padding: 0 0 2px 5px;
	margin: 0 2px;	
	color:#121212;
	}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color:#121212;
	}
#sidebar ul.sidemenu li a:hover {	
	color:#CC0001;
	text-decoration:underline;
	}
/* End- RightSideBar */	

/*----------------------------------*/
/*..............DETAILS......................*/
#prodnavleft
{
	display: block;
	height: 28px;
	background: url(../images/bg_details.jpg) top repeat-x;
	width: 778px;
	margin-bottom: 10px;
	margin-top: 25px;
	border:#CCCCCC solid 1px;
	
}

#tablist
{
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Tahoma, Arial, Verdana, Geneva; 
	font-size: 11px;  
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
	white-space: nowrap;
	display: block;
	height: 25px;
	border:solid #999999 1px;
}

#tablist li
{
	list-style: none;
	display: block;
	float: left;
	padding-top: 0px;
	height: 41px;
	margin: 7px;
	padding: 0px;
}

#tablist li a
{
	border-bottom: none;
	display: block;
	float: left;
}

#tablist li a:link, #tablist li a:visited
{
	color: #000000;
	text-decoration: none;
	display: block;
	height: 41px;
}

#tablist li a.current
{
	background: url(../images/detail_arrow.jpg) no-repeat center;
	display: block;
	height: 48px;
	margin: 0px;
	padding: 0px;
}
/*----------------------------------*/


/* Footer */	
#footer {
	background: #FFF url(../images/footer.jpg) no-repeat center top;
	color: #265A95;
	clear: both;
	width: 1000px;
	height: auto;
	text-align: center;
	}
#footer #footer-menu {
	clear: both;	
	margin: 0 auto; padding: 0;
	background: url(../images/footer_menu.jpg) repeat-x 0 0;	
	font: bold 10px/32px Verdana, Arial, Tahoma, Sans-serif;
	height: auto;
	width: 980px;	
	}
#footer a { 
	color: #FFF;
	text-decoration: none; 
	}
#footer a:hover {
	color: #FBDC5F;	
	text-decoration: underline;
	}
	
/* display and additional classes */
.clear { clear: both; }