/*  
Theme Name: Violetwaters
Theme URI: http://violetwaters.com
Description: Template of Consciousness
Version: 1.0
Author: Michael Price
Author URI: http://ecoist.ca
*/

* {margin:0; padding:0; border:0;}

body {background:#002f59 url(images/violetwaters.jpg) no-repeat top center; color:#f7f7f7; font-family:"Lucida Grande", Verdana, sans-serif; font-size:62.5%; line-height:1.7em;}

#wrap {width:860px; margin:20em auto; font-size:1.3em;}

a {text-decoration:none; outline:none; border-bottom:none;}

/* Header */
h1.logo {text-indent:-9999em; margin-bottom:5px; width:650px; height:45px;}

ul#nav {margin:0; padding:0; list-style:none; overflow:hidden; text-transform:uppercase;}

ul#nav li {display:inline; list-style:none; margin:0; padding:0; font-size:1.1em;}

ul#nav li a:link, ul#nav li a:visited {color:#fff; margin:0; padding:0.8em 1.0em; text-decoration:none; font-weight:bold; outline:none; float:left; overflow:hidden; height:1.2em !important;}
ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {color:#f6c944;}

ul#nav li.ui-tabs-selected a {color:#fff; background:url(images/nav-bg.png) repeat;}


/* Main Styles */
#cmid {padding:20px; background:url(images/trans-bg.png) repeat;}

.ui-tabs-hide {display:none;}

.section {overflow:hidden; clear:both;}

img {margin:0 auto; padding:1px; background:#fff; border:7px solid #011e3a;}
.leftalign {margin:10px 14px 0 0; padding:1px; display:inline; float:left;}

h2 {text-transform:uppercase; margin:1.0em; color:#fff; font-size:1.2em; text-indent:-9999em;}
h3 {text-transform:uppercase; font-size:1.15em; padding:1.0em; color:#fbb939;}
h5 {text-transform:uppercase; font-size:1.15em; padding:0 1.0em;}

h2.welcome {background:url(images/h2-welcome.png) no-repeat top left; height:26px;}
h2.waters {background:url(images/h2-waters.png) no-repeat top left; height:26px;}
h2.ocean {background:url(images/h2-ocean.png) no-repeat top left; height:26px;}
h2.purchase {background:url(images/h2-purchase.png) no-repeat top left; height:22px;}
h2.voices {background:url(images/h2-voices.png) no-repeat top left; height:22px;}
h2.contact {background:url(images/h2-contact-links.png) no-repeat top left; height:22px;}
h2.links {background:url(images/h2-links.png) no-repeat top left; height:22px;}


/* Purchase Page */
#portitems, #portitems2, #portitems3, #portitems4, #portitems5, #portitems6 {margin:2.0em 1.0em 0 1.0em;}

#portitems li, #portitems2 li, #portitems3 li, #portitems4 li, #portitems5 li, #portitems6 li {display:inline; margin:0 auto;}

#portitems li a:link, #portitems li a:visited, 
#portitems2 li a:link, #portitems2 li a:visited,
#portitems3 li a:link, #portitems3 li a:visited,
#portitems4 li a:link, #portitems4 li a:visited,
#portitems5 li a:link, #portitems5 li a:visited,
#portitems6 li a:link, #portitems6 li a:visited {padding:0.71em 1.0em; color:#fff; border-bottom:none; font-size:0.95em; text-transform:uppercase; font-weight:bold;}

#portitems li a:hover, #portitems li a:active, #portitems li a:focus, 
#portitems2 li a:hover, #portitems2 li a:active, #portitems2 li a:focus, 
#portitems3 li a:hover, #portitems3 li a:active, #portitems3 li a:focus,
#portitems5 li a:hover, #portitems5 li a:active, #portitems5 li a:focus,
#portitems6 li a:hover, #portitems6 li a:active, #portitems6 li a:focus {color:#fbb939;}

#portitems li.ui-tabs-selected a:link, #portitems li.ui-tabs-selected a:visited, #portitems li.ui-tabs-selected a:hover, #portitems li.ui-tabs-selected a:active, #portitems li.ui-tabs-selected a:focus, 
#portitems2 li.ui-tabs-selected a:link, #portitems2 li.ui-tabs-selected a:visited, #portitems2 li.ui-tabs-selected a:hover, #portitems2 li.ui-tabs-selected a:active, #portitems2 li.ui-tabs-selected a:focus,
#portitems3 li.ui-tabs-selected a:link, #portitems3 li.ui-tabs-selected a:visited, #portitems3 li.ui-tabs-selected a:hover, #portitems3 li.ui-tabs-selected a:active, #portitems3 li.ui-tabs-selected a:focus,
#portitems4 li.ui-tabs-selected a:link, #portitems4 li.ui-tabs-selected a:visited, #portitems4 li.ui-tabs-selected a:hover, #portitems4 li.ui-tabs-selected a:active, #portitems4 li.ui-tabs-selected a:focus,
#portitems5 li.ui-tabs-selected a:link, #portitems5 li.ui-tabs-selected a:visited, #portitems5 li.ui-tabs-selected a:hover, #portitems5 li.ui-tabs-selected a:active, #portitems5 li.ui-tabs-selected a:focus,
#portitems6 li.ui-tabs-selected a:link, #portitems6 li.ui-tabs-selected a:visited, #portitems6 li.ui-tabs-selected a:hover, #portitems6 li.ui-tabs-selected a:active, #portitems6 li.ui-tabs-selected a:focus {background:url(images/nav-bg.png) repeat; color:#fff;}

.item {clear:both; padding:0; margin:1.0em;}

.item img {float:left;}
.item img.smallitem {margin-left:11px; margin-bottom:10px;}

.description {clear:both; padding:5px 0; line-height:1.7em; font-size:100%;}

ul {list-style-position:outside; margin:5px;}
li {list-style-type:circle;}

.example {color:#62615e;}

p.msg {background:url(images/trans-bg.png) repeat; color:#fff; margin:0 0 0 3px; padding:6px; font-size:0.95em; width:58%; display:none;}
p.msg a {color:#b4aacf; text-decoration:none; border-bottom:none;}

purchase-bottles {position:absolute;}

/* Contact Page */
label {font-weight:bold;}

input {margin:0 15px 0 0; background:#fafaef; border-top:1px solid #babab1; border-right:1px solid #d9d9d0; border-bottom:1px solid #d9d9d0; border-left:1px solid #babab1; padding:5px; font-size:1.0em; color:#62615e; font-family:"Lucida Grande", Verdana, sans-serif;}

textarea {margin-top:5px; background:#fafaef; border-top:1px solid #babab1; border-right:1px solid #d9d9d0; border-bottom:1px solid #d9d9d0; border-left:1px solid #babab1; padding:5px; font-size:1.0em; color:#62615e; font-family:"Lucida Grande", Verdana, sans-serif;}

input.submit {cursor:pointer;}
input.labelinside {color:#62615e;}

p.copy {margin-bottom:40px; float:left;}
p.copy a:hover, p.copy a:active, p.copy a:focus {border-bottom:1px solid #fff;}



/* General Styles */
a:link, a:visited {color:#b4aacf; text-decoration:none; outline:none;}
a:hover, a:active, a:focus {color:#f6c944;}

.item a:link, .item a:visited, .item a:hover, .item a:active, .item a:focus {border-bottom:none;}

.item .description a:link, .item .description a:visited {border-bottom:1px solid #b4aacf;}
.item .description a:hover, .item .description a:active, .item .description a:focus {border-bottom:1px solid #fff;}

.item p.bottom {padding-bottom:20px;}

.item input.weight, .item input.weight_gbp {float:left; margin-left:5px;}

.clear {padding-bottom:5.0em;}
.min-clear {padding:4.0em 0 0 0;}

.addtocart, .viewcart {padding:3px 0 0 0; border:none; background:none; outline:none; float:left;}

.notes {padding:1.0em 1.2em 0.5em 1.2em;}

.req {color:#fbb939; font-size:0.95em; font-style:italic;}

.yellow-text {color:#fbb939;}

span.underline {border-bottom:1px solid #fff; padding-bottom:1px;}
span.violettext {color:#8f80b3; font-weight:bold;}

p {line-height:1.7em; padding:1.0em; font-size:1.1em;}

ul.lists {margin:0; padding:0 0 20px 0;}
li.lists {list-style-type:circle; list-style-position:inside; line-height:1.7em; padding:0 35px; margin-bottom:10px; font-size:1.1em;}

.contact-list {padding-left:25px;}

h4 {padding:10px 0 10px 5px; text-transform:uppercase; font-size:1.1em;}

h4.canada {margin:20px 0 0 5px; padding:5px 0 10px 38px; height:23px; background:url(images/canada.png) no-repeat top left;}
h4.usa {margin:20px 0 0 5px; padding:5px 0 10px 38px; height:23px; background:url(images/usa.png) no-repeat top left;}
h4.international {margin:20px 0 0 5px; padding:5px 0 10px 38px; height:23px; background:url(images/international.png) no-repeat top left;}

.alignright {float:right;}
.alignleft {float:left;}

img.alignright {margin:0 0 5px 7px; float:right;}
img.alignleft {margin:5px 17px 5px 0; float:left;}
img.border {padding:1px; border:5px solid #fff;}
img.center {padding-left:43%;}
img.no-border {background:transparent; border:none;}