/*
**	File: screen.css
**	Media: screen
**	Copyright: (c) 2007 Brandon Richards
**	Author: Brandon Richards
**	Notes: 
*/
/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ol, ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}
a:visited {text-decoration:none;}
/* CUSTOM CSS */

body {font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; line-height: 1em; color: #000; background: #164F59 url(/img/body_bg.png) 0 0 repeat-x;}
#wrapper {display: block; width: 960px; margin: 10px auto;}
.push {clear:both;}
#masthead {
	display: block; 
	height: 128px;
	background:url('/img/masthead_back.gif') top left repeat-x;
	padding: 0 1px;
}

#masthead .container {
	display: block; 
	height: 98px; 
	/*background: #FFF url(/img/masthead_bg.png) left top repeat-x;*/
	/*background:url('/img/home_framebuilder_back.png') top left repeat-x;*/ 
}

#masthead .logo {
	display: block; 
	float: left; 
	width: 203px; 
	height:98px;
}

#masthead .slogan { 
	display: inline; 
	float: right;
	margin-right:30px; 
	width:670px; 
	height: 98px; 
	background:url('/img/order_now_label.gif') top right no-repeat;
}

#masthead .badge {display: block; float: left; height:130px;}
.slogan p {font: bold italic 2em/4.9em Arial, Helvetica, Verdana, sans-serif;color: #382922;}
#navigation {
	display:block; 
	background: transparent /*url(/img/navigation_bg.png) repeat-x*/; 
	height: 30px;
	}
#navigation ul{ width: 780px; float: right;}
#navigation li{ display: inline; float: left;}
#navigation a:link,#navigation a:visited,#navigation a:focus, #navigation a:active {display:block; font: bolder 1.4em/2em Arial, Helvetica, Verdana, sans-serif; color:#382922; text-decoration: none; padding: 0 10px; margin: 0 5px 0 0;}
#navigation a:hover, #navigation a:visited:hover, #navigation a:focus{color:#382922;}
#navigation a.selected:link,#navigation a.selected:visited, #navigation a.selected:active {display:block; background: transparent url(/img/navigation_selected_bg.png) repeat-x; font: bolder 1.4em/2em Arial, Helvetica, Verdana, sans-serif; color:#382922; text-decoration: none; border: 1px solid #C7BBB3; border-bottom: 1px solid #FFF; padding: 0 9px; margin: 0 5px 0 0;}
#content {display: block; background: #FFF; min-height: 388px; padding: 0px 18px 20px 18px;}
#content .container{display:block; width: 664px; float: left;}
#content .section{display: block; padding: 14px 0 0 0;}
#content .sidebar{display:block; float: right; width: 230px; padding: 18px 0 0 0;}
#content .home {height: 388px;}

