/* ----------------- IMPORTS ----------------- */
@import url('lightbox.css');



/* ----------------- CSS STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#fff;
background:url(../assets/v-tile.jpg) repeat-x #FFFFFF;
}

ul {
margin-left:20px;
padding:5px 0px;
}

ol {
margin-left:23px;
padding:5px 0px;
}

li{
padding:5px 0px;
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}



/* ----------------- LINKS ----------------- */
a:link, a:visited{
color: #ffd200;
}

a:hover{
color:#fff;
}

a.alt:link, a.alt:visited{
color: #000;
}

a.alt:hover{
background:#ffd200;
color:#000;
}

:focus{
outline:0;
}


/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
padding-bottom:5px;
}

h2{
font-size:18px;
padding-bottom:5px;
}

h3{
font-size:14px;
padding-bottom:5px;
}

h4{
font-size:12px;
}

/* ----------------- NAV ----------------- */
#nav{
	background:url(../assets/navbar.jpg) repeat-x;
	height:42px;
	margin-top:19px;
	padding-left:40px;
}


#inner-nav{
	margin-top:19px;
	background:url(../assets/navmo.jpg) repeat-x;
}





/* ----------------- DROP DOWN MENU ----------------- */
.nav-divider{
width:0px;
height:42px;
background:url(../assets/nav-divider.jpg) no-repeat top center;
}

.menu {
font-family: arial, sans-serif;
position:relative;
z-index:100;
height:42px; /* Same as Top Nav Links */
}

.menu ul {
padding:0;
margin:0;
list-style: none;
}

.menu ul li {
padding:0px;
margin:0px;
float:left;
position:relative;
}

.menu ul li ul {
display:none;
}

.menu ul li ul.active {
display:block;
position:absolute;
top:42px; /* Same height as Top Nav Links */
left:0;
}

.menu ul li:hover ul li ul {
display: none;
}

 

/* Top Nav Links */
.menu ul li a, .menu ul li a:visited {
background:url(../assets/navmo.jpg) repeat-x;
color:#fff;
display:block;
font-size:16px;
height:42px;
line-height:42px;
overflow:hidden;
text-align:center;
text-decoration:none;
font-weight:bold;
}

/* Top Nav Links Hover */
.menu ul li a:hover {
background:url(../assets/navmo.jpg) repeat-x;
background-position:0px -42px;
color:#000;
}

/* Keeps the top tab hovered will mousing over the drop down */
.menu ul li:hover a{
background-position:0px -42px;
color:#000;
}

/* Styles Y offset for drop downs */
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px; /* Same height as Top Nav Links */
left:0;
}

 

/* Drop Down Tab */
.menu ul li:hover ul li a, .menu ul li ul li a {
display:block;
background:url(../assets/navmo.jpg) repeat-x;
background-position:0px -7px;
color:#FFF;
font-size:14px;
height:30px;
line-height:30px;
border-top:1px solid #000;
}

/* Drop Down Tab Hover */
.menu ul li:hover ul li a:hover, .menu ul li ul li a:hover {
background:url(../assets/navmo.jpg) repeat-x;
background-position:0px -49px;
color:#000;
}

 

 

/* -------------------- TOP NAV AND DROP DOWN WIDTHS -------------------- */
/* Individually sets the width of the top nav links and their drop downs */
a.tab-one:link, a.tab-one:visited, a.tab-one:hover, ul#dropdown-one a{
width:79px;
}

a.tab-two:link, a.tab-two:visited, a.tab-two:hover, ul#dropdown-two a{
width:101px;
}

a.tab-three:link, a.tab-three:visited, a.tab-three:hover, ul#dropdown-three a{
width:160px;
}

a.tab-four:link, a.tab-four:visited, a.tab-four:hover, ul#dropdown-four a{
width:160px;
}

a.tab-five:link, a.tab-five:visited, a.tab-five:hover, ul#dropdown-five a{
width:115px;
}






/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */





/* ----------------- BODY ----------------- */
#wrapper{
	background:url(../assets/body-bg.jpg) #373737 no-repeat;
	width:970px;
	margin:0px auto;
}

#main{
	float:left;
	width:659px;
	padding-left:1px;
	background:url(../assets/vertline.png) no-repeat;
	background-position:left bottom;
	min-height:805px;
}

#main2{
	float:left;
	width:659px;
	padding-left:1px;
	min-height:805px;
}

 

#phonenumber{
	text-align:right;
}

