﻿/*Defaults Styling*/
body {
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
	padding: 0px 0px 0px 0px; 
	margin:0;
}
.topmenu {
	background: #FFFFFF;
	padding: 10px;
	border: 1px solid #666661;
	margin: 0 auto 60px;
	width: 439px;
	
}
/* Progress bar settings */
.progressbar{
	width:200px;
	float:left;
	margin-top:5px
	
}
.totalprogress{
	margin:0 auto;
	width:263px;
}
.textprogress{
	float:left;
	margin-right:10px;
}
/* end progreass bar settings */

.subtitle{
	text-align:center;
	padding:20px;
}
.changemade {
	text-align: center;
	padding: 10px;
	color: #FF0000;
}

#content_loading { 
	position:absolute; 
	width:225px; 
	height:50px; 
	top:50%;
	left:50%; 
	margin: 0px auto;
	background-color:#F0F0ee;
	border:1px solid #CCCCCC;
	text-align:center;
	padding:20px;
}



.title{
	
	font-size             : 200%;
	padding               : 10px 0;
	color                 : #666;
	font:  Arial, Helvetica, sans-serif;
	text-align: center;

}
.results {
}
.addproduct{
	
	width:450px;
}
.inputerr{
	background:#FFB3B3
}


.linker
{
	text-decoration: underline;
	cursor:pointer;
	text-align:center;
}
fieldset {
	background: #FFFFFF;
	padding: 20px;
	border: 1px solid #666661;
	margin-bottom: 0px;
	width: 439px;
}
input[readonly] {
	color: #000000;
	background-color: #F2F2E6;
}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; }
fieldset.action { border-color:#00000; margin-top:-20px;}
legend {
	background: #FFFFFF;
	color: #000000;
	font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin: -26px 0 0 -11px;
	font-weight: bold;
	border: 1px solid #fff;
	border-color: #e5e5c3 #505014 #505014 #e5e5c3;
}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;
	margin-bottom: 0px;
}
dt {float:left; text-align:right; width:142px; 
 margin:0 10px 0px 0;
}
dd {

	float: left;
	width: 254px;

	margin: 0 0 0px 0;

}

#footer {font-size:11px;}

#container {
	width: 600px;
	margin: 0 auto;
	float: left;
	
	border-left:1px #CCC solid;


	padding-bottom: 20px
}
#containerapps {width:900px; 
margin:0 auto;
}




/*-------------------TABLE -------------------------   */
table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
	
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
		margin: 0 auto;

}
thead th,
tbody th
{
	background            : #FFF url('images/th_bck.gif') repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url('images/tr_bck.gif') repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url('images/foot_bck.gif') repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}

/*-------------------------TOOOOOOOOOOP  MENUUUUUUU ----------------------- */
#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(images/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #B30000;
	margin: 0 auto 60px;
	min-width:1024px;
	}

#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;

	}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
	}
.leftmenu{
	width:682px;
	float:left;
}
.rightmenu{
	width:288px;
	float:right;
}

#stylefour ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
	}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color: #B30000;
	background: transparent url(images/bgDIVIDER.gif) no-repeat top right;
	font-weight: bold;
}


/*-------------------------BOTTOM  MENUUUUUUU ----------------------- */
#stylefour_bottom{
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(images/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	/*border-bottom:4px solid #B30000; */
	margin: 0 auto 0px;
	min-width:890px;
	
       
        width: 100%;
        height: 39px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
      

	}

#stylefour_bottom ul{
	margin:0;
	float:right;

	width:213px;
	padding:0;
	list-style-type:none;
	

	}

#stylefour_bottom ul li{
	display:block;
	float:left;
	margin:0;
	}

#stylefour_bottom ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
	}

#stylefour_bottom ul li a:hover,#stylefour ul li a.current{
	color: #FF0000;
	background: transparent url(images/bgDIVIDER.gif) no-repeat top right;
	font-weight: bold;
}

.premium_title {
	font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 auto;
	width:121px;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
}

.button {
	background:  #FFF;
	width: 140px;
	height: 25px;
	border: 1px #CCCCCC solid;
	font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	/*padding               : 5px 10px; */
    padding:6px 0 0 20px;
	color: #666;
	
}
.button:hover {
	background : #FFF url('images/th_bck.gif') repeat-x;
	color: #FF0000;
	
}
.button a {
    padding:0px;
	color: #666;
	text-decoration:none;

}
.button a:hover {
 	color: #FF0000;
	

}
.button a:active {
 	color: green;
	

}

