/* CSS Document */
/*Website Designed and Developed by Flavia Oleniewski*/

/*Globals*/
* {margin:0; padding:0;}

body {width:100%; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:#0f153b;  color:#fff;}

img {border:0;}

p {padding:5px 0;line-height:1.5em;}

h1 {font-size:28px; color:#d20404; padding:10px 0 5px 0; font-weight:normal; line-height:1.5em;}

h2 {font-size:18px; color:#a6bceb; padding:5px 0; font-weight:normal; line-height:1.5em;clear:both;}

h3 {font-size:14px; color:#fff; padding:5px 0; text-align:center;font-weight:normal; line-height:1.5em;}

#page {width:950px; margin:0 auto; text-align:left;position:relative; background:url(images/background.jpg) repeat-x #1f2548;line-height:1.5em; }

#logo {	position:absolute; top:0; left:14px;}

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

/*Header*/
#header {background:url(images/header_bg.jpg) no-repeat 100% 0; height:87px; text-align:right; padding-top:10px; padding-right:20px; font-size:14px;}

.phone {font-size:24px; padding:5px 0;}

.fax {font-size:18px; padding:5px 0;}


/*content*/


#content{ width:689px; float:right; padding:20px 20px 20px 0; font-size:14px;position:relative;}

#flash {background:url(flash/images/1.jpg) no-repeat 0 100%; width:689px; height:333px; margin:0 auto;  }
#text {
	width:420px;
	padding:10px 30px 30px 20px;
	position:absolute;
	top:20px;
	left:0;
	z-index:3;
}
#text h1 {padding-top:none; font-size:24px;}

#sideBar{ width:205px; float:left;}

/*inner-content*/

#inner_content h2 {padding-top:20px; color:#d20404;}
#inner_content ul {padding-left:20px;}
#inner_content ul li {padding:5px 0;}
#inner_content div img {margin:0 auto; text-align: center; padding:10px;}

#inner_content {background:url(images/text_bg_white.gif) repeat-y; padding:20px; min-height:911px; color:#333;}
#inner_content a {color: #0033CC;  text-decoration:none;}
 #inner_content h3 {font-size:16px; color:#333; font-weight:bold; text-align:left; padding-top:15px;}
#inner_content h4 {color:#6b7095; font-weight:normal; text-align:center; line-height:1.5em;}
#patches #inner_content ul, #patches #inner_content ol {padding-left:20px;}
#patches #inner_content ol li {padding:5px 0;} 
#inner_content ul {list-style:none;}
#inner_content ul li {background:url(images/bullet.gif) no-repeat 0 11px; padding-left:15px;}
#patches #inner_content ul ul li {background:none; padding:0}
#patches #inner_content #coverage {padding:0;}
#patches #inner_content #coverage li {float:left; background-image:none; padding-left; text-align:center;}
#patches #inner_content #coverage li img {display:block; padding:5px 45px;}

/*navigation*/
#topNav {width:950px; height:29px; background:url(images/nav_bg.jpg) no-repeat; }
#topNav ul {list-style:none; position:relative; left:230px; width:820px;}
#topNav ul li {display:block; padding:0; margin:0; float:left;}
#topNav ul li a {color:#fff;  font-size:14px; line-height:14px; display:block; float:left; padding:8px 15px 7px 15px; text-transform:uppercase; text-decoration:none; }
#topNav ul li a.cart {color:#a6bceb;}
#topNav ul li a:hover {background:url(images/topNav_hover.jpg) repeat-x; color:#000000;}

#sideNav {margin-top:110px; list-style:none;}
#sideNav li { background:url(images/nav_bg.gif) repeat-y; margin-bottom:5px;}
#sideNav li:hover {background:url(images/nav_bg_hover.gif) repeat-y;}
#sideNav li a {background:url(images/arrow_06.gif) no-repeat 7px 7px; width:165px; display:block; padding:3px 10px 3px 30px;  text-decoration:none; color:#000; font-size:14px;}

/*featured*/
.featured {text-align:center; padding:15px 10px; border-bottom:dotted 1px #b4b3b3;}

.more {text-align:right; padding-top:8px;}

.featured_title { background:url(images/featured_bg.jpg) repeat-y;}

/*Buckets*/
#buckets {width:689px; margin:0 auto; list-style:none; padding-top:10px;}
#buckets li {float:left; padding:0 10px 10px 0px;}
#buckets li a {display:block;}
#buckets li a.badges {background:url(images/button_badge.jpg) no-repeat ;}
#buckets li a.badges:hover {background-position:0 -118px;}
#buckets li a.wallets {background:url(images/button_badgewallets.jpg) no-repeat ;}
#buckets li a.wallets:hover {background-position:0 -118px;}
#buckets li a.pocket {background:url(images/button_pocket.jpg) no-repeat ;}
#buckets li a.pocket:hover {background-position:0 -118px;}
#buckets li a.collar {background:url(images/button_collar.jpg) no-repeat ;}
#buckets li a.collar:hover {background-position:0 -118px;}
#buckets li a.bars {background:url(images/button_commendation.jpg) no-repeat ;}
#buckets li a.bars:hover {background-position:0 -118px;}
#buckets li a.decals {background:url(images/button_decals.jpg) no-repeat ;}
#buckets li a.decals:hover {background-position:0 -118px;}
#buckets li a.medals {background:url(images/button_medals.jpg) no-repeat ;}
#buckets li a.medals:hover {background-position:0 -118px;}
#buckets li a.tags {background:url(images/button_nametags.jpg) no-repeat ;}
#buckets li a.tags:hover {background-position:0 -118px;}
#buckets li a.patches {background:url(images/button_patches.jpg) no-repeat ;}
#buckets li a.patches:hover {background-position:0 -118px;}
#buckets li a.pins {background:url(images/button_pins.jpg) no-repeat ;}
#buckets li a.pins:hover {background-position:0 -118px;}
#buckets li a.rank {background:url(images/button_rank.jpg) no-repeat ;}
#buckets li a.rank:hover {background-position:0 -118px;}
#buckets li a.tie {background:url(images/button_tie.jpg) no-repeat ;}
#buckets li a.tie:hover {background-position:0 -118px;}

a.custom {background:url(images/button_design.jpg) no-repeat ; display:block; float:left;}
a.custom:hover {background-position:0 -200px;}

#specials {background:url(images/specials_bg.gif) no-repeat; width:416px; height:158px; float:right; padding:20px; font-size:12px;}

.specials_img {float:right; margin-left:10px;}

/*Footer*/
#footer {font-size:11px; width:950px; margin:0 auto;}

/*forms*/
#contact_form {width:500px;}
#contact_form ul {list-style:none; padding:0; margin:0;}
#contact_form ul li {display:block; padding:5px 0; clear:both; background:none;}
#contact_form label {width:20%;font-weight:bold; font-size:12px; display:block; float:left; margin-right:5px; color: #003399; }
#contact_form input {width:76%;  font-size:10px; padding:2px;}
#contact_form textarea {width:100%; overflow:auto;font-size:10px; padding:2px;}


/*testimonials*/
.testimonial { padding:20px 0 10px 0;  border-bottom:dotted 2px #b4b3b3;}

.officer {color:#6b7095; text-align:right;}

/*Product pages*/
#product {float:left; padding-right:15px; width:195px;}

#description {float:right; width:434px;}

.price {color:#0f153b; font-size:16px; font-weight:bold;}

.add {width:auto; height:auto;}

/*category*/
.product {width:215px; float:left; text-align:center; padding-bottom:20px; height:310px; padding-top:20px;}
.product div {max-height:200px;}
.product h2 {padding:20px 20px 0 20px; }

.thumbnail {max-height:150px;}

/*pricing*/
table.prices { border-left:1px solid #000066; border-top:1px solid #000066;}
table.prices td {padding:5px; border-right:1px solid #000066; border-bottom:1px solid #000066;}
table.prices tr.top {background-color:#a6bde8;}

table.prices td {width:13%;}
table.prices td.size {width:9%;}

/*gallery*/
#inner_content  ul.patches { list-style:none;}
#inner_content  ul.patches li { padding-left:0; padding-right:0; background-image:none; width:190px; float:left; text-align:center; padding-bottom:20px; height:150px; padding-top:0;}
#inner_content  ul.patches li img.small {max-width:150px; max-height:150px;}

/*blue box*/
#bluebox {background:#0f153b;  color:#fff; padding:15px; text-align:left; margin-top:100px;}

/*SEO AREA*/ 

.seo {
	text-align:center;
	font-size:10px;
}
.seo h1 {
	font-size:10px;
	color:#8c8c8c;
}