#product-info{
	padding-top:10px;
	padding-left:10px;
}

#product-info-l{
	float:left;
	width:315px;
}

#product-info-r{
	float:left;
	margin-left:10px;
	width:315px;
}

.pageheader{
	font-family: Futura, Arial, sans-serif;
	color:#ffd200;
	font-size:32px;
	padding-bottom:20px;
	padding-top:5px;
}

.yellow{
	color:#ffd200;
	font-family: Futura, Arial, sans-serif;
	font-size:16px;
}

#content{
	padding:15px;
} 

#content2{
	padding:15px;
	padding-left:5px;
} 

strong{
	color:#ffd200;
}






/* ----------------- SIDEBAR ----------------- */
#sidebar{
	float:left;
	width:310px;
}

#illustration{
	padding:0px 11px;
}

#illustration img{
	margin-bottom:10px;
}

#no-holes{
	text-align:center;
	padding:10px 0px;
}


#guidelines{
	background:#fff;
	color:#000;
	padding:10px;
	font-size:11px;
}

#guidelines strong{
	color:#000;
}

#guidelines ol{
	padding:0px;
}


#guidelines ol li{
	margin:0px;
	padding:0px;
}




/* ----------------- CALL OUTS ----------------- */
#order-slabjacks{
	background:#414141;
	border-top:1px solid #1b1b1b;
	border-right:1px solid #1b1b1b;
	padding:15px 10px;
	height:90px;
	width:290px;
	float:left;
}

#find-a-contractor{
	float:left;
	background:#414141;
	border-top:1px solid #1b1b1b;
	border-right:1px solid #1b1b1b;
	width:300px;
	padding:15px 10px;
	height:90px;
}


#slabjack-support{
	float:left;
	background:#414141;
	border-top:1px solid #1b1b1b;
	padding:15px 10px;
	width:318px;
	height:90px;
}


#inner-order-slabjacks{
	background:#414141;
	padding:15px 10px;
	height:90px;
	border-bottom:1px solid #333;
	margin-top:15px;
}

#inner-find-a-contractor{
	background:#414141;
	padding:15px 10px;
	height:90px;
	border-bottom:1px solid #333;
}


#inner-slabjack-support{
	background:#414141;
	padding:15px 10px;
	height:90px;
	border-bottom:1px solid #333;
}




.header-ordersj{
	background:url(../assets/order-sj.jpg) no-repeat;
	height:21px;
	text-indent:-9999px;
}

.header-findcontractor{
	background:url(../assets/header-findcontractor.jpg) no-repeat;
	height:21px;
	text-indent:-9999px;
}

.header-sjsupport{
	background:url(../assets/header-sj-support.jpg) no-repeat;
	height:21px;
	text-indent:-9999px;
}


/* ----------------- FOOTER ----------------- */
#footer{
} 

#inner-footer{
	border-top:1px solid #000;
} 

#accepted-payments{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

#fnav{
	padding:20px 10px;
	border-left:1px solid #000;
	float:left;
	font-size:11px;
	color:#CCC;
	margin-left:78px;
}


#fnav a{
	color:#ccc;
	text-decoration:none;
}

#fnav a:hover{
	color:#ffd200;
}


#webphibian{
padding-top:10px;
float:right;
padding-right:30px;
}



/* ----------------- DIY GUIDE ----------------- */
table.diy-guide img{
	display:block;
	margin-bottom:7px;
	border:1px solid #000;
}

table.diy-guide td{
	font-size:12px; 
	padding-bottom:20px;
	padding-right:9px;
}

table.diy-guide td strong{
	font-size:16px;
}
 


/* ----------------- ORDER SLABJACKS ----------------- */

.hiddenForm {
border: 0;
background: #FFF;
color: #000;
width: 40px;	
	
}

.hiddenFormShipping {
border: 0;
background: #FFF;
color: #000;
margin-left: 15px;	
}

.order-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
background:#FFF;
color:#000;
}
 
.order-table td{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:5px;
text-align:center; 
}

.order-table td strong, .order-table td a{
	color:#000;
}

.big{
	font-size:16px;
}


