/*


  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

  =01 : UNIVERSAL SELECTORS
  =02 : BODY STRUCTURE
  =03 : LINKS
  =04 : NAVIGATION
  =05 : HELPER CLASSES
  =06 : ACCESSIBILITY
  =07 : TABLES


  =COLOR GUIDE=

  PRIMARY COLOR: #
  SECONDARY COLOR: #

*/

/* ========= */
/* = FONTS = */
/* ========= */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot?') format('eot'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#webfont1Lb5Pdit') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue.otf?') format('otf'),
         url('../fonts/helveticaneue.ttf') format('truetype'),
         url('../fonts/helveticaneue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =01 : UNIVERSAL SELECTORS */

* { }


body.homepage { background: url('../img/backgrounds/home_html_bg.gif') repeat-x #fff; height:auto!important;}

html, body { margin: 0; font: normal 12px/18px arial, helvetica, san-serif; }

article, section, header, footer, nav, aside, hgroup { display: block; }

/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

#page { width: 960px; margin: 0 auto; } /* set the pagewidth here */

h1, h2, h3, h4 {
    font-family: 'LeagueGothicRegular','Arial Narrow','Arial Narrow',Arial,San-serif;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
h4 { font-size: 16px; }

a { color: #a72d27; }
a:hover { text-decoration: none; }

header { height: 123px; position: relative;  }

#utility_nav { position: absolute; margin: 0; padding: 0; list-style: none; right: 0; top: 10px; }
#utility_nav ul { float: right; margin: 0; padding: 0;}
#utility_nav li { display: inline; font-size: 12px; padding: 0 !important; color: #efefef; margin: 0;}
#utility_nav li a { color: #333; text-decoration: none; text-transform: uppercase;}

#utility_nav-left { position: absolute; margin: 0; padding: 0; list-style: none; left: 0; top: 10px; }
#utility_nav-left ul { float: left; margin: 0; padding: 0;}
#utility_nav-left li { display: inline; font-size: 12px; padding: 0 !important; color: #efefef; margin: 0;}
#utility_nav-left li a { color: #333; text-decoration: none; text-transform: uppercase;}

#main_navigation ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
#main_navigation ul li { list-style: none; margin: 0; padding: 0 15px 0 0; display: block; float: left; position: relative; background: none;  }
#main_navigation ul li.last { padding-right: 0; }
#main_navigation ul li a { background: none; padding: 5px 10px; color: #484848; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #fff; font-weight: bold; display: block;}
#main_navigation ul li a:hover { background: #404040; color: #71d4e9; text-shadow: none; }
#main_navigation ul li strong.unclickable { color:#aaa }
#main_navigation ul li ul {opacity: .8 !important;}

#main_navigation ul li a.active { background: #404040; color: #71d4e9; text-shadow: none;  }

#main_navigation li ul { position: absolute; left: -999999px; background: rgba(0,0,0,.90); margin: 0; padding: 15px; z-index: 200; -moz-box-shadow: 0px 2px 3px #666; width: 200px; }
#main_navigation li ul#products_nav { width: 550px; }

#main_navigation li ul li { width: auto; float: none; margin: none; padding: 0; }
#main_navigation li ul#products_nav li { width: 170px; float: left; margin-right: 10px; }
#main_navigation li.search_link { clear: both; width: 520px; float: none; padding: 10px 5px 5px; font-size: 14px; color: #a72d27; text-transform: uppercase;}
#main_navigation li ul li a { text-transform: none; padding: 5px 0; color: #fff !important; text-shadow: none;}
#main_navigation li ul li a:hover { color: #71d4e9 !important; background: none !important;}

#main_navigation li:hover ul, #main_navigation li ul.active { left: auto; }

#main_navigation li.block-wrapper{ padding-bottom:17px;}
#main_navigation li.block-wrapper.first{ padding-bottom:0px;}
#main_navigation li.block-wrapper div.item-wrapper{float:left; padding: 0 0 0 0}
#main_navigation li.block-wrapper div.location{display:inline-block; width:180px; padding-left: 8px;}
#main_navigation li ul li div.location a{padding:0;}




/* ========== */
/* = SubNav = */
/* ========== */


#carousel { height: 378px; position: relative; }

.section_heading { background: #404040; padding: 10px; height: 32px; line-height: 30px;}
.section_heading h3 { color: #fff; text-transform: uppercase; margin: 0; font-size: 22px;}

.icon { position: relative; padding: 10px 10px 10px 40px; }
.icon span.circ { position: absolute; left: 10px; top: 15px;}


.circ {
    width: 21px; display: block; color: #000; text-align: center; line-height: 20px; font-weight: bold;
    height: 20px; font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif; font-weight: normal; font-size: 15px;
    background: url('../img/homepage/callout/car_circle.png') no-repeat;
}


.homepage #content { padding: 40px 0 20px 0;}
.subpage #content { margin: 15px 0 0 0; float: left; width: 100%}



#carousel-nav { position: absolute; bottom: 75px; height: 75px; background: rgba(000,000,000,.75); width: 940px; padding: 10px 0px 10px 20px;}
#carousel-nav ul { list-style: none; margin: 0; padding: 0; }
#carousel-nav li { width: 185px; float: left; margin: 0 20px 0 0; padding: 0 0 0 30px; color: #fff; position: relative; }
#carousel-nav li strong { text-transform: uppercase; color: #5cd2eb; font-size: 20px; display: block; margin-bottom: 4px; font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif; font-weight: normal;}

#carousel-nav li .circ { position: absolute; left: 0; background: #fff;}

#carousel_cta { position: absolute; bottom: 15px; z-index: 500; right: 10px; background: rgba(000,000,000,.75); padding: 0 10px; height: 45px; margin-left: 10px;  }

.cta_nav { border: 1px solid #000; height: 30px; list-style: none; margin: 0; padding: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  float: right;}
.cta_nav li{ background: url("/img/button.png") repeat-x scroll center bottom #77D9EE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.cta_nav li.first { border-right: 1px solid #a4e6f4; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius:  10px 0 0 10px; border-radius:10px 0 0 10px;}
.cta_nav li.last { border-left: 1px solid #448693; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius:  0 10px 10px 0; border-radius:  0 10px 10px 0; }
.cta_nav ul {  }
.cta_nav li { float: left; margin: 0; padding: 0; }
.cta_nav a, .cta_button a { font-size: 16px; font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif;  color: #000; line-height: 30px; display: block; padding: 0 15px; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #76d8ed; }
.cta_nav a:hover, .cta_nav li:hover, .cta_button a:hover{ background-position: 0 -48px; }
.cta_nav li.first a:hover { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
.cta_nav li.last a:hover { -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0px 10px 10px 0px; }
#catalog_nav{
	margin-top:20px;
	float:right;
}
.cta_button { float: none; border: 1px solid #000; background: url('../img/buttons/aqua_button_bg.gif'); height: 30px; list-style: none; margin: 0; padding: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
}

.cta_button a { text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; float: none !important;}
.cta_button a:hover {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }

#upload_form label { float:left; }
#upload_form input, #upload_form textarea, #upload_form select { float: right; }
#upload_form li { clear: both; height: auto; padding: 5px 0; }
.top_content { border-bottom: 20px solid #fff; }
.image_upload { display: none; }

.qc_button a { font-size: 16px; font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif;  color: #000; line-height: 30px; display: block; padding: 0 15px; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #76d8ed; border: 1px solid #000; background: url("/img/button.png") repeat-x scroll center bottom #77D9EE; height: 30px; list-style: none; margin: 0 auto; border-radius: 10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.qc_button a:hover { background-position: 0 -48px;}
.fineprint { font-size: 11px; }
#quick_contact { width: 250px; float: right; margin: 0 0 15px 15px; padding: 15px; background: rgba(0,0,0,.75);}
#quick_contact p { text-align: center; color: #fff; margin: 0;}

#carousel_cta .cta_nav { float: right; margin: 7px 0 0 0; }
#carousel_cta p { text-transform: uppercase; color: #fff; float: left; margin: 0 20px 0 10px; font-size: 16px; line-height: 45px; font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif; }

#carousel-slides div.article { position: relative; }
#carousel-slides li { background: #fff; width: 960px; margin-left: 0px; height: 378px; overflow: hidden; }
#carousel-slides .article article { position: absolute; top: 45px; left: 100px; width: 220px; }
#carousel-slides article h2 { color: #933327; font-size: 32px;}



/* ======================== */
/* = From the Underground = */
/* ======================== */

#from_underground { background: url('../img/homepage/ftugp_shadow.gif') bottom center no-repeat #f0f0f0; padding: 0 0 60px 0;}

#from_underground .bx-wrapper { float: left; }

#underground_slides { list-style: none; margin: 6px; padding: 0; float: left; }
#underground_slides li { width: 173px; float: left; margin: 0 5px 0 0; position: relative; padding: 0px; height: 241px; background: url('../img/backgrounds/ftu_slide_bg.gif') no-repeat; }
#underground_slides li a strong { background: rgba(000,000,000,.75); display: block; text-decoration: none; color: #fff; padding: 0 5px;
    width: 130px; height: 28px; text-transform: uppercase; font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif; font-weight: normal;
    position: absolute; bottom: 35px; right: 9px; line-height: 28px; font-size: 18px;
    }

.slide_top { height: 9px; width: 960px; position: absolute; z-index: 100; display: block;}
.slide_bottom { height: 9px; width: 960px; position: absolute; z-index: 100; display: block; bottom: 0;}

#underground_slides li a { display: block; width: 173px; height: 241px; text-decoration: none; }

#underground_testimonials { float: right; width: 225px; margin: 6px 0; padding: 6px 0; list-style: none; }
#underground_testimonials li {  margin: 0; padding: 25px 10px;  }
#underground_testimonials li blockquote { font-size: 17px; line-height: 24px; position: relative; z-index: 900; }
#underground_testimonials li cite { color: #666; font-weight: bold; position: relative; z-index: 900;}

#underground_testimonials .lq { position: absolute; font-size: 102px; color: #ddd; top: 10px; line-height: 102px; margin-left: -10px;}
#underground_testimonials .rq { position: absolute; font-size: 102px; color: #ddd; bottom: 20px; right: 0px; line-height: 102px; margin-left: -10px;}


/* ================= */
/* = Home Products = */
/* ================= */

#home_products { width: 700px; float: left; border: 1px solid #404040;}
#home_products h3 { float: left; }
#home_products .section_heading, #primary_content .section_heading { position: relative;}
#home_products .cta_nav, #primary_content .cta_nav { position: absolute; right: 10px; top: 10px; }
#localization_content { width: 240px; float: right; }

#local_stores li { padding: 0 0 8px 0; }
#local_stores li strong { display: block; font-size: 12px; }

#products_list  > li {
	width: 292px;

	float: left;
	position: relative;

	margin: 5px;
	clear: none !important;
	overflow-y: hidden;
	border: 1px solid #d9d9d9;
}
#products_list li.no-subcategories{
	width: 140px;
}
#products_list li a {
	text-decoration: none;
	color: #444444;
}
#products_list li a:hover {
	text-decoration: underline;
}
#products_list li .thumb-header {
	text-align: center;
	padding: 5px;
	background: #f2f2f2;
	font-weight: 700;
}
#products_list li .thumb-body {
	height: 144px;
	padding: 5px;

}
#products_list li span {
	color: #a72d27;
	display: block;
	bottom: 0;
	text-align: center;
	width: 110px;
	font-weight: bold;
	font-size: 14px;
}
.main-category {
	float: left;
}
.subcategories {
	float: left;
	width: 140px;
	padding: 0 5px;

}
.subcategories li {

}
.subcategory-link {
	float: left;
	clear: both;
}
#products_list li img {
	display: block;
	margin: 0;
	width: 130px;
}

#quote_products li { width: 95px; height: 95px; float: left; position: relative; margin: 0 10px 0 0; clear: none !important; padding-bottom: 15px; }
#quote_products li a { display: block; padding: 10px; }
#quote_products li span { color: #a72d27; display: block; text-align: center; width: 75px; font-weight: bold; font-size: 12px; line-height: 14px; margin: 5px 0 0 0;}
#quote_products li img { display: block; margin: 0 auto; width: 50px; }
#quote_products li a.active { border: 5px solid #a72d27; padding: 5px; }

#localization_content .section_heading, #site_galleries .section_heading { border-bottom: 5px solid #fff; }
#localization_content section, #site_galleries { background: #f2f2f2; margin: 0 0 20px 0;}
#localization_content section div.content, #site_galleries div.content { padding: 10px; }

#campus_locations { background : url('../img/backgrounds/inset_metal.gif'); -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0px 0px 5px #000; padding: 10px 5px; }

#campus_locations li { margin: 0 5px; clear: both; padding: 10px 0; }
#campus_locations li img { float: left; border: 1px solid #000; width: 58px; height: 58px; display: block; background: #fff; margin: 0 15px 0 0; -webkit-box-shadow: 0 0 5px #666;-moz-box-shadow: 0 0 5px #666; }

.store_information { padding: 10px; }

.store_information .product_text { float: left !important; }
.store_information .product_text.store-details {
	float:none !important;
	vertical-align: top;
	padding: 5px 10px;
}

.store_information .product_thumbnail { border-right: 1px solid #eaeaea; padding-right: 20px; }
#primary_interior .store_information .product_thumbnail.store-details:hover {
	box-shadow: 0 0 0 0;
}

.region { padding: 20px 0; width: 315px; float: left; margin: 0 20px 0px 0; }
.region_list dt { padding: 12px 0 4px 0; font-weight: bold; font-size: 14px; text-transform: uppercase; clear: both; }
.region_list dd { padding: 4px 0; clear: both; }
.region_list a { text-decoration: none; font-size: 14px; color: #444; display: block;}
.region_list a:hover { background: #efefef;}
.region_list a:hover span { text-decoration: none; }
.region_list a span { color: #a72d27; display: block; font-size: 12px; text-decoration: underline;}
.region_list img { width: 105px; height: 80px; float: left; margin-right: 10px;  }
.region_list em { font-size: 12px; color: #666; display: block; font-style: normal;}

p.see_all { padding: 0 0 10px 10px; }

img.center_image { display: block; margin: 8px auto 18px auto; text-align: center; }

#find_stores ul { list-style: none; }
#find_stores ul li { margin-left: 0px; }

footer { clear: both; background: url('../img/backgrounds/footer_bg.gif') top repeat-x; border-top: 1px solid #d9d9d9; padding: 10px 0 0 0; }
footer section { width: 960px; margin: 0 auto;}

footer address { display: block; position: relative; z-index: 900; margin: 0; padding: 18px 0 0 0; clear: both; font-style: normal; font-size: 11px; color: #999;}
#footer_nav { position: relative; z-index: 900;  margin: 0; padding: 0 0 30px 0;}
#footer_nav ul li { display: inline; font-size: 12px; color: #aaa; }
#footer_nav ul li a { color: #666;}


.article {}
.section {}
.aside {}
.navigation {}

#header {}

#content {}
#content-main {}
#content-sup {}
#content-aside {}

footer #footer_content {
	width:960px;
	margin:15px auto;
	color:#323030;
	}

section.footcopy  {

}

footer #footer_content a {
	font-weight:bold;
	color:#b20837;
	font-size:13px;
}




section#weekly_pic {
	width:202px;
	float:left;
    margin-right: 15px;

}

section#weekly_pic .cont {
	display:block;
	height:113px;
	margin-top:4px;
	-moz-box-shadow: 0 0 4px #626262 inset;
	-webkit-box-shadow: 0 0 4px #626262 inset;
	background: rgba(62, 62, 62, 0.05);
	padding:10px 20px 10px 10px;
}

section#weekly_pic .cont img.weekly {
	background-color:#fff;
	border:solid 1px #626262;
	padding:1px;
	float:left;
	margin:0px 10px 0px 0px;
}

.icon span.circ img {
	margin:-2px 0px 0px -3px;
}

section#newsletter {
	width:250px;
	float:left;
    margin-right: 15px;
}

section#newsletter .cont {
	display:block;
	height:113px;
	margin-top:4px;
	-moz-box-shadow: 0 0 4px #626262 inset;
	-webkit-box-shadow: 0 0 4px #626262 inset;
	background: rgba(62, 62, 62, 0.05);
	padding:10px 0px 10px 10px;
}
section#pearup {
	width:235px;
	float:left;
    margin-right: 15px;

}

section#pearup .cont {
	display:block;
	height:113px;
	margin-top:4px;
	-moz-box-shadow: 0 0 4px #626262 inset;
	-webkit-box-shadow: 0 0 4px #626262 inset;
	background: rgba(62, 62, 62, 0.05);
	padding:10px 20px 10px 10px;
}

