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

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
	dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus{ outline: 0; }
    
    
   body{ background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; }
   
   #topspacer { height:10px; }
   #container{ margin:auto; width:980px; background-image: url(imgs/faux.gif); background-repeat: repeat-y; border-left:solid 1px #000; border-right:solid 1px #000;}
   
   /* Left Column */
   #leftcol { width: 220px;  float:left; }

        #spokalooHeader { background-color: #E71d36; }
        #topCap { background-color:#770d1b;
                color:#e71d36;
                font-size: 14px; 
                font-weight:bold; 
                line-height: 30px;
                text-align:center; 
                text-transform:uppercase;
                }
        #leftLinks { padding:15px 15px 15px 20px;   }
        #leftLinks h3 { color: #8cfff1; font-size:15px; font-weight:bold;}
        ul.nav {font-size:11px; font-weight:bold; list-style:none inside none; }
        ul.nav a {color:#d0cd88;}
        ul.nav a:hover {color:#deca3a;}
        ul.nav a:active {color:#fff;}
        ul.nav li {padding:5px 0px;}
        
    /* Top Container */
    #myTop { margin-left:221px; width:759px; }
    #topBar {  text-align:center;  height:34px; }
        #creditCards { background-color:#fff;   }
        #creditCards img { padding:3px;  }
        
        #topNav { background-image: url(imgs/TopCap.gif); 
                background-repeat:repeat-x; 
                color: #fedd43;
                float:right;
                font-size:11px; 
                font-weight:bold;
                height:34px;
                letter-spacing: 1px;
                width:324px;

                } 
        #topNav a {color:#fedd43;}
        #topNav a:hover {color:#c5a301;}
        #topNav a:active {color:#fff; }
        #topNav p { margin-top:10px; font-size:11px; }
        
    /* Top Middle Bar */
    #topMiddleBar  { height:25px;
            background-color:#00ac98;
            border-top:solid 2px #000;
            border-bottom:solid 2px #000;
            }
        ul.topNav {color:#fff;
                font-size:12px; 
                font-weight:bold; 
                letter-spacing: 0.8px;
                list-style:none inside none;  
                text-align:left;
                padding-top:3px;
                padding-left:85px;
                }
        ul.topNav a {color:#fff;}
        ul.topNav a:hover {color:#8cfff1;}
        ul.topNav a:active {color:#fff146;}
        ul.topNav li {padding:5px 3px; display:inline;}
        
      

    /* Middle Content */
    #maincontent { margin-left:221px; 
        width:536px; 
        padding:20px 40px 10px 40px;
        font-size:11px;
        }
         #maincontent h3 { font-size:16px; font-weight:bold;}
         #maincontent a { color:#770d1b; }
         #maincontent a:hover {color: #b81428;}
         #maincontent a:active{color:#770d1b;}
         #maincontent a:focus{color:#4a0911;}
         
         .price {font-size:18px; font-weight:bold; float:right;}
         .new {color:#770d1b; text-transform: uppercase;}
         .sale {color:#f00; text-transform: uppercase;}
         .tshirt{font-size:11px; font-weight:bold;}
         .smallarea_header { width:172px; padding-top:10px;}
        .smallarea { width:172px; padding-top:10px;}
        #smallerarea { width:152px; padding-top:10px; padding-right:20px;}
        .largearea { width:354px; color:#ffffff; }
        
        .priceLarge {font-size:30px; font-weight:bold; }
        
        .smallarea + .smallarea,
        .smallarea + .largearea {padding-left:10px;}
        
        .imageholder { background-color:#000; height:172px; }
        #productImageHolder {float:right;}
        
        input#addtocart { background-image: url(imgs/RedButton2.gif); height:25px; width:86px;
            border:0 none;
            cursor:pointer;
            margin-top:2px;
            padding:0;
            font-weight:bold;
            color:#fff;
            display:block;
            vertical-align: middle;
            }
    
    /* Right column */
    #rightcol { 
            float:right; 
            height:100%;
           
            width:166px; 
        }
        
        /* box for the signup */
        #signupbox
                { margin-left: auto;
        margin-right: auto;	
        margin-top:10px;
        padding: 0;
        text-align: left;
        width:80%;				/* <-- use this to tie width to viewport size */
        width: 130px;				/* <-- use this for a set width */
        background-image: url(imgs/SignUpBack.gif);
        }
        
            #red_ltlc, #red_ltrc, #red_lblc, #red_lbrc { background-color: transparent;background-repeat: no-repeat;}
            
            #red_ltlc{background-image:url(imgs/SignUpTL.gif);background-position: 0% 0%;}
            
            #red_ltrc{background-image:url(imgs/SignUpTR.gif);background-position: 100% 0%;}
            
            #red_lblc{background-image:url(imgs/SignUpBL.gif);background-position: 0% 100%;}

            #red_lbrc{background-image:url(imgs/SignUpBR.gif);background-position: 100% 100%;}

            #red_ltb, #red_lbb{background-color: transparent;background-repeat: repeat-x;}
            
            #red_ltb{background-image:url(imgs/SignUpTop.gif);background-position: 0% 0%;}
            
            #red_lbb{background-image:url(imgs/SignUpBtm.gif);background-position: 50% 100%;}
            
            #red_lrb{background-image:url(imgs/SignUpRt.gif);background-position: 100% 0%;background-repeat: repeat-y;}

            #red_llb{background-image:url(imgs/SignUpLeft.gif);background-position: 0% 100%;background-repeat: repeat-y;
            }
            
            #red_lboxcontent{padding:3px;}
            
            #red_lboxcontent p { font-size: 11px; padding:3px; text-align:center;}
            
            
            
            input#subscribe { background-image: url(imgs/RedButton.gif); height:25px; width:86px;
            border:0 none;
            cursor:pointer;
            margin:0 auto;
            padding:0;
            font-weight:bold;
            color:#fff;
            display:block;
            vertical-align: middle;
            }
            
         #sharebox
                { margin-left: auto;
        margin-right: auto;	
        margin-top:10px;
        padding: 0;
        text-align: left;
        width:80%;				/* <-- use this to tie width to viewport size */
        width: 130px;				/* <-- use this for a set width */
        background-color:#fff;
        }
        
            #share_ltlc, #share_ltrc, #share_lblc, #share_lbrc { background-color: transparent;background-repeat: no-repeat;}
            
            #share_ltlc{background-image:url(imgs/ShareTL.gif);background-position: 0% 0%;}
            
            #share_ltrc{background-image:url(imgs/ShareTR.gif);background-position: 100% 0%;}
            
            #share_lblc{background-image:url(imgs/ShareBL.gif);background-position: 0% 100%;}

            #share_lbrc{background-image:url(imgs/ShareBR.gif);background-position: 100% 100%;}

            #share_ltb, #share_lbb{background-color: transparent;background-repeat: repeat-x;}
            
            #share_ltb{background-image:url(imgs/ShareTop.gif);background-position: 0% 0%;}
            
            #share_lbb{background-image:url(imgs/ShareBtm.gif);background-position: 50% 100%;}
            
            #share_lrb{background-image:url(imgs/ShareRt.gif);background-position: 100% 0%;background-repeat: repeat-y;}

            #share_llb{background-image:url(imgs/ShareLeft.gif);background-position: 0% 100%;background-repeat: repeat-y;
            }
            
            #share_lboxcontent{padding:3px;}
            
            #share_lboxcontent p { font-size: 11px; padding:3px; text-align:center;}
     
    /* Footer area */
    #footer {  width: 100%; background-color: #000; color:#74701d; height:110px;}
    #footer a {color:#d0cd88; }
    #footer a:hover { color:#74701d; }
    #footer a:active{color:#fff; }
    
        ul.footNav {color:#fff;
                font-size:10px; 
                font-weight:bold; 
                letter-spacing: 0.8px;
                list-style:none inside none;  
                text-align:center;
                padding-top:10px;
                }
        ul.footNav li {padding:5px 0px; display:inline;}
         

    a {text-decoration:none; }