/**
 * ----------------------------------------------------------------------------
 *  OGILVY STYLES
 * ----------------------------------------------------------------------------
 * @since 2012-01-20
    COLOURS:
    black text: #1b1b1b #2b2b2b
    grey text: #a7a9ac
    dark grey text: #6f7176
    green BG & border: #439639
    green text : #387d2f
    light grey BG: #e6e7eb (the design uses a horizontal grad from #e6e5ea to #f2f1f6, etc.)
    light grey text in main menu: #eeeeef
    grey menu BG: #a7a9ac
    grey menu2 BG: #bcbdc0
    boutique menu heading: #1b1b1b
    white: #ffffff
    red: #ff0c0c
 */

/* DEFAULTS */
body {color:#6f7176; background:#e6e7eb url("/images/ogilvy_bg_grad.jpg") no-repeat top; font-size:100%; 
        font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
div {margin:0px; padding:0px; display:block;}
img {display:block; border:0px;}
p {font-size:10pt;}
h1 {color:#2b2b2b; font-size:28pt; font-weight:normal; text-transform:uppercase; margin:0px 40px 5px 0px; padding:0px;
        line-height:25pt;}
h2 {color:#387d2f; font-size:12pt; margin:10px 40px 5px 0px; padding:0px;}
h3 {color:#a7a9ac; font-size:11pt; margin:10px 40px 5px 0px; padding:0px;}
h4 {color:#2b2b2b; font-size:12pt; margin:0px 0px 3px 0px; padding:0px; font-weight:normal; letter-spacing:0.05em;}
ol, ul {margin:0px 0px 10px 30px; padding:0px; list-style-image:url("/images/bullet.gif"); list-style-type:square;}
li {font-size:10pt; margin-left:20px; padding:1px 0px;}
span {}
a {color:#666666; background:transparent; text-decoration:underline;}
a:link {}
a:visited {color:#9f9f9f;}
a:active {color:#666666; text-decoration:none;}
a:hover {color:#439639; text-decoration:none;}
/* ----- PAGE LAYOUT ----- */
#hcenter {position:absolute; top:0px; left:50%; width:980px; margin-left:-490px;}
    #flash_bg {position:absolute; top:0px; left:0px; clear:none;}
    #logo {position:absolute; top:40px; left:66px; clear:right;}
    #all_content {position:absolute; top:134px; left:54px; width:878px;}
    #virtual_paper {position:absolute; top:96px; left:54px; width:878px;}
        /* main menu */
        #mainmenu {position:relative; float:left; clear:none; width:174px; margin:0px; padding:0px;}
        	.menu_box {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:3px 0px 3px 10px;
                        color:#eeeeef; background:#a7a9ac; font-size:9pt; border:1px solid #999999;}
        	.menu_over {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:3px 0px 3px 10px;
                        color:#eeeeef; background:#439639; font-size:9pt; border:1px solid #999999;}
        	.menu_on {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:3px 0px 3px 10px;
                        color:#eeeeef; background:#439639; font-size:9pt; font-weight:bold; border:1px solid #999999;}
            a.mainmenu {color:#eeeeef; text-decoration:none; font-weight:bold;}
            a.mainmenu:link {color:#eeeeef;}
            a.mainmenu:visited {color:#eeeeef;}
            a.mainmenu:active {color:#eeeeef;}
            a.mainmenu:hover {color:#eeeeef; background:#439639;} 

        /* content */
        /*#content {position:relative; float:left; clear:none; width:662px; margin:0px 0px 0px 42px; padding:0px; background:#000000;}*/
        #content {position:absolute; top:0px; left:174px; width:662px; margin:0px 0px 0px 42px; padding:0px; background:#000000;}
    		#page_content {position:relative; float:left; clear:none; width:455px; /* IE6 seems to add 20px padding on the left??? */ 
                    min-height:300px; margin:0px 0px 0px 30px; padding:0px; background:transparent;}
    			#callout {color:#387d2f; background:transparent; font-size:12pt; font-style:italic; margin:0px; padding:0px;}	
    			#body_text {margin:0px; padding:0px;}	
        
        /* TEMPLATE #0 - homepage */
        #promo_box {position:absolute; top:0px; left:0px; width:455px; height:385px; background:#ffffff;
        		margin:0px; padding:8px 8px 8px 8px; border:1px solid #439639;}
          /*
            #home_title {position:relative; float:left; clear:both; width:455px; height:51px; margin:0px 0px 0px 2px; padding:0px; color:#2b2b2b; 
                        font-size:27pt;} /* 18pt 22pt */
            /*
            #home_subtitle {position:relative; float:left; clear:both; width:455px; height:40px; 
                        margin:0px 0px 0px 4px; padding:0px; color:#2b2b2b; 
                        font-size:14pt; font-style:italic;} /* 16pt */
            
            /*
            #home_link {position:relative; float:left; clear:both; width:455px; margin:4px 0px 12px 10px; padding:0px; font-size:10pt;}
                a.home_link {color:#2b2b2b; text-decoration:none; font-weight:normal;}
                a.home_link:link {color:#2b2b2b;}
                a.home_link:visited {color:#2b2b2b;}
                a.home_link:active {color:#2b2b2b;}
                a.home_link:hover {color:#439639; background:#ffffff;} 
            */
            #home_image {position:relative; float:left; clear:both; width:455px; height:385px; margin:0px; padding:0px;}
            
        #info_box {position:absolute; top:0px; left:479px; width:186px; height:403px; margin:0px; padding:0px;
                color:#2b2b2b; background:#d6dd38 url("/images/home/info_box_bg.jpg") no-repeat top;} /* white text = fcfcfc; green bg = 439639*/
        	#info_content {position:relative; float:left; clear:none; margin:10px 10px 10px 10px; padding:0px; width:166px; font-size:10pt;}
            /* Business hours */
            #hours {position:relative; float:left; clear:none; width:166px; margin:0px 0px 0px 0px; padding:0px 0px 6px 0px; 
                    border-bottom:1px dashed #2b2b2b;}
                .hours_title {position:relative; float:left; clear:both; width:166px; margin:10px 0px 20px 0px; padding:0px 0px 6px 0px; 
                        font-size:16pt; border-bottom:1px dashed #2b2b2b;}
            #hours_grid {position:relative; float:left; clear:both; margin:0px; padding:0px; width:166px; font-size:10pt;}
                .hours_left {margin:0px; padding:0px 0px 4px 0px; width:82px;}
                .hours_right {margin:0px; padding:0px 0px 4px 0px; width:82px;}
            #location {position:relative; float:left; clear:both; width:166px; margin:5px 0px 0px 0px; padding:150px 0px 0px 0px; 
                    font-size:8pt; border-top:1px dashed #2b2b2b;}
            #hours2 {position:relative; float:left; clear:both; width:166px; height:320px; margin:12px 0px 0px 0px; padding:0px;
                        font-size:20pt;}
            #location2 {position:relative; float:left; clear:both; width:166px; margin:0px; padding:0px; 
                        font-size:8pt;}
            
        /* TEMPLATE #1 - Level 2 menu + text content page */
        #menu2_box {position:absolute; top:0px; left:0px; width:174px; height:385px; background:#ffffff;
        		margin:0px; padding:8px 8px 8px 8px; border:1px solid #439639;}
        	.submenu_title {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:5px 0px 5px 0px;
                        color:#2b2b2b; background:#ffffff; font-size:13pt; border-bottom:1px dashed #439639;}
        	.submenu_box {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:5px 0px 3px 0px;
                        color:#a7a9ac; background:#ffffff; font-size:9pt; border-bottom:1px dashed #439639;}
        	.submenu_over {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:5px 0px 3px 0px;
                        color:#a7a9ac; background:#ffffff; font-size:9pt; border-bottom:1px dashed #439639;}
        	.submenu_on {position:relative; float:left; clear:both; width:164px; margin:0px 0px 2px 0px; padding:5px 0px 3px 0px;
                        color:#2b2b2b; background:#ffffff; font-size:9pt; border-bottom:1px dashed #439639;}
            a.submenu {color:#a7a9ac; text-decoration:none; font-weight:bold;}
            a.submenu:link {color:#a7a9ac;}
            a.submenu:visited {color:#a7a9ac;}
            a.submenu:active {color:#a7a9ac;}
            a.submenu:hover {color:#439639; background:#ffffff;} 
        #page_box {position:absolute; top:0px; left:198px; width:445px; height:385px; background:#ffffff;
        		margin:0px; padding:8px 10px 8px 12px; border:1px solid #439639; overflow:auto;}
                
        /* TEMPLATE #2 - ??? */
    
        /* TEMPLATE #3 - Boutiques (full size = 666 x 402) */
        #boutiques_box {position:absolute; top:0px; left:0px; width:666px; height:402px; background:#ffffff;
        		margin:0px; padding:0px;}
        
        /* TEMPLATE #4 - Calendar: Events & Promotions (full size = 666 x 402) */
        #calendar_box {position:absolute; top:0px; left:0px; width:646px; height:386px; background:#ffffff;
        		margin:0px; padding:8px 10px 8px 12px; overflow:auto;}
            .calendar_item {position:relative; float:left; clear:both; margin:5px 0px 10px 0px; padding:0px 0px 12px 0px; 
                    width:626px; border-bottom:1px dashed #a7a9ac;}
                .calendar_image {position:relative; float:left; clear:none; margin:3px 0px 0px 0px; padding:0px; width:133px;}
                .calendar_content {position:relative; float:left; clear:right; margin:0px 0px 0px 20px; padding:0px; width:472px; 
                        font-size:10pt;}
                    .calendar_head {color:#6f7176; font-size:12pt; margin:0px 0px 0px 0px; padding:0px;}
                    .calendar_body {color:#6f7176; font-size:10pt; margin:5px 0px 5px 0px; padding:0px;}
                    a.calendar {color:#a7a9ac; background-color:transparent; font-size:9pt; font-style:normal; font-weight:normal; text-decoration:underline;}
                    a.calendar:link {}
                    a.calendar:visited {color:#a7a9ac;}
                    a.calendar:active {}
                    a.calendar:hover {color:#439639; text-decoration:none;}
		
        /* TEMPLATE #5 - Contact Us, Subscribe & Careers forms (full size = 666 x 402) */
        #contact_box {position:absolute; top:0px; left:0px; width:646px; height:386px; background:#ffffff url("/images/content/tartan-slice.jpg") no-repeat top right; 
        		margin:0px; padding:8px 10px 8px 12px; overflow:auto;}
            /* Contact Us */
            #contact_form_left {position:relative; float:left; clear:left; width:305px; margin:0px 0px 0px 0px; padding:0px 7px 0px 0px;
                         border-right:1px dotted #a7a9ac;}
                .contact_info_box {position:relative; float:left; clear:both; margin:10px 0px 0px 0px; padding:0px;}
                    .contact_info_para {margin:0px 0px 3px 0px;}
                    .contact_info_line {margin:0px 0px 0px 0px;}
                    .contact_info_bullet {margin:0px 0px 3px 0px;}

                    #contact_hours_grid {position:relative; float:left; clear:both; margin:0px; padding:0px; font-size:10pt;}
                        .contact_hours_left {margin:0px; padding:0px 10px 2px 0px;} /* text-align:right; */
                        .contact_hours_right {margin:0px; padding:0px 0px 2px 0px;}

            #contact_form_right {position:relative; float:left; clear:right; width:305px; margin:0px 0px 0px 10px; padding:0px;}
                #contact_message_prompt {position:relative; float:left; clear:both; margin:0px 0px 0px 10px; padding:0px; font-size:9pt;}
                #contact_submit_box {position:relative; float:left; clear:both; margin:10px 0px 0px 10px; padding:0px;}
            #contact_map_left {position:relative; float:left; clear:left; width:185px; margin:0px 0px 0px 0px; padding:0px;}
            #contact_map_right {position:relative; float:right; clear:right; width:425px; margin:0px 0px 0px 0px; padding:0px;}
            /* Subscribe form */
            #signup_box {position:relative; float:left; clear:left; margin:10px 0px 0px 0px; padding:0px;}

        /* TEMPLATE #6 - Brochure (full size = 666 x 402) */
        #brochure_box {position:absolute; top:0px; left:0px; width:702px; height:386px; background:#ffffff; 
                margin:-38px 0px 0px -18px; padding:0px;}
            #brochure_image {position:relative; float:left; clear:both; margin:0px; padding:0px; border:1px solid #a7a9ac;}
            #brochure_nav {position:relative; float:left; clear:both; width:702px; height:26px; margin:0px 0px 0px 0px; padding:0px; 
                    border-bottom:1px solid #a7a9ac; text-align:center; background:#e6e7eb url("/images/button_bg.jpg") repeat-x bottom;}
                .nav_button {position:relative; float:left; clear:none; height:22px; margin:0px; padding:2px 6px 2px 6px; 
                        border-left:1px solid #a7a9ac; border-right:1px solid #a7a9ac; text-align:center; 
                        color:#bcbdc0; background:transparent url("/images/button_bg.jpg") repeat-x bottom; 
                        font-size:12pt; font-weight:normal;}
                    a.nav_button_link {color:#465047; background:transparent url("/images/grad_off.jpg") repeat-x bottom;
                            text-decoration:none; text-align:center; margin:0px; padding:0px;}
                    a.nav_button_link:link {}
                    a.nav_button_link:visited {}
                    a.nav_button_link:active {color:#465047;}
                    a.nav_button_link:hover {color:#bcbdc0;}
                .page_numbers {font-size:10pt; vertical-align:middle; text-align:center;}
                .page_numbers_prev {vertical-align:top; text-align:left;}
                .page_numbers_next {vertical-align:top; text-align:right;}
                .page_number_selected {color:#439639; font-weight:bold; padding:3px 4px 3px 4px; border:1px solid #a7a9ac;}
                
                .pn_off {font-size:10pt; vertical-align:middle; text-align:center;}
                .pn_over {color:#439639; font-weight:bold; padding:3px 4px 3px 4px; border:1px solid #a7a9ac;
                        font-size:12pt; vertical-align:middle; text-align:center;}
        /* PDF brochure */
        #brochure_pdf_box {position:absolute; top:0px; left:0px; width:646px; height:386px; background:#ffffff;
        		margin:0px; padding:12px 10px 8px 25px;}

        /* TEMPLATE #7 - Video (full size = 666 x 402) */
        /*#video_content {position:absolute; top:0px; left:0px; width:878px; margin:0px 0px 0px 0px; padding:0px; background:#000000;}*/
            #video_box {position:relative; float:left; clear:left; width:640px; height:405px; background:#e6e7eb;
            		margin:0px; padding:0px; border:1px solid #999999; border-right:0px;}
                #video_details {position:absolute; top:360px; left:0px; width:640px; height:45px; background:#c7ce1e;}
                    .video_promos {position:relative; float:left; clear:both; padding:10px 5px 10px 10px; font-size:10pt;}
            #video_menu {position:relative; float:left; clear:right; width:235px; height:395px; padding:0px 0px 10px 0px;
                         overflow:auto; background:#e6e7eb; border:1px solid #999999;}
                #video_logo {position:relative; float:left; clear:both; width:235px; height:50px;}
                .video_item {position:relative; float:left; clear:both; width:235px; margin:0px 0px 10px 0px; padding:0px; 
                            border-bottom:1px solid #c7ce1e;}
                /*
                    .video_item_image {position:relative; float:left; clear:none; width:160px; margin:0px; border:1px solid #cccccc;}
                    .video_item_desc {position:relative; float:left; clear:right; width:146px; margin:0px 0px 0px 0px; font-size:9pt;}
                */
                    .video_item_desc {position:relative; float:left; clear:both; width:215px; margin:5px 10px 0px 10px; font-size:9pt;}
    	#video_footer {position:absolute; top:578px; left:65px; clear:both; margin:0px; padding:0px; background:transparent; 
                    color:#9f9f9f; font-size:7pt;}

        /* TEMPLATE #8 - The Store (full size = 666 x 402) */
        #flash_box {position:absolute; top:0px; left:0px; width:666px; height:402px; background:#ffffff; 
        		margin:0px; padding:0px 0px 0px 0px; border:1px solid #a7a9ac;}

        /* TEMPLATE #9 - Photo Album (455 x 402) */
        #album_box {position:absolute; top:0px; left:0px; width:455px; height:402px; background:#ffffff;
        		margin:0px; padding:0px; border:1px solid #439639; overflow:auto;} 
            .album_info {position:relative; float:left; clear:left; width:430px; height:95px; margin:4px 0px 0px 5px; padding:0px; background:#b5b9bc;} 
            .album_over {position:relative; float:left; clear:left; width:430px; height:95px; margin:4px 0px 0px 5px; padding:0px; 
                    background:#fff793 url('/images/album_grad.jpg') no-repeat top;} 
                .album_text_box {position:relative; float:left; clear:left; width:295px; margin:4px 0px 10px 10px; padding:0px;}
                    .album_name {color:#6f7176; font-size:15pt; line-height:95%; text-transform:uppercase; height:66px; margin:0px; padding:0px 10px 0px 0px;}
                    .album_date {color:#6f7176; font-size:13pt; margin:0px; padding:0px;}
                /* rollover images... */    
                /*
                .album_preview img {margin:0px;}
                .album_preview:hover {background-color: transparent;}
                .album_preview:hover img {}
                .album_preview span {position:absolute; left:0px; width:465px; height:402px; background:transparent;
                            visibility:hidden; border-left:1px solid #a7a9ac;}
                .album_preview span img {border-width:0;}
                .album_preview:hover span {visibility:visible; top:0px; left:200px; z-index:50;}
                */
            .album_photo {position:relative; float:left; clear:right; width:118px; margin:6px 0px 0px 0px;}

        /* TEMPLATE #10 - Featured Boutique (full size = 666 x 402) */
        #featured_boutique_box_1 {position:absolute; top:0px; left:0px; width:185px; height:400px; background:#ffffff; 
                    border:1px solid #439639;}
            #featured_boutique_content {position:relative; float:left; clear:both; width:165px; margin:6px 10px 0px 10px;}
                .feature_h2 {color:#387d2f; font-size:14pt; font-weight:normal; margin:0px; padding:0px 0px 14px 0px; border-bottom:1px dashed #2b2b2b;}
                .feature_h3 {color:#2b2b2b; font-size:12pt; font-weight:normal; margin:14px 0px 10px 0px;}
                .feature_text {color:#2b2b2b; font-size:10pt; font-weight:normal; margin:0px 0px 0px 0px;}
                .feature_close {position:relative; float:left; clear:both; width:165px; margin:30px 10px 0px 10px;}
        #featured_boutique_box_2 {position:absolute; top:0px; left:191px; width:473px; height:400px; background:#ffffff; 
                    border:1px solid #439639;}
                .feature_photo {position:relative; float:left; clear:none; margin:0px 0px 0px 0px;}        
                .feature_h1 {position:relative; float:left; clear:both; width:453px; color:#2b2b2b; font-size:24pt; font-weight:normal; 
                            text-transform:uppercase; margin:20px 10px 0px 10px;}

        /* TEMPLATE #11 - View Boutique (full size = 666 x 402) */
        #view_boutique_box_1 {position:absolute; top:0px; left:0px; width:664px; height:72px; background:#ffffff; 
                    border:1px solid #439639; border-bottom:0px;}
                .view_h2 {color:#387d2f; font-size:24pt; font-weight:normal; margin:7px 0px 5px 20px;}
                .view_text {color:#2b2b2b; font-size:10pt; font-weight:normal; margin:0px 0px 0px 20px;}
                .view_close {position:relative; float:right; clear:none; margin:-23px 20px 0px 0px;}
        #view_boutique_box_2 {position:absolute; top:72px; left:0px; width:664px; height:331px; background:#ffffff; 
                    border:1px solid #439639;  border-top:0px; overflow:auto;}
                .view_photo {position:relative; float:left; clear:none; margin:0px 0px 20px 20px;}        


        /* TEMPLATE #13 - VirtualPaper Brochure */
        #back_link {position:absolute; top:57px; right:50px;}
    	#brochure_footer {position:absolute; top:760px; left:65px; clear:both; margin:0px; padding:0px; background:transparent; 
                    color:#9f9f9f; font-size:7pt;}


	/* Footer */
	#footer {position:absolute; top:440px; left:20px; clear:both; margin:0px; padding:0px; background:transparent; color:#9f9f9f; font-size:7pt;}

.top_button {position:relative; float:right; clear:both; width:180px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; 
        border-top:1px dashed #a7a9ac; font-size:9pt; font-style:italic; text-align:right; }

.big {font-size:13pt;} 

.bold {font-weight:bold;} 
.footnote {clear:both; margin:10px 0px 0px 0px; font-size:9pt; font-style:italic;}
.right {text-align: right;}
.small {font-size:8pt;}
/* --- */

a.function {color:#76716f; background-color:transparent; text-decoration:none;}
a.function:link {}
a.function:visited {color:#76716f;}
a.function:active {color:#b4277f; text-decoration:none;}
a.function:hover {color:#b4277f; text-decoration:underline;}

a.button {color:#465047; background:transparent url("/images/button_bg.jpg") repeat-x bottom; font-size:9pt; text-decoration:none;
			border:1px solid #cccccc; text-align:center; vertical-align:middle; margin:0px 0px 0px 0px; padding:2px 4px 2px 4px;}
a.button:link {}
a.button:visited {}
a.button:active {color:#b4277f;}
a.button:hover {color:#717f79;}

/* PDF */
a.pdf { background:transparent url("/images/pdf_icon_off.gif") no-repeat left top; padding:0px 0px 0px 22px; text-decoration:none; }
a.pdf:hover {background:transparent url("/images/pdf_icon_roll.gif") no-repeat left top; padding:0px 0px 0px 22px; text-decoration:underline; }

/* MISC */
.img_wrap {position:relative; float:left; clear:none; margin:0px 0px 0px 0px; padding:0px;}

/* Form styles needed for all pages */
select.quicklink {color:#76716f; background:#dddcd7; font-size:9pt; margin:0px; border:0px;}
select option.qlink {color:#76716f; background:#dddcd7; font-size:9pt; margin:0px; border:0px;}
/* *** change this to CSS or UL -- see http://v2.easy-designs.net/articles/replaceSelect/ */

/* ----- */