/* @override http://www.nutrimetics.com.au/portal/system/modules/au.com.wranglers.cicero/resources/themes/public/current/css/master.css?date=17022009 */

/*======================================================== 
  
 Title: Nutrimetics Theme
 Author: Piers Warmers (http://www.wranglers.com.au)
 
------------------------------------------------------------
 
 Contents:
 --------
 
 1. Generic Tags 
 2. Primary Layout Components
 2.1 Homepage
 3. Header
 3.1 Menus
 4. Search
 5. Main Navigation
 6. Content Components
 6.1 Product Slots
 7. Footer
 8. Forms
 8.1 Layout Managed Forms
 9. Shopping Cart
 10. Misc.
 11. Buttons


 Notes:
 -----
 
 This theme implements BluePrint CSS framework techniques.
 
===========================================================*/
/* 1. Generic Tags
===========================================================*/
body{margin:0;padding:0;color:#686868;background:#FFF;font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;}
body,html{ background:#721818; }
strong, b {color:#C92132;;}
table{border-collapse:collapse;border:1px solid #D0D0D0;}
th, td{padding:0.75em;}
th{background:#BCEEF5;border-bottom:1px solid #D0D0D0;border-right:1px solid #D0D0D0;}
td{background:#F6F6F6;border-right:1px solid #D0D0D0;}
h2{color:#C92132;border-bottom:1px dotted #C92132;margin-bottom:0.6em;padding-bottom:0.4em;}
h1, h2{font-weight:500;color:#C92132;font-size:1.5em;}
h2 a{color:#C92132;}
h2{font-size:1.5em;}
h3, h3 a{color:#C92132;}
h1 a, h2 a, h3 a{text-decoration:none;}
p, .primary-banner, .player-holder {margin-bottom:1em;}
p img, h2 img{float:right !important;border-left:1em solid transparent;border-bottom:1em solid transparent;margin:0;}
.snippets p img, .snippets h2 img{border:0;margin:0 0 0 10px;}
.snippets h2{border:0;padding:0;margin-bottom:0;font-size:1.3em;font-weight:bold;}
p img.left, h2 img.left{float:left;border-right:1em solid #FFF;border-left:0;}
#side-panel h2{border-bottom:1px dotted #FFFFFF;}
h3{font-size:1.2em;line-height:1;margin-bottom:0.5em;}
h4, h5, h6{font-size:1em;color:#686868;margin-bottom:0.5em;font-weight:bold;}
/* 2. Primary Layout Components
===========================================================*/
/* Skip to content link */
#page{float:left;position:relative;width:100%;background:url(../img/body-bg.jpg);}
#content{position:relative;margin:10px auto;background:url(../img/content-bg.png) repeat-y;}
#content-inner-1,#content-inner-2{width:950px;float:left;background:url(../img/content-top.png) no-repeat;}
#content-inner-2{background:url(../img/content-bottom.png) no-repeat 0 100%;}
p#skip-to-content{display:none;}
.col-inner{padding:20px;}
#side-panel{float:left;width:220px;}
#content-panel{float:right;width:710px;font-size:1.1em;}
#content-panel .col-inner{ background:url(../img/content-bg-border.png) #FFF; border-top:1px solid #999; border-bottom:1px solid #999; }
#header-panel{border-bottom:10px solid #FFF;position:relative;}
#content-panel h1{padding-left:20px;line-height:55px;margin:0;background:url(../img/h1-top.png) 0 0 no-repeat transparent !important;color:#C72027;}
#primary-heading{padding-bottom:10px;background:transparent;}
.tear-drop-right{bottom:0;right:0;}
.tear-drop-left{background-position:0 0;}
/* 2.1 Homepage
===========================================================*/
#banner-area, #accordion{height:270px;position:relative;}
#primaryTeaser{position:absolute;top:0;left:0;height:270px;width:630px;}
#primaryTeaser span{display:none;}
#accordion{position:absolute; width:340px; left:630px; top:0;}
#accordion p{margin-right:15px;margin-bottom:5px; color:#FFF;}
#banner-area{margin:10px 0 0;padding-left:630px;}
#banner-area .toggler-content{height:165px;overflow:hidden;}
#banner-area .toggler-content div{padding:20px;}
#banner-area h3{font-weight:bold;line-height:35px;background:url(../img/tabs-bg2.png) no-repeat transparent;padding:0px 25px;margin-bottom:0;color:#FFFFFF;cursor:pointer;}
#banner-area h3.callout{background:url(../img/tabs-bg2-callout.png) no-repeat transparent;}
#shout-box{margin:10px 0;color:#960A19;}
#shout-box div div{height:60px;line-height:60px;background:url(../img/shout-gradient.png) no-repeat;text-align:center;font-size:1.3em;}
#shout-box a{text-decoration:none;color:#960A19;}
.home-snippets{margin-bottom:10px;}
.home-snippets .read-more{position:absolute;top:190px;left:210px;}
.home-snippets h2{font-size:1.1em; color:#000;}
.home-snippets,.home-snippets a{color:#000;}
.home-snippets-b1{position:relative;height:233px;background:url(../img/snippets-gradient.png) no-repeat;}
#homeContentExtendedPanel .home-snippets-b1{background:url(../img/snippets-gradient_alt.png) no-repeat;}
.home-snippets .snippets{position:absolute;top:6px;height:221px;width:312px;}
.snippet-1{left:6px;}
.snippet-2{left:319px;}
.snippet-3{left:632px;}
.home-snippets .snippets-cont{padding:120px 20px 20px;position:relative;}
#homeContentExtendedPanel .snippets-cont{padding-top:20px;}
/* 3. Header
===========================================================*/
#header{background:url(../img/header-bg.png) repeat-x #A33137;}
#header .container{padding:26px 0 11px;}
#header-inner { background:url(../img/header-glow.png) no-repeat 0 5px; width:1120px; margin:0 auto; }
#header-inner-2 { background:url(../img/header-stars.gif) no-repeat 390px 25px;  }
#header h1{position:absolute;top:30px;}
#header h1 span{display:none;}
#header h1 a{display:block;width:300px;height:30px;background:url(../img/logo.gif) 0 50% no-repeat;}
#mini-tools{float:right;line-height:3.5em;margin-right:10px;}
#remote{float:right;text-align:right;}
#search{text-align:center;float:right;background:#960A19;}
#search div{background:url(../img/search-bottom.png) no-repeat 0 100%;}
#search div div{line-height:3.5em;text-align:center;padding:0 10px;}
#search input.text{width:80px;border:1px solid #004F59;padding:3px 5px;}
#search button{border:0 !important;padding:0;background:transparent;}
#search button img{vertical-align:middle !important;}
#remote a{color:#481D24;text-decoration:none; font-weight:bold;}
/* 3.1 Menus
===========================================================*/
#menu { background:url(../img/menu-bg.png) repeat-x #D1A662 0 100%;}
#dropdown-menu { position:relative;z-index:10000;height:1%;/* IE position fix */}
#dropdown-menu, #dropdown-menu ul { padding:0;margin:0;list-style:none;}
#dropdown-menu a { color:#FFF;font-weight:bold;display:block;padding:0.4em 1em;text-decoration:none;border-left:1px solid #AA9546;}
#dropdown-menu a:hover {}
#dropdown-menu li { background:url(../img/tabs-bg.png) no-repeat 100% 0 #AA9546;float:left;}
#dropdown-menu li.callout { background:#FFB327 url(../img/tabs-bg-callout.png) no-repeat 100% 0; }
#dropdown-menu li.callout a { border-left:1px solid #AA9546; }
#dropdown-menu li.callout2 { background:#669ED6 url(../img/tabs-bg-callout2.png) no-repeat 100% 0;}
#dropdown-menu li.callout2 a { border-left:1px solid #AA9546; }
#dropdown-menu li.here, #dropdown-menu li:hover, #dropdown-menu li.hover{background:url(../img/tabs-bg.png) no-repeat 100% -100px #FFFFFF;}
#dropdown-menu li.here li, #dropdown-menu li:hover li, #dropdown-menu li.hover li{background:#FFFFFF;}
#dropdown-menu li.here a, #dropdown-menu li:hover a, #dropdown-menu li.hover a{color:#AA9546;}
#dropdown-menu li li{width:13em;}
#dropdown-menu li li a, #dropdown-menu li.callout li a, #dropdown-menu li.callout2 li a {width:11em;padding:0.4em 1em;border-left:0;}
#dropdown-menu li li:hover{background:#efefef;}
#dropdown-menu li ul{background:#999;position:absolute;width:13em;left:-999em;border:1px solid #D0D0D0;border-top:0;}
#dropdown-menu li:hover, #dropdown-menu li.hover{position:static;}
#dropdown-menu li:hover ul, #dropdown-menu li.hover ul{left:auto;}
#shoppingBagPanel2ProceedLink{display:block;margin-top:10px;padding-left:15px;background:url(../img/red-bullet.png) no-repeat 0 50%;}
#shoppingBagPanel2 p{padding:10px;border:2px solid #D3B559;border-left:0;border-right:0; color:#000;}
#shoppingBagPanel2{margin-bottom:10px !important;}
/* 4. Search
===========================================================*/
#consultant-search{float:left;}
#consultant-search li{margin-bottom:1em;float:left;}
#consultant-search strong{display:block;float:left;width:200px;}
#consultant-search span{display:block;float:left;width:200px;}
/* 5. Main Navigation
===========================================================*/
#side-panel a{color:#C92132;text-decoration:none;font-weight:500;}
#side-panel h2 {color:#C92132; border-bottom:1px solid #C92132;}
#side-panel h2 a {color:#C92132;}
#side-panel h2 a:hover {color:#481D24;}
#side-panel li{list-style-image:url(../img/white-bullet.png);margin-bottom:0.25em;}
#side-panel li ul{margin-top:0.25em;}
#side-panel li.here, #side-panel li.here a{list-style-image:url(../img/red-bullet.png);list-style-type:circle;color:#481D24;}
#side-panel li.here ul a{color:#C92132 !important;}
#side-panel a:hover, #side-panel #side-panel li.here li a:hover{color:#481D24;}
.panel-snippet{padding:1em 1em 0;margin:0 -10px 1.5em;}
#side-panel .menu{padding-top:0;margin-bottom:2em;}
.panel-snippet p{margin-bottom:0;}
#side-panel .advert{padding:23px 0 0;background:url(../img/advert-top.png) 0 0 no-repeat;}
#side-panel .advert { color: #000; }
#side-panel .advert h3 { margin:0; }
#side-panel .advert h3 a{ font-weight:bold;}
#side-panel .advert .inner{background:url(../img/advert-bottom.png) 0 100% no-repeat;}
#side-panel .advert .inner div{padding:0px 20px 20px;}
#side-panel .advert .inner img {border:0; float:none !important; margin-top:5px;}
/* 6. Content Components
===========================================================*/
#content-panel ul li{list-style-image:url(../img/red-bullet.png);list-style-type:circle;}
#content-panel .error ul li{list-style-image:url(../img/red-bullet.png);}
#content-panel .error ul{margin-bottom:0;}
#content-panel a{color:#C92132;}
#content-panel a:hover{color:#481D24;}
#side-panel .advert a.more { color:#000 !important; }
#side-panel .advert a.more:hover { background:url(../img/red-bullet.png) no-repeat transparent; }
/* 6.1 Product Slots
===========================================================*/
.product-row{margin:0 -20px 0;float:left;background:url(../img/border-1-bg.png) 50% 0 repeat-y;border:1px solid #D0D0D0;border-right:0;border-left:0;}
.reverse-pad{margin-top:-21px;}
.product-row h2{border:0;background:url(../img/product-h2-bg.png);padding:0 10px; line-height:55px;color:#C92132;}
.product-slot-large h2, .product-slot-medium h2{border-bottom:0;padding-bottom:0;}
.product-slot-medium h2 a{color:#C92132; !important;}
.product-slot-medium h2 a:hover{color:#C92132; !important;}
.product-slot-medium img{float:right;margin:0 0 30px 20px;}
.product-slot-medium div{padding-right:220px;}
.product-slot-small img{float:left;margin:20px 10px 10px 20px;}
.product-row .last img{margin-left:15px;}
.product-slot-small div{padding:20px 20px 20px 155px;}
.product-row .last div{padding-left:150px;}
span.swatch{padding:0 10px;}
.price{font-weight:bold;}
.sale{color:#FF6600;}
.price del{color:#A7A7A7;}
.product-slot-medium .price{font-size:1.3em;}
.product-slot-medium .price del{font-size:0.8em;}
.promo-description{font-weight:bold;margin-bottom:0.25em;}
/* 6.3 Search Slots
===========================================================*/
.search-slot{margin-bottom:1.5em;}
.search-slot .product-shift{margin-left:140px;}
.search-slot img{float:left;margin:0 10px 10px 0;}
/* 7. Footer
===========================================================*/
#footer{background:url(../img/footer-bg.png) repeat-x #EAD57C;border-bottom:3px solid #B41F33;border-top:3px solid #B41F33;line-height:48px;}
#footer *{color:#960A19;text-decoration:none;}
#footer ul{list-style:none;padding:0 10px 0;margin:0;}
#footer li{display:inline;margin:0 0.5em 0 0;}
#footer li.right{float:right;}
/* 8. Forms
===========================================================*/
h3 span{font-size:0.8em;color:#686868;font-style:italic;}
input.text, input.title, textarea, select{margin:auto 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus{border:1px solid #666;}
input.text, input.title{width:300px;}
input.quantity{width:10px;}
fieldset{background:#ECECEC;border:none;padding-bottom:0.5em;}
fieldset label{float:left;width:100px;}
fieldset label.medium{width:200px;}
fieldset label.large{width:300px;}
fieldset p.group span{font-weight:bold;}
fieldset p{width:100%;float:left;margin-bottom:0.75em;}
fieldset p.group{margin-bottom:1.5em;}
fieldset p.group label{float:none;width:auto;}
.two-col p{display:block;float:left;width:300px;}
fieldset .two-col  label{position:relative;top:0.5em;}
fieldset .two-col{float:left;margin-bottom:0.5em;}
fieldset .text, .select-text{position:relative;top:0px;}
textarea.text{height:150px;}
input.micro{width:50px;}
input.small{width:100px;}
fieldset span.spacer{float:left;width:100px;}
fieldset span.spacer-medium{width:200px;}
fieldset span.spacer-large{width:300px;}
p.group input.micro, p.group input.small, #shopping-bag .txt, #header .text{top:0;}
.two-col .text{width:150px;top:0px;}
.error{color:#FF0000;}
.success, .success a{color:#009900 !important;}
.success a{text-decoration:none;display:block;float:right;}
.notice{color:#FF9900;}
.success, .error, .notice{border-width:1px;border-left:0;border-right:0;font-weight:bold;}
.error p, .success p, .notice p{margin:0;}
.error h2, .success h2, .notice h2{display:none;}
div.error{padding-right:0.5em;}
/* 8.1 Layout Managed Forms
===========================================================*/
/* 9. Shopping Cart
===========================================================*/
/* 10. Misc.
===========================================================*/
img.range-banner-image{margin:-20px 0 -5px -19px;}
p.section{padding:0.5em 0;border-top:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0;}
p.section strong{font-weight:normal;font-size:1.3em;}
p.content-right{text-align:right;}
.right{float:right !important;}
.left{float:left !important;}
img.right{margin:0 0 10px 10px !important;}
img.left{margin:0 10px 10px 0 !important;}
#header a.find, #header a.bag-header{padding:5px 10px 5px 20px;}
#header a.login {font-weight:bold;color:#fff;padding:5px 10px; background:#7ECE24 url(../img/tabs-bg-login.png) 100% 0 no-repeat;}
.more, .more-box, .bag{background:url(../img/red-bullet.png) no-repeat 0 50%;color:#666666 !important;text-decoration:none;font-weight:bold;padding-left:12px;}
.more-box, .bag{text-transform:lowercase;}
a.find{background:url(../img/link-find.png) no-repeat 0 50%;}
#header  a.bag-header{padding-left:30px;  background:url(../img/link-bag.png) no-repeat 10px 50%; }
.disabled{background:url(../img/more-arrow-disabled.gif) no-repeat 0 50%;color:#999 !important;cursor:default !important;}
/* 11. Buttons
===========================================================*/
#content-panel button{text-align:left;cursor:pointer;border:0;padding-right:10px !important;overflow:visible;margin-right:10px;}
button.bag{background:url(../img/bag.gif) no-repeat 0 50%;padding-left:12px !important;}
button.right, a.right{float:right;margin-left:10px;margin-right:0 !important;}
.more:hover, .bag:hover{background-color:#ECECEC;}
.more-box, button.bag{padding:4px 8px 4px 17px;background-color:#ECECEC;background-position:5px 50%;border:1px solid #ECECEC;}
button.bag{padding-left:25px !important;}
.filled:hover, .more-box:hover, .bag:hover{border:1px solid #CCC;}
/* 12. Pagination
===========================================================*/
.paginator{float:left;width:710px;padding-top:20px;margin:-1px 0 -1px -20px;font-weight:bold;}
.paginator div{padding:0.5em 1em;}
.paginator .tools{float:right;}
.paginator a, .paginator .tools span{color:#666666 !important;text-decoration:none;margin-left:7px;}
.paginator .tools span{color:#CCC !important;}
.paginator .next{padding-right:15px;background:url(../img/pagination-next.png) 100% 50% no-repeat;}
.paginator .last{padding-right:25px;background:url(../img/pagination-last.png) 100% 50% no-repeat;}
.paginator .previous{padding-left:15px;background:url(../img/pagination-previous.png) 0 50% no-repeat;}
.paginator .first{padding-left:25px;background:url(../img/pagination-first.png) 0 50% no-repeat;}
/* 12. Shopping
===========================================================*/
#shopping-bag{margin-bottom:1.2em;border-right:0;border-left:0;border-bottom:0;vertical-align:middle;}
#shopping-bag td{background:url(../img/shopping-bag-row.png) 100% 50% no-repeat;padding:1em 0;border-bottom:1px solid #CCCCCC;border-right:0;text-align:center;}
#shopping-bag .image, #shopping-bag .qty, #shopping-bag .delete{width:101px;}
#shopping-bag .image{text-align:left;}
#shopping-bag .delete{width:170px;background:transparent;}
#shopping-bag .delete a{background:url(../img/button-delete.png) 100% 50% no-repeat;padding:3px 25px 3px 0;text-decoration:none;color:#666;font-weight:bold;}
#shopping-bag .details{text-align:left;padding-left:20px;}
#shopping-bag p.price{color:#666;font-weight:normal;margin-bottom:0;}
.total{font-weight:bold;}
.total strong{font-size:1.5em;color:#C92132;;}

table#overviewGrid{
	float:left;
	position:relative;
	width:710px;
	border-collapse:collapse;
	margin:0 -20px;
	}

table#overviewGrid td{vertical-align:top;width:50%;background:transparent;border:0;margin:0;padding:0;}
table#overviewGrid td{border:1px solid #D0D0D0;}
/* 13. Extended Widgets
===========================================================*/
.callBox1{margin-top:50px;background:#e5f7fc;padding-bottom:15px;}
.callBox1 h3, .callBox1 p, .callBox1 ul{padding:15px 15px 0;margin-top:0;margin-bottom:0;}
.callBox1 h3{background:#d0eef5;color:#498ba3;padding-bottom:15px;font-weight:bold;font-size:1.1em;}
.callBox1 p{font-weight:bold;}
.callBox1 li{list-style-image:url(../img/tick.gif) !important;margin-bottom:0.25em;}
#profileWidget1{padding-left:110px;position:relative;padding-bottom:20px;border-bottom:1px solid #d0d0d0;margin-bottom:20px;}
#profileWidget1 img{position:absolute;top:0;left:0;}
#profileWidget1 h2{margin-bottom:0.4em;padding-bottom:0;color:#247d9d;font-weight:bold;font-size:1.2em;border:0;}
#profileWidget1 p{margin-bottom:0.4em;}
strong.highlight{color:#C92132;;background:transparent;}
/* 14. Public Consultant Search
===========================================================*/
#consultant-search-result .item, #consultant-search-result .item img, #consultant-search-result .item .content {float:left;}
#consultant-search-result .item {width:50%; _width:48%; margin-bottom:14px;}
#consultant-search-result .search-again {width:100%; overflow:auto;}
#consultant-search-result .search-again a {float:right;}
#consultant-search-result .alt {margin-top:3px;}
#consultant-search-result .more-box {}
#consultant-search-result .item img {border:2px solid #00C4DC;}
#consultant-search-result .content {margin-left:14px;}
#consultant-search-result .content p {margin-bottom:0.4em;}
#consultant-search-result .content img {border:0px none;}
#consultant-search-result .clear {height:1px;font-size:1px;line-height:1px;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 0.5em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}

.player-holder { padding: 20px; background: url(../img/player-holder.jpg) no-repeat; }
.primary-banner { margin: -20px 0px 10px -20px; }