@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #eee;
	color: #666;
}

#container {
	width: 950px;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
}

.clearer {
	clear: both;
}

/* HEADER
================================================== */

#header {
	height: 70px;
	padding: 0 30px;
	background-image: url(../images/template/header_bg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

h1#logo {
	float: left;
	height: 19px;
	width: 191px;
	margin-top: 20px;
	padding: 0;
	font-size: 20px;
	line-height: 19px;
	text-indent: -9999px;
	background-image: url(../images/template/flagworks_logo.gif);
	background-repeat: no-repeat;
}

h2#tollfree {
	float: right;
	height: 58px;
	width: 500px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 63px;
	text-align: right;
}

h2#tollfree span {
	font-size: 14px;
	font-weight: normal;
	color: #dc7b7e;
	margin-right: 3px;
}

#header-bottom {
	display: block;
	clear: both;
}

/* NAVIGATION
================================================== */

#nav {
	height: 48px;
	padding: 0 20px 0 10px;
	background-image: url(../images/template/nav_bg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

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

#nav ul li {
	display: inline;
}

#nav ul li a {
	display: block;
	float: left;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
	color: #666;
	text-decoration: none;
}

#nav ul li a#nav-home, #nav ul li a#nav-gallery, #nav ul li a#nav-why, #nav ul li a#nav-history, #nav ul li a#nav-store, #nav ul li a#nav-contact, #nav ul li a#nav-quote, #nav ul li a#nav-signage, #nav ul li a#nav-blog {
	background-position: 20px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#nav ul li a#nav-home {
	width: 36px;
	background-image: url(../images/template/nav/home.gif);
}

#nav ul li a#nav-gallery {
	width: 44px;
	background-image: url(../images/template/nav/gallery.gif);
}

#nav ul li a#nav-why {
	width: 93px;
	background-image: url(../images/template/nav/why.gif);
}

#nav ul li a#nav-history {
	width: 72px;
	background-image: url(../images/template/nav/history.gif);
}

#nav ul li a#nav-store {
	width: 104px;
	background-image: url(../images/template/nav/store.gif);
}

#nav ul li a#nav-contact {
	width: 49px;
	background-image: url(../images/template/nav/contact.gif);
}

#nav ul li a#nav-signage {
	width: 100px;
	background-image: url(../images/template/nav/signage.gif);
}

#nav ul li a#nav-blog {
	width: 27px;
	background-image: url(../images/template/nav/blog.gif);
}

#nav ul li a#nav-quote {
	float: right;
	font-weight: bold;
	color: #990000;
	width: 107px;
	background-image: url(../images/template/nav/quote.gif);
}

#nav ul li a#nav-home:hover, #nav ul li a#nav-gallery:hover, #nav ul li a#nav-why:hover, #nav ul li a#nav-history:hover, #nav ul li a#nav-store:hover, #nav ul li a#nav-contact:hover, #nav ul li a#nav-quote:hover, #nav ul li a#nav-signage:hover, #nav ul li a#nav-blog:hover {
	background-position: 20px -48px;
}

/* COLUMN SETUP
================================================== */

#content-area {
	background-color: #e2dede;
	background-image: url(../images/template/content_bg.gif);
	background-repeat: repeat-y;
}

#main-content-area {
	float: right;
	width: 791px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#main-content-area.two-col {
	background-image: url(../images/template/content_2col_bg.gif);
	background-repeat: repeat-y;
	min-height: 450px;
}

#left-col {
	float: left;
	width: 159px;
	font-family: Arial, Helvetica, sans-serif;
}

#left-col-top {
	display: block;
}

#content-left {
	float: left;
	width: 395px;
	padding: 30px 0 60px 0;
}

#content-right {
	float: right;
	min-height: 526px;
	_height: 526px;		/* ie6 fix */
	_overflow: visible;
	width: 335px;
	padding: 30px;
	background-image: url(../images/template/floral_bg.gif);
	background-repeat: no-repeat;
}

#content-full {
	padding: 30px 0 60px 0;
	background-image: url(../images/template/floral_bg_white.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	min-height: 623px;
	_height: 623px;		/* ie6 fix */
	_overflow: visible;
}

/* LEFT NAV
================================================== */

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

ul#left-nav li {
	height: 22px;
	border-top: 1px solid #fff;
	background-color: #8a1515;
	font-size: 11px;
	line-height: 22px;
	color: #fff;
	padding: 0;
	margin: 0;
}

ul#left-nav li a {
	display: block;
	height: 22px;
	width: 159px;
	color: #fff;
	text-decoration: none;
}

ul#left-nav li#left-nav-gallery a {
	background-image: url(../images/template/left_nav/gallery.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul#left-nav li#left-nav-gallery a:hover {
	background-position: 0 -22px;
}

ul#left-nav li#left-nav-products {
	background-image: url(../images/template/left_nav/our_products.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul#product-nav {
	list-style: none;
	margin: 0;
	padding: 15px 0;
	background-color: #e2dede; /* ie6 fix */
}