section#questions {
	width:202px;
	float:left;
}

img.footer_splash {
	position:absolute; z-index: 1;
	margin:-75px 0px 0px -53px;
}

section#questions a{
	color:#050609;
}

section#questions .cont {
	display:block;
	height:113px; position: relative; z-index: 5;
	margin-top:4px;
	-moz-box-shadow: 0 0 4px #626262 inset;
	-webkit-box-shadow: 0 0 4px #626262 inset;
	background: rgba(62, 62, 62, 0.05);
	padding:10px 0px 10px 10px;
}

section#questions .cont h4 span {
	color:#b20837; display: block;
	font-size:17px;
	font-weight:bold;
}

section#questions .cont h4 {font-weight:normal;}

/* ============ */
/* = Subpages = */
/* ============ */

.subpage #content { background: url('../img/backgrounds/content_ridge.gif') repeat-y -9px 0 #f0f0f0; }

    #primary_interior { background: #fff; margin: 10px 10px 10px 10px; padding: 12px; }
    #primary_interior .product_thumbnail {  }
    #primary_interior .product_text {  }

    #primary_interior.tabs_interior { background: none; margin: 10px; padding: 0px 0 0 0;}

    #primary_interior ul { list-style: disc; }


#content_block_wrapper { background: url('../img/backgrounds/content_splatter.gif') bottom right no-repeat; }

