/* Key styles for: Pacific Blue Winery*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 17 December 2009 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; color: #434343; font-family: Georgia, "Times New Roman", Times, serif; background: url(images/bg.jpg) repeat #3aaceb;}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff; }
#banner-bg{position: absolute; top: -10px;  z-index: 99;}
#banner {position: absolute; top: 0; left: 50%; margin-left: -480px; width: 960px; z-index: 99;}
#logo{float: left; width: 313px; padding-top: 30px; padding-left: 70px;  z-index: 99;}
#navigation{width:410px; float: right; margin-top: 8px; text-align: right;}
#sub-navigation {margin-bottom: 10px;}
#buttefly {position: relative; margin-left: -30px; margin-top: 20px;  z-index: 99;}
#feature{margin-top: -205px; position: relative;}
#content {background: #FFFFFF; width: 920px; padding: 20px; overflow: hidden;}
#content .col {position: relative; float: left;  }
#col1 {width: 500px; padding-right: 20px;}
#col2 {width: 379px; padding-left: 20px; border-left: 1px solid #e3e3e3;}
#sidebar{width: 265px; padding-right: 40px}
#main{width: 615px;}
#footer{margin-left: auto; margin-right: auto; width: 960px; margin-top: 10px;}
#products {padding-top: 40px;}
   
/*Navigation Styles*/
#navigation ul {font-family: Script MT Bold; }
#navigation li { list-style: none;  display: block; float: left;}
#navigation li a{float: left; margin: 0px; text-decoration: none; color: #434343; font-size: 2.2em; padding: 2px 16px; background: url(images/nav-bg.gif) repeat; border-right: 1px solid #ccc;}
#navigation li a:hover {color: #2583be; border-bottom: none;}
#navigation li.last a{border-right: none;}

/*Sub-Navigation Styles*/
#sub-navigation ul {margin-left: 0 !important;}
#sub-navigation li {display: block; list-style: none; border-bottom: 1px solid #c9c9c9;}
#sub-navigation li a{text-decoration: none; color: #434343; font-size: 18px; display: block; padding: 5px 0px 5px 15px;}
#sub-navigation li a:hover {color: #2583be; border-bottom: none; background: url(images/sub-nav-bg.gif) no-repeat #fff;}
#sub-navigation li.current-page a{color: #2583be; border-bottom: none; background: url(images/sub-nav-bg.gif) no-repeat #fff;}

/*Link Styles*/
a {color: #2583be; text-decoration: none;}
a:link{color: #2583be;}
a:visited {color: #2583be;}
a:hover {color: #434343; border-bottom: 1px dotted #2583be;}

#footer a{color: #434343;}
#footer a:hover {color:#fff; border-bottom: 1px dotted #434343;} 

/*Paragraph Styles*/
h1 {font-size: 2.8em; color: #2583be; padding-bottom: 10px; font-family: Script MT Bold;}
h2 {font-size: 2.2em; color: #2583be; padding-bottom: 10px; font-weight: normal;}
h3 {font-size: 1.8em; color: #2583be; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.4em; color: #2583be; padding-bottom: 2px; font-weight: normal;}
p {padding-bottom: 10px; font-size: 1.4em; line-height: 1.3em;}
#footer p{text-align: right; font-family: Arial; font-size: 1.2em; color: #fff;}
#sub-navigation h2{font-size: 2.8em; font-family: Script MT Bold;}
.price-option p{padding: 0;}
#products p {font-size: 1.3em;}
#sidebar h2{background: #2583be; color: #fff;  padding: 5px 10px; margin-bottom: 10px; width: 245px;}


/*Table Styles*/
table {background: #aedbf6; border: 1px solid #fff; margin-bottom: 10px;}
table td{padding: 5px; background: #aedbf6; color: #434343; border: 1px solid #fff; font-size: 1.4em;}

/*List Styles*/


#content ul, #content ol {font-size: 14px; margin-left: 30px; padding-bottom: 10px;}
#content li{line-height: 1.4em;}

/*Image Styles*/
img {padding: 0px;}
#content img {padding: 5px;}
#content img.left {padding: 5px 10px 5px 0;}
#content img.right{padding: 5px 0 5px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.wine-type {color: #bec2c4; font-style: italic;}
.divider{clear: both; border-bottom: 1px solid #e3e3e3; padding-top: 20px; margin-bottom: 20px;}
.hide{display: none;}

/*Shop Styles*/

.description{width: 390px; float: left; }
.price-option{width: 200px; float: right;}
.price {float: left; margin-right: 20px; width: 100px;}
.buy {float: left; width: 80px;}
.prices {padding-top: 30px; width: 200px; float: right;}
.product-information {float: right; width: 315px;}


/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1024px;}
#shadow span.top{display: block; background: url(images/shadow-top.png) no-repeat top; height: 10px;  behavior: url(iepngfix.htc) }
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 10px;  behavior: url(iepngfix.htc) }
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y;  behavior: url(iepngfix.htc) }

/*Shopping Cart*/
#shopping-cart {margin-top: 30px;}
.cartlink {clear: both; font-size: 1.4em;}
.tc_view{border-right: 1px solid #2583be; padding-right: 10px; margin-right: 10px}
.tc_cart_view_text{margin-right: 5px;}
.tc_cart_empty {}
#shopping-cart h2{background: #2583be; color: #fff;  padding: 5px 10px; margin-bottom: 10px; width: auto; font-size: 2.0em}
#shopping-cart img{margin-top: 5px;}
#shopping-cart a{color: #2583be;}
#shopping-cart a:hover{color: #434343; border-bottom: none;}
#shopping-cart p{font-size: 1.2em;}
#TB_closeAjaxWindow a:hover {border-bottom: none;}

/*Postal Detail*/
.number-of-bottles p{font-size: 1.6em !important; padding-bottom: 0px; float: left; width: 480px; }
.price-add {width: 100px; float: right; margin-top: -20px;}

.postage-popup p { width: 450px;  }
.postage-popup #products {padding-top: 10px !important;}
.postage-popup .cartlink {float: right; margin-right: 200px;  }
.postage-popup .product{  width: 250px !important;  }
.postage-popup .divider{clear: both; border-bottom: 1px solid #e3e3e3; padding-top: 5px; margin-bottom: 5px;}