@charset "utf-8";
/* CSS Document */

/*--
	//- Document: CSS Template
	//- Project: Varies
	//- Version: 1.0
	//- Author: Mark J. Moyer working in conjunction with "Lightsaber Promotions, Inc."
--*/

/*********************MISCELLANEOUS STYLES*********************/

.clearfloat {
    clear: both;
	height: 1px;
	line-height: 0;	
}

.fltlft {
    float: left;	
}

.fltrt {
    float: right;	
}

body {
	font: 13px/22px  Arial, Helvetica, sans-serif;
	background: url(../images/bodyUpper-BG.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	color: #000;
}


/* ~~ Element/tag selectors ~~ */

ul { list-style: none; }

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1 { display: block; font-size: 22px; font-weight: 100; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h2 { display: block; font-size: 18px; font-weight: 100; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h3 {display: block; font-size: 16px; font-weight: 100; margin-top: 0;	padding-right: 15px; padding-left: 15px; }
h4 { display: block; font-size: 14px; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h5 { display: block; font-size: 12px; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h6 { display: block; font-size: 10px; margin-top: 0;	padding-right: 15px; padding-left: 15px; }

p { margin-top: 0; padding-right: 15px; padding-left: 15px; }
a { outline: none; }
a img { 
	border: none;
	
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #0044CD;
	text-decoration: none;
}
a:visited {
	color: #0044CD;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #060;
	text-decoration: none;
}

.breadcrumb-inactive {
    color: #77a4fd;	
}

.container {
	width: 980px;
	margin: 0 auto;	
}

.content-container {
	width: 980px;
	padding: 5px 10px 20px;
	margin: 10px auto 20px;
	background: url(../images/content-container-bg.png) no-repeat center bottom;
	background-color: #F9F9F9;
	border-left: 1px solid #001746;
	border-right: 1px solid #001746; 
	border-bottom: 7px solid #002777;	
}

#header-banner { 
	background: url(../images/why-better.png) no-repeat 0 0;
	width: 100%; 
	height: 32px;
	padding-top: 3px; 
}

header {
	height: 250px;
}

.header {
	height: 160px;
	margin: 20px 0 0;
	background: url(../images/header-bg.png) no-repeat 0 0;
}

.logo {
	display: block;
	float: left;
	width: 420px;
	height: 60px;
	margin: 20px 0 0 0;
    background: url(../images/logo.png) no-repeat 0 0;	
}

.logo:hover {
    background: url(../images/logo_hover.png) no-repeat 0 0;	
}

.phone-header {
	float: right;
	display: block;
	width: 310px;
	height: 90px;
	margin: 20px 0 0;
    background: url(../images/phone.png) no-repeat 30px 0;
}

.price-match-logo {
    width: 290px;
	height: 20px;
	margin-top: 70px;
	background: url(../images/price-match-guarantee.png) no-repeat 0 0;	
}

#slider-wrapper { width: 100%; height: 230px; margin: 10px 10px 0; background: none; }

.banner01 {
	width: 960px;
	height: 230px;
    background: url(../images/main-banner-01.jpg) no-repeat 0 0;	
}

.cust-service {
    margin: 15px 0;	
}

.img-alignR {
    margin-right: 15px;
	margin-left: 8px;	
}
/***************************COLUMN STRUCTURE*****************************/

.sidebar {
	float: right;
	width: 270px;
	margin: 20px 0 0 0; 
	padding-bottom: 10px;
}

.sidebar ul li a {
    color: #000;	
}

.sub-side {	
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;	
}

.sub-side h3 {
    text-align: center;	
}

.sub-side p {
    font-size: 11px;
	margin-top: 10px;
	line-height: 18px;	
}

.free-side-list {
	width: 270px;
    margin: 7px 0 20px;
	padding: 15px 0;
	background: url(../images/247-bg.png) no-repeat right 0;	
}

.free-side-list h4 {
    color: #002777;	
}

ul.free-side-list li{
	margin: 0 0 5px 10px;
	padding: 0 0 0 30px;
   	background: url(../images/free-list-marker.png) no-repeat 0 2px;
}

.free-quote-btn {
	display: block;
    width: 270px;
	height: 51px;	
	background: url(../images/free-quote-btn.png) no-repeat 0 0;
	margin: 15px 0 10px;
}

.free-quote-btn:hover {
   background: url(../images/free-quote-btn.png) no-repeat 0 -51px; 	
}

.more-info-btn {
   display: block;
    width: 270px;
	height: 51px;	
	background: url(../images/more-info-btn.png) no-repeat 0 0;
	margin: 15px 0 10px; 	
}

.more-info-btn:hover {
    background: url(../images/more-info-btn.png) no-repeat 0 -51px;	
}

.order-now-btn {
   display: block;
    width: 270px;
	height: 51px;	
	background: url(../images/order-now-btn.png) no-repeat 0 0;
	margin: 15px 0 10px; 	
}

.order-now-btn:hover {
    background: url(../images/order-now-btn.png) no-repeat 0 -51px;	
}

.order-quote-btn {
    width: 580px;
	margin: 0 auto;	
}

.content-order-btn {
    display: block;
	float: left;
    width: 271px;
	height: 51px;	
	background: url(../images/content-order-btn.png) no-repeat 0 0;
	margin: 0 9px 10px;	
}
.content-order-btn:hover { background: url(../images/content-order-btn.png) no-repeat 0 -51px; }
.content-free-quote {
    display: block;
	float: right;
    width: 271px;
	height: 51px;	
	background: url(../images/content-free-quote.png) no-repeat 0 0;
	margin:  0 9px 10px;	
}
.content-free-quote:hover { background: url(../images/content-free-quote.png) no-repeat 0 -51px; }
.content {
	padding: 10px 0;
	width: 680px;
	float: left;
}

.content h1{
	color: #2F82C6;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 400;
    margin: 10px  0;
	height: 34px;
	padding: 5px 0 3px;
	border-bottom: 2px solid #E2E2E2;	
}

.content h2 {
    color: #2F82C6;
	font-family: "Droid Sans", arial, helvetica, sans-serif;
	font-size: 18px;
	margin: 10px 10px 8px 0;
    padding: 5px 0 2px;
	border-bottom: 2px solid #E2E2E2;	
}

.content p {
    padding: 0;
	margin: 10px 0;	
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.content-buy-now {
	width: 725px;
	height: 90px;
    background: url(../images/buy-patches-now.png) no-repeat 0 0;
	margin-bottom: 15px;	
}

.free-bar {
	width: 980px;
	margin: 0 auto;
}

.ajax-main-content {
	padding: 10px 0 0;
	width: 980px;	
}

.main-content {
	padding: 10px 0 0;
	width: 980px;
	float: left;

}

.main-content h1, .ajax-main-content h1 {
    color: #2F82C6;
	width: 925px;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 400;
    margin: 10px 0 10px;	
	padding: 5px 15px 3px 0;
	border-bottom: 2px solid #E2E2E2;	
}

.main-content h2 {
	color: #2F82C6;
	font-family: "Droid Sans", arial, helvetica, sans-serif;
	font-size: 18px;
	margin: 10px 10px 8px 0;
    padding: 5px 0 2px;
	border-bottom: 2px solid #E2E2E2;	
}

.main-content p {
    padding: 0 10px 0 0;
	margin-right: 5px;	
}

section.no-hassle p {
    margin: 0;
	padding: 0;	
}

.main-sidebar {
    float: right;
	width: 270px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 24px;
		
}

.main-sidebar div {
	width: 235px;
    margin: 0 auto;	
}



nav ul {
	list-style: none;
	margin-bottom: 15px; 
}
nav ul li {
	width: 250px;
	margin: 0;
	padding: 0;
	color: #002777;
}
nav ul li a { 
	padding: 5px 5px 5px 35px;
	display: block; 
	width: 200px;  
	text-decoration: none;
	color: #002777;
	margin: 0 0 0 15px;
	background: url(../images/sidebar-nav-marker.png) no-repeat 10px 10px;
}



nav ul li a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: url(../images/sidebar-nav-marker-hover.png) no-repeat 10px 10px #002777;
	color: #FFFFFF;
}

/***********************SIDEBAR NAVIGATION STYLES************************/

.top-sidebar-nav {
    width: 275px;
	height: 19px;
	background: url(../images/sidebar-nav-top.jpg) no-repeat 0 0;	
}

.mid-sidebar-nav {
    width: 275px;
	background: url(../images/sidebar-nav-mid.jpg) repeat-y 0 0;
	margin-top: 0px;	
}

.bot-sidebar-nav {
    width: 275px;
	height: 26px;
	background: url(../images/sidebar-nav-bot.jpg) no-repeat 0 0;
	margin: -15px 0 0;
	margin-bottom: 15px;	
}

.bot-sidebar-feat {
    width: 275px;
	height: 26px;
	background: url(../images/sidebar-nav-bot.jpg) no-repeat 0 0;
	margin: -25px 0 0;
	margin-bottom: 15px;	
}

.sm-line-divider {
    width: 680;
	height: 15px;
	margin: 20px 10px 0;
	background: url(../images/small-line.png) no-repeat 0 0;
	clear: both;	
}

.line-divider {
    width: 940px;
	height: 15px;
	margin: 0 10px;
	background: url(../images/line-divider.png) no-repeat 0 0;	
}

.featured-products {
	background: url(../images/featured-products.png) no-repeat 0 0;
    width: 960px;
	height: 165px;
	margin: 15px auto;	
	padding: 0;	
}

.featured-item {
	float: left;
    width: 175px;
	height: 150px;	
}

.featured-item h2 {
    font-size: 13px;
	font-weight: bold;	
	color: #002777;
	text-align: center;
	margin: 5px 0 0;
	padding: 0 0 10px;
}

.featured-desc {
	display: block;
    width: 155px;
	height: 112px;
	padding: 0 10px;
	border-right: 1px dashed #C6C6C6;	
}

.featured-desc p {
	display: block;
    text-align: center;
	font-weight: bold;
	margin: 10px 0 0;
	line-height: 7px;	
}

.featured-desc a {
    color: #0145CE;
	text-decoration: none;	
}

.featured-desc a:hover {
    color: #09F;	
}

.main-content {
    width: 970px;	
}

.main-content .main-products {
	float: left;
    width: 235px;
	margin: 0 7px 10px 0;
	padding: 0;	
}

.main-products {
    width: 205px;
	float: left;	
}

.main-products .productpod {
    width: 205px;
	height: 290px;
	background: url(../images/productpod-BG.jpg) no-repeat 0 0;	
	margin: 0;
	padding: 10px;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}

.main-content .productpod img {
    width: 203px;
	height: 158px;
	border: 1px solid #A6A6A6;	
}

.main-products h3 {
	color: #032F86;	
	font-weight: bold;
	text-align: center;
	background-color: #E2E2E2;
	width: 225px;
    padding: 5px 0 0;
	margin: 0;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	border-top: 1px solid #A6A6A6;	
}

.main-products h4 {
    color: #767676;	
	font-size: 12px;
	text-align: center;
	margin: 15px 0 0 0;
}

.main-products .productpod p {
	display: block;
	text-align: center;
    font-size: 14px;
	margin: 10px 0 0 0;	
}

.main-products .productpod span {
	display: block;
    color: #090;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

.prod-button {
	display: block;
	text-align: center; 
	text-decoration: none;
    width: 85px;
	height: 23px;
	background: url(../images/product_small_btn.png) no-repeat 0 0;	
	margin: 5px auto 0;
	padding: 0;
	z-index: 9;
}

#step-process p {
	padding: 0 10px;
	margin-right: 5px;
}
    
.free-banner { 
	float: left;
    width: 660px;
	height: 195px;
    background: url(../images/free-banner.jpg) no-repeat 0 0;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-bottom: 7px solid #002777;
}

#lanyard-types-wrapper {
    width: 100%;
	margin: 0 auto;			
}

.fivecolumn {   
    float: left;
    margin-top: 0;
    width: 155px;	
}

.fivecolumn p {
    color: #2F82C6;
    font-family: "Droid Sans",Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin: -15px 0 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    word-spacing: 0;
	width: 140px;
	padding-left: 8px;	
}

.lanyard-header {
	width: 155px;
	height: 45px;
	margin: 0 0 15px 0;
	padding: 0;  	
}

.lanyard-header h1{
	color: #FFFFFF;
	background: url(../images/lanyard-heading.png) no-repeat 0 0;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	width: 150px;
	height: 23px;
	text-align: center;
	margin: 0;
	padding-top: 10px;
	border: none;
}


/***************************************BOXGRID ROLLOVER EFFECT**************************************/

.boxgrid{ 
width: 155px; 
height: 180px; 
float:left; 
background:#F9F9F9; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

/*************************QUOTE FORM STYLES************************/

.two-col-quote {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 430px;
}

.one-col-quote p {
    margin: 0;
	padding: 0;	
}

.one-col-quote {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 470px;	
}

.one-col-quote input {
    width: 300px;
	height: 18px;	
}

.badgeholder-col {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 490px;	
}

.commentcol {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 420px;	
}

.commentcol input {
    border:	1px solid #000;
}

.submit-col {
    width: 500px;
	margin: 0 auto;	
}

.FQ-button {
    background: url(../images/freequote-btn.png) repeat-x 0 0;
	padding: 8px 10px 8px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	cursor: pointer;
	width: 395px;
	height: 53px;
	margin:10px;	
}

.FQ-button:hover {
    background: url(../images/freequote-btn.png) repeat-x 0 -54px;
	padding: 8px 10px 8px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	cursor: pointer;
	width: 395px;
	height: 53px;
	margin:10px;	
}

fieldset {
    border-style: none;
    margin-top: 1em;
}

legend {
	display: block;
    background: url("../images/selectcheck-32.png") no-repeat scroll 0 0 transparent;
    color: #2F82C6;
    font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
    font-size: 15pt;
    font-style: normal;
    font-weight: 400;
    height: 30px;
    line-height: 22px;
    margin: 0;
	padding-top: 5px;
    text-decoration: none;
    text-indent: 40px;
    text-shadow: 0 1px 1px #FFFFFF;
    text-transform: none;
    word-spacing: 0;
}

/********************jQUERY HIDDEN STYLES********************/

.attachment-type {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
	margin-left: 10px;
    width: 145px;
}

.hidden {
    display: none;
}

.replace-radio {
    height: 28px;
    width: 125px;
	cursor: pointer;
	background: url("../images/attachment-radioswap-btn.png") no-repeat scroll 0 0 transparent;
	margin: 0  auto;
}

.on {
    background: url("../images/attachment-radioswap-btn.png") no-repeat scroll 0 -32px transparent;	
}

.swap-radio label {
    cursor: pointer;	
}

label {
    display: inline-block;
    padding: 0 0 4px;
}

input.radio {
    width: 140px;	
}

.buckle-types {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 155px;
}

.badgeoptions {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 155px;
}





.blue-text {
    color: #2F82C6;	
	font-size: 14px;
	font-weight: bold;
}

#poly-quote hr {
	color: #C6C6C6;
    width: 860px;
	border-bottom: 2px solid #C6C6C6;	
}




.DIY-lanyards {
    width: 285px;
	float: left;
	margin-left: 15px;	
}

.DIY-lanyards h2 {
    margin: 0 0 10px 0;
	padding: 0;	
}


section.no-hassle {
	background: url(../images/no-hassle.jpg) no-repeat 0 0;
    float: left;
	width: 265px;
	height: 202px;
	margin: 0 0 0 10px;	
}

aside.no-hassle {
	background: url(../images/no-hassle.jpg) no-repeat 0 0;
    width: 270px;
	height: 210px;
	margin-bottom: 15px;	
}

aside.shipping {
    width: 270px;
	height: 170px;
	background: url(../images/shipping-sidebar.png) no-repeat 0 0;
	
	margin: 0 auto;
}

a.phone {
	display: block;
    width: 270px;
	height: 140px;
	background: url(../images/sidebar-phone.jpg) no-repeat 0 0;	
	margin: 15px 0;
}

.read-more-free-banner {
	display: block;
	width: 120px;
	height: 55px;
	background: url(../images/readmore.png) no-repeat 0 0;
   	float: right;
	margin-top: 100px;
	margin-right: 25px;
}

.read-more-free-banner:hover {
    background: url(../images/readmore_hover.png) no-repeat 0 0;	
}

.product-featured {
    width: 980px;
	height: 320px;
	margin: 15px auto 0;
}

.product-box-1 {
    width: 205px;
	height: 290px;
	float: left;
	background: url(../images/productpod-BG.jpg) no-repeat 0 0 transparent;
	margin: 0 3px;			
}

.product-box-2 {
    width: 315px;
	height: 320px;
	float: left;
	background: url(../images/product-box3.jpg) no-repeat 0 0 transparent;
	margin: 0 3px;			
}

.product-box-3 {
    width: 315px;
	height: 320px;
	float: left;
	background: url(../images/product-box2.jpg) no-repeat 0 0 transparent;
	margin: 0 3px;			
}

.product-box-1 p, .product-box-2 p, .product-box-3 p  {
	display: block;
	width: 125px;
    font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;	
}

.product-box p span {
    display: block;	
}

.inner-product-featured {
    width: 970px;
	height: 320px;
	margin: 15px auto 0;
}

.inner-product-featured h1 {
    padding: 0;
	margin: 10px 0 20px;	
}

span.green-price {
    color: #090;
	font-style: italic;	
}

.product-button {
	display: block;
    width: 145px;
	height: 45px;
	margin-top: 120px;
	margin-left: 10px;
	background: url(../images/product-button.png) no-repeat 0 0;
	color: #002777 !important;	
}

.product-button:hover {
	color: #060 !important;
    background: url(../images/product-button-hover.png) no-repeat 0 0;	
}

.product-box-1 h1, .product-box-2 h1, .product-box-3 h1 {
	font-size: 20px;
	font-weight: bold;
	color: #032F86;
    text-align: center;	
	padding: 0;
	border: none;
}

.hot-new-badgereels {
	float: left;
    width: 480px;
	height: 225px;
	background: url(../images/badge-reel-bg.jpg) no-repeat 0 0;
	margin: 0 0 15px;	
}

.hot-new-badgeholders {
	float: left;
    width: 480px;
	height: 225px;
	background: url(../images/badgeholder-bg.jpg) no-repeat 0 0;
	margin: 0 0 15px;	
}

.badgereel-desc {
	float: right;
    width: 250px;
		
}

.badgereel-desc h4 {
	display: block;
	color: #032F86;
	font-size: 18px;
	text-align: center;	
	padding-top: 30px;
	margin: 0 5px 0 0;
}

.sm-badgeholders {
	float: left;
    width: 320px;
	height: 210px;
	background: url(../images/small-badgeholder.jpg) no-repeat 0 0;	
	margin-left: 25px;
}

.sm-badgereels {
	float: left;
    width: 320px;
	height: 210px;
	background: url(../images/small-badgereel.jpg) no-repeat 0 0;	
		
}

.sm-badgereels h4, .sm-badgeholders h4 {
    text-align: center;
	margin-top: 20px;
	padding: 0 10px 0 40px;
	color: #002777;	
}

a.sm-btn {
	display: block;
	text-align: center; 
	text-decoration: none;
    width: 85px;
	height: 23px;
	float: right;
	background: url(../images/product_small_btn.png) no-repeat 0 0;	
	margin: 115px 25px 0 0;
	padding: 0;
	z-index: 9;
}

a.sm-btn:hover {
    color: #FFFFFF;	
}

.medium-btn {
    display: block;
	float: right;
	width: 135px;
	height: 31px;
	background: url(../images/medium-btn.png) no-repeat 0 0;
	margin: 80px 30px 0 0;
	padding: 4px 0 0 0;
	text-align: center;	
	text-decoration: none;
}

.medium-btn:hover {
    background: url(../images/medium-btn-hover.png) no-repeat 0 0;	
}

/*********************PRICING TABLES********************/

table {
border-collapse: collapse;
font-family: arial, helvetica, sans-serif;
line-height: 25px;
margin: 25px auto;
text-align: center;
width: 680px;
}

th {
background-color: #002777;
border: 1px solid #0765D6;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

tr {
background-color: #dbeeff;
border: 1px solid #0765D6;
color: #000000;
text-align: center;
}

/********************OTHER PRODUCT PODS********************/

.other-products {
    width: 980px;
	height:	 180px;
	background: url(../images/other-products.jpg) no-repeat 0 0;
	border-bottom: 7px solid #002777;
	margin: 15px 0 20px
}

.other-sites {
	float: left;
    width: 205px;
	height: 160px;
	border-right: 1px dashed #E0E0E0;	
}

.other-products h4 {
    text-align: center;
	color: #1040A2;
	padding-top: 8px;
	margin: 0;	
}

.other-products img {
	display: block;
	width: 150px;
    margin: 5px auto 0;	
	padding: 0;
}

.other-products-btn {
    display: block;	
	text-align: center;
	text-decoration: none;
	color: #1040A2 !important;
	font-weight: bold;
}

.other-products-btn:hover { color: #060 !important; }

/******QUICK QUOTE******/

.main-sidebar .sub-side h3 {
	width: 260px;
	height: 46px;
	color: #0044CD;
    
	font-size: 21px;
	text-shadow: 1px 1px #000;
	margin: 0; 
	padding: 7px 0 0;		
}

label.quanity, label.size {
    display: inline;
}
.fullname, .phone, .email, .quanity, .size {
    display: inline-block;
}

.fullname, .phone, .email {
    padding-right: 2px;	
}

#qq-form {
	
    text-align: right;
	margin-top: -20px;	
	margin-right: 6px;
	padding-bottom: 15px;
}

#qq-form p{
	display: block;
    margin-bottom: -5px;	
}
.qq-input {
	height: 15px;
    margin: 0;	
}
.qq-select {
	width: 182px;	
	margin-bottom: 5px;	
	padding: 0;
	border: 1px solid #4A779D;
}

#qq-sub-button {
    background-color: #0229B4;
    color: #F9F9F9;
    cursor: pointer;
    outline: medium none;
}

#qq-sub-button:hover {
    background-color: #4b4bc1;
	color: #FFFFFF;	
}

div.h-heading-bot {
    width: 260px;
	height: 36px;
	
	margin: -10px 0 0; 
	padding: 0;
}

.sidebar1 .sub-side div {
	width: 235px;
	margin: 0 auto;
}

.sidebar1 .sub-side h3 {
    color: #FFF;	
}
    
.sidebar1 .sub-side form#qq-form p {
	display: block;
	color: #FFF;
}

