/* ----------------- CSS STYLES ----------------- */

.error {
	color: #FF0000;
}

*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background:url(../assets/vtile.jpg) repeat-x #f0f0f0;
}

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

li{
padding:5px 0px;
}

p{
padding-bottom:10px;
}

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

#webphibian{
padding:10px 0px;
}

.pic-right{
	float:right;
	display:block;
	margin-left:10px;
	margin-bottom:10px;
}

.pic-left{
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}

?


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

a:hover{
color:#000000;
}

:focus{
outline:0;
}


/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
padding-bottom:5px;
color:#00a950;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

h2{
font-size:18px;
padding-bottom:5px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

h3{
font-size:14px;
padding-bottom:5px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

h4{
font-size:12px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}


.page-title{
font-size:22px;
padding-bottom:5px;
color:#00a950;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
overflow:hidden;
}

.g4orce{
padding-bottom:5px;
color:#00a950;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
}


.title-g4orce{
	display:block;
	float:left;
	background:url(../assets/g4orce.png) no-repeat;
	height:34px;
	width:93px;
	text-indent:-9999px;
}

.title-g4orce-small{
	display:block;
	float:left;
	background:url(../assets/g4orce-small.png)no-repeat;
	height:27px;
	width:73px;
	text-indent:-9999px;
	margin:0px 5px;
}

.title{
	float:left;
	padding-left:5px;
}



/* ----------------- STRUCTURE ----------------- */
#container{
	width:980px;
	margin:18px auto;
}





/* ----------------- TOP ----------------- */
#top{
	height:139px;
	background:url(../assets/top-bg.jpg) repeat-x #fff;
}

#t-left{
	float:left;
	width:482px;
}

#t-right{
	float:right;
	background:url(../assets/nav-bg.jpg);
	width:471px;
	padding-left:27px;
}





/* ----------------- NAV ----------------- */


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

.menu {
font-family: arial, sans-serif;
position:relative;
z-index:100;
height:67px; /* 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;
border:1px solid #eee;
border-top:none;
}

.menu ul li ul.active {
display:block;
position:absolute;
top:67px; /* 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 {
display:block;
height:67px;
overflow:hidden;
}

/* Top Nav Links Hover */
.menu ul li a:hover {
}

.menu ul li:hover a{
	background-position:0px -67px
}

/* Styles Y offset for drop downs */
.menu ul li:hover ul {
display:block;
position:absolute;
top:67px; /* 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:#fff;
text-align:left;
color:#766342;
height:30px;
line-height:30px;
text-indent:11px;
text-decoration:none;
}

/* Drop Down Tab Hover */
.menu ul li:hover ul li a:hover, .menu ul li ul li a:hover {
background:url(../assets/dropdown-bullet.jpg) no-repeat left center #00a950;
color:#fff;
}

 

 

/* -------------------- 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{
width:81px;
background:url(../assets/nav-home.jpg);
text-indent:-9999px;
}

a.tab-one:hover{
	background-position:0px -67px;
}

a.tab-two:link, a.tab-two:visited{
width:124px;
background:url(../assets/nav-about.jpg);
text-indent:-9999px;
}

a.tab-two:hover{
	background-position:0px -67px;
}

a.tab-three:link, a.tab-three:visited{
width:100px;
background:url(../assets/nav-g4orce.jpg);
text-indent:-9999px;
}

a.tab-three:hover{
	background-position:0px -67px;
}

ul#dropdown-three a{
	width:145px;
}

a.tab-four:link, a.tab-four:visited{
width:133px;
background:url(../assets/nav-contact-us.jpg);
text-indent:-9999px;
}

a.tab-four:hover{
	background-position:0px -67px;
}






/* ================================================================
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.
=================================================================== */




/* ----------------- HEADER ----------------- */
#header{
	height:388px;
}

#inside-header img{
	display:block;
	margin:0px;
}



/* ----------------- HP BODY ----------------- */
#body{
	background:url(../assets/footer-bg.jpg) repeat-x #fff;
	overflow:hidden;
	padding:10px 10px;
}

#body a{
	color:#00a950;
}

#body a:hover{
	color:#000;
}


#callouts{
	overflow:hidden;
}

	#callouts .hd{
		float:left;
		display:none;
	}

	#column1, #column2, #column3{
		float:left;
		padding:0px 10px;
	}
	
	#column1 h1, #column2 h1, #column3 h1{
		font-size:18px;
		
	}

	#column1{
		width:225px;
	}
	
	#callouts #column1 ul{
		margin-top:0px;
		padding-top:0px;
	}
	
	#column2{
		width:310px;
		padding-right:75px;
	}
	
		#column2 .pic-right{
			margin-top:20px;
		}
	
	#column3{
		width:300px;
	}
	
		#column3 span{
			color:#00a950;
		}
	
		#column3 h2{
			margin-top:25px;
			margin-bottom:10px;
			font-size:15px;
			font-weight:normal;
		}