#primary_content { float: left; width: 721px; }

#approval_questions { float: right; width: 620px; margin: 40px 0 0 0; }
#picture_faq { width: 250px; float: left; margin: 40px 0 0 0; }

#billing_information { float: left; width: 620px; margin: 40px 0 0 0;}
#payment_sidebar { width: 250px; float: right; margin: 40px 0 0 0; }

#content_block_wrapper.nosidebar { background: #f0f0f0; }

#primary_content.full_panel { float: none; width: auto; }
#primary_content.full_panel_gallery { float: none; width: auto; padding: 0; margin: 0;}
#primary_content.full_panel_gallery #primary_interior { padding: 5px; }

#primary_content h1 { color: #a5261c; line-height: 22px; }

#primary_content .section_heading { border-right: 1px solid #818181; }
#also_want .section_heading { border-left: 1px solid #000; }

#also_want { width: 239px; float: left; padding: 0 0 15px 0;}

#simmilar_products { padding: 15px; }
#simmilar_products li { padding: 15px 0; border-bottom: 1px solid #aaa; border-top: 1px solid #fff; clear: both; }
#simmilar_products li.item-1 { padding-top: 0px; border-top: none; }
#simmilar_products li img { float: left; margin: 0 18px 0 0;}
#simmilar_products li a { font-weight: bold; text-decoration: none; line-height: 1.1em; display: block; }
#simmilar_products li a:hover { color: #333; }
#simmilar_products li.item-last { border-bottom: none; }

