*{
  
    font-size:12px;      
    font-family:Arial,sans-serif; 
    text-decoration: none;
    color: #000;  
    margin:0;  
    padding:0;
}
  
body {
	background-color: #EFEFE9;
    font-family:Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
}

form {
    margin:0px;
    padding:0 2px 0 2px;
    vertical-align:top;
    display: inline;
}

span {
    margin:0px;
    padding:0px;
    vertical-align:baseline;
}

IMG {
     border:none;
}

IMG#floatLeft {
    float:left;
}
IMG#floatRight {
    float:right; 
}

H1, .h1 {
    font-size:13px;
    font-weight: bold;
    border-bottom: dotted 1px #40649c;
    height:22px;
    
}

 H2, .h2 {
    font-size:11px;
    font-weight: bold;
    height:16px;    
    margin: 0px 0 5px 0 ;
    border-bottom: 1px solid #aaa;

    clear:both;
}

th{
    text-align: left;
    background-color: #DDD;
    height:20px;
}

input.login {
    height: 16px;
    width: 105px;
    border:0;
    background: #d2dce5;
    color:#3a5a98;
    border: solid 1px #EEE;
}

input.btn {
	background: url("/app/images/advw_button.jpg") transparent repeat-x;
    background-color: #08A173;
    color: white;
    border:0;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
	font-size: 11px;
	height: 23px;
    margin-right: 2px;
}

input.btn-gray {
    background-color: #999999;
    color:white;
    border:0;
    padding:4px;
    margin-right: 2px;
}

input.btnAdded {
    background-color:blue;
    color:white;
    border:0;
    padding:2px;
}


/* advanced waste customized buttons */
.typesMenu A:link{ 
    color: white;
}
.typesMenu A:visited{ 
    color: white;
}
.typesMenu A:hover{ 
    color: black;
	text-decoration: none;
}

input#addbasket {
		background: url("/app/images/cooltext490105438.png") transparent no-repeat;
		color: white;
		height:40px;
		width:116px;
		font-size:11px;      
		font-family:Arial,sans-serif; 
		text-decoration: none;
		font-weight:bold; 
}
input#addbasket:hover {
		background: url("/app/images/cooltext490105438MouseOver.png") transparent no-repeat;
		color: white;
		height:40px;
		width:116px;
		font-size:13px;      
		font-family:Arial,sans-serif; 
		text-decoration: none;
		font-weight:bold; 
}
input#paynow {
		background: url("/app/images/cooltext490105438MouseOver.png") transparent no-repeat;
		color: white;
		height:40px;
		width:116px;
		font-size:11px;      
		font-family:Arial,sans-serif; 
		text-decoration: none;
		font-weight:bold; 
}
input#paynow:hover {
		background: url("/app/images/cooltext490105438.png") transparent no-repeat;
		color: white;
		height:40px;
		width:116px;
		font-size:13px;      
		font-family:Arial,sans-serif; 
		text-decoration: none;
		font-weight:bold; 
}


/* framework layout */

a {
    font-weight: 600;

}
a.btn {
  	background: url("/app/images/advw_button.jpg") repeat-x scroll 0 0 #08A173;
    border: 0 none;
    color: white;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 100;
    height: 18px;
    margin: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

#mainPageFrame {
    width:680px;
}


.headerFrame {
    border-bottom: 1px solid #888;       
    margin: 5px 0 15px 0 ; 
    float:left; 
    width: 100%;  
}  
 
 
.headerFrame .div1{
    float:left;
    border:0;
	margin:0;  
	margin-left:15px;
	margin-top:0px;
}

.headerFrame .div2 {
    float:right;     
    text-align: right;    
	margin-top:5px;
}    

.headerFrame h1{
    float:left;
    border:0;
    margin: 0 10px 0 0;  
}



#loginpageBox {
  
    background-color: #ede9e3;
    width:221px;
    height:200px;
    padding: 10px 10px 10px 10px;
    margin-right: 13px;
    margin-left: 13px;

}  


#notice_msg{     
    float:left;   
    background-color: #ede9e3;
    width:80%;
	margin-top:20px;
	margin-left:45px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px
}


#mainBox {
    clear:both;
    padding:10px;
}

#mainBoxWide {
    
    width:680px;
	margin-top:0px; 
    clear:both;
    padding:10px;

}  


#mainBoxLeft {

    width:320px;
    padding:10px;
	float:left;

}  


#mainBoxRight {

    width:320px;
    padding:10px;
	float:right;

}  

#mainBoxWide .subBox {
   width:680px;  
   border-bottom: #bbb 1px solid;
   padding: 5px 0 20px 0 ;
   float:left;
}  

