/* 

DOCUMENT INFORMATION

	- Document:  styles.css
	- Version:   1.0.0
	- Client:    Increase Business Sales 
	- Author:    Brian Morris
	- Project:   increasebusinesssales.com
	- Date Due:  n/a
	- Created:   June 5th, 2009
	- Modifed:   June 5th, 2009


*/





/*  General Setup  */

body { background:#e4e3d9 url(../images/main_bg.gif) repeat-x top center; font:1em Tahoma, Arial, sans-serif; color:#333;}
.clear {clear:both;}

/* Content Wrap */

#wrap {width:930px; margin:0px auto; }

/* Header Container */

#header {width:100%; height:90px; display:block; color:#eee;}
#header .buttons {float:right; margin-right:50px;}

/* Header Logo */

#header a.logo {background:url(../images/other/header_logo.jpg) no-repeat top left; width:225px; height:90px; display:block; float:left;}
#header a.logo:hover {background-position:0px -90px;}
#header2 {height:180px; width:100%; display:block; margin:0px auto;}
#header2 .statement {float:right; margin-right:50px; margin-top:15px;}
#header2 .other {float:left; margin-top:60px; margin-left:30px}
#header2 .other span {margin-left:5px; font-size:1em; color:#eee;}
#header2 .livechat {float:right; margin-top:10px; margin-right:20px;}
#header2 .cert_stack {float:left; margin-top:34px; margin-left:70px;}


/* Navigation Bar */

#nav_container {height:34px; width:775px; margin:0px auto; display:block; color:#fff; padding-top:4px; background:#fff;}



/* Generic Code */

h3.main_header {font-size: 100%;margin: 0 15px; color: #4D4C4C;	font: normal 22px/22px Georgia, Arial, Helvetica, sans-serif; margin: 0; padding-bottom: 10px; text-decoration: none;}
h6.main_header {color:#4D81AA; font: normal 18px/22px Georgia, Arial, Helvetica, sans-serif; text-align:center;}
.section_header_centered {font-size:14px; color:#369; padding:3px 0px; text-align:center; margin-left:-50px;}
.section_header_center {font-size:14px; color:#333; padding:5px 0px; text-align:center; background:#f9f9f9; border-bottom:2px solid #7caacf; margin-bottom:5px; font-weight:normal;}
.star {background:url(../images/other/star.gif) no-repeat center; background-position:15px 50%; text-align:left; padding:2px 10px 2px 45px; font:13px Verdana, Arial, Helvetica, sans-serif;}
#industry_table {margin:0px auto; width:850px; }
#industry_table2 {margin:0px auto; width:850px; font-size:0.8em;}
.center {margin:0px auto; text-align:center;}
.pad10 {padding:10px;}
div.ptext { width:660px; padding:5px; margin:0px auto; font: 0.9em Tahoma, Arial, Verdana, sans-serif;}
li.li {padding-bottom:4px; text-align:center; font-size:1em; background:url(../images/other/li_arrow2.gif) no-repeat center; background-position:15px 50%; text-align:left; padding:4px 10px 4px 45px;}
#itemprice, #itemprice2 {padding:5px; text-align:center; font-size:0.9em;}
#itemprice span {font-size:1.7em; color:#6299C5;}
#itemprice2 span {font-size:1.5em; color:#6299C5;}
p.arrow2 {background:url(../images/other/li_arrow2.gif) no-repeat center; background-position:15px 50%; text-align:left; padding:2px 10px 2px 45px;}
.rest_header {font-size:15px; color:#369; padding-bottom:8px;}
#rest_table table, #rest_table table tr, #rest_table table td {border:0 none;}
hr.main {border:0 none; border-top:3px solid #ddd;}

h1.text_header {color:#4D81AA; font-size:1.1em; font-weight:normal; border-bottom:1px solid #4D81AA; margin-bottom:8px;}



/*  Buttons  */

a.quick_order {background:url(../images/buttons/quick_order.jpg) no-repeat top left; width:124px; height:31px; display:none; float:right; padding-right:5px;}
a.quick_order:hover {background-position:0px -31px; }
a.login_caa {background:url(../images/buttons/login_caa.jpg) no-repeat top left; width:124px; height:31px; display:block; float:right;}
a.login_caa:hover {background-position:0px -31px;}

/*  Breadcrumb Navigation  */
#breadcrumb {background:#eee; padding:8px 15px; font-size:0.8em; color:#555; border-bottom:1px solid #ddd; }
#breadcrumb a.crumb_link {color:#555; text-decoration: none;}
#breadcrumb a.crumb_link:hover {border-bottom:1px solid #6299c5; color:#6299c5;}

/*  Content Wrap  */

#wrap #content_wrap {background:#fff; width: 100%; border-top:4px solid #4d81aa; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#wrap #content_wrap .textpad10 {padding:10px; color:#333;}
#wrap #content_wrap .textpad20 {padding:30px 20px; color:#333;}
#wrap #content_wrap .textpad30 {padding:30px; color:#333;}
#wrap #content_wrap .textpad50 {padding:50px; color:#333; }
#wrap #content_wrap .textpad100 {padding:100px; color:#333;}
#wrap #content_wrap .textpad_25x100 {padding:25px 100px; color:#333; line-height: 1.5em; font-size:0.8em;}
#wrap #content_wrap .textpad_20x50 {padding:20px 50px; color:#333; line-height: 1.5em; font-size:0.8em;}

#wrap #content_wrap .page_header {padding:10px; background:#f3f3f3; border:1px solid #ddd; font-size:1.1em;}
#wrap #content_wrap .page_header2 {padding:10px 5px 10px 50px; background:#D7E79E; font-size:1.0em; color:#444; width:75%;}
.page_header3 {padding:10px 5px 10px 50px; background:#D7E79E; font-size:1.2em; color:#444; width:100%;}

#wrap #content_wrap .qa_li {padding-bottom:8px; border-bottom:2px solid #ddd; }
#wrap #content_wrap .qa_li b {color:#4D81AA; font-size:0.9em;}
#wrap #content_wrap .qa_li span {font-size:0.9em;}

#wrap #content_wrap .livechat_home {float:right; margin-top:5px; margin-right:5px;}

/* Footer Information */

#footer {width:100%; text-align:center; margin:0px auto; margin-top:5px;}
#footer .text {font-size: 0.7em; color:#666;}
#footer .text a {color:#369;}

/* Homepage Services Boxes */

.certbox { background: #f7f7f7; border: 1px solid #ddd; height: 100%;	margin: 0 0 10px 0;	overflow: auto;	padding: 20px 20px 20px 15px;	width: auto; }
.certbox p span {font-size:1.1em;}
.certbox p span a {color:#4D81AA; text-decoration:none; }
.certbox p a {color:#4D81AA;}
.certbox p a:hover {color:#444;}
.certbox p span a:hover {border-bottom:1px solid #111; color:#333;}
.certbox p {	border-left: 1px solid #ddd;	padding-left: 15px; font-size:0.8em; }
.certbox p, .certbox ul.listitems { margin-left: 110px; }
.leftalign { float: left; }

/*  Homepage Cert Grid  */

#wrap #cert_wrap {width:882px; margin:10px auto; }
#wrap #cert_wrap .left_3 {width:281px; margin-right:20px; float:left; border-bottom:1px solid #aaa; padding:5px 0px}
#wrap #cert_wrap .left_3 span {font-size:0.75em; line-height:1.3em; font-family:Arial, Tahoma, Helvetica, sans-serif;}
#wrap #cert_wrap .center_3 {width:280px; margin-right:20px; float:left; border-bottom:1px solid #aaa; padding:5px 0px}
#wrap #cert_wrap .center_3 span {font-size:0.75em; line-height:1.3em; font-family:Arial, Tahoma, Helvetica, sans-serif;}
#wrap #cert_wrap .right_3 {width:280px; float:left; border-bottom:1px solid #aaa; padding:5px 0px}
#wrap #cert_wrap .right_3 span {font-size:0.75em; line-height:1.3em; font-family:Arial, Tahoma, Helvetica, sans-serif;}
#wrap #cert_wrap .left_2 {width:431px; margin-right:20px; float:left; border-bottom:1px solid #aaa; padding:5px 0px}
#wrap #cert_wrap .left_2 span {font-size:0.75em; line-height:1.3em; font-family:Arial, Tahoma, Helvetica, sans-serif;}
#wrap #cert_wrap .right_2 {width:431px; float:left; border-bottom:1px solid #aaa; padding:5px 0px}
#wrap #cert_wrap .right_2 span {font-size:0.75em; line-height:1.3em; font-family:Arial, Tahoma, Helvetica, sans-serif;}

#wrap #cert_wrap a.travel99_l {background:url(../images/buttons/ucert_99_main.jpg) no-repeat top left; width:431px; height:102px; display:block; }
#wrap #cert_wrap a.travel99_l:hover {background-position:0px -102px; }
#wrap #cert_wrap a.travel499_l {background:url(../images/buttons/ucert_499_main.jpg) no-repeat top left; width:431px; height:102px; display:block; }
#wrap #cert_wrap a.travel499_l:hover {background-position:0px -102px; }
#wrap #cert_wrap a.travelcert_l {background:url(../images/buttons/travelcert_main_long.jpg) no-repeat top left; width:431px; height:102px; display:block; }
#wrap #cert_wrap a.travelcert_l:hover {background-position:0px -102px; }
#wrap #cert_wrap a.getawaycert_l {background:url(../images/buttons/getawaycert_main_long.jpg) no-repeat top left; width:431px; height:102px; display:block; }
#wrap #cert_wrap a.getawaycert_l:hover {background-position:0px -102px; }
#wrap #cert_wrap a.ugrc_l {background:url(../images/buttons/ugrccert_main_long.jpg) no-repeat top left; width:431px; height:102px; display:block; }
#wrap #cert_wrap a.ugrc_l:hover {background-position:0px -102px; }
#wrap #cert_wrap a.utgrc_l {background:url(../images/buttons/utgrccert_main_long.jpg) no-repeat top left; width:431px; height:102px; display:block; }
#wrap #cert_wrap a.utgrc_l:hover {background-position:0px -102px; }
#wrap #cert_wrap a.restaurantcert {background:url(../images/buttons/restaurantcert_main.jpg) no-repeat top left; width:280px; height:102px; display:block; }
#wrap #cert_wrap a.restaurantcert:hover {background-position:0px -102px; }
#wrap #cert_wrap a.grocerycert {background:url(../images/buttons/grocerycert_main.jpg) no-repeat top left; width:280px; height:102px; display:block; }
#wrap #cert_wrap a.grocerycert:hover {background-position:0px -102px; }
#wrap #cert_wrap a.casinocert {background:url(../images/buttons/casinocert_main.jpg) no-repeat top left; width:280px; height:102px; display:block; }
#wrap #cert_wrap a.casinocert:hover {background-position:0px -102px; }



/*  Cart Table Styles  */

#cart_table {width:800px; margin:0px auto; font: 12pt Tahoma, Arial, Verdana, sans-serif; color:#333;}
#cart_table table, th, td {	border: 1px solid #D4E0EE;	border-collapse: collapse;	font-family: "Trebuchet MS", Arial, sans-serif;	color: #555;}
#cart_table caption {	font-size: 150%;	font-weight: bold;	margin: 5px;}
#cart_table td, th {	padding: 4px;}
#cart_table th.table_th {background:#ddd;}
#cart_table thead th {	text-align: center;	background: #E6EDF5; color: #4F76A3; font-size: 100% !important; }
#cart_table tbody th {	font-weight: bold;}
#cart_table tbody tr { background: #FCFDFE; font-size:10pt;}
#cart_table tbody tr.odd { background: #F7F9FC; }
#cart_table tfoot th, tfoot td {	font-size: 85%;}
#cart_table table td.right {text-align:right;}
#cart_table table td.qty {text-align:center;}
#cart_table table th.qty {width:75px;}
#cart_table table th.price {width:100px;}
#cart_table table th.delete {width:25px;}
#cert_table #checkout_buttons {width:800px; margin:0px auto;}
.paypalco_button { float:right;}


/*  Cart Items Display (under the quick order and login buttons in header)  */

.cart_info {float:right; margin-right:50px; color:#fff; margin-top:10px; font-size:10pt;}
.cart_info a {color:#eee; }
.cart_info a:hover {color:#6299c5;}
#cart_message_alert {width:800px; margin:0px auto;  background:#FFCECE; border-top:1px solid #DF8F8F; border-bottom:1px solid #DF8F8F; margin-bottom:5px;}
#cart_message_action {width:800px; margin:0px auto; background:#D5FFCE; border-top:1px solid #9ADF8F; border-bottom:1px solid #9ADF8F;}
#cart_message_alert .text {font:11pt Tahoma, Arial, sans-serif; text-align:center; padding:5px;} 
#cart_message_action .text {font:11pt Tahoma, Arial, sans-serif; text-align:center; padding:5px;}
a.checkout_viewcart {background:url(../images/buttons/checkout_cartview.gif) no-repeat top left; width:160px; height:40px; display:block;  float:left;}
a.checkout_viewcart:hover {background-position:-160px 0px; }
a.checkout_clearcart {background:url(../images/buttons/checkout_clearcart.gif) no-repeat top left; width:160px; height:40px; display:block;  float:left;}
a.checkout_clearcart:hover {background-position:-160px 0px; }
input.checkout_updatecart {background:url(../images/buttons/checkout_updatecart.gif) no-repeat top left; width:160px; height:40px; display:block; float:left; border:0 none;}
input.checkout_updatecart:hover {background-position:-160px 0px; }


/*  Testing the design of the indiv certs page  */

#cert_left {width:650px; font-size:10pt; float:left;  }
#cert_left .text {padding-left:50px; width:100%; line-height:1.5em}
#cert_left .text p span {color:#336699; font-size:1.2em;}
#cert_right {width:200px; font-size:10pt; float:right; background:#eee; border-bottom:3px solid #ddd;}
#cert_right .header {padding:10px 5px 10px 5px; text-align:center; font-size:1.2em; color:#fff; background:#7caacf;}
#cert_right .text {padding:15px; background:#eee; }
#cert_right .left {float:left; width:80px; padding:6px 12px 6px 15px; text-align:right; line-height:1.5em;}
#cert_right .right {float:left; width:80px; padding:6px 0px 6px 6px; line-height:1.5em;}

#status {font-size:0.9em; color:#333;}

/*  A-T-C Modal Window Styling  */

#cartadd #buttons {width:400px; margin:0px auto;}
a.continueshop {background:url(../images/buttons/continue_shopping.gif) no-repeat top left; width:200px; height:40px; display:block; float:left;}
a.continueshop:hover {background-position:-200px 0px; }
a.viewcart {background:url(../images/buttons/view_cart.gif) no-repeat top left; width:200px; height:40px; display:block;  float:left;}
a.viewcart:hover {background-position:-200px 0px; }


/*  Form Styling for individual certificate and package pages  */

input.quantity_input {width:85%; padding:5px; font-size:1.1em; text-align:center; border:0 none;}
input.linetext {width:85%; padding:5px; font-size:0.9em; text-align:center; border:0 none; margin-bottom:5px;}
.full_width {background:#ddd; padding:5px; text-align:center; }
.full_width span {font-size:0.8em;}
.full_width_w {background:#eee; padding:5px; text-align:center; margin:0px auto;}
.full_width_w span{font-size:0.7em; color:#369;}
.full_width pre {color:#369; font:1.1em Tahoma, Arial, sans-serif; }
input.submitatc {background:url(../images/buttons/addtocart_button.gif) no-repeat top left; width:180px; height:40px; display:block; border:0 none; margin-left:5px;}
input.submitatc:hover {background-position:-180px 0px; }

#page_links {float:right; font-size:0.9em; margin-top:3px;}
#page_links a {background:#7caacf;  padding:3px 12px; color:#fff;}