.order-table-header{
background:url(http://www.webphibian.com/standards/images/dark-png.png) repeat-x #666666;
background-position:bottom;
color:#ffffff;
font-size:15px;
text-align:center; 
font-weight:bold;
}

input.order-btn{
	border:1px solid #999;
	background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #666666;
	color:#FFF;
	padding:5px;
	font-size:14px;
	font-weight:bold; 
}

input.order-btn:hover{
	border:1px solid #999;
	background:url(http://www.webphibian.com/standards/images/dark-png.png) repeat-x #666666;
	color:#FFF;
	padding:5px;
	cursor:pointer;
	cursor:hand;
}

input.order-btn-hilite{
	border:1px solid #999;
	background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #CCC;
	color:#000;
	padding:5px;
}

input.order-btn-hilite:hover{
	border:1px solid #999;
	background:url(http://www.webphibian.com/standards/images/dark-png.png) repeat-x #ccc;
	color:#000;
	padding:5px;
	cursor:pointer;
	cursor:hand;
} 



table.order-table2 td{
	padding-bottom:20px;
}

a.whatsthis:link, a.whatsthis:visited{
	font-size:10px;
	color:#FC0;
}

a.whatsthis:hover{
	color:#FFF;
}

/* ----------------- SLIDESHOW ----------------- */
.pics { 
width:659px;
height:630px;  
padding:0; 
margin:0; 
overflow:hidden; 
}



/* ----------------- BREAD CRUMBS ----------------- */
#bread-crumbs{
	padding-bottom:25px;
}

#bread-crumbs a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

#bread-crumbs a:hover{
	color:#ffd200;
}


/* ----------------- COUNTER ----------------- */
form div.counter-box{position:relative;}
form .counter{
	position:absolute;
	left:0;
	top:0;
	margin-left:40px;
	font-size:13px;
	font-weight:bold;
	}
form .warning{color:#e00;}	
form .exceeded{color:#600;}	






/* ----------------- CONTRACTOR LISTINGS ----------------- */
.state h1.title{
	display:block;
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	margin-top:30px;
	padding-bottom:5px;
	color:#ffd200;
}


.listing{
	overflow:hidden;
}

.listiing-info{
}

hr{
display:block;
height:1px;
border-top:1px solid #000;
border-bottom:1px solid #666;
margin:10px 0px;
clear:both;
}


.listing-info2{
	float:left;
	width:390px;
}

.listing div{
	display:block;
	padding-bottom:5px;
}

.listing span{
	color:#ffd200;
}



.listing-state{
	font-weight:bold;
	font-size:18px;
	color:#ffd200;
}

.listing-service-area{
	font-weight:bold;
	font-size:15px;
}

.listing-service-area ul{
	list-style:none;
	margin:0px;
	padding:0px;
}


.listing-service-area ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	color:#ffd200;
}

.listing-service-area ul li.white{
	color:#fff;
}

table.service-areas-table td{
	color:#ffd200;
}

.listing-company{
	font-size:16px;
	font-weight:bold;
}

.listing-address{
}

.listing-city{
}

.listing-phone{
	color:#ffd200;
}

.listing-fax{
}

.listing-email{
}

.listing-website{
}

.listing-services{
}

.listing-services strong{
	color:#fff;
}

.white{
	color:#fff;
}

.listing-services h1{
	font-weight:normal;
	font-size:12px;
}



.right-side{
	float:right;
	width:540px;
}

.right-side h2{
	font-size:14px;
}

.video-box{
	height:209px;
	width:261px;
	overflow:hidden;
}

.video-links{
	width:120px;
	padding-left:20px;
}

.videonav a{
	display:block;
	background:url(../assets/play-btn.jpg) no-repeat;
	height:15px;
	padding-left:25px;
	margin-bottom:10px;
}


.videonav a:hover{
	background-position:0px -15px;
}

table.video-table{
}

.slideshow{
	width:399px;
	height:435px;
	overflow:hidden;
}


.slide{
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	height:427px;
	overflow:hidden;
}

.slide-box{
	border:7px solid #b2b2b2;
	margin:0px;
	padding:0px;
	height:413px;
	overflow:hidden;
}

.slide-box img{
	display:block;
	border:1px solid #fff;
	margin:0px;
	padding:0px;
}










/* ----------------- CONTACTOR ACCOUNTS ----------------- */
#contractor-login{ 
} 
   
#rates{
	text-align:center;
	padding-top:15px;
}

.contractor-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}

.contractor-table td{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}

.contractor-table td a{
	color:#000;
	font-weight:bold;
}

.contractor-table td a:hover{
	background:#FC0;
}


#account-nav{
font-size:15px;
font-weight:bold;
padding:5px 0px;
border-bottom:1px dotted #CCC;
}







/* ----------------- ADMIN AREA ----------------- */
#admin-header{
	background:url(../assets/adminarea-header.jpg);
	height:141px;
}