#mainBoxWide .subBox div{
   width:45%;  
   margin-right: 30px;
   float:left;
}

.leftCell {
    background: #e4e6e7;
    
    padding:5px;
}

.productBox-horizontal{ 
   position: relative; 
   width:650px;
   height:150px;
   padding:10px;
   background-color: #ffffff; 
   margin-bottom: 4px; 
   border-style: solid;
   border-width: 1px;
    
}

.productBox1-horizontal{
    margin-right :60%; 
    position: absolute;     

}

.productBox2-horizontal{
    position: absolute; 
	text-align: left;
	width:310px;
    margin-left : 205px;
    margin-right : 155px;     
}
.productBox3-horizontal{
    margin-left :80%;
    position: absolute; 
    text-align: right;
    width:17%;
}


.productBox-vertical{ 
   position: relative; 
   width:190px;
   height:410px;
   padding:10px;
   background-color: #ffffff; 
   margin-bottom: 4px; 
   border-style: solid;
   border-width: 0px;
   float: left;
   margin-right: 4px;
    
}

.productBox1-vertical{
    margin-right: auto;
	margin-left: auto; 
    position: relative;
	text-align: center;  

}

.productBox2-vertical{
    position: relative; 
	text-align: center;
    margin-left :auto;
    margin-right :auto;    
	margin-top: 20px; 
}
.productBox3-vertical{
    margin-left : auto;
	margin-right: auto;
	margin-top: 10px;
    position: relative; 
    text-align: center;
}


.typesMenu{ 
    background-color: #08A173;
    padding: 4px 0 5px 0px;
    margin: 0 0 10px 0;
    float: left;
    width:100%;
    clear: both;
}

.genericEdit input, .genericEdit select{
    width:200px;
}

.genericEdit textarea{
    width:200px;
    height:100px;
}



.floatLeft {
    float: left;
}


#announcement_box{     
    float:left;   
    background-color: #ede9e3;
    width:221px;
    height:160px;
}


#bags_choose_box{     
    float:left;   
    background-color: #ede9e3;
    width:221px;
    height:110px;
    text-align: center;
    padding: 60px 10px 0 10px;
    margin-right: 13px;
}

#bags_choose_box a{  
    font-size: 13px;  
    font-weight: bolder; 
} 



.basketTable{

    width:100%;
} 



 .basketTable td{ 
    padding:3px;     
    background-color: #EEE; 
 }
 .basketTable th{ 
    padding:3px;     
    background-color: #ddd; 
 }
 .basketTable  td.rightOrderDetails{
     background:#ccc; 
     color:#333;
}
           
#searchMainPage{
    float:left;
    background: url(images/back_search.gif) no-repeat; 
    width:678px;
    height:110px;
    padding: 60px 50px 50px 20px;
}

#lastTenBox {     
    float:left;    
    background: url(images/back_last10_main.gif) no-repeat;
    width:340px;
    height:180px;
}

#hiringBox {     
    float:left;    
    background: url(images/back_hiring_main.gif) no-repeat;
    width:340px;
    height:180px;
}

.contentpage {
   background: url(images/back_content_middle.gif) repeat-y;
   width:100%; 
   
}

.contentmiddle {
    padding:0 20px 0 20px;
}

.topContent {
    width:100%;
    height:35px;
    background: url(images/back_content_top.gif) no-repeat; 
}
.bottomContent {
    width:100%;
    height:35px;
    background: url(images/back_content_bottom.gif) no-repeat; 
}





.mandatorymark{
    color:red;
}




/* format text */
.error {
    font-weight: bold ;
    width:650;
    display:block;
    background: #EEE;
    padding:10px;
    color:#9a0000;
}

.payment_errorloc {
    font-weight: bold ;
    display:block;
    padding:30px;
}

.msg {
    font-weight: bold ;
    width:650;
    display:block;
    background: #EEE;
    padding:10px;
    color:#0000FF;
}

.infoHeader1 {
    font-size:12px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #aaa;
    margin-bottom: 5px;
    display:block;
}