p.breadcrumbs {
	color: #FFFFFF;
    display: inline;
    font-size: 8pt !important;
    line-height: 34px;
    margin: 0;
    text-transform: uppercase;
}

p.breadcrumbs a { color: #72d4e9;}

#breadcrumbs_admin { display: inline; }
#breadcrumbs_admin li { display: inline; padding: 0; margin: 0; color: #999; font-size: 10pt; text-transform: uppercase;}
#breadcrumbs_admin li a { color: #72d4e9; }


#product_detail_list li {
	float: left;
	width: 228px;
	margin-bottom: 10px;
	text-align: center;
}


#color_options { list-style: none; margin: 18px 0; padding: 0; }
#color_options li.title { float: none; font-weight: bold; text-transform: uppercase; border: none; }
#color_options li { float: left; margin: 0 5px 5px 0; padding: 1px; border: 1px solid #efefef; list-style: none; }
#color_options li img { display: block; }
.enlarge_link { text-align: center; }

.colorOptions {
	list-style: none !important;
	float: left;
}
.colorOptions li {
	clear: both;
	float: left;
	padding: 0;
	margin: 0 0 3px 0;
	border: none !important;
}
.colorOptions li img, .colorOptions li .image-swatch{
	float: left;
	border: 1px solid #FFFFFF;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	margin: 0 0 0 0;
}
.colorOptions li span {
	height: 22px;
	line-height: 22px !important;
	font-size: 10px !important;
	float: left;
	color: #444444;
	overflow: hidden;
	padding: 0 0 0 5px;

}

/* =03: LINKS */

a { }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}


/* =04: NAVIGATION */

#main-navigation { list-style: none; margin: 0; padding: 0; }
#main-navigation li { }
#main-navigation li a { }

