/*  CSS Page for Accessories of the World externally coded site pages */

		html, body {
        margin: 0;
        padding: 0;
        }
        
		body {
        color: #4F2054;
        background: url(../images/mback10b.jpg) repeat;
        font: 14px Arial;
        line-height: 17px;
        }
        
		h2 {
        color: #006666;
        }
        
        h1 {
        color: #4F2054;
        line-height: 28px;
        }
                
        h3 {
        color: #199A98;
        line-height: 20px;
        }
        
		a {
        color: #006666;
        }
        
		p {
        margin: 0 0 34px;   /* adjusts the space between content and footer */
        }
        
		img {
        border:none; /* so you don't need to use border="0" with images */
        }
        
		#wrapper {
        width:960px;
        text-align: left;
        padding: 33px 0 0;
        margin:0 auto;
        }
        
        /* Header */
        #header {
        height:82px;
        width:930px;
        padding:15px 15px 21px; /* padding changes the gap between header and content area */
        text-align: center;
        background: url(../images/bar_gold_bright.png); /* background image settings for header */
        background-repeat: no-repeat; /* background image settings for header */
        }
        
        #header h1 {
        color: #4F2054;
        margin: 0 0 3px;
        padding: 45px 18px 0; /* padding changes the gap between header and content area */
        }
        
        #header p {
        color: #006666;
        font-size: 11px;
        font-weight: bold;
        padding: 0 18px;
        }
		
        /* Content Style */
        #content {
        background:url(../images/infogral_gold_top_html_bright.png) no-repeat left top;
        padding-top: 32px; /* padding-top tells the middle section to move down under the top graphic (basically pushes the part under it down farther) */
        }
        
		#content div {
        background:url(../images/infogral_gold_bottom_html_bright.png) no-repeat left bottom;
        padding-bottom: 33px;
        }
        
		#content div div {
        background:url(../images/infogral_gold_middle_bright.png) repeat-y left top; /* fixes background positioning problem with IE6 */
        padding:0 0px;
        height:1%; /* fixes background rendering problem with IE 6 & 7 */
        }
        
		#content div div div {
        background-image:none; /* so other divs within #content won't have background images unless applied later in the CSS */
        }
        
		#extra {
        margin-left:20px; /* padding on the side you are floating toward causes the doubled-margin float bug in IE6 */
        float: left;
        font-size: 13px;
        line-height: 18px;
        width: 200px;
        padding-top:20px;
        } 
        
        .extra2 {
        font-size: 14px;
        }
        
		#extra small {
        font-size: 11px;
        line-height: 18px;
        }
        
		#main p, #extra p {
        padding-right: 18px;
        }
        
        /* Content Positioning & Size */
        #main {
        float:left;
        margin: 0px;
        width: 650px;
        margin-left:63px; /* padding on the side you are floating toward causes the doubled-margin float bug in IE6 */
        padding-top:20px;
        }
        
        #main2 {
        float:left;
        margin: 0px;
        width: 850px;
        margin-left:63px; /* padding on the side you are floating toward causes the doubled-margin float bug in IE6 */
        padding-top:20px;
        }
        
        /* Footer */
        #footer {
        color: #4F2054;
        clear:both;
        text-align:center;
        }
        
		#footer a {
        color: #199A98;
        }
        
		#footer p {
        color: #199A98;
        font-weight: normal;
        text-align: right;
        margin: 0;
        }
        
		#footer ul {
        padding-left:inherit;
        list-style: none;
        text-align: center;
        margin: 0;
        }
        
		#footer li {
        display: inline;
        color: #4F2054;
        font-weight: normal;
        }
		
		.footerline {
        color: #4F2054;
        }
		
	    .logoarea {
        text-align: center;
        background-position: center;
        margin: auto;
		padding: 0 0 15px;
        background: url(../images/aotwlogonew4.png); /* background image settings for logo area */
        background-repeat: no-repeat;
        height: 164px;
        width: 884px;
		}	
        
        .tabletextdarkred {
        color: #8E0000;
        }
        
        .tabletextgreen {
        color: #006200;
        }
        
        .tabletextbrtred {
        color: #CC0033;
        }
        
        .p_weekly_sale {
        margin: 0 0 34px;   /* adjusts the space between content and footer */
        line-height: 20px;
        color: #006666;
        font-size: 18px;
        font-weight: bold;
        }

        .p_weekly_sale_small {
        margin: 0 0 34px;   /* adjusts the space between content and footer */
        line-height: 20px;
        color: #006666;
        font-size: 16px;
        font-weight: bold;
        }

        .p_weekly_sale_small_red {
        margin: 0 0 34px;   /* adjusts the space between content and footer */
        line-height: 20px;
        color: #CC0033;
        font-size: 16px;
        font-weight: bold;
        }

        /* LIGHTBOX CSS COMBINED HERE */
        #lightbox{	
        position: absolute;	
        width: 100%; 
        z-index: 1001; 
        text-align: center; 
        line-height: 0;
        } /* middle: 0; */
        
        #lightbox img{ 
        width: auto; 
        height: auto;
        }
        
        #lightbox a img{ 
        border: none; 
        }
        
        #outerImageContainer{ 
        position: relative; 
        background-color: #fff; 
        width: 250px; 
        height: 250px; 
        margin: 0 auto; 
        }
        
        #imageContainer{ 
        padding: 10px; 
        }
        
        #loading{ 
        position: absolute; 
        top: 40%; 
        left: 0%; 
        height: 25%; 
        width: 100%; 
        text-align: center; 
        line-height: 0; 
        }
        
        #hoverNav{ 
        position: absolute; 
        top: 0; 
        left: 0; 
        height: 100%; 
        width: 100%; 
        z-index: 1001; 
        }
        
        #imageContainer > #hoverNav{ 
        left: 0;
        }
        
        #hoverNav a{ 
        outline: none;
        }
        
        #prevLink, #nextLink{ 
        width: 49%; 
        height: 100%;
        background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
        display: block;
        }
        
        #prevLink { 
        left: 0; 
        float: left;
        }
        
        #nextLink { 
        right: 0; 
        float: right;
        }
        
        #prevLink:hover, #prevLink:visited:hover { 
        background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;
        }
        
        #nextLink:hover, #nextLink:visited:hover { 
        background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; 
        }
        
        #imageDataContainer{ 
        font: 10px Verdana, Helvetica, sans-serif; 
        background-color: #fff; 
        margin: 0 auto; 
        line-height: 1.4em; 
        overflow: auto; 
        width: 100%	; 
        }
        
        #imageData{	
        padding:0 10px; 
        color: #666; 
        }
        
        #imageData #imageDetails{ 
        width: 70%; 
        float: left; 
        text-align: left; 
        }	
        
        #imageData #caption{ 
        font-weight: bold;	
        }
        
        #imageData #numberDisplay{ 
        display: block; 
        clear: left; 
        padding-bottom: 1em;
        }
        
        #imageData #bottomNavClose{ 
        width: 66px; 
        float: right;
        padding-bottom: 0.7em;
        outline: none;
        }	 	
        
        #overlay{ 
        position: absolute; 
        top: 0; 
        left: 0; 
        z-index: 1001; 
        width: 100%; 
        height: 500px; 
        background-color: #000;
        }