/*
 * Project:    Rollingdale
 * Date:       2009-04-25
/* ---------------------------------------- */
/* This document extends the following CSS document */	
@import url(_base.css); /* Import Reset CSS Document */
@import url(store.css); /* Import Reset CSS Document */
@import url(checkout.css); /* Import Reset CSS Document */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #303030; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #333; font-family: Tahoma, Geneva, sans-serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre, form { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #09f; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
abbr { border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
.hide { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
 #top { background: #3c3c3c; }
  #logo { width: 990px; margin: 0 auto; padding: 20px 0 10px 0; background: url(../images/global/top-bcg.png) bottom center no-repeat; text-align: center; }
   #logo a { display: block; width: 140px; margin: 0 auto; }
   #logo a img { display: block; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav { list-style: none; width: 990px; margin: 0 auto; padding: 10px 0 0 0; background: url(../images/global/nav-bcg.png) top left no-repeat; text-align: center; }
   #nav li { display: inline; }
    #nav li a { padding: 0 22px; color: #000; line-height: 28px; text-decoration: none; }
    #nav li a:hover { text-decoration: underline; }
    #nav li em { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
  #wide-wrapper { background: url(../images/global/bcg1.png) top left repeat-x; }
  #content { width: 970px; margin: 0 auto; padding: 0 10px; background: url(../images/global/shadow-bcg.png) top left repeat-y; }
   #inner-content { clear: both; min-height: 320px; padding-top: 24px; border-top: 1px solid #fff; background: url(../images/global/content-bcg.jpg) top left no-repeat; } 
   * html #inner-content { height: 320px; } 

   
/* GENERAL
------------------------------------------- */

/* headers */
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.4em; font-family: Times New Roman, Times, serif; font-weight: normal; }
h2 { font-size: 2.0em; font-family: Times New Roman, Times, serif; font-weight: normal; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

 

/* ELEMENTS
------------------------------------------- */

/* options-bar */
 #options-bar { background: #0e0e0e; }
  #options-bar .wrapper { position: relative; overflow: hidden; width: 970px; margin: 0 auto; background: #340000 url(../images/global/opt-bcg.png) top left repeat-x; }
   #options-bar ul { list-style: none; margin: 0; padding: 0 15px 0 0; float:right; }
    #options-bar ul li { float:left; padding: 5px 7px 5px 8px; color: #fff; background: url(../images/global/brd1.png) center left no-repeat; font-size: 1.1em; }
    #options-bar ul li.first { background: none; }
    #options-bar ul li.cart { padding-left: 20px; background: none; }
     #options-bar ul li a { display: block; padding: 3px 0; color: #fff; text-decoration: none; }
     #options-bar ul li.cart a { padding-left:26px; background: url(../images/global/cart-ico.png) center left no-repeat; }
     #options-bar ul li a:hover { text-decoration: underline; }
	 
	 #socialmediabar { position: absolute; top: 8px; left: 20px; }
	 	#socialmediabar a { color: #fff; text-decoration: none; }
		.v65-socialMediaBar-Facebook { display: inline-block; background: url(../images/facebook_16.png) left no-repeat; height: 16px; line-height: 16px; padding: 0 0 0 20px; margin: 0 5px 5px 0; }
		.v65-socialMediaBar-Twitter { display: inline-block; background: url(../images/twitter_16.png) left no-repeat; height: 16px; line-height: 16px; padding: 0 0 0 20px; margin: 0 5px 5px 0; }
	
 
/* featured-box */  
 #featured-box { position: relative; z-index: 10; float: left; width: 100%; background: #73081e; }  
  #featured-box .primary { float: left; }
   #featured-box .primary p { margin: 0; }
    #featured-box .primary p img { display: block; } 
  #featured-box .secondary { float: right; width: 255px; min-height: 244px; margin: 7px 7px 7px 0; padding: 30px 45px 0 102px; color: #fff; border: 1px solid #9c4124; }
  * html #featured-box .secondary { height: 244px; }
   #featured-box .secondary h2 { margin: 0; line-height: 1; }
   #featured-box .secondary h3 { font-size: 1.2em; font-style: italic; font-weight: normal; }
    #featured-box .secondary a { color: #fff; text-decoration: none; }
	  #featured-box .secondary a:hover { text-decoration: underline; }
    #featured-box .secondary p strong { font-size: 1.2em; }
   #featured-box .secondary #wine-image { position: absolute; left: 458px; bottom: -52px; }
    #featured-box .secondary .image { width: 183px; height: 334px; padding: 9px 0 0 9px; background: url(../images/global/featured-container.png) top left no-repeat; }
     #featured-box .secondary .image p { width: 172px; height: 320px; margin: 0; }
	 
/* cols-one-a */
 #cols-one-a { overflow: hidden; width: 900px; padding: 0 35px;}
 
	 
/* cols-three-a */
 .cols-three-a { overflow: hidden; width: 100%; margin: 0; padding: 44px 0 4px 0; }
 .cols-three-a div.primary-ta { float: left; width: 304px; margin-left: 26px; }
 * html .cols-three-a div.primary-ta { display: inline; }
 .cols-three-a div.secondary-ta { float: left; width: 273px; margin-left: 32px; }
 .cols-three-a div.tertiary-ta { float: left; width: 264px; margin: 30px 0 0 40px; background: #5b5b5b url(../images/global/rc-top.png) top left no-repeat; }
 
  .cols-three-a div.primary-ta h2,
  .cols-three-a div.secondary-ta h2 { margin-bottom: 8px; padding-bottom: 2px; color: #990000; border-bottom: 1px solid #333; }
  .cols-three-a div.primary-ta a.rss { display: block; overflow: hidden; float: left; width: 16px; height: 16px; margin: 6px 9px 0 0;  background: url(../images/global/rss-ico.png) top left no-repeat; text-indent: -10001px; }
 
 .cols-three-a div.secondary-ta #map { float: right; width: 150px; height: 150px; }
 .cols-three-a div.secondary-ta .vcard { padding-top: 10px; color: #020101; }
  .cols-three-a div.secondary-ta .vcard p { margin: 0; }
 
  .cols-three-a div.tertiary-ta .wrapper-a { padding: 21px; background: url(../images/global/rc-btm.png) bottom left no-repeat; color: #fff; }
    .cols-three-a div.tertiary-ta #formBuilderWrapper { border: 0; padding: 0; margin: 0; }
    .cols-three-a div.tertiary-ta #formBuilderWrapper legend { color: #fff; }
	.cols-three-a div.tertiary-ta #formBuilderWrapper fieldset.submit { border: 1px solid #666; }
     .cols-three-a div.tertiary-ta h2 { margin-bottom: 1px; }

/* cols-two-a */
 .cols-two-a { overflow: hidden; width: 100%; padding: 0 0 20px 0;}
  .cols-two-a div.primary-ta { float: left; width: 230px; padding-left: 22px; }
  .cols-two-a div.secondary-ta { float: right; width: 645px; padding-right: 45px;  }
   .cols-two-a div.secondary-ta h2 { margin-bottom: 9px; color: #990000;  }
   .cols-two-a div.secondary-ta p { margin-bottom: 18px; }
	
/* secondary-nav */
 #secondary-nav { width: 230px; background: url(../images/global/sec-nav-top.png) top left no-repeat; }	
  #secondary-nav .wrapper { min-height: 250px; padding: 17px 30px 50px 20px; background: url(../images/global/sec-nav-btm.png) bottom left no-repeat; }	
  * html #secondary-nav .wrapper { height: 250px; }	
   #secondary-nav h2 { margin-bottom: 8px; color: #660000; font-size: 1.4em; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; }	 
   #secondary-nav h4 { margin-bottom: 8px; color: #660000; font-size: 1.4em; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; }	 
   #secondary-nav ul { list-style: none; margin: 0; padding: 0 0 0 4px; }	 
    #secondary-nav ul li { padding: 3px 0; }	 
     #secondary-nav ul a { padding-left: 8px; color: #333; text-decoration: none; background: url(../images/global/bullet1.png) -10px 50% no-repeat;}	 
     #secondary-nav ul a:hover,
     #secondary-nav ul a.current { background-position: center left;}	 
      #secondary-nav ul ul { padding: 1px 0 1px 14px; }	 
 
/* blog-items */
 #blog-items { list-style: none; margin: 0; padding: 2px 0 0 0; } 
  #blog-items li { overflow: hidden; width: 100%; padding-bottom: 20px; font-size: 1em; } 
  .js #blog-items li { cursor: pointer; } 
   #blog-items p.image { float: left; width: 71px; height: 71px; margin: 0; background: url(../images/global/thumb-shadow.png) top left no-repeat; } 
   #blog-items div { float: right; width: 220px; } 
   #blog-items div ul { list-style: none; margin: 0; padding: 0; } 
    #blog-items div ul li { float: left; width: auto; padding: 0 4px 0 5px; background: url(../images/global/brd2.png) center left no-repeat; color: #000; font-size: 1.1em; } 
    #blog-items div ul li.first { padding: 0 4px 0 0; background: none; } 
   #blog-items div p { clear: both; margin: 0; font-weight: bold; font-size: 1.1em; } 
   #blog-items div p a{ color: #333; text-decoration: none; }

/* newsletter */
 #newsletter { padding: 8px 0 20px 0; }  
  #newsletter p { margin-bottom: 6px; }
  #newsletter p.btn { margin: 0; padding: 0 15px 0 0; text-align: right; }
   #newsletter label { padding-left: 22px; color: #ffff99; font-family: Trebuchet MS, Helvetica Neue, Helvetica, sans-serif; }
   #newsletter input { border: 1px solid #666; padding: 2px 3px; width: 133px; }
   #newsletter button { background: none; border: none; }
 
/* footer */
 #footer { width: 990px; margin: 0 auto; padding-top: 26px; background: url(../images/global/footer-shadow.png) top left no-repeat; }
  #footer .wrapper { overflow: hidden; width: 100%; padding: 5px 0 15px 0; background: url(../images/global/footer.png) top left no-repeat; font-family: Trebuchet MS, Helvetica Neue, Helvetica, sans-serif; }
   #footer .primary { float: left; width: 635px; padding-left: 15px;  }
    #footer .primary p { clear: both; color: #999; margin: 0;  }
    #footer .primary ul { list-style: none; margin: 0; padding: 0; }
     #footer .primary ul li { float: left; padding-right: 12px; }
      #footer .primary ul li a { color: #ccc; text-decoration: none; }
      #footer .primary ul li a:hover { text-decoration: underline; }      
   #footer .secondary { float: right; padding-right: 15px; }
    #footer .secondary p { color: #666; }
     #footer .secondary p a { color: #666; text-decoration: none; }
     #footer .secondary p a:hover { text-decoration: underline; }