#footer-navigation { list-style: none; margin: 0; padding: 0; }
#footer-navigation li { }
#footer-navigation li a { }

/*
ACCESSIBLE CSS ROLL OVERS
#main-navigation li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }

SUCKERFISH DROPDOWNS
#main-navigation ul { position: absolute; left: -99999px; }
#main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; }

#main-navigation li { }
#main-navigation li a { }
#main-navigation ul li { }
#main-navigation ul li a { }

*/

#secondary-navigation { list-style: none; margin: 0; padding: 0; }

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =07: ACCESSIBILITY */

#skip-links { position: absolute; top: -500px; }

#search_box { background: url('../img/backgrounds/inset_metal.gif'); ; padding: 3px 10px; -moz-box-shadow: inset 0 0 5px #999; box-shadow: inset 0px 0px 5px #999; width: 272px; position: absolute; right: 0px; top: 35px; display: none; }
#search_box p { margin: 0; }
#search_results { display: none; }

/* =08: TABLES */

table {}
table tr {}
table td {}
summary {}
th {}
legend {
	font-family:'HelveticaNeue', helvetica, arial, san-serif!important;
	font-size: 14pt!important;
}
fieldset {
    border: 1px solid #CCCCCC!important;
    margin: 20px 0!important;
    padding: 1.4em!important;
}
.stl { list-style: none; margin: 0; padding: 0; }
.stl li { list-style: none; margin: 0; padding: 0; }

/* =09: FORMS */

