/******************************************************************************
 * Erics' Removals CSS definitions
 *
 * Copyright (C) 2006 Fairfax eCommerce Pty Ltd.
 *****************************************************************************/

div.zwp-tabbed-tabs
{
    margin: auto;
    padding: 0;
}

.zwp-tabbed-tabs ul li
{
    padding: 0;
    margin: 0;
    width: 100px;
    text-align: center;
    float:left;
}

.zwp-tabbed-panels
{
    position: relative;
    border: 1px solid black;
    margin: 0;
    margin-top: -1px;
    padding: 5px;
    z-index: 1;
}

.zwp-tabbed-tabs p
{
    color: black;
    position: relative;
    background-color: #ffcccc;
    border: 1px solid black;
    border-bottom: none;
    margin: 0 2px;
    padding: 0 5px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.zwp-tabbed-tabs p.zwp-tabbed-current
{
    background-color: white;
    border-bottom: 1px solid white;
    z-index: 2;
}

/***************************
	Quote Forms
***************************/
.quote-holder{
	width:100%;	
}

.quote-inner{
	width: 49.514563%;
	margin:0;
	float:left;	
}

.quote-personal{
	width: 54.466%;
}

.quote-telephone{
	width:44.563%;
}

.quote-left{
	margin-right: 0.647249%;	
}

.quote-holder label{
	display:inline-block;
	width:32.62%;
	text-align:right;
	font-size:12px;
	line-height:20px;
	margin-right:1.633987%;
    vertical-align:top;
}

.quote-holder label.wide{
   width:65%;
}

.quote-holder input{
	width: 65.03268%;
}

.quote-holder label.wide + input{
    width:32%;
}

.quote-holder .quote-misc{
	width:31%;
	margin:2px 1%;
	float:left;
}

.quote-holder .quote-misc label{
	text-align:left;
	width: 80%;
	vertical-align:bottom;
	margin-right:0;
}

.quote-holder .quote-misc input{
	width:15%;
}

div.tc{
	width:26%;
	margin:2px 1%;
	float:left;
}

div.label{
	width:42%;
	margin: 2px 1%;
	float: left;	
}

div.wide{
	width:70%;
}

div.th{
	font-weight:bold;
}

div.tc > textarea{
	width:172%;
}


div.box{
	clear:left;
	width:48%;
	margin:2px 0;
	float:left;
	margin-right:1%;
}

div.box-cost{
	width:37%;
	margin:2px 0;
	float:left;
	margin-right:1%;
}

div.box-no{
	width:10%;
	margin:2px 0;
	float:left;
}

/********************************************************************************
 * Responsive section
 ********************************************************************************/
@media (max-width: 799px){
	.quote-holder label{
		width:90%;
        text-align: left;
		margin-right:0;
	}

	.quote-holder input{
		width: 90%;
	}	
}

@media (max-width: 599px){
   .quote-inner, .quote-personal, .quote-telephone{
		width:100%;
		float:none;
		margin: 2px 0;
	}
	.quote-holder .quote-misc{
		width:48%;
	}
	
	span.bots{
		display:none;
	}
}












/*
 * Quote Table
 */

.quote-outer-table td { vertical-align: top; }

.quote-table td
{
    vertical-align: middle;
    padding: 2px;
}
    
tr.even
{
    background-color: #eeeeee;
}

tr.odd
{
    background-color: #f8f8f8;
}

.long input
{
    width: 19em;
}

.short input
{
    width: 3em;
}

#misc_o
{
    width: 100%;
}

.none-ordered
{
    text-decoration: line-through;
    color: #aaa;
}

.phone
{
    text-align: right;
}