/* Core Styles */
@import url('core.css');
body {background-image: url('../../images/background.png'); background-repeat: repeat-x; background-color: #02B7D3; font-family: arial; font-size: 1em;}
#container {background-image: url('../../images/sideClouds.png'); background-repeat: no-repeat; margin: 0 auto; width: 968px;}

/* Header Styles */
#header {width: 918px; background-image: url('../../images/header.png'); height: 160px; margin: 0 29px;}
    #logo {float: left; margin: 8px 0 0 20px;}
    #glennBeck {float: right; margin: 10px; background-image: url('../../images/glennBeck.png'); width: 296px; height: 40px;}
    #glennBeck:hover {background: transparent url('../../images/glennBeck.png') 0 -40px no-repeat;}
	#fc_minicart {clear: right; float: right; margin: 30px 190px 0 0;}
	#fc_label {font-weight: 600;}
		#fc_label a {color: #135084; text-decoration: none;}
		#fc_label a:hover {color: #036; text-decoration: underline;}

/* Navigation Styles */
#navigation {width: 918px; margin: 0 29px; overflow: hidden;}
#navigation ul li.label {padding: 7px 0 2px 10px;}
#navigation ul li.item {padding: 0 0 0 10px; background-image: url('../../images/menuPanels.png'); overflow: hidden; height: 35px;}
    #navigation ul li.item a.menuIcon {float: left; margin: 6px 0 0;}
    #navigation ul li.item a.menuItem {color: #fff; text-decoration: none; font-weight: 600; display: block; float: left; margin: 9px 0 0 5px; font-size: .95em;}
    #navigation ul li.item a.menuDescription {color: #5ab9ff; text-decoration: none; font-size: .75em; display: block; float: left; margin: 11px 0 0 8px;}
        #navigation ul li.item a.menuDescription:hover {color: #a0ffff;}
    
    #products {float: left; width: 306px;}
        #products li.label {background-color: #094577;}
        
    #categories {float: left; width: 306px;}
        #categories li.label {background-color: #003e74;}
    
    #whatSux {float: left; width: 306px;}
        #whatSux div.label {background-color: #003163; padding: 7px 0 2px 10px;}
        #whatSuxHolder {background-image: url('../../images/whatSuxBackground.png'); height: 140px;}
            #whatSuxHolder textarea {background-color: #e6f4ff; margin: 10px 10px 0; padding: 3px; font-family: arial; font-size: .85em; width: 280px; height: 78px;}
            #whatSuxHolder a {color: #bbe1ff; font-size: .75em; text-decoration: none; margin: 17px 0 0 20px; display: block; float: left;}
            #whatSuxHolder a:hover {color: #fff;}
        
        #tellusnow {width: 98px; height: 27px; background-image: url('../../images/tellusnow.png'); cursor: pointer; float: right; margin: 9px 10px 0 0; position: relative;}
        #tellusnow:hover {background-image: url('../../images/tellusnow_on.png');}
    
#separator {background-image: url('../../images/separator.png'); height: 10px;}
    
/* Body Styles */
#separator {width: 918px; margin: 0 29px;}
#fpGallery {width: 918px; margin: 0 29px; overflow: hidden;}
    #fpGallery .label {background-color: #003163; width: 918px; height: 31px; overflow: hidden;}

    #merchandise {margin: 8px 0 0 10px; display: block; float: left;}
    #directions {float: left; font-size: .75em; color: #93d0fd; display: block; margin: 9px 0 0 20px;}
    #browselink {float: right; color: #e6f4ff; text-decoration: none; font-size: .75em; display: block; margin: 9px 10px 0 0;}
        #browselink:hover {color: #fff; text-decoration: underline;}
    
#carouselHolder {background-color: #fff; height: 127px; overflow: hidden; width: 918px;}
#carouselcontent {float: left; overflow: hidden; height: 127px; width: 840px;}
    #carouselcontent ul {width: 4000px;}
    #carouselcontent ul li {float: left; margin: 8px 0 0 9px; width: 110px;}

#leftArrow {float: left; margin: 8px 0 0; width: 37px; height: 111px; cursor: pointer; background-image: url('../../images/leftArrow.png');}
    #leftArrow:hover {background-image: url('../../images/leftArrow_on.png');}
#rightArrow {float: right; margin: 8px 0 0; width: 37px; height: 111px; cursor: pointer; background-image: url('../../images/rightArrow.png');}
    #rightArrow:hover {background-image: url('../../images/rightArrow_on.png');}

/* Internal Page Styles */
#content {width: 918px; margin: 0 28px; overflow: hidden;}
    #content h1 {background-color: #094577; color: #fff; font-size: 1.3em; padding: 10px 10px 7px;}
    #content h2 {background-color: #fff; font-size: 1.1em; padding: 20px 20px 0; color: #333;}
    #content h3 {background-color: #fff; font-size: 1em; padding: 0 20px; color: #333;}
    #content p {background-color: #fff; font-size: .85em; padding: 10px 20px 10px; text-align: justify; line-height: 150%; color: #333;}
	#content ul {background-color: #fff; padding: 0 40px;}
	#content ul li {font-size: .85em; list-style-type: circle; padding: 0;}
	#gotitForm {background-color: #fff; padding: 0 20px 20px;}
	#gotitForm input.entry {border: 1px solid #222; padding: 4px; background-color: #eaeaea; width: 250px;}
	#gotitForm input.action {background-color: #222; color: #fff; padding: 4px 10px; cursor: pointer;}
	#gotitForm input.action:hover {background-color: #111; color: #82C4EB;}

#press {width: 918px; margin: 0 28px; overflow: hidden; background-image: url('../../images/press_background.png'); height: 423px;}
	#press h1 {background-color: #094577; color: #fff; font-size: 1.3em; padding: 10px 10px 7px;}
    #press p {font-size: 1em; padding: 20px; text-align: justify; color: #fff; width: 360px;}
    #press #pressvideo {float: right; margin: 15px 40px 0;}
    
#custom {width: 918px; margin: 0 28px; overflow: hidden; background-color: #045699;}
	#custom h1 {background-color: #094577; color : #fff; font-size: 1.3em; padding: 4px 10px;}
	#custom label {display: block; padding: 10px; color: #fff;}
	#custom input.entry {border: 1px solid #fff; background-color: #eee; padding: 4px; margin: 0 10px 10px; width: 256px;}
	#custom textarea {border: 1px solid #fff; background-color: #eee; padding: 4px; margin: 0 10px 10px; width: 440px; height: 170px;}
	#custom input.action {display: block; margin: 0 13px 10px 10px; padding: 5px 10px; background-color: #094577; color: #fff;cursor: pointer; float: right;}
	#custom input.action:hover {background-color: #222;}
	#custom td {vertical-align: top;}
	#custom #custom_who {width: 300px;}
	#custom #custom_which {width: 150px;}
	#custom #custom_what {width: 450px;}
	#custom td table td {text-align: center; padding: 10px;}

#productLabel {background-color: #003E74; overflow: hidden;}
    #productLabel img {float: left; display: block; margin: 6px 0 0 5px;}
    #productLabel span {color: #fff; font-weight: 600; display: block; float: left; margin: 6px 0 0;}

    #itemInfo {background-image: url('../../images/itemInfo.png'); background-repeat: no-repeat; float: left; width: 554px; height: 308px;}
        #itemInfo fieldset {margin: 0 20px; padding: 10px 0;}
            #itemInfo fieldset label {color: #fff; font-size: .85em; display: block; margin: 10px 0 5px;}
            #itemInfo fieldset select {border: 0; padding: 4px; width: 200px; cursor: pointer;}

            #itemInfo fieldset #addToCart {display: block; width: 119px; height: 28px; background-image: url('../../images/addToCart.png'); cursor: pointer; background-color: transparent; position: absolute; top:445px;}
            #itemInfo fieldset #addToCart:hover {background-image: url('../../images/addToCart_on.png');}

        #itemPrice {margin: 20px;}
            #itemPrice .priceLabel {font-size: .85em; color: #fff; position: relative; bottom: 3px;}
            #itemPrice .priceTag {font-size: 1.8em; color: #ff0; font-weight: 600;}

        #itemImage {position: relative; left: 260px; bottom: 150px;}
        #flipItLink {position: relative; top: -200px; left: 490px;}

#sp_whatSuxLabel {float: right; width: 364px; background-color: #003163; padding: 3px 0 8px;}
#sp_whatSuxLabel img {padding: 0 0 0 5px;}
#sidePanel {float: right; width: 364px; background-image: url('../../images/sidePanel.png'); height: 308px; position: relative;}
    #sp_entry {color:#fff; font-size: .9em; margin: 10px 10px 0; padding: 9px 0; text-align: center; font-weight: 600;}
    #goodShirtLabel {margin: 20px 10px 13px;}

    #sp_rateActions {overflow: hidden;}
    #sp_rateActions a {margin: 0 0 0 20px;}

    #yay {cursor: pointer; background-image: url('../../images/yay.png'); width: 62px; height: 26px; display: block; float: left;}
        #yay:hover {background-image: url('../../images/yay_on.png');}
    #nay {cursor: pointer; background-image: url('../../images/nay.png'); width: 63px; height: 26px; display: block;float: left;}
        #nay:hover {background-image: url('../../images/nay_on.png');}
    #skipthis {cursor: pointer; background-image: url('../../images/skipThis.png'); width: 107px; height: 26px; display: block; float: left;}
        #skipthis:hover {background-image: url('../../images/skipThis_on.png');}
        
    #sp_label {padding: 7px 0 2px 10px; margin: 18px 0 0;}

    #sp_whatSuxHolder textarea {background-color: #e6f4ff; margin: 10px 10px 0; padding: 3px; font-family: arial; font-size: .85em;  width: 339px; height: 78px;}

    #tellusnow {width: 98px; height: 27px; background-image: url('../../images/tellusnow.png'); cursor: pointer; float: right; margin: 9px 10px 0 0;}
    #tellusnow:hover {background-image: url('../../images/tellusnow_on.png');}

/* Footer Styles */
#footer {width: 898px; margin: 0 40px; height: 58px; background-image: url('../../images/footerTile.png'); overflow: hidden;}

#footerLinks {margin: 15px 0 0 50px; float: left;}
	#footerLinks li {float: left; margin: 0 0 0 20px;}
		#footerLinks li a {color: #013E75; text-decoration: none; font-size: .85em;}
		#footerLinks li a:hover {color: #000; text-decoration: underline;}

#cardsAccepted {overflow: hidden; float: left;}
#cardsAccepted img {margin: 10px 0 0 10px; display: block; float: left;}
#copyright {float: right; display: block; margin: 17px 20px 0 0; font-size: .85em; color: #013E75; text-decoration: none;}

/* Contact Form Styles */
#contact {background-color: #fff;}
	#contact label {display: block; padding: 10px;}
	#contact input.entry {border: 1px solid #aaa; background-color: #eee; padding: 4px; margin: 0 10px 10px; width: 356px;}
	#contact textarea {border: 1px solid #aaa; background-color: #eee; padding: 4px; margin: 0 10px 10px; width: 500px; height: 100px;}
	#contact input.action {display: block; margin: 0 13px 10px 10px; padding: 5px 10px; background-color: #094577; color: #fff;cursor: pointer; float: right;}
	#contact input.action:hover {background-color: #222;}
	
/* Browse Page Styles */
.browsePanel {width: 898px; margin: 0 28px; background-color: #212121; padding: 0 0 18px 20px; overflow: hidden;}
	.browsePanelItem {float: left; margin: 18px 18px 0 0;}
		.browsePanelItem img {width: 110px; height: 111px; margin: 0; padding :0;}
	.browsePanelItemInfo {width: 110px; text-align: center; background-color: #111; margin: -4px 0 0; display: block;padding: 5px 0;}
	.browsePanelItem a {color: #eee;display:block; text-decoration: none;}
	.browsePanelItem a:hover {color: #fafa00;}

/* SUX Suggestions Stats Page */
#suxSuggestions {background-color: #fff; width: 918px;}
#suxSuggestions td.suggestedLabel {padding: 20px; font-size: 1em; width: 300px; letter-spacing: 1px;}
#suxSuggestions td.yaystats {font-size: .8em; width: 359px; background-image: url('../../images/yay_dark.png'); background-repeat: no-repeat; background-position: 0 15px; padding: 0 0 0 70px; color: #0467A4;}
#suxSuggestions td.naystats {font-size: .8em; width: 359px; background-image: url('../../images/nay_dark.png'); background-repeat: no-repeat; background-position: 0 15px; padding: 0 0 0 70px; color: #0467A4;}
#suxSuggestions td span {float: left; margin: 0 10px 0 0;}
#suxSuggestions td.stripeme {background-color: #f6f6f6;}
#suxSuggestions div.statbar {height: 10px; background-color: #04599B; float: left;}

div.none {color: #fff; margin: 20px 0 0;}

/* Email Entry Styles */
fieldset#emailentry{background-color: #fff;}
fieldset#emailentry label {display: block; font-size: .85em; padding: 10px 20px;}
fieldset#emailentry input.entry {border: 1px solid #ccc; background-color: #eee; margin: 20px;}
fieldset#emailentry input.action {border: 1px solid #000; background-color: #222; color: #fff;}

#checkoutlink {color: #003163; text-decoration: none;}
#checkoutlink:hover {color: #000;}

#nosizesspacer {height: 116px;}

#notify {background-color: #fff; padding: 0 20px 20px; font-size: .85em;}

#subcontent {background-color: #fff; overflow: hidden;}

#modelshots {float: right; width: 218px; height: 306px; margin: 20px;}