ul#product-nav li {
	background-color: #e2dede;
	font-size: 12px;
	color: #666;
}

ul#product-nav li a {
	display: block;
	width: 159px;
	color: #666;
	text-indent: -9999px;
	text-decoration: none;
	background-repeat: no-repeat;
}

ul#product-nav li a#lnav-flags {
	background-image: url(../images/template/left_nav/flags.gif);
	height: 39px;
}

ul#product-nav li a#lnav-banners {
	background-image: url(../images/template/left_nav/banners.gif);
	height: 42px;
}

ul#product-nav li a#lnav-signs {
	background-image: url(../images/template/left_nav/signs.gif);
	height: 42px;
}

ul#product-nav li a#lnav-promo-prods {
	background-image: url(../images/template/left_nav/promo_products.gif);
	height: 53px;
}

ul#product-nav li a#lnav-upload {
	background-image: url(../images/template/left_nav/upload.gif);
	height: 55px;
}

ul#product-nav li a#lnav-flags:hover, ul#product-nav li a#lnav-banners:hover, ul#product-nav li a#lnav-signs:hover, ul#product-nav li a#lnav-promo-prods:hover, ul#product-nav li a#lnav-upload:hover {
	background-position: -160px 0;
}

/* FOOTER
================================================== */

#footer {
	clear: both;
	height: 36px;
	padding: 0 30px;
	border-top: 1px solid #fff;
	background-color: #d5caca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 36px;
	text-align: right;
	color: #a68f8f;
}

#footer a {
	float: left;
	margin-right: 10px;
	color: #634444;
}

/* PRODUCT SEARCH
================================================== */

#product-search {
	height: 48px;
	margin-left: 1px;
	padding-left: 20px;
	background-color: #8a1515;
	background-image: url(../images/template/search_bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 48px;
	color: #fff;
}

#product-search form {
	margin: 0;
	padding: 0;
	_margin-top: 12px; /* ie6 fix */
}

#product-search select {
	width: 200px;
	margin: 0 40px 0 20px;
}

/* TAGS
================================================== */

#main-content-area h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0 30px 5px 30px;
	padding: 0;
	color: #cf242c;
}

#main-content-area p {
	line-height: 21px;
	margin: 0 25px 20px 30px;
	padding: 0;
}

#main-content-area a {
	color: #2581cf;
}

dt, dd {
	margin: 0 30px 0 30px;
}

dt {
	margin-top: 15px;
	margin-bottom: 2px;
	padding-left: 7px;
	background-image: url(../images/template/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 12px;
	font-weight: bold;
}

dd {
	padding-bottom: 15px;
	border-bottom: 1px solid #e2dede;
	*text-indent: -40px;
}

.grad-rule {
	height: 5px;
	margin: 30px 0 20px 1px;
	background-image: url(../images/template/grad_rule_bg.gif);
	background-repeat: repeat-x;
}





/* HOME PAGE CONTENT
================================================== */

#feature, #section-img {
	display: block;
	border-bottom: 1px solid #fff;
}

#content-right h4#video-head {
	height: 28px;
	margin: 0;
	padding: 0;
	background-image: url(../images/template/video_head_bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
}

#content-right h4#video-head img {
	float: left;
}

#home-footer {
	padding: 0 30px 20px 0;
	font-size: 10px;
	color: #a68f8f;
	text-align: right;
}

#home-footer p {
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 12px;
}

#section-header, #generic-section-header {
	height: 90px;
	margin-left: 1px;
	background-repeat: repeat-x;
}

#section-header {
	background-image: url(../images/template/section_header_bg.gif);
}

#generic-section-header {
	background-image: url(../images/template/generic_section_header_bg.gif);
}

#section-header h1, #generic-section-header h1 {
	height: 90px;
	margin: 0;
	padding: 0 0 0 30px;
	line-height: 90px;
	color: #644b4b;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#generic-section-header h1 {
	background-position: 30px 40px;
}

#section-header h1#flags-title {
	background-image: url(../images/template/titles/flags.gif);
}

#section-header h1#banners-title {
	background-image: url(../images/template/titles/banners.gif);
}

#section-header h1#signs-title {
	background-image: url(../images/template/titles/signs.gif);
}

#section-header h1#promo-products-title {
	background-image: url(../images/template/titles/promo_products.gif);
}

#section-header h1#upload-title {
	background-image: url(../images/template/titles/upload.gif);
}

#generic-section-header h1#why-title {
	background-image: url(../images/template/titles/why_flagworks.gif);
}

#generic-section-header h1#gallery-title {
	background-image: url(../images/template/titles/gallery.gif);
}

#generic-section-header h1#unique-products-title {
	background-image: url(../images/template/titles/unique_products.gif);
}