/* ----------------- INSIDE BODY ----------------- */
#sidebar{
	float:left;
	width:320px;
}

#sidebar #column1, #sidebar #column2, #sidebar #column3{
	float:none;
	width:320px;
}

.hd{
	width:320px;
	height:10px;
	line-height:10px;
	background:url(../assets/horizontal-divider.jpg) 0px 5px no-repeat;
	margin:10px 0px;
}

#content{
	float:right;
	width:600px;
}

#content .pic-right{
	padding:5px;
	background:#fff;
	border:1px solid #CCC;
}

#info{
}

#info .pic-right{
	padding:5px;
	background:#fff;
	border:1px solid #CCC;
}



/* ----------------- INSTALLATION ----------------- */
.install-photo{
	text-align:center;
	padding-bottom:5px;

}

.install-photo img{
border:4px solid;
}

.install-text{
	margin-bottom:10px;
}

.step{
	display:block;
	padding-bottom:5px;
	font-weight:bold;
}

.note{
	display:block;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	padding-top:8px;
}

table#installation-table td{
	padding:5px 25px;
}




/* ----------------- ABOUT ----------------- */
#problem-pics{
	width:550px;
	text-align:right;
	float:right;
}



/* ----------------- ORDER ----------------- */
table.order-table{
	border:1px solid #CCC;
}

table.order-table td{
	padding:15px 5px;
}

table.order-table td.order-table-header{
	background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #00a950;
	color:#fff;
	text-align:center;
	height:10px;
	line-height:10px;
	font-weight:bold;
	font-size:18px;
}

table.order-table label{
	font-weight:bold;
}

.submit-btn1{
border:1px solid #999;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


.submit-btn1:hover{
border:1px solid #999;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #00a950;
color:#fff;
}

.billing{
}

/* ----------------- FOOTER ----------------- */
#footer{
	overflow:hidden;
	font-size:11px;
	color:#999;
	padding-top:10px;
}

#f-left{
	float:left;
	width:300px;
}

#f-right{
	float:right;
	width:600px;
}

#f-right ul{
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
}

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

#f-right ul li.divider{
	list-style:none;
	margin:0px;
	padding:0px 5px;
	float:left;
}

#f-right ul li a{
	color:#999;
	text-decoration:none;
}

#f-right ul li a:hover{
	color:#00a950;
}


 

/* ----------------- COLORBOX CSS ----------------- */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
background:#000; /* Changes Overlay Color */
opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 5-7*/
}
#colorbox{}
#cboxTopLeft{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(http://www.webphibian.com/standards/colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(http://www.webphibian.com/standards/colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(http://www.webphibian.com/standards/colorbox/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom: 4px; left:0; text-align:center; width:100%; color:#666666; font-weight:bold;}
#cboxCurrent{position:absolute; bottom: 4px; left:58px; color:#666666;}
#cboxSlideshow{position:absolute; bottom: 4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(http://www.webphibian.com/standards/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(http://www.webphibian.com/standards/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.webphibian.com/standards/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* ----------------- ADMIN AREA ----------------- */
#top{
	height:139px;
	background:url(../assets/top-bg.jpg) repeat-x #fff;
}

#at-left{
	float:left;
	width:482px;
}

#at-right{
	float:right;
	width:471px;
	padding-top:47px;
	text-align:center;
}

#admin-nav{
	background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #00a950;
	padding:0px 5px;
}

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

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

#admin-nav ul li a{
	display:block;
	background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #00a950;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 10px;
}

#admin-nav ul li a:hover{
	background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #666;
}
	


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

.admin-table{
border:1px solid #333;
border-bottom:none;
border-right:none;
}

.admin-table td{
border:1px solid #333;
border-top:none;
border-left:none;
padding:10px;
}

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

.admin-field-header{
background:url(http://www.webphibian.com/standards/images/light-png.png) #ccc;
font-weight:bold;
font-size:14px;
color:#333;
}

.admin-form-label{
font-weight:bold;
}

.admin-form-submit{
text-align:center;
}

table td.admin-form-submit input{
border:1px solid #999;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


table td.admin-form-submit input:hover{
border:1px solid #999;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #00a950;
color:#fff;
}




/* ----------------- ADMIN 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:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


#loginsubmitbtn:hover{
border:1px solid #999;
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x #00a950;
color:#fff;
}





/* ----------------- 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;
}

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;
}

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;
}


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;
}


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;
}

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;
}

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;
}

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;
}

a.drag-btn:hover, a.view-btn:hover, a.edit-btn:hover,  a.add-btn:hover, a.delete-btn:hover, a.submit-btn:hover, a.activate-btn:hover, a.deactivate-btn:hover{
	background-position:0px -23px;
}