/* This is the tooltip used for the CVN! */
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#FFFFFF; border:1px solid #336;
  width:130px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { position:relative; left:-33px; top:-33px; font-weight:bolder; color:#337; }



/* JOOMLA SKIN ONLY */
.skin_body {
    background: url("../templates/advwaste2011/images/sky.jpg") no-repeat scroll left top transparent;
    width: 1133px;
}
.skin_top {
    display: inline-block;
}
.skin_logo, .skin_top-right, .skin_content, .skin_left, .skin_right, .skin_content, .skin_two-cols {
    float: left;
    text-align: left;
}
.skin_top-right {
    background: url("../templates/advwaste2011/images/top2.jpg") no-repeat scroll 0 0 transparent;
    height: 140px;
    width: 243px;
}

.skin_top-right ul {
    list-style-type: none;
    position: absolute;
}
.skin_top-right ul li {
    float: left;
}
.skin_top-right ul a {
    color: #525250;
    font-family: "Myriad Pro";
    font-size: 14px;
    line-height: 26px;
    padding: 0 14px;
    text-transform: uppercase;
}
.skin_top-right ul a:hover {
}
.skin_menu {
    height: 60px;
    width: 990px;
}
.skin_navigation ul {
    list-style: none outside none;
    padding: 0 14px;
}
.skin_navigation li {
    float: left;
}
.skin_navigation li a {
    color: #FFFFFF;
    font-family: "Myriad Pro";
    font-size: 14px;
    line-height: 58px;
    padding: 0 14px;
    text-transform: uppercase;
}
.skin_left {
    background: url("../templates/advwaste2011/images/left2.jpg") no-repeat scroll 0 0 transparent;
    height: 516px;
    padding: 20px 12px;
    width: 214px;
}
.skin_left ul.skin_menu {
    background: url("../templates/advwaste2011/images/line.png") no-repeat scroll left top transparent;
    list-style: none outside none;
    padding-top: 2px;
    width: 209px;
}
.skin_left ul.skin_menu li {
    background: url("../templates/advwaste2011/images/line.png") no-repeat scroll left bottom transparent;
    padding-bottom: 2px;
    padding-left: 1px;
}
.skin_left ul.skin_menu li a {
    color: #FFFFFF;
    display: inline-block;
    font-family: "Myriad Pro";
    font-size: 14px;
    height: 16px;
    padding: 8px 24px;
    text-align: left;
    width: 160px;
}
.skin_left ul.skin_menu li a:hover {
    background-color: #F5D213;
    color: #5C4D40;
}
.skin_right {
    background: url("../templates/advwaste2011/images/right2.jpg") no-repeat scroll 0 0 transparent;
    height: 516px;
    padding: 0 10px 0 27px;
    width: 254px;
}
.skin_right h3 {
    color: #FFFFFF;
    font-family: "Myriad Pro";
    font-size: 16px;
    padding: 10px 5px;
    text-align: left;
    text-transform: uppercase;
}
.skin_right div.module {
    background: url("../templates/advwaste2011/images/line.png") no-repeat scroll left bottom transparent;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0 10px 20px;
}
.skin_right a {
    color: #FFD800;
    text-decoration: underline;
}
.skin_content {
    display: inline-block;
    width: 458px;
}
.skin_content ul {
    padding: 5px 15px;
}
.skin_bottom {
    background: url("../templates/advwaste2011/images/bottom.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 59px;
    width: 990px;
}
.skin_footer {
    background: url("../templates/advwaste2011/images/footer.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #A9CFC4;
    font-family: "Myriad Pro";
    font-size: 14px;
    line-height: 39px;
    padding-left: 28px;
    padding-top: 8px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 962px;
}
.skin_footer a{
    color: #7B7F88;
    text-decoration: none;
}
.skin_signature {
    color: #A9CFC4;
    font-family: "Myriad Pro";
    font-size: 14px;
    line-height: 39px;
    position: absolute;
    right: 28px;
    top: 8px;
}

.skin_two-cols {
    background: url("../templates/advwaste2011/images/bg3.jpg") repeat-y scroll 0 0 transparent;
    margin-bottom: 20px;
    width: 990px;
}
.skin_two-cols .skin_bottom {
    background: url("../templates/advwaste2011/images/bottom2.jpg") no-repeat scroll 0 0 transparent;
}
.skin_two-cols .skin_content {
    width: 729px;
	background-color: #FFFFFF;
}
.skin_two-cols .skin_right {
    background: url("../templates/advwaste2011/images/right3.jpg") no-repeat scroll 0 0 transparent;
    height: 501px;
    padding: 0;
    width: 23px;
}
.skin_menu.skin_two-cols {
    background: url("../templates/advwaste2011/images/menu2.jpg") no-repeat scroll 0 0 transparent;
    margin: 0;
}
.skin_sky {
    background: url("../templates/advwaste2011/images/bottom3.jpg") no-repeat scroll left bottom transparent;
    padding: 0 72px 0 64px;
    width: 997px;
}
body {	
    background: url("../templates/advwaste2011/images/center.jpg") repeat-x scroll left top transparent;
	background-color: #FFFFFF;	
}
.skin_center{
background: url("../templates/advwaste2011/images/sky2.jpg") repeat-y scroll center top transparent;
width: 1133px;
margin-right:auto;
margin-left:auto;
}