#generic-section-header h1#history-title {
	background-image: url(../images/template/titles/flag_history.gif);
}

#generic-section-header h1#contact-title {
	background-image: url(../images/template/titles/contact.gif);
}

#generic-section-header h1#quote-title {
	background-image: url(../images/template/titles/request_quote.gif);
}

#generic-section-header h1#corporate-title {
	background-image: url(../images/template/titles/corporate.gif);
}

.padded-area {
	margin-left: 30px;
	margin-top: 30px;
}

.product-bucket {
	float: left;
	width: 160px;
	margin: 0 15px 15px 0;
}

.product-bucket a {
	display: block;
	color: #333;
	text-decoration: none;
}

.product-bucket h2 {
	height: 28px;
	margin: 0;
	padding: 0 10px;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	color: #333;
	background-image: url(../images/template/product_bucket_head_bg.gif);
	background-repeat: no-repeat;
	cursor: pointer; /* ie fix */
}

.product-bucket img {
	display: block;
	border: 0;
	border-top: 1px solid #fff;
}

.product-bucket img.product-bucket-img {
	height: 133px;
	width: 160px;
}

.gallery-bucket, .quote-bucket {
	width: 335px;
	height: 172px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

.gallery-bucket.flags-gallery {
	background-image: url(../images/template/gallery_bucket_flags_bg.gif);
}

.gallery-bucket.banners-gallery {
	background-image: url(../images/template/gallery_bucket_banners_bg.gif);
}

.gallery-bucket.signs-gallery {
	background-image: url(../images/template/gallery_bucket_signs_bg.gif);
}

.gallery-bucket.promo-prod-gallery {
	background-image: url(../images/template/gallery_bucket_promo_prod_bg.gif);
}

.gallery-bucket a, .quote-bucket a {
	display: block;
	width: 295px;
	height: 132px;
	padding: 20px;
	text-decoration: none;
}

.gallery-bucket h2 {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	color: #2581cf;
	background-image: url(../images/template/circle_arrow_blue.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	cursor: pointer; /* ie fix */
}

#main-content-area .gallery-bucket p {
	width: 160px;
	margin: 0;
	padding: 0;
	color: #766767;
	cursor: pointer; /* ie fix */
}

.quote-bucket.flags-quote {
	background-image: url(../images/template/quote_bucket_flags_bg.gif);
}

.quote-bucket.banners-quote {
	background-image: url(../images/template/quote_bucket_banners_bg.gif);
}

.quote-bucket.signs-quote {
	background-image: url(../images/template/quote_bucket_signs_bg.gif);
}

.quote-bucket.promo-prod-quote {
	background-image: url(../images/template/quote_bucket_promo_prod_bg.gif);
}

.quote-bucket.generic-quote {
	background-image: url(../images/template/quote_bucket_generic_bg.gif);
}

.quote-bucket a {
	width: 275px;
	height: 112px;
	padding: 30px;
}

.quote-bucket h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	color: #fff;
	cursor: pointer; /* ie fix */
}

#main-content-area .quote-bucket p {
	width: 190px;
	margin: 0;
	padding: 0;
	color: #e1acac;
	cursor: pointer; /* ie fix */
}

#main-content-area .quote-bucket h3 {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	text-decoration: underline;
	color: #fff;
	background-image: url(../images/template/circle_arrow_blue_red.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	cursor: pointer; /* ie fix */
}

.content-bucket {
	margin: 30px 30px 0 30px;
	padding: 30px 0 20px 0;
	background-color: #f8f6f6;
	border: 1px solid #e6e1e1;
	color: #766767;
}

.content-bucket h3 {
	font-weight: bold;
	font-size: 13px;
	margin: 0 30px 10px 30px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #d5caca;
}

.content-bucket ul {
	margin: 15px 0 15px 30px;
	padding: 0 0 0 30px;
}

.gallery-link {
	width: 335px;
	margin: 0 30px 1px 30px;
}

.gallery-link a {
	display: block;
	width: 333px;
	height: 54px;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
	background-color: #e6e6e6;
	background-image: url(../images/template/gallery_link_bg.gif);
	background-repeat: repeat-x;
}

.gallery-link a img {
	float: left;
	display: block;
	border: 0;
}

.gallery-link h2 {
	margin: 0 0 0 125px;
	padding: 0 0 0 20px;
	font-size: 16px;
	font-weight: normal;
	line-height: 54px;
	color: #333;
	background-image: url(../images/template/circle_arrow_blue_gray.gif);
	background-position: 0 20px;
	background-repeat: no-repeat;
	cursor: pointer; /* ie fix */
}

.gallery-thumb {
	display: block;
	float: left;
	height: 134px;
	width: 134px;
	margin: 0 15px 15px 0;
	border: 0;
}

.error {
	background-color: #FFCCCC;
}

.error-msg {
	color: #CC0000;
}

/* UPLOAD
================================================== */

#upload-area p {
	margin-left: 0;
}