.adj-form { list-style: none; margin: 0; padding: 0; }
.adj-form label { float: left; }
.adj-form input, .adj-form textarea { float: right; padding: 5px; font-family: arial, helvetica, san-serif; color: #333; }
.adj-form li { clear: both; padding: 10px 0 10px 0; }
.adj-form input:focus, .adj-form textarea:focus { color: #000; }

.norm-form { list-style: none; margin: 0; padding: 0; }
.norm-form label { display: block; font-weight: bold; padding: 0 0 5px 0; }
.norm-form input, .norm-form textarea { padding: 5px; font-family: arial, helvetica, san-serif; color: #333;}
.norm-form input:focus, .norm-form textarea:focus { color: #000; }

form .required {
	font-weight: bold;
}
form .wrong{
	box-shadow: 0 1px 10px #A72D27;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}

form ol input {
	float:left;
	margin:0px 0px 0px -30px;
	}

#sign_me_up_email {
    height: 25px;
    width: 115px;
}

form ol input.inset_field {
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 2px #626262 inset;
    color: #A2A2A2;
    display: block;
    font-style: italic;
    height: 25px;
    padding: 0 0 0 10px;
    width: 285px;
}
form ol input {
    float: left;
    margin: 0 0 0 -30px;
}
input[type="submit"], input[type=button], button{
    border-radius: 10px;
    cursor: pointer;
	padding:2px 10px;
	font-family: 'LeagueGothicRegular', 'Arial Narrow', 'Arial Narrow', Arial, San-serif;
	font-size:15pt;
	line-height:16px;
    padding: 1px 18px;
    text-shadow: 0px 1px 2px #EEE;
}
input[type="submit"], input[type=button], button, .btn_link{
	border:1px solid #000000!important;
	background: url("/img/button.png") repeat-x scroll center bottom #FE986F;
	text-shadow: 0 1px 2px #EEEEEE;
	 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clear {
	clear: both;
}
.hidden{
	display: none;
}
.getAnotherQuote {
	background: maroon;
	font-family:'HelveticaNeue', helvetica, arial, san-serif!important;
	text-shadow: none;
	color: #444444;
	float: right;
	font-size: 14px !important;
}
.utility_btn{
    background: url("/img/button.png") repeat-x scroll center bottom #CCCCCC !important;
    font-family: inherit;
    font-size: 12pt;
    font-weight: bold;
    padding: 2px 6px !important;
}

input[type="submit"]:hover, input[type=button]:hover, .btn_link:hover{
	background-position: 0 -48px;
}

l input.inset_field {
	width:260px;
	height:25px;
}

li.submit_button {
	float:right;
	margin:-36px 0 0 !important;
}

li.submit_button p {
	text-transform:uppercase;
	padding:2px 0px 0px 30px;
	-moz-text-shadow: 0 0 0.2em #fff;
	-webkit-text-shadow: 0 0 0.2em #fff;
	text-shadow: 0 0 0.2em #fff;
	}

/* =========== */
/* = Sub Nav = */
/* =========== */

#sub_nav ul { list-style: none; margin: 10px; background: url('../img/backgrounds/inset_metal.gif'); -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0px 0px 5px #000; padding: 10px 10px; }
#sub_nav ul li { margin: 0; padding: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #eee; }
#sub_nav ul li.first { border-top: none; }
#sub_nav ul li.last { border-bottom: none; }
#sub_nav ul li a { padding: 5px 10px 5px 20px; display: block; text-decoration: none; background: url('../img/buttons/sub_arrow.png') 10px center no-repeat; }

#sub_nav ul li a.active { text-transform: uppercase; font-weight: bold; color: #000;}

#sub_nav ul li a:hover { background-color: #fff; }

#social_list { margin: 10px; background: url('../img/backgrounds/inset_metal.gif');  -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0px 0px 5px #000; padding: 10px 10px; text-transform: uppercase; }
#social_list li#facebook a { display: block; padding: 0px 0 0 40px; background: url('/img/social/facebook_32.png') left center no-repeat; height: 52px; line-height: 52px; color: #1391da; font-weight: bold; border-bottom: 1px solid #999; font-size: 12px; }
#social_list li#twitter a { display: block; padding: 0px 0 0 40px; background: url('/img/social/twitter_32.png') left center no-repeat; height: 52px; line-height: 52px; color: #1391da; font-weight: bold; border-top: 1px solid #eee; font-size: 12px;  }

/* ================== */
/* = Jquery UI Tabs = */
/* ================== */

#service_tabs nav { background: #606060; height: 30px; padding: 0 15px;  }
#service_tabs nav h1 { float: left; color: #fff; line-height: 30px; }
.jui-tabs { list-style: none; padding: 0 0 0 2px; float: right; height: 30px;  }
.jui-tabs li { float: left; border-right: 1px solid #818181; border-left: 1px solid #000; margin: 0; display: block; }
.jui-tabs li a { padding: 0px 5px; color: #fff; text-decoration: none; font-weight: bold; display: block; height: 30px; line-height: 30px;}
.jui-tabs li.ui-state-active { border-right: none; border-left: none; margin: 0 1px; }
.jui-tabs li.ui-state-active a { background: #fff; color: #000; border-top: 3px solid #606060;  }
.ui-tabs-panel {  border-top: 0px; background: #fff; padding: 15px; }
.ui-tabs-hide { display: none; }

#print_colors img { width: 670px; }

#price_factors li { padding: 0 0 8px 0;}
#price_factors li strong { display: block; font-size: 13px; }

.service_image { float: right; margin: 0 0 18px 18px; padding: 5px; border: 1px solid #ddd; }

.ui-accordion-header { font-family: 'Helvetica Neue', 'Arial', 'Helvetica', San-Serif; }
.ui-accordion-header a { padding: 5px 5px 5px 30px; background: url('../img/homepage/callout/circle_closed.png') left 5px no-repeat; text-decoration: none; font-size: 15px; line-height: 20px; text-transform: none; font-weight: bold; display: block; border-top: 1px solid #eee;}
.ui-state-active a { background: url('../img/homepage/callout/circle_open.png') left 5px no-repeat; }
.ui-state-active span { display: none; }
.ui-accordion-header a span { float: right; font-weight: normal; text-decoration: underline; font-size: 12px; color: #666;}
.ui-accordion-header a:hover { color: #555; background-color: #f8f8f8;}
.ui-accordian-header a:hover span { color: #000;}

.twtr-ft { display: none; }

#social_sharing { width: 195px; margin: 0 auto; }
#social_sharing h5 { text-transform: uppercase; font-size: 12px; color: #666; }

.twtr-doc { margin: 10px auto;}

/* ================= */
/* = Art Approvals = */
/* ================= */

#order_history { background: #eee; padding: 5px; }
#job_details { list-style: none; margin: 0; padding: 2%; width: 44%; float: left; background: #fff; }
#job_details li { margin-left: 0px; list-style: none;}
#job_details li.link { float: right; }
#job_details li.title { font-weight: bold; font-size: 16px;}

#file_details {float: left; list-style: none; margin: 0; padding: 2%; }
#file_details li { margin: 0; padding: 0; list-style: none; }

.f_history { display: inline-block; float: right; width: 44%;}

#approval_table { margin: 20px 0; width: 100%;}
#approval_table td { padding: 10px; }
#approval_table tr.odd td { background: #eee; }
.decline-reason { display: none; padding: 10px 0 0 0; }
.decline-reason p { margin: 0; font-weight: bold; text-transform: uppercase; }
.decline-reason textarea { height: 100px; }

#accordian_faq h2 { font-size: 12px; line-height: 20px; }
#accordian_faq p { padding-left: 30px;}
#artwork_sample img { display: block; margin: 0 auto 10px auto;}
#artwork_sample p { text-align: center;}

.form_submit input { display: inline;}
.form_submit p.cancel { display: inline; padding-left: 15px;}

.approval_email { background: #f6f6f6; padding: 15px; margin: 0 0 18px 0 }
.approval_email p { margin-bottom: 8px; }

/* ================ */
/* = Payment Page = */
/* ================ */

ul.payment_form { list-style: none !important; }
ul.payment_form li { clear: both; padding: 5px 0 !important; list-style: none; margin: 0;}

.rel_list {  position: relative;  }

li.vlabel label { display: block; }
li.hlabel label { width: 125px; float: left; text-align: right; margin-right: 10px; }
li.vlabel textarea { float: left; clear: left; }
li.hlabel input, li.hlabel select { float: left; }
.req, .rec { color: #ff0000; }
li.cvc_row { padding-bottom: 0px !important; }
li.cvc_exp { padding-top: 0px !important; }
li.cvc_exp a { width: 125px; float; left; margin-right: 10px; }
ul.payment_form label span { font-weight: normal; }

.exp_group { float: left; }
.exp_group select { float: none !important; }

div.payment_type_popup { position: absolute; width: 270px; right: 0; display: none; }
div.payment_type_popup p { margin:0;}
#pament_table thead { }
#pament_table thead td { padding: 2px 5px; }
#pament_table h4 { margin: 0;}
#pament_table { width: 100%; }
#pament_table tbody td { padding: 5px; }
#pament_table td.ptd { text-align: right; }
#pament_table tr.odd td { background: #f6f6f6; }
#pament_table tbody td { background: #efefef; }
#pament_table tfoot { border-top: 2px solid #999; }
#pament_table tfoot td { font-weight: bold; font-size: 14px; text-align: right; padding: 5px 0 0 0; }

#payment_sidebar .widget { margin: 0 0 30px 0;}
#NewsletterEmail{
	border-style: ridge;
    color: #555555;
    font-weight: bold;
}
/* =================== */
/* = Request a Quote = */
/* =================== */

#product_options { display: none; }

.ajax_loading { background: url('/img/loading.gif') center center no-repeat; min-height: 100px; }

li.disabled label { color: #999; }

.garment_line { width: 305px; float: left; }
.garment_line label { float: left; margin-right: 20px; }
.color_picker { float: left; }

#placement_options { width: 550px; float: left; }
#placement_options li img { width: 100px; height: 125px; display: block; margin: 0 0 10px 0; }
#placement_options li { width: 100px; float: left; margin: 0 10px 10px 0; clear: none !important; height: 215px;  }
#placement_options input.checkbox { float: none !important; display: block; margin: 0 auto; }
#placement_options label { text-align: center; float: none; line-height: 14px; font-weight: normal; display: block; padding: 5px 0; }

.num_colors { padding: 10px; display: none;}

.num_colors label { float: left !important; color: #A72D27; font-size: 11px; padding: 0 5px 0 0 !important; line-height: 19px !important; }
.num_colors input { width: 16px; height: 16px; }

#greek_name { display: none; }

.product_selection { padding: 20px 0;}

#hidden_form { display: none; }

.double_form li { width: 46%; float: left; margin-right: 2%; clear: none !important;}

/* ================= */
/* = Gallery Pages = */
/* ================= */

#current_gallery { float: left; width: 630px; }
#site_galleries { float: right; width: 310px; }

#photogallery-large { margin: -10px; }
#photogallery-large li { position: relative; }
#photogallery-large li span { display: block; background: #000; position: absolute; bottom: 0; padding: 10px; font-size: 14px; line-height: 20px; color: #fff; background: rgba(0,0,0,.75); width: 910px; }

#gal_control li { float: left; margin: 0 18px 20px 0;}
#gal_control li a { display: block; position: relative;  text-decoration: none;padding: 3px; border: 1px solid #ddd; }
#gal_control li a:hover { background: #ddd; }
#gal_control li img { display: block;}
#gal_control li a span { display: block; font-weight: bold; padding: 5px 0;  }

#gal_pagination
{
  margin: 0 auto;
  clear: both;
  text-align: center;
}

#gal_pagination li
{
  font-weight: bold;
  font-size: 16px;
  margin: 0 5px;
  padding: 10px;
}

#gal_pagination li a
{
  font-size: 14px;
}

#gal_control li a.pager-active { background: #A72D27; border: 1px solid #A72D27;}

#site_galleries li { border-bottom: 1px solid #eee; }
#site_galleries li a { display: block; padding: 5px 0;}

.tag
{
  display: inline-block;
  background: #eee;
  color: #888;
  padding: 1px 5px;
  margin: 0 2px;
  border-radius: 5px;
}

/* ========================== */
/* = UGP Collegiate Apparel = */
/* ========================== */

#collegiate_links { list-style: none; margin: 40px 0; }
#collegiate_links li { padding: 0;  margin: 0 25px 35px 25px; width: 260px; float: left; list-style: none; }
#collegiate_links a { display: block; text-align: center; font-weight: bold; font-size: 14px; }
#collegiate_links img { padding: 5px;  display: block; margin-bottom: 8px; }

/* ================= */
/* = Message Boxes = */
/* ================= */

.hide_message { display: none; }

/* ================= */
/* = Google Search = */
/* ================= */

 .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #777777; padding: 4px 5px;
  }
  input.gsc-search-button {
    border-color: #333333; color: #fff;
    background-color: #333333; border: none; padding: 4px 5px;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #A5261C;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #A5261C;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #A5261C;
  }
  a.gsc-trailing-more-results:link {
    color: #A5261C;
  }
  .gs-webResult .gs-snippet {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
  }
  .gs-promotion {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444444;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #00CC00;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #00CC00;
  }

  .gsc-thinWrapper { width: 100% !important; }
  .gsc-adBlock {display: none !important;}
  .gsc-adBlockVertical {display: none !important;}


  /* ==================== */
  /* = Pic of the Month = */
  /* ==================== */

  .potm_desc { font-size: 12px; color: #666; margin: 0 0 40px 0; }
  #ugp_potm_photo { width: 512px; margin: 0 auto; }
  #ugp_potm_photo img { display: block; margin: 0 auto 20px auto; padding: 5px; border: 1px solid #eaeaea; width: 500px; }
  #ugp_potm_photo blockquote { font-style: italic; }

  #potm_cta { background: rgba(0,0,0,.75); display: block; padding: 3px 10px; margin: 20px 0 -15px 0; }
  #potm_cta a { margin: 0 auto; width: 250px; text-align: center; display: block;}
  #potm_cta p { width: 280px; margin: 0 auto; display: block; }

  /* ====================  */
  /* = Bottom Newsletter = */
  /* ====================  */
	#sign_me_up_email{
		width: 115px;
		height:25px;
		display;inline;
	}
	#sign_me_up{
		display:inline;
		margin-left:6px;
	}

	.error-message{
		float:left;
		font-size:12pt;
		color:#FF0000!important;
	}

	.error input, .error select{
		float:right;
	}

  /* ====================  */
  /* =     Catalog       = */
  /* ====================  */

	#primary_interior .product_thumbnail
	{
		display: inline-block;
		margin: auto;
		width: auto;
		padding: 5px 0;
	}

	#primary_interior .product_thumbnail.store-details
	{
		padding:5px 40px 20px 0px;
	}


	#primary_interior .product_thumbnail:hover {
		box-shadow: 0 0 3px rgba(0,0,0,0.5);
	}
	#primary_interior .product_text
	{
		display: inline-block;
		/*padding: 64px 0 0;  */
		font-size: 13px;
		color: #444444;
	}

	#product_detail_list
	{
	  display: inline-block;
	  width:100%;
	}

	#product_detail_list_wrapper
	{
	  text-align: center;
	}

  /* ====================  */
  /* =  Recommend Panel  = */
  /* ====================  */

	.recommended_li{
		clear: none !important;
		float: left !important;
		margin-left: 12px !important;
		width: 32% !important;
	}
	.recommended_li img{
		clear: both;
		margin: 0 10%;
		width: 80%;
	}
	.recommended_product_text{
		float:left!important;
		display:block!important;
		clear:both;
		width:100%;
	}

	.show_more_products{
		clear:both;
		float:right;
	}

	#recommend_header, #more_products_header, #more_products_header_show{
		text-align:left;
		color:#000000!important;
		line-height: 40px!important;
		margin-bottom: 22px!important;
		font-size:26pt;
		clear:both;
	}
	#more_products_header{
		display:none;
	}
  /* ====================  */
  /* =   Request Page    = */
  /* ====================  */

	*.info
	{
	  color: #999;
	  font-weight: normal;
	  font-size: x-small;
	  display: inline-block;
	  position: relative;
	  left: 11.4em;
	  width: 18em;
	  text-align: center;
	  line-height: 100%;
	}

	#color_picker
	{
		width: 200px;
	}

	div.swatch_wrapper
	{
		display: inline-block;
		padding: 2px;
	}


	div.swatch_wrapper:hover
	{
		background: #f30;
		cursor: pointer;
	}

	div.swatch
	{
		width: 15px;
		height: 15px;
		border-left:1px solid #ccc;
		border-right:1px solid #666;
		border-top:1px solid #ccc;
		border-bottom:1px solid #666;
	}

	.form_submit input
	{
		background: url("../img/buttons/aqua_button_bg.gif") repeat scroll 0 0 transparent;
		border: 1px solid #ccc;
		border-radius: 20px;
		color: #000000;
		font-family: 'LeagueGothicRegular','Arial Narrow','Arial Narrow',Arial,San-serif;
		font-size: 16px;
		padding: 0px 15px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#placement_options li
	{
	  padding: 0px ! important;
	  margin: 0px ! important;
	  height: 150px;
	}

	#placement_options li img
	{
	  width: 50px;
	  height: auto;
	  margin: auto;
	  padding: 5px;
	}

	div.num_colors
	{
	  width: 80%;
	  padding: 0px ! important;
	  margin: auto ! important;
	}

	div.num_colors input
	{
	  float: right !important;
	  padding: 0px ! important;
	  margin: 0px ! important;
	}

	div.num_colors label
	{
	  float: left !important;
	  padding: 0px ! important;
	  margin: 0px ! important;
	  position: relative;
	  top: 1px;
	}

	#quick_form
	{
	  padding: 5px;
	}


	#quick_form h1
	{
		border-bottom: 1px solid #CCCCCC;
		color: #A72D27;
		padding: 5px 0 10px;
		text-align: center;
	}

	#quote_header
	{
		background: url("/img/quote_banner.jpg") no-repeat scroll 0 0 transparent;
		height: 80px;
		margin: auto;
		width: 850px;
	}
	#NoInfoQuoteBtn{
		float:left;
	}
	.qc_button{
		margin-bottom:0;
	}
	#btn_float{
		text-align:center;
	}
	#search_btnn{
    border: medium none;
    font-family: 'Arial Narrow','Arial Narrow',Arial,San-serif;
    font-size: 10pt !important;
    font-weight: lighter;
    padding: 0 8px;
	}
	/* Links to look like buttons*/
	.btn_link{
		padding:10px;
		font-family: 'LeagueGothicRegular','Arial Narrow','Arial';
		color:#000000!important;
		font-size:15pt;
		clear:both;
		list-style-type:none;
		width:100%;
		margin:0 0 10px;
		display:block;
		cursor:pointer;
		letter-spacing:0.5px;
	}
	.btn_link_used, .btn_link_used:hover{

	}
	.btn_link_ul a{
		text-decoration:none;
	}

.newForm .input{
	padding: 5px;
}
.newForm label{
	color: #444444;
	line-height: 20px;
	padding:7px;;
}
.newForm .input input{
	padding: 6px;
	border: 1px solid #d9d9d9;
}
.standard-border {
	border: 2px solid #f2f2f2;
}
.standard-label, .staff-pick-label {
	width: 178px;
	height: 30px;
	line-height: 30px;
}
.staff-pick-border {
	border: 2px solid rgba(164, 230, 244, 1);
}
.staff-pick-label {

	text-align: center;

	background: rgba(164, 230, 244, 1);
	color: #444444;

}