
/* CSS Document */

body { margin:0px; background:url(images/master-body-bg.jpg) top no-repeat }
img { border:0px;}
a {outline:none;}
img  a{ border:0px none; }
br{  line-height:10px; }

table { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
div, h1, h2, h3, h4, p, form, label, input, textarea, span{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; letter-spacing:.1px;  }
.clearBoth { clear:both;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px;}

/* Common Styles */
#master-div { width:949px; margin:0 auto;}
.br-header { height:97px; }
.baskin-robin-logo { float:left; width:379px; position:relative; bottom:-15px;  padding-top:40px; padding-left:3px; z-index:10    }


/* Menu */ 
#br-menu { float:right; margin:56px 13px 0 0; }
#br-menu ul { list-style-type:none; }
#br-menu ul li { float:left}
#br-menu a { display:block;    }
.br-home { width:61px; background:url(images/menubg.png) left bottom no-repeat; height:41px; background-position:0 7px }
.br-home:hover { background:url(images/menubg.png) left bottom; height:41px; }


.br-about { width:65px; background:url(images/menubg.png) left bottom no-repeat; height:41px; background-position:-61px 7px }
.br-about:hover { background:url(images/menubg.png) left bottom;background-position:-61px 0px; height:41px;  }

.br-hcandy { width:105px; background:url(images/menubg.png) left bottom no-repeat; height:41px; background-position:-126px 7px }
.br-hcandy:hover { background:url(images/menubg.png) left bottom;background-position:-126px 0px; height:41px;  }

.br-sugarfree { width:98px; background:url(images/menubg.png) left bottom no-repeat; height:41px; background-position:-231px 7px }
.br-sugarfree:hover { background:url(images/menubg.png) left bottom;background-position:-231px 0px; height:41px;  }

.br-brtime { width:125px; background:url(images/menubg.png) left bottom no-repeat; height:41px; background-position:-329px 7px }
.br-brtime:hover { background:url(images/menubg.png) left bottom;background-position:-329px 0px; height:41px;  }

.br-shop { width:54px; background:url(images/menubg.png) left bottom no-repeat; height:41px; background-position:-454px 7px }
.br-shop:hover { background:url(images/menubg.png) left bottom;background-position:-454px 0px; height:41px;  }


/* Home Page Flash */ 
#br-home-flash { height:460px; text-align:center  }
#br-internal-flash {height:436px; text-align:center  }
#splash-box { clear:both; }
.br-footer { margin:10px 47px;}
.br-footer-left { width:171px; height:60px; float:left}
.footer-txt { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#686869; float:left; width:440px; margin:12px; text-align:center}
.br-social-media{ float:left; }
.sept { float:left; width:auto;}
.blue-txt { font-family:Arial, Helvetica, sans-serif; color:#083e93; font-weight:bold; font-size:11px; float:left; width:60px; margin:12px; }
.social-icon{ float:left}


.splash1 { width:600px; margin-left:20px; float:left}
.splash2 { width:305px; height:263px;  background:url(images/ice-cream-cone-bg.jpg) top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:left }
.splash2-div { margin:150px 30px 0 30px;}

.hp-splash-left { width:14px; float:left; background:url(images/hp-sp1.jpg) no-repeat; height:263px;}
.hp-splash-cent { width:572px; float:left;  background:url(images/hp-sp2.jpg) repeat-x top; height:263px; }
.hp-splash-middle { width:14px; float:left; background:url(images/hp-sp3.jpg) no-repeat;height:263px; }

.hp-pic1{ width:180px; float:left; margin:25px 0 0 5px;}
.hp-txt1 { float:left; margin:25px 0 0 5px; width:370px;}
.hp-txt1-div { clear:both; margin:25px 25px 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#447dc0; line-height:18px;   }

/* ---- WebCandy page---*/

.wcbg { background:url(images/midBgWC.jpg) repeat-x top;}


/* ---- BR SugarFree----*/

.sugarfree-bg { background:url(images/midBgSF.jpg) repeat-x top; }

.bottLinkSF{ font-size:11px; color:#134899; font-family:Arial, Helvetica, sans-serif; width:170px; height:20px; float:left;}
.bottLinkSF ul{ list-style-type:none; display:inline; margin:0; padding:0;}
.bottLinkSF ul li{ list-style-type:none; display:inline; margin-right:8px;}
.bottLinkSF ul li a{color:#134899;text-decoration:none;}
.bottLinkSF ul li a:hover{color:#134899;text-decoration:underline;}

.cookieCreamWrapSF{ width:189px; float:left; }
.cookiesNcreamSF{ width:174px; border-bottom:1px solid #000; border-top:1px solid #000;margin-top:21px; float:left;height:110px;}
.cookiesNcreamSF img{ margin-top:10px;}
.cookiesNcreamSF p{ margin-top:8px; margin-bottom:13px; line-height:15px; font-size:11px; letter-spacing:-0.01px;}
.cookieCreamWrapSF .bottLinkSF { margin:10px 0 0 0;}

.mintChocolateWrapSF{ width:208px; float:left; }
.mintChocolateSF{ width:175px; border-bottom:1px solid #5dad53; border-top:1px solid #5dad53;margin-top:21px; float:left;height:110px; margin-left:20px;}
.mintChocolateSF img{ margin-top:10px;}
.mintChocolateSF p{ margin-top:8px; margin-bottom:13px; line-height:15px; font-size:11px; letter-spacing:-0.01px;}
.mintChocolateWrapSF .bottLinkSF { margin:10px 0 0 20px;}

.mangodelightWrapSF{ width:210px; float:left; }
.mangodelightSF{ width:175px; border-bottom:1px solid #e0992e; border-top:1px solid #e0992e;margin-top:21px; float:left;height:110px; margin-left:20px;}
.mangodelightSF img{ margin-top:10px;}
.mangodelightSF p{ margin-top:8px; margin-bottom:13px; line-height:15px; font-size:11px; letter-spacing:-0.01px;}
.mangodelightWrapSF .bottLinkSF { margin:10px 0 0 20px;}

.pralinesWrapSF{ width:189px; float:left; }
.pralinesSF{ width:177px; border-bottom:1px solid #d3891c; border-top:1px solid #d3891c;margin-top:21px; float:left;height:110px; margin-left:20px;}
.pralinesSF img{ margin-top:10px;}
.pralinesSF p{ margin-top:8px; margin-bottom:13px; line-height:15px; font-size:11px; letter-spacing:-0.01px;}
.pralinesWrapSF .bottLinkSF { margin:10px 0 0 20px;}

.espressoWrapSF{ width:818px; height:106px; border-bottom:1px solid #603003;border-top:1px solid #603003;margin-bottom:70px; margin-top:50px; margin-left:54px;}
.espreso{ width:214px; height:91px; float:left; margin-top:12px;}
.espresoCnt{ width:535px; height:91px; float:left; margin:19px 0 0 15px;}
.espresoCnt p{ margin:5px 0 5px 0;}

/*--  BRTime--------------------------------------*/
.midCntBRTime{ width:911px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4e4d4d; font-weight:normal;}
.leftBgBRTime{ width:14px; height:359px; background-image:url(images/leftBgBRTime.jpg); background-repeat:no-repeat; float:left;}
.midBgBRTime{height:359px; background-image:url(images/midBgBRTime.jpg); background-repeat:repeat-x; float:left; width:875px;}
.rightBgBRTime{ width:22px; height:359px; background-image:url(images/rightBgBRTime.jpg); background-repeat:no-repeat; float:left;}

.itsBr{ margin:2px 0 0 28px;}
.BrTimeFormWrap{ width:790px; height:291px;margin:5px 0 0 65px;}
.BrTimeTitle{ font-size:14px; letter-spacing:-0.01px;}

.nameBRT{ width:154px;padding-right:104px; height:77px; float:left; color:#000; font-weight:bold; margin-top:8px; margin-right:10px; }
.TxtBxBgBRT{ background-image:url(images/txtBgTimeName.gif); width:240px; height:24px; background-repeat:no-repeat; color:#000; border:0 none; line-height:20px; padding-left:5px;}
.TxtBxBgBRTAge{ background-image:url(images/txtBgTimeAge.gif); width:28px; height:24px; background-repeat:no-repeat; color:#000; border:0 none; line-height:20px; padding-left:5px;}

.emailBRT{ width:154px; padding-right:101px; height:77px; float:left;color:#000; font-weight:bold;margin-top:8px;}
.ageBRT{ width:45px; height:77px; float:left;color:#000; font-weight:bold;margin-top:8px; margin-left:6px;}
.inputBRT{ width:200px;height:57px; float:left;margin-top:25px; margin-left:8px;}
.inputBRT input{ float:left; margin:0; padding:0; border:0 none;}
.inputBRT p{ float:left; width:183px; margin-left:3px; margin-top:-6px; *float:right; *margin-top:-22px;* letter-spacing:-0.01px; }
.inputTxtLink {color:#0858c4;text-decoration:none;}
.inputTxtLink a{color:#0858c4;text-decoration:none;}
.inputTxtLink a:hover{color:#0858c4;text-decoration:underline;}

.uploadBxBRTime{ width:254px; height:157px; float:left;color:#000; font-weight:bold;margin-top:15px;}
.uploadBxBRTime img{ margin:17px 0 0 44px;}
.reqBRT{ color:#504f4f; margin:35px 0 0 0;}
.addBxBRTime{ width:520px; height:157px; float:left;color:#000; font-weight:bold; margin-left:15px;margin-top:15px;}
.addBxBRTime input{ background-image:url(images/addstoryTxtBg.gif); background-repeat:no-repeat; width:478px; height:73px; padding-left:5px; border:0 none; margin:6px 0 0 0; line-height:20px; *margin-left:-15px;}
.addBxBRTime img{margin:10px 0 0 181px;}
.termsBRT{ font-size:9px;text-align:center;}

.feedbackBRT{ width:880px; margin-top:35px;}
.feedbackBRT ul{ list-style-type:none; display:inline; }
.feedbackBRT ul li{ list-style-type:none; display:inline; border-top:1px solid #db65a3; float:left; width:880px; margin-left:20px; *margin-bottom:18px;}
.feedbackBRT ul li .leftAgt{ width:84px; color:#000; font-weight:bold; margin-top:12px; margin-bottom:15px; float:left; width:100px; border:0;}
.feedbackBRT ul li img { float:left;}
.feedbackBRT ul li p{margin-top:12px;margin-bottom:22px; float:left; width:550px; margin-left:85px;}


#form1 .btn_select_photo
{
  background-image:url(images/btn_select_photo.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  width:116px;
  height:29px;  
  border:none;
  background-color:Transparent;
}
#form1 .btn_select_photo_hover
{
     background-image:url(images/btn_select_photo.gif);
  background-repeat:no-repeat;
  width:116px;
  height:29px;  
  border:none;
  background-color:Transparent;
   background-position:0 -29px;
}
#form1 .btn_send
{
  background-image:url(images/btn_send.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  width:95px;
  height:36px;  
  border:none;
  background-color:Transparent;
}
#form1 .btn_send:hover
{
  background-position:0 -36px;
}
#form1 label.error
{
 color:#e961a9;
 font-size:12px;
 padding:0px;
 height:auto;
 background:none;
 font-weight:normal;
 width:100px;
}
.error_highlight
{
   border:2px solid #e961a9;
   
}
#form1 span#processStatus
{
   color:#72B5D6;
   font-weight:bold;
   font-size:14px;
   padding-left:15px;
   padding-top:10px;
}
#form1 span#processStatus img
{
  float:right;  
}
#form1 .processStatusError
{
       color:#e961a9;
}
a.privacyLink
{
  color:#686869;
  text-decoration:none;
}
a.privacyLink:hover
{
	text-decoration:underline;
}
/* --------------- AboutBR Page  */

#br-about-flash {   height:391px;   text-align:center}
#br-shop-flash {  height:391px;   text-align:center}
.about-content { position:absolute; margin:0 10px; top:256px; width:956px;  }
.baskin-robin-logoAboutPage { float:left; width:379px; position:relative; bottom:-25px;  padding-top:40px;    }
.abtTitle{ width:757px; height:90px; clear:both; margin:0 auto;  }
.midbg-pink{ background-image:url(images/midBgAbout.jpg); background-repeat:repeat-y; width:757px; font-weight:normal; position:relative; margin: 0 auto   }
.pink-content { margin:10px 40px 0 80px;font-size:16px; color:#5b5b5b; line-height:27px;}
.about-img { float:left; position:relative; margin:0 30px  0 -40px;}

.blueLinkABt a{ color:#3b78bd; font-weight:bold; text-decoration:none;font-size:16px;}
.blueLinkABt a:hover{ color:#3b78bd; font-weight:bold; text-decoration:underline;font-size:16px;}
.footerAbtpg{ background-image:url(images/footerAboutPg.jpg); background-repeat:no-repeat; width:757px; height:253px; margin: 0 auto }
.br-footerAbtpg { position:relative; top:-298px; left:105px;}

/* SHOP PAGE */
.midBgShop{ background-image:url(images/midBgAbout.jpg); background-repeat:repeat-y; width:757px; font-weight:normal; position:relative; margin: 0 auto   }
.midBgShop p{ width:600px; margin:10px 0 0 80px;font-size:16px; color:#5b5b5b; line-height:30px; }
.midBgShop img{ margin:15px 23px 0 45px; float:left;}
.blue-shop-txt { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#3b78bd; font-weight:bold; line-height:25px;}
.footerShoppg {background:url(images/footerShop.jpg) top no-repeat; width:757px; height:70px; margin: 0 auto;  }
.shop-cart-date { padding:0 25px;}
.shop-online { width:535px; height:549px; background:url(images/shop-online-bg.jpg) top no-repeat; float:left;  }
#shoplist { padding:130px 45px 0 40px;  }
.shopform {font-family:"Trebuchet MS", "Times New Roman"; ; font-size:12px; color:#010101; line-height:24px;padding-bottom:15px;}
.quantity { width:25px; border:1px solid #bdbcbc; font-family:"Trebuchet MS", "Times New Roman";}
.drop {  border:1px solid #bdbcbc; font-family:"Trebuchet MS", "Times New Roman"; font-size:12px;}
.btn-addtocart { background:url(images/btn-add-to-cart.png); width:77px; height:21px; border:0px; cursor:pointer   }
.add-cart-div{float:right; position:relative; margin-top:0px;}
.pink-txt { color:#bb1380;}
.gray-txt { color:#767676;}
.btn-viewcart { background:url(images/btn-viewcart.png); width:89px; height:28px; border:0px; cursor:pointer }
#signup { width:349px; height:447px ; background:url(images/shop-online-orange-bg.jpg) top no-repeat;  float:left; margin:5px 0 0 20px;  }
#emailopt { margin:70px 50px 0 50px; font-family:"Trebuchet MS", "Times New Roman"; font-size:12px; color:#543c09; }
#emailopt form {font-family:"Trebuchet MS", "Times New Roman"; line-height:30px; }
.emailinput { background:url(images/sinup-input-bg.gif) top left no-repeat; width:182px; padding-left:5px; line-height:20px; border:0px; height:20px;  font-family:"Trebuchet MS", "Times New Roman"; font-size:12px; padding-top:2px; }
.input-age { background:url(images/age-bg.gif) left top no-repeat; width:74px; padding-left:5px;font-family:"Trebuchet MS", "Times New Roman"; font-size:12px; height:20px; border:0px; padding-top:2px;   }
.btn-submit { background:url(images/btn-submit.png) top left no-repeat; width:95px; height:39px; border:0px; cursor:pointer;  }
