/* Dunkin panel site 2008 */

#agreeTxt { background-color:#ff0000; color:#fff; }
#agreeTxt p { margin:5px; }

/*-------

# /* Z-index of #mask must lower than #boxes .window */  
#mask {  
   position:absolute;   top:0; left:0;
   z-index:9000;  
   background-color:#fff;  
   display:none;  
}  
     
#boxes .window {  
   position:absolute;
   width:440px;  
   height:200px;  
   display:block;  
   z-index:9999;  
   padding:20px; 
   background-color:#fff; border:2px #e51f7f solid;
}  
.close { position:absolute; top:5px; right:5px; }   
   
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  	
   width:375px;   
   height:150px;  
}  




body,
html { margin:0; padding:0; }

body { min-width:810px; background-image:url(img/bgdunkin.gif); text-align: center; /* for IE */ }
#container { 
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */ 
	width:810px; background-color:#fff; 
}

/* sitewide typography
---------------------------------------------------------------------------------------*/
body, .main, ol, ul, p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; }
h1, h2, .subhead { font-size:16px; color:#c02e1a; font-weight:600; }
.subhead_sml { font-size:14px; border-bottom:1px #333333 dotted; }
h3, .mainb { font-size:12px; color:#c02e1a; font-weight:600; }
.mainsml { font-size:10px; }



#header { background-image:url(img/dunkinLogo_new.gif); background-repeat:no-repeat; height:91px; padding-left:100px; }
#login { position:relative; width:100px; float:right; text-align:right; padding-right:10px; }

a { color:#e51f7f; text-decoration:none; }
a:active { color:#fff; background-color:#e51f7f; }
a:hover { text-decoration:underline; }

#navtop ul, #navtop li, #navtop img, #navtop ul li a { margin:0; padding:0; }
#navtop li { display:inline; float:left; }
#navtop { width:790px; margin-left:10px; }

#content { position:relative; margin:0; padding:5px 10px 0 10px; }

#imgHomeHolder, #imgHomeHolderLoggedIn { position:relative; margin:0; padding:0; width:790px; height:289px; background-repeat:no-repeat; }
/*#imgHomeHolder { background-image:url(img/imageHome1.jpg); }*/
#imgHomeHolderLoggedIn { background-image:url(img/imageHome4.jpg); }

#FPholder { display:none; visibility:hidden; position:absolute; right:0; background-color:#f36c2a; width:310px; max-width:310px; min-width:310px; margin:0; padding:0; }
#fpTbl { width:310px; max-width:310px; }
#fpTbl td { color:#fff; font-size:11px; }
#fpTbl h2 { font-size:13px; padding:0; margin:10px 0; padding:0 10px; color:#fff; }
#fpTbl table { width:90%; }
#fpTbl table td { vertical-align:top; margin:0; padding:0; }
#fpTbl table td input { margin-bottom:2px; }
#stretch { height:289px; max-height:289px; } /* height takes into account padding of 10px in contaning element, FPholder */

#imgHomeTxt { position:absolute; margin:0; padding:0; }
#imgHomeTxt img { position:absolute; margin:5px; }
#imgHomeTxtHead { top:219px; }

#btnfpVote { margin:10px 20px 0 0; }

#leftCol { position:relative; width:480px; margin:0; padding:5px 0 0 0; }
#rightCol { position:relative; width:310px; margin:0; padding:10px 0 0 0; }
#leftCol, #rightCol { float:left; }
#leftCol p { margin:10px 20px 0 5px; }

#Hometxt { background-color:#80561f; text-align:center; margin:5px 0; }

#formbox { position:relative; background-color:#fbcda9; padding:20px; margin:5px 0; }
#formbox h2 { margin:0; padding:0; }
#formbox p { color:#000; margin:5px 0; padding:0; }

/* comment form styling
-----------------------------------*/
#commentLoggedIn { margin:0; padding:0 10px; }
#commentLoggedIn textarea { width:250px; height:100px; margin:0; padding:0; border:1px #e5992d solid; }
#commentLoggedIn select { width:75%; margin:0; padding:0; border:1px #e5992d solid; }
p.submitBtn { position:relative; text-align:right; }

#emailContact, #emailContact a { color:#fff; }
#emailContact { text-align:center; }
#emailContact a { text-decoration:underline; }

#navlow { position:relative; margin:0; padding:0; border-top:1px #e51f7f dotted; }
#navlow ul { padding:0 10px; margin:0; }
#navlow ul li { display:inline; padding:0 15px 0 0; }

#credits { text-align:right; padding:0 10px; }

.hlight { font-weight:600; color:#c02e1a; line-height:24px; }

img.gtrThan { position:relative; top:4px; }

img { border:none; }

/* misc.
----------------------------------*/
form#login { position:relative; text-align:left; width:600px; }