.submit {	
	margin: 0;
    width: 182px;		
}

/*********************MISCELLANEOUS STYLES********************/

.mrg5L {
    margin-left: 6px;	
}

.mrg20L {
    margin-left: 20px;	
}

.mrg10T {
    margin-top: 15px;	
}

.mrg15B {
    margin-bottom: 15px;	
}

.mrg10LR {
    margin: 0 10px;	
}

.mrg10R {
    margin-right: 10px;
}

.mrg15L {
    margin-left: 15px;	
}

.mrg15R {
    margin-right: 15px;	
}

.img10LR {
    margin: 0 10px 0 8px;	
}

.re-bdr {
    border: none;	
}

.sideicon { 
    margin: 5px 8px;
}

/******FOOTER STYLES*******/
#footer-wrap {
    width: 100%;
	height: 100%;
	background-color: #002777;
	border-top: 1px solid #93F;	
}

#footer-main {
    width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #002777;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	
}

footer {
	color: #000000;
	clear: both; 
}

#footer-logo {
	width: 300px;
	height: 85px;
	background: url(../images/footer-logo.png) no-repeat 0 0;
    float: left;
	margin-top: 20px;	
}

.footer-copy {
	display: block;
	padding-top: 20px;
	font-size: 11px;
    color: #C4C4C4;	
	text-align: center;
}

#courtesy-navigation {
	float: right;
    width: 650px;
	padding-top: 20px;
		
}

ul.court-nav-list-L {
	display: block;
	width: 170px;
	float: left;
    list-style: none;		
}
ul.court-nav-list-C {
	display: block;
	width: 265px;
	float: left;
    list-style: none;		
}
ul.court-nav-list-R {
	
	display: block;
	width: 175px;
	float: left;
    list-style: none;		
}

ul.court-nav-list-L li a, ul.court-nav-list-C li a, ul.court-nav-list-R li a{
	background: url(../images/sidebar-nav-marker-hover.png) no-repeat 0 1px;
    text-decoration: none;	
	color: #B7BEC9;
	padding-left: 18px;
}

ul.court-nav-list-L li a:hover, ul.court-nav-list-C li a:hover, ul.court-nav-list-R li a:hover {
	background: url(../images/footer-nav-marker.png) no-repeat 0 1px;
    color: #FFFFFF !important;	
	
}

.mrglft30 { margin-left: 30px; }


/***********************************************************************************************************/


/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}