/* logo */
@import url("logo.css");

body, html {
	margin: 0px; 
	padding: 0;	
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

strong {
	font-weight: bold;
}	

em {
	font-style: italic;
}

a {
	text-decoration: none;
	color: #B10E10;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

img {
	border: 0px;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-color: #777777;
	border-style: solid;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	font-size: 1px;
	width: 100%;
}

/* Set your body width here */
.content_width, .content_width_wrapper {
	width: 950px;
	
	/* Do Not Change This */
	margin: 0px auto;
}

.content_width_adjust {
	width: 952px;  /* 2px wider than .content_width */
	
	/* Do Not Change This */
	margin: 0px auto;
}

.page_class_home .content_width_wrapper {
	width: 950px;
}

#header {
	height: 135px;
	background: #FFFFFF;
}

#header_products {
	top: 54px;
	left: 290px;
	width: 437px;
	height: 96px;
	position: absolute;
	background: transparent url(../img/ui/header_products.png) top left no-repeat;
	
	/* Hidden on this template - remove next line to show */
	display: none;
}

#header_phone {
	top: 115px;
	left: 0px;
	width: 260px;
	position: absolute;
	text-align: center;
	color: #B10E10;
}

#product_search {
	top: 99px;
	right: 0px;
	position: absolute;
	text-align: right;
}

#product_ti {
	width: 150px;
	height: 24px;
	font-size: 14px;
	border: 1px solid #A7A7A7;
	outline: none;
	padding: 0px 5px;
	-moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
	 border-radius: 8px 0 0 8px;
	line-height: .7em;
	font-family: Arial, sans-serif;
}

#product_ti.default {
	color: #A7A7A7;
}

#product_btn {
	height: 26px;
	font-size: 14px;
	border: 0px;
	outline: none;
	-moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
	 border-radius: 0 8px 8px 0;
	 margin-left: -4px;
	line-height: .7em;
	padding-top: 0px;
	padding-bottom: 1px;
	background: #B10E10 url('../img/ui/selected_item.png') top left repeat-x;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Arial, sans-serif;
}

#search_results {	
	position: absolute;
	width: 310px;
	z-index: 700;
}

#search_results_header {
	height: 21px;
	background: url('../img/ui/search_panel.png') top left no-repeat;
}

#search_results_content {
	background: url('../img/ui/search_panel.png') 0px -40px no-repeat;
}

#search_results_content a {
	display: block;
	margin: 0px 12px;
	padding: 3px 17px;
	cursor: pointer;
	text-decoration: none;
}

#search_results_content a:hover {
	background: #B10E10 url('../img/ui/selected_item.png') top left repeat-x;
}

#search_results_content h3 {
	color: #FFFFFF;
	margin: 5px 0px 5px 0px;
}

#search_results_content p {
	color: #BBBBBB;
	margin: 3px 0px;
}

#search_results_footer {
	height: 14px;
	background: url('../img/ui/search_panel.png') bottom left no-repeat;
}

#top_nav {
	list-style: none;
	position: absolute;
	top: 3px;
	right: 0px;
}

#top_nav li {
	float: left;
	margin: 0;
	padding: 0px 8px;
	border-right: 1px solid #AAAAAA;
}

#top_nav li:last-child {
	padding-right: 0px;
	border-right: 0px;
}

#top_nav li a {
	color: #333333;
	font-weight: bold;
	display: inline-block;
	padding: 4px 0px;
}

#top_nav li a.home_icon {
	padding-left: 26px;
	background: transparent url(../img/ui/home.png) 0px 2px no-repeat;
}

#loginbar, #loginbar2 {
	list-style: none;
	position: absolute;
	top: 45px;
	right: 0px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #231F20;
	padding: 5px 8px;
	margin: 0;
}

#loginbar li {
	float: left;
	margin: 0;
	padding: 2px 6px;
	border-right: 1px solid #666666;
}

#loginbar li:last-child {
	border-right: 0px;
}