#welcome{
	float:left;
	font-size:18px;
	padding-top:10px;
	padding-left:20px;
}

.user{
	font-weight:bold;
	color:#ffd101;
}


#admin-body table td a{
	color:#000;
}

#admin-body table td a:hover{
	background:#ffd101;
}

#admin-nav{
	background:url(../assets/navbar.jpg) repeat-x;
	height:42px;
	margin-top:10px;
}

#admin-nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:250px;
}

#admin-nav ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#admin-nav a{
	display:block;
	background:url(../assets/navmo.jpg) repeat-x;
	padding:0px 13px;
	padding-top:10px;
	height:32px;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}

#admin-nav a:hover{
	background:url(../assets/navmo.jpg) repeat-x;
	background-position:0px -42px;
}

#admin-body{
	padding:20px;
}

.admin-title{
padding:10px 0px;
}

.admin-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}

.admin-table td{

border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}

.admin-form-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}



.admin-table-header{
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #666666;
color:#ffffff;
font-size:15px;
text-align:center;
font-weight:bold;
}

.admin-field-header{
font-weight:bold;
font-size:16px;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #999999;
color:#FFFFFF;
}

.admin-form-label{
font-weight:bold;
background:#fff;
	color:#000;
}

.admin-form-input{
	background:#fff;
	color:#000;
}

.admin-form-submit{
text-align:center;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #999999;
}

.admin-data-field{
	background:#fff;
	color:#000;
}

.admin-form-table td{

border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}

/* ----------------- Login ----------------- */
#loginbox{
width:331px;
margin:0 auto;
}

#logincontainer{
padding:5px 20px;
}

#passwordcontainer{
padding:5px 20px;
}


#logintxt{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
padding-top:4px;
}

#loginform{
float:left;
}

#loginform input{
width:190px;
height:17px;
font-size:14px;
}

#passwordtxt{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
padding-top:4px;
}

#passwordform{
float:left;
}

#passwordform input{
width:190px;
height:17px;
font-size:14px;
}

#submitbtn{
padding:15px 36px;
text-align:right;
}

#loginsubmitbtn{
border:1px solid #999;
background:#666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


#loginsubmitbtn:hover{
border:1px solid #999;
background:#ffd101;
color:#000;
}


/* ----------------- ADMIN BUTTONS ----------------- */
a.drag-btn, a.view-btn, a.edit-btn, a.add-btn, a.delete-btn, a.submit-btn, a.activate-btn, a.deactivate-btn{
margin:0px 2px;
}

a.drag-btn:link, a.drag-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/drag-btn.jpg);
width:69px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.drag-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/drag-btn.jpg);
	background-position:0px -23px;
}

a.view-btn:link, a.view-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/view-btn.jpg);
width:60px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.view-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/view-btn.jpg);
	background-position:0px -23px;
}

a.edit-btn:link, a.edit-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/edit-btn.jpg);
width:60px;
height:23px;
text-indent:-9999px; 
float:left;
}

#admin-body table td a.edit-btn:hover{
background:url(http://www.webphibian.com/standards/assets/edit-btn.jpg);
background-position:0px -23px;
}


a.add-btn:link, a.add-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/add-btn.jpg);
width:60px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.add-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/add-btn.jpg);
	background-position:0px -23px;
}


a.delete-btn:link, a.delete-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/delete-btn.jpg);
width:79px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.delete-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/delete-btn.jpg);
	background-position:0px -23px;
}


a.submit-btn:link, a.submit-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/submit-btn.jpg);
width:79px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.submit-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/submit-btn.jpg);
	background-position:0px -23px;
}

a.activate-btn:link, a.activate-btn:visited{
display:block; 
background:url(http://www.webphibian.com/standards/assets/activate-btn.jpg);
width:92px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.activate-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/activate-btn.jpg);
	background-position:0px -23px;
}

a.deactivate-btn:link, a.deactivate-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/deactivate-btn.jpg);
width:105px;
height:23px;
text-indent:-9999px;
float:left;
}

#admin-body table td a.deactivate-btn:hover{
	background:url(http://www.webphibian.com/standards/assets/deactivate-btn.jpg);
	background-position:0px -23px;
}








/* ----------------- UPDATES ----------------- */
#application-list{
	padding-top:35px;
	padding-left:10px;
}

div#application-list ul{
	text-align:left;
	margin-left:30px;
	font-size:17px;
}


div#application-list h2{
	color:#ffd200;
}