.testimonial {
	width:240px;
	height:260px;
	padding:15px 0 38px 0;
	float:left;
}
.testimonial img {
	border:solid 1px #ccc;
	margin-bottom:4px;
}
.testimonial h2{}
.testimonial p{font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #164F59;width: 222px; margin: 0 auto;}
.testimonial span{text-align: right; text-transform: uppercase;}

.school_support {
	display: block; 
	width: 240px; 
	height: 425px; 
	padding:0;
	padding-bottom:10px;
	float: left; 
	overflow:hidden
}

.school_support li { padding:4px 2px;}
.school_support ul {overflow:hidden;}
.school_support .support {margin-bottom:10px;}
.support { position:relative; z-index:1000; background:#fff;}
.school_support h2 a {text-decoration:none; color:#000; font-size:75%;}
.school_support h2.first {background:#d5d7d9;}

.framebuilder {
	display: block; 
	width: 391px;
	float:right; 
	padding: 15px 4px 20px 15px;
	margin-top:15px; 
	background:url('/img/home_framebuilder_back.png') bottom left repeat-x; 
	border:solid 1px #ccc;
}

.framebuilder p{margin: 0 0 18px 0;}
.bullet{display: block; clear:left; float: left; height: 38px; text-align:center; width: 28px;}
.framebuilder div{display: block; height: 50px;}
input.textinput{height:19px; width: 300px; background: #FFF url(/img/search_bg.jpg)0 0; padding: 6px 0 0 6px;font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; color: #000;border:1px solid #CCC;}
#featured{display: block; background: #C7BBB3; padding-bottom:5px; height:200px;}

#badges_wrapper {
	overflow:hidden;
	width:960px;
}
#badges {
	width:965px;
}

#badges img {
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

.orderlabel{display: block; width: 146px;float: left; padding: 60px 0 0 30px; padding:5px 0 0 5px;}
.products{display: block;}
.item{ display: block; height:150px; margin: 18px 0 0 30px; float: left;}
.item img {
	margin:0 auto;
}
.item p{font: bold 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif; text-align:center;}
#footer{display:block; padding: 5px 0;}
#footer .vcard{float: left;}
#footer .copyright{float:right;}
#footer p, #footer .copyright, caption{ font: 1.1em Verdana, Arial, Helvetica, sans-serif; color:#C7BBB3;}
#footer ul{}
#footer li{display: inline;}
#footer a:link, #footer a:visited, #footer a:visited:hover, #footer a:hover, #footer a:focus, #footer a:active{color:#C7BBB3; text-decoration:none;padding: 0 0 0 10px;}

h1 {font: bold 2.4em Arial, Verdana, Helvetica, sans-serif; color: #9C1D25;}
h2 {font: normal 2em Arial, Verdana, Helvetica, sans-serif; color: #9C1D25;}
h3{font: bolder 2em/2.4em Arial, Verdana, Helvetica, sans-serif; color:#382922; clear:both; width: 726px; float:right;}
p, label {font: normal 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; color:#382922;}
a:link,a:visited,a:visited:hover,a:hover,a:focus,a:active{color:#9C1D25;text-decoration: underline;}
label {display:block;}
strong {font-weight:bold;}

#schools {
	display:block;
	clear:both;
	background:#fff;
	margin-top:10px;
	padding:10px;
}

#schools table {
	width:940px;
}

#schools table td {
	margin:2px;
	padding:5px;
	
}

.school_section {
	float:left;
}

.school_section li {
	margin-top:2px;
}

.cake-sql-log {
	width:960px; margin:0 auto;
}

table {background:#f3f5f9; font: normal 1.4em/1.4em Verdana, Arial, Helvetica, sans-serif; width:90%;
border:solid 1px #ccc; border-right:0; border-bottom:0; }
th {text-align:left; padding:5px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background:#eee;}
td {padding:2px; background:#fff; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.odd td {background:#f3f5f9;}
.even td {background:#ffffff;}

.search_results {
	margin-top:10px;
}
.search_results li {
	font-size:16pt;
	line-height:20pt;
	padding:5px;
	border:solid 1px #eee;
}

.search_results li.even {
	background:url('/img/home_framebuilder_back.png') bottom repeat-x;
}

.search_results li a {
	text-decoration:none;
}

.school_verbage {
	/*background:url('/img/home_framebuilder_back.png') bottom repeat-x;*/
	/*background:#C7BBB3;*/
	padding:10px;
	/*border:solid 1px #eee;*/
}

.school_verbage img {
	float:left; margin:0 10px 10px 0;
	border:solid 1px #eee;
}

.proceed {
	margin:20px 0;
	font-size:150%;
	padding:5px;
	float:right;
}

#cart_table {
	
	font-family:Arial, Helvetica, sans-serif;	
}

#cart_table td {
	vertical-align:middle;
	padding-left:5px;
	text-align:center;
}

#cart_table td.description {
	text-align:left;
}

#cart_table .edit {
	float:right;
	font-size:90%;
}

.frame_description {
	border:0;
	font-size:90%;
	margin-left:10px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#cart_table td .frame_description td {
	margin:0;
	padding:2px;
	border:0;
	border-bottom:solid 1px #ccc;
	text-align:left;
}

#cart_table td.subtotal {
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}

.cart_image_wrapper {
	float:left;
	padding:5px;
}

.cart_image_wrapper img {
	float:left;
}

.frame_description td.field {
	font-weight:bold;
	padding-right:5px;
	width:110px;
}

.schoolsearch {
	margin:10px auto;
	padding:10px;
	background:url('/img/home_framebuilder_back.png') top left repeat-x;
	border:solid 1px #eee;
	width:550px;
}

.alpha {
	margin:0 0 10px 0;
	border:solid 1px #eee;
}

.alpha h2 {
	text-align:center;
}

.alpha table {
	width:100%;
	border:0;
}

.alpha table td {
	border:0;
	padding:5px;
	font-size:90%;
	vertical-align:middle;
}

.alpha table td a {
	color:#164F59;
	text-decoration:none;
}

.odd td {
	background:url('/img/home_framebuilder_back.png') center repeat-x;
}

.alpha_ref {
	font-size:150%;
	margin:5px;
}

.layout_wrapper {
	padding:10px;
}

.layout_image_wrapper img {

}

.layout_image_wrapper {
	float:left;
	text-align:center;
	width:180px;
	margin:10px;
}

.layout_wrapper p {
	padding:10px;
}

.layout_wrapper .start {
	font-size:150%;
}

.layout_wrapper h2 a {
	color:#382922;
	text-decoration:none;
}

.price {
	font-weight:bold;
}

.moulding_wrapper {
	padding:5px;
}

.moulding_wrapper img {
	margin-left:60px;
}

.moulding_wrapper p {
	text-align:center;
}

.matte_wrapper {
	padding-left:10px;
}

.product_sidebar_h {
	text-align:center;
	margin:10px 0 10px 0;
}

.layout_actions {
	list-style-type:none;
}

.layout_actions li {
	display:inline;
	font-size:130%;
	padding:10px 10px 10px 5px;
	background:url('/img/home_framebuilder_back.png') top left repeat-x;
	/*background:url(/img/navigation_selected_bg.png) repeat-x;*/	
	border:solid 1px #eee;
}

#information-wrapper {
	width:600px;
	margin:0 auto;
	padding:20px 0;
}

#anchor {
	height:100px;
	background: #C7BBB3;
}

.pre-built {
	/*border:solid 1px #ccc;*/
	margin-top:10px;
	font-size:80%;
	padding:5px;
	/*background:url('/img/home_framebuilder_back.png') bottom left repeat-x;*/
	text-align:center;
}

.pre-built h2 {
	color:#000;
}

.pre-built img {
	margin-bottom:10px;
}

.pre-built .frame_description {
	font-size:150%;
	border:solid 1px #eee;
	margin-bottom:10px;
}

.pre-built .frame_description .field {
	width:60px;
}

textarea.notes {
	width:85%;
	height:100px;
}

.error_msg {
	color:#990000;
	padding:20px;
	text-align:center;
	font-size:150%;
	line-height:25px;
	font-weight:bold;
}

td.cart_documents {
	font-size:90%;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background:#f3f5f9;
	/*background:#fff url('/img/home_framebuilder_back.png') bottom left repeat-x;*/
}

/*
.cart_diploma_size {
	text-align:left;
	width:250px;
	font-family:inherit;
	padding:5px;
	border:solid 1px #ccc;
	background:url('/img/home_framebuilder_back.png') top left repeat-x;
}
*/

.cart_documents p, .cart_documents label {
	/*text-align:left;*/
	font-family:inherit;
	font-size:100%;
	/*color:#9C1D25;*/
	font-weight:bold;
}

label.dim{
	display:block;
}

p.document_num {
	margin-top:10px;
	color:#9C1D25;
}

input.dim {
	width:60px;
}

#order_review {
	width:600px;
	margin:10px auto;
}

table.information-structure {
	margin-top:20px;
}

td.infoLine {
	width:200px;
}

table.orders_list {
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}

.orders_list td a {
	color:#000;
	text-decoration:none;
}

.orders_list tr.even td {
	background:#f3f5f9;
}

.pages_wrapper {
	padding:10px 0 10px 0;
	font-size:125%;
}

.order_details * {
	font-family:Arial, Helvetica, sans-serif;	
}

.order_details th {
	font-weight:bold;
}

.order_details .infoLine {
	color:#9C1D25;
}

.order_properties textarea {
	width:400px;
	border:solid 1px #999;
}