#loginbar li a, #loginbar2 a {
	color: #FFFFFF;
}

#nav {
	height: 44px;
}

#nav_links {
	background-color: #4A4A4C;
}

#nav ul {
	list-style: none;
	padding: 0px 0px 0px 2px;
	height: 44px;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #4A4A4C;
	border-right: 1px solid #FFFFFF;
	font-size: 13px;
	cursor: pointer;
	background-color: #4A4A4C;
}

#nav ul li.last {
	border-right: 1px solid #4A4A4C;
}

#nav ul li.hover {
	color: #333333;
	background: #FFFFFF url(../img/ui/nav_bg.png) top left repeat-x;
	border-left: 1px solid #FFFFFF;
}

#nav ul li a {
	color: #FFFFFF;
	font-weight: bold;
	padding: 15px 0px 14px 15px;
	display: block;
}

#nav ul li.hover a {
	color: #333333;
}

#nav ul li a span {
	padding-right: 20px;
	background: transparent url(../img/ui/nav_arrow_light.html) 100% 50% no-repeat;
}

#nav ul li a:hover {
	text-decoration: none;
}

#nav ul li a:hover span {
	background-image: url(../img/ui/nav_arrow.png)
}

#nav ul li a.narrow {
	padding: 15px 0px 14px 12.5px;
}

#nav ul li a.wide {
	padding: 15px 0px 14px 24.5px;
}

#nav ul li a.services {
	padding-left: 44px;
	padding-right: 0px;
	background: transparent url(../img/ui/services_icon.png) 23px 11px no-repeat;
}

.nav_child {
	position: absolute;
	background-color: #A0A0A0;
	 border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  padding: 0px 1px 1px 1px;
}

.nav_child ul {
  background: #F2F2F2 50% 0% no-repeat;
	border-top-width: 0px;
	margin: 0px;
	padding: 75px 0px 0px;
	list-style: none;
	 border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

.nav_child ul li {
	font-size: 10px;
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
	margin-top: -1px;
}

.nav_child ul li:last-child {
	border-bottom-width: 0px;
}

.nav_child ul li a {
	display: block;
	padding: 3px 8px;
	color: #333333;
	font-weight: bold;
}

.nav_child ul li:last-child a {
	padding-bottom: 5px;
	 border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

.nav_child ul li a:hover {
	background-color: #daddde;
}

#banner {
	height: 186px;
	margin: 10px auto;
	border: 1px solid #AAAAAA;
	position: relative;
}

#banner_paginate {
	position: absolute;
	top: 0px;
	right: 0px;
}

#banner_paginate a {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 4px;
  cursor: pointer;
  background: transparent url(../img/banners/banner_paginate.png) top left no-repeat;
}

#banner_paginate a.active {
	background-position: 0px -14px;
}

#banner_paginate a:hover {
	background-position: 0px -28px;
}

#content {
	margin: 10px auto;
}

#content.page_class_home {
	margin: 10px auto 0px;
}

#footer {
	border-top: 3px solid #787878;
}

#footer div {
	padding-top: 14px;
	text-align: center;
	color: #333333;
}

.wide_border {
	border: 4px solid #E8E8E8
}

.quarter {
	width: 228px;
}

.prod_box {
		behavior: url(border-radius.html);
  -moz-border-radius: 0 10px 10px 10px;
  -webkit-border-radius: 0 10px 10px 10px;
	 border-radius: 0 10px 10px 10px;
	 background: url(../img/home/pedestal.png) 0px 180px no-repeat;
}

.prod_box h2 {
	font-size: 17px;
	margin: 0px;
	padding: 10px 8px 19px 8px;
	text-align: center;
	color: #FFFFFF;
	background: url(../img/home/label_bg.png) top left no-repeat;
}

#welcome_products {
	background-color: #FFFFFF;
}

#welcome_products ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	width: 152px;
	line-height: 1.4em;
}

#welcome_products ul.last {
	width: auto;
}

#welcome_products li {
	text-align: left;
}

