/* -- NOTE: reset.css clears all browser differences and starts from scratch --  */
@import 'reset.css';

body {
	font-family: Arial, Helvetica, san serif;
	font-size:12px; line-height: 15px; font-style: normal; font-weight: normal;
	color: #333;
	background-color:#c7deff;
	/*position: relative;*/
	margin: 0 auto; padding:0;
	} 

/* DEFAULT LINK */
a:link, a:visited {color: #366eb3; text-decoration: none; font-weight:bold;}

a:active, a:hover {color:#013898; text-decoration: none; font-weight:bold;}
	
/*== TOP-Header ==*/

#top {width:100%; height:228px; margin: 0 auto;}

#top-contain {width:990px; height:228px; position: relative; margin: 0 auto; padding:0; background:url(../images/banner-bckgrd.jpg) no-repeat;}

#logo{width:563px; height:50px; float:left; align:top; background:url(/images/aps-logo.jpg) no-repeat; }

/* Banner Reference */

#banner-contain{width:968px; height:169px; background:url(../images/banner-tile.jpg) repeat-x #ffffff; clear:both; margin: 0 auto; border-top: 9px solid #ffffff; border-left: 11px solid #ffffff; border-right: 11px solid #ffffff;}

#banner{width:629px; height:169px;background-color:#ffffff; float:left;background:url(../banners/inde-banner.jpg) no-repeat;}

.home #banner {background:url(../banners/inde-banner.jpg) no-repeat;}

.page-id-2 #banner {background:url(../banners/inde-banner.jpg) no-repeat;}

.page-id-4 #banner, .page-child #banner {background:url(../banners/inde-banner.jpg) no-repeat;}

.page-id-6 #banner {background:url(../banners/inde-banner.jpg) no-repeat;}

/* TABS Quick Pay */

#tabs-contain {width:310px; height:45px; padding-top:124px;float:right;}

#quickpaytab {display: block; float:left; width:149px; height:45px; background: url("../images/quickpay-tab-ro.gif") no-repeat 0 0; margin:0 auto;}

#quickpaytab:hover {background-position: 0 -45px;}

#quickpaytab span {display: none;}

#contacttab{display:block; float:right; width:149px; height:45px; background: url("../images/contact-tab-ro.gif") no-repeat 0 0; margin:0 auto;}

#contacttab:hover {background-position: 0 -45px;}

#contacttab span {display: none;}

/*== MIDDLE/Body area == */

#middle {width:100%; height:auto; background:url(../images/middle-tile.jpg) repeat-x #ffffff; padding:0; margin: 0 auto; padding-bottom:45px;}

#middle-contain{width:990px; height:auto; margin: 0 auto;}

#content {width:570px; height:auto; float:left; margin-left:11px;padding:41px 0 30px 23px;}

#content p{padding-bottom:10px;}

#content li {padding-bottom:9px; list-style-type:disc; margin-left: 30px;}

#sidebar {width:218px; height:auto; float:right; margin:55px 11px 0px 0px; padding:26px 25px 36px 25px; background:url(../images/sidebar-tile-border.jpg) repeat-x; border-bottom: 4px solid #ff3138;}

#sidebar td img {border: solid 5px #c1c7cd; margin-bottom:5px;}

#sidebar h1 {font-family:Arial, Helvetica, san serif; font-size:13px; font-weight: bold; color:#013898; margin-bottom:3px;}

#sidebar a {font-weight:bold;}

#sidebar a:link, #sidebar a:visited {color: #366eb3; text-decoration: none;}

#sidebar a:active, #sidebar a:hover {color:#013898; text-decoration: none;}

#sidebar .img-left {/*border: solid 6px #beb780;*/ margin: 0 10px 4px 0; float:left;}

#sidebar .img-right {/*border: solid 6px #beb780;*/ margin: 0 0 4px 10px; float:right;}

/* CSS NAVIGATION-ROLLOVER FX */

#nav {width:990px; height:40px; background-color:#ff3138;}

ul#nav {float:left; width:990px;  list-style:none;}

#nav a, #nav a:hover {text-decoration:none;float:left;text-indent:-999px;height:40px;}
a#nav_inde {width:109px;height:40px;background:url(../images/nav/home.jpg) no-repeat;}
a#nav_stor {width:174px;height:40px;background:url(../images/nav/storage.jpg) no-repeat;}
a#nav_abou {width:130px;height:40px;background:url(../images/nav/about.jpg) no-repeat;}
a#nav_cont {width:123px;height:40px;background:url(../images/nav/contact.jpg) no-repeat;}


#nav li {float:left;}
#nav li a:hover{background-position:0px -40px;color:#000;}

.home a#nav_inde, .page-id-4 a#nav_stor, .page-id-2 a#nav_abou, .page-id-6 a#nav_cont{background-position:0px -40px !important;}

/* DROP DOWN MENU */

#nav li {float:left;width:auto;}

#nav li ul {margin:0; padding:0;position:absolute; width:170px; left:-999em; height:auto; color:#000000;z-index:999;margin-left:20px;margin-top:40px;border-bottom:1px solid #f00;}

#nav li ul li {margin:0; padding:0;display:inline;}

#nav li ul li a {float:left;clear:left;color:#fff/*fcfaed*/;text-decoration:none;font-size:11px; display:block;padding:3px;width:164px;background:#fe3138; height:auto !important;text-indent:0 !important;}

#nav li ul li a:hover {text-decoration:none; background:#d4292f; color:#fff;height:auto !important;}

#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#nav li:hover, #nav li.sfhover {position: static;}



#dropmenudiv{ position:absolute; background-color: #000000; border:none; border-bottom-width: 0; line-height:18px; z-index:100;}
 
#dropmenudiv a{ width: 100%; display: block; text-indent: 4px; border-bottom: none; padding: 2px 0; color:#FFFFFF; text-decoration: none;}
 
#dropmenudiv a:hover{ /*hover background color*/background-color: #666666; color:#FFFFFF;}



/*==  FOOTER ==*/

#footer {width:100%; height:auto; color: #002b87; padding: 0; margin: 0 auto; clear:both;}

#footer-contain {width:990px; height:auto; /*padding: 50px 10px 30px 70px;*/ margin: 0 auto; background:url(../images/footer-logo.jpg) no-repeat;margin-top:10px;}

#foot-text {width:363px; height:auto; padding:25px; line-height:18px; font-size:11px;}

#footer p {margin-bottom:7px;}

#footer a:link, #footer a:visited {color: #002b87; text-decoration: none;}

#footer a:hover, #footer a:active {color: #ff0000; text-decoration: underline;}



#container {width:907px; height:auto; position: relative; margin: 0 auto; padding:0; background-color:#ffffff; clear:both;}


/* CLASSES/STYLING */

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



hr {height:1px; color:#515151; background-color:#515151; margin:4px 0 4px 0; border: 0;}

h1 {font-family: Arial, Helvetica, san serif; font-size:26px; font-weight:200; font-style: normal; color: #003f9e; margin-bottom: 18px; line-height:30px;}

h2, h3, h4, h5 {font-family: Arial, Helvetica, san serif; font-size: 13px; font-style: normal; font-weight: bold; color:#e80101; margin-bottom:7px;clear:right;}

h2 {font-size:15px;}

.basic-bold {font-weight: bold;}

.basic-italic {font-style:italic;}

.red {color: #FF0000;}


/*== FORM STYLES == */

#typein { }

#typein input, #typein textarea, #typein select {color: #563316; background-color: #e0c082;  padding: 2px; border: solid 1px #c37535;}


/*== BACKEND PAYMENT SYSTEM STYLES == */
#display-orders {border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
#display-orders td, #display-orders th {border-right:1px solid #ccc;border-top:1px solid #ccc;padding:5px 8px;}
#display-orders th {background:#eee;}

#order-details-table td {padding:2px 4px;}
#order-details-table h3 {padding-top:15px;}