#welcome_products a {
	color: #555555;
	text-decoration: none;
}

#welcome_products a:hover {
	color: #8CC933;
	text-decoration: underline;
}

/* General Styles Used Throughout The Site, Change At You Own Risk */

.bordered {
	border: 1px solid #B5B6B7;
}

.border_left {
	border-left: 1px solid #B5B6B7;
}

.border_right {
	border-right: 1px solid #B5B6B7;
}

.rounded {
	behavior: url(border-radius.html);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	border-radius: 5px;
}

.rounded_bottom {
	behavior: url(border-radius.html);
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
	 border-radius: 0 0 5px 5px;
}

.rounded_top {
	behavior: url(border-radius.html);
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
	 border-radius: 5px 5px 0 0;
}

.shadowed {
	box-shadow: 0 0 5px #BBBBBB;
  -moz-box-shadow: 0 0 5px #BBBBBB;
  -webkit-box-shadow: 0 0 5px #BBBBBB;
}

.margin_auto {
	margin: 0 auto; 
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.bold {
	font-weight: bold;
}

.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.blue {
	color: #33A8DC;
}

.red {
	color: #B10E10;
}

.green {
	color: #599F00;
}

.orange {
	color: #B10E10;
}

.gray {
	color: #808082;
}

.white_bg {
	background-color: #FFFFFF;
}

.gray_bg {
	background-color: #EBEBEC;
}

.borderR {
	border-right: 1px solid #AAA;
}

.borderL {
	border-left: 1px solid #AAA;
}

.smaller {
	font-size: smaller;
}

.inset {
	padding: 15px;
}

.inset10 {
	padding: 10px;
}

p.inset {
	padding: 5px;
}

.margin0 {
	margin: 0px;
}

.marginT5 {
	margin-top: 5px;
}

.marginT10 {
	margin-top: 10px;
}

.marginB10 {
	margin-bottom: 10px;
}

.marginT20 {
	margin-top: 20px;
}

.marginT30 {
	margin-top: 30px;
}

.marginB20 {
	margin-bottom: 20px;
}

.marginB30 {
	margin-bottom: 30px;
}

.marginT0 {
	margin-top: 0px;
}

.marginB0 {
	margin-bottom: 0px;
}

.marginL10 {
	margin-left: 10px;
}

.marginR10 {
	margin-right: 10px;
}

.marginR15 {
	margin-right: 15px;
}

.marginL20 {
	margin-left: 20px;
}

.marginR20 {
	margin-right: 20px;
}

.marginR35 {
	margin-right: 35px;
}

.marginCenter {
	margin-left: auto;
	margin-right: auto;
}

.paddingLR10 {
	padding-left: 10px;
	padding-right: 10px;
}

.paddingLR24 {
	padding-left: 24px;
	padding-right: 24px;
}

.no_border {
	border-width: 0 !important;
}

.no_border_left {
	border-left-width: 0 !important;
}

.no_border_right {
	border-right-width: 0 !important;
}

.border_r_blue {
	border-right: 1px solid #136184;
}

.font_norm {
	font-weight: normal;
}

.hidden {
	display: none;
}

.gray_bg_full {
	background-color: #F6F6F6;
	border-top: 1px solid #A7A7A7;
}

#login_boxes, #login_info {
	width: 880px !important;
}

#login_info {
	margin-top: 0px !important;
	padding: 0px !important;
}

.styled_button {
	color: #FFFFFF !important;
	border-color: #33A8DC !important;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
}

.styled_button:hover {
	border-color: #136184 !important;
}

a.button {
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	padding: 2px 12px;
	border: 1px solid #008DCD;
	background: #008DCD url(../img/ui/blue-btn.png) 0px 0px repeat-x;
	color: white !important;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

a.button_green {
	background: #77AD1A url(../img/ui/green-btn.png) 0px 0px repeat-x;
	border-color: #77AD1A;
}

.big_blue_border {
	border: 6px solid #33A8DC;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 25px;
}

.heading_w_icon div {
	margin-left: 15px !important;
}

.extra_questions {
	width: 490px !important;
	margin: 20px 0px !important;
}

.extra_questions label {
	width: 235px !important;
}

#terms_label {
	width: 300px;
}

#box_wrapper {
	border: 1px solid #777777;
}

#box_header {
	background: #E4E5E6;
	border-bottom: 3px solid #33A8DC;
	text-align: left;
	margin: 0px;
	padding: 10px 15px;
}

.product_image_large {
	width: 170px;
	margin: 0px 25px 25px 0px;
}

#ed_gallery {
	width: 470px;
	margin-top: 0px !important;
	margin-left: -25px !important;
	float: right;
}

#ed_div_shim {
	float: left;
}

.third {
	width: 288px;
}

.home_page .third {
	height: 132px;
	width: 308px;
	padding-bottom: 20px;
		behavior: url(border-radius.html);
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
	 border-radius: 5px 5px 0 0;
}

.home_page .third h2 {
	color: #58595B;
	background-color: #E0E0E0;
	margin: 0px;
	padding: 7px 10px;
}

.home_page .alt_bg h2 {
	color: #FFFFFF;
	background-color: #B10E10;
}

.home_page .alt2_bg h2 {
	color: #000000;
	background-color: #FFCCCC;
}

.home_page .alt_bg .orange_link {
	color: #FFFFFF;
	background-color: #B10E10;
}

.third p {
	text-align: justify;
}

.fifth {
	width: 170px;
}

.fifth h3 {
	margin-top: 0px;
	background: #E1E1E1 url(../img/ui/gray_bg.jpg) top left repeat-x;
	padding: 8px;
}

.home_page ul {
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.home_page li {
	list-style-position: inside;
}

.home_page .spaced li {
	margin-bottom: 9px;
}

.home_page .spaced_less li {
	margin-bottom: 5px;
}

.home_page li a {
	color: #333333;
}

.gray_mini {
	text-align: left;
	padding: 5px;
	color: #404041;
	background-color: #E8E8E8;
}

.gray_link {
	padding: 5px 15px;
	color: #FFFFFF;
	background-color: #808082;
	margin: 5px auto;
	cursor: pointer;
}

.green_link {
	padding: 5px 15px;
	color: #FFFFFF;
	background-color: #8CC933;
	margin: 5px auto;
	cursor: pointer;
}

.orange_link {
	padding: 5px 15px;
	color: #FFFFFF;
	background-color: #B10E10;
	margin: 5px auto;
	cursor: pointer;
}

.blue_link {
	padding: 5px 15px;
	color: #FFFFFF;
	background-color: #55A5D7;
	margin: 5px auto;
	cursor: pointer;
}

.gray_link:hover, .green_link:hover, .blue_link:hover {
	color: #FFFFFF;
}

.bgBL {
	background: bottom left no-repeat;
}

#about_us_box {
	background: url(../img/about_us/bg.jpg) top right no-repeat;
}

#contact_us_box {
	background: url(../img/contact_us/bg.jpg) top right no-repeat;
	padding-top: 1px;
}

#upload_box {
	background: url(../img/upload/bg.jpg) top right no-repeat;
}

#green_box .icon span {
	margin-top: -25px;
	display: block;
	padding-left: 45px;
}

#password_box {
	background: url(../img/password/bg.jpg) top right no-repeat;
}

#signup_system li {
	padding-bottom: 10px;
	font-weight: bold;
}

.icon_inset {
	margin-right: 20px;
}

.icon_inset h4, .icon_inset p {
	padding: 8px 0px 8px 40px;
	background: 0px -2px no-repeat;
	margin: 0;
}

.icon_inset ul {
	margin-left: 15px;
}

#design_training_video, #designer_training_video {
	display: block;
	width: 228px;
	height: 200px;
	margin-left: 45px;
	background: url(../img/ui/video.png) 0px 0px no-repeat;
}

#design_training_video:hover, #designer_training_video:hover {
	background-position: 0px -200px;
}