/* RESET
================================================= */

a:link,a:hover,a:visited,span {outline:none;}
html,body,img,div,p,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,li,dl,dt,dd,td,a{margin:0;padding:0;border:0;line-height:1.5;}
ul {list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0 0 18px 0;font-weight:normal;line-height:135%;}
pre,code {font-weight:normal;}
a img,:link img,:visited img {border:none;}
abbr {cursor:default;}
fieldset,img,abbr,acronym {border:none;text-decoration:none;}
ol,ul {list-style:none;}
caption,th {Text-align:left;font-weight:normal;}
q:before,q:after {content:'';}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}


/* BASE ELEMENTS
================================================= */

body { background-color:#ffffff; font-family:Arial, Verdana, sans-serif; font-size:13px; color:#5d4d3a; width:100%; text-align:center; }

h1 { font-family:Arial, Verdana, sans-serif; font-size:20px; line-height:20px;margin:2px 0 12px 0; padding:0; font-weight:normal; color:#cfd221; }
h2 { font-family:Arial, Verdana, sans-serif; line-height:22px; color:#5d4d3a;  margin: 0 0 12px 0; font-size:16px; font-weight:normal; letter-spacing:-1px;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 15px; line-height: 20px; font-weight: bold; margin:0; padding:0; } 
h3 a { color: #5d4d3a;   }
p { font-family:Arial, Verdana, sans-serif; font-size:13px; line-height:18px; margin-bottom:12px; color:#5d4d3a; }
ul { padding-left:20px; list-style-type:disc; margin: 0 0 18px 0; }
li { font-family:Arial, Verdana, sans-serif; font-size:13px; line-height:18px; color:#5d4d3a; }
a { outline:none; color:#5d4d3a; }
a:hover { color:rgb(121,115,102); cursor:pointer; }
table { table-layout:fixed; border-collapse:collapse; margin:0px; padding:0px; }
td { font-family:Arial, Verdana, sans-serif; font-size:13px; }
input { font-family:Arial, Verdana, sans-serif; font-size:12px; vertical-align:baseline; padding-left:4px; }
select { font-family:Arial, Verdana, sans-serif; font-size:12px; padding:0px; }
textarea { font-family:Arial, Verdana, sans-serif; font-size:12px; padding:4px; }
label {font-size:12px;}
form#select-state { background:transparent url(../../images/bg_select.gif) no-repeat left top; padding:13px 25px; }


/* CORE LAYOUT AND CHILD ELEMENTS
================================================= */

#container { width:100%; margin:auto; text-align:left; }
#header { width:883px; height:60px; margin:auto; }
#header ul { float:right; display:inline; margin:25px 23px 0 0; }
#header ul li { display:inline; list-style-type:none; font-size:11px; line-height:1; }
#header ul li a { text-decoration:none; border-left:1px solid #d2dd44; display:block; float:left; padding:0 10px; line-height:1; }
#header ul li.on a, #header ul li a.on { text-decoration:underline; cursor:default; }
#header ul li a#home {border-left:1px solid #fff; }

#headerbkgnd { margin:auto; }
#footerbkgnd { margin:auto; }
#flasharea { width:883px; margin:auto; }
#menuseperator { width:883px; height:6px; margin:auto; }
#contentarea { width:883px; min-height:129px; margin:auto; clear:both;  }
 
#leftcol { float:left;	width:400px; padding:30px 20px 50px 0; margin-left:25px; min-height:300px;   }
#rightcol {	float:right; width:420px; margin:33px 8px 30px 0;   }
#rightcol img {	float:right; }

body#section_find_a_bag #leftcol { width:820px; padding-right:0; float:none; display:block; }
body#section_in_the_bag #leftcol { width:310px; }
body#section_in_the_bag #rightcol { width:510px;}
body#section_feedback #leftcol { width:460px; }
body#section_feedback #rightcol { width:360px; margin-top:75px;}
body#section_links #leftcol { width:820px; padding-bottom:100px; }
body#section_terms_privacy #leftcol { width:820px; }
body#section_terms_privacy #rightcol { display:none; }
body#section_links #rightcol { display:none;}
body#section_item #leftcol { width:510px; }
body#section_item #rightcol { width:310px; padding-bottom:100px;}
body.product-view #leftcol { width:520px !important;}
body.product-view .product-images { float:left; display:inline; margin:20px 0 0 20px;}
body.product-view div.product-img-item {  display:block; background:#fff url(../../images/product-bkgnd1.gif) no-repeat; width:294px; height:294px;  }
body.product-view div.item2 { background:#fff url(../../images/product-bkgnd2.gif) no-repeat; }
body.product-view div.product-img-item img {  margin:28px 0 0 41px; }
body.product-view div.item2 img { margin:39px 0 0 41px; }
body.product-view h1  { margin-bottom:6px !important; }
body#home #leftcol { float:left; width:450px; padding:15px 0 20px 0;}
body#home #rightcol { float:right; width:350px; }

#headerbkgnd { height: 147px; background-image:url(../../images/others-header-bkgnd.gif); background-repeat:no-repeat; background-position:top center; }
#footerbkgnd { width: 883px; background-image:url(../../images/others-footer-bkgnd.gif); background-repeat:no-repeat; background-position:bottom center; }
body#home #headerbkgnd { height:352px; background:#fff url(../../images/home-header-bkgnd.gif) no-repeat top center; }
body#home #footerbkgnd { width:883px; background:#fff url(../../images/home-footer-bkgnd.gif) no-repeat bottom center; }

#footer { clear:both; width:853px; font-size:10px; margin:0 auto; font-size:10px; font-weight:bold; color:#ffffff; outline:none; padding:0 30px 8px 20px;}
#footer ul, #footer p { display:inline; padding:0 !important; margin:0 !important; color:#fff; }
#footer ul li { display:inline; list-style-type:none; font-size:10px; margin-left:10px; padding-left:10px; border-left:1px solid #aea69d; }
#footer p { font-size:10px;}
#footer a { color:#fff; }
#footer a:hover { color:#c3c3c3; }
#footer p#feedback-link { float:right; width:24em; margin:10px 10px 0 0; padding:0; background:#736554 url(../../images/bg_feedback.gif) no-repeat; margin-right:10px; border:0;  }
#footer p#feedback-link a { text-decoration:none; display:block; height:17px; background:#736554 url(../../images/bg_feedback.gif) no-repeat right top; margin-left:10px; border:0;  }
#footer p#feedback-link a:hover { text-decoration:underline; }
#footer p#feedback-link a strong {color:#cfd120;}
body#section_feedback #footer p#feedback-link {display:none;}



/* HOME PAGE
================================================= */
div#feed-panel ul { margin:0; padding:10px 0; }
div#feed-panel ul li  { list-style-type:none; margin:0; padding:0; line-height:1; margin-bottom:18px; }
div#feed-panel ul li span  { font-size:11px; color:#999; }
div#feed-panel ul li span.feed-type { display:block; float:left; background:#fff url(../../images/bg_small_btns.gif) no-repeat left -15px; text-align:center; margin:2px 15px 0 0; font-size:10px; }
div#feed-panel ul li span.feed-type span { background:transparent url(../../images/bg_small_btns.gif) no-repeat right 0 !important; display:block; height:14px; font-size:10px; padding-top:1px; color:#5e4e3b; width:45px; }
div#feed-panel ul li span.News { background-position:left -45px; }
div#feed-panel ul li span.News span { background-position:right -30px !important; color:#fff; }
div#feed-panel ul li span.Media { background-position:left -75px; }
div#feed-panel ul li span.Media span { background-position:right -60px !important; color:#fff; } 
div#feed-panel ul li span.item-link { display:block; padding-left:60px; font-size:12px; }


/* PRODUCT
================================================= */
.prods {padding:0 0 100px 0;}
.prod { position:relative; min-height:180px; padding:18px 0 0 210px; background:transparent url(http://www.baobag.com.au/images/seperator.gif) repeat-x left top; margin-top:18px; }
.prod p { font-size:11px; line-height:17px; margin:0 0 6px 0 !important; }
.prod div.img-wrap { position:absolute; left:0; top:18px; width:192px; height:175px; background:#fff url(http://www.baobag.com.au/images/product-bkgnd.gif) no-repeat; }
.prod img { margin:20px 0 0 27px; float:none !important;  }
.prod h3 a:hover { color:rgb(121,115,102); } 
.moreinfo { font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 16px; font-weight: normal; text-decoration: underline; background:#fff url(../../images/arrow.gif) no-repeat left center; padding-left:10px; } 
.pts { margin: 0px; padding: 0px; padding-left: 6px; text-indent: 10px; } 
.mlink { font-family: Arial, Verdana, sans-serif; font-size: 18px; line-height: 23px; font-weight: bold; text-decoration: none; color: #cfd228; } 
.pfhsep { padding-top:13px; padding-bottom: 3px; } 
.vsep { padding-top: 2px; padding-left: 20px; padding-right: 20px; } 
img.idupe { position: absolute; z-index: 30; visibility: hidden; } 
p.back-to-products {  background:transparent url(../../images/seperator.gif) repeat-x left top; padding:18px 0 40px 0; margin-top:40px;}
p.intro { font-weight:bold; }
p.vendor {  background:transparent url(../../images/seperator.gif) repeat-x left bottom; padding:0 0 18px 0; margin-bottom:18px;}
 
 /* ITEMS (articles, media, news)
================================================= */
.item { position:relative; padding:18px 0 0 0; background:transparent url(../../images/seperator.gif) repeat-x left top; margin-top:18px; }
.item p { font-size:12px; line-height:18px; margin:0 0 6px 0 !important; }
.item div.img-wrap { position:absolute; left:0; top:18px; width:192px; height:175px; background:#fff url(http://www.baobag.com.au/images/product-bkgnd.gif) no-repeat; }
.item img { margin:20px 0 0 27px; float:none !important;  }
body#section_item span.feed-type { display:block; float:left; background:#fff url(../../images/bg_small_btns.gif) no-repeat left -15px; text-align:center; margin:3px 5px 0 0; font-size:10px; }
body#section_item span.feed-type span { line-height:1; padding-top:1px; background:transparent url(../../images/bg_small_btns.gif) no-repeat right 0 !important; display:block; height:14px; color:#5e4e3b; width:45px; text-decoration:none;}
body#section_item span.t-News { background-position:left -45px; }
body#section_item span.t-News span { background-position:right -30px !important; color:#fff; }
body#section_item span.t-Media { background-position:left -75px; }
body#section_item span.t-Media span { background-position:right -60px !important; color:#fff; } 
body#section_item span.item-link { display:block; padding-left:60px; font-size:12px; }
body#section_item span.date {font-size:11px; color:#999; font-weight:normal;}
body#section_item .item h3 {text-decoration:none;font-weight:normal;}
body#section_item .item h3 a {font-weight:normal;}
.categories {padding-top:2px;margin-bottom:18px;}
.categories ul {margin:0; padding:0; }
.categories ul li { font-size:11px; margin-bottom:12px; list-style-type:none; position:relative; padding-left:60px;}
.categories ul li a { font-weight:bold; font-size:12px !important; }
.categories ul li span.feed-type { position:absolute; left:0; top:0;margin-top:2px;}

 /* LOCATIONS (find a bag)
================================================= */
.maps1 {height:180px !important; width:360px; float:left; margin:5px 20px 10px 0; }
.maps {height:250px !important; width:400px; float:left; }
iframe {border:1px solid #5d4d3a; float:right; margin:10px 20px 20px 20px;}
.locations {padding-bottom:60px;}
.loc {  position:relative; background:transparent url(../../images/seperator.gif) repeat-x left top; padding-top:18px;  padding-bottom:18px; clear:both;}
.loc p.address strong { text-transform:uppercase; font-size:11px !important; }
.loc p.loc-info a {  padding-left:15px; background:transparent url(../../images/icon_plus.gif) no-repeat left center;}
.loc p.loc-info a.clicked { background:transparent url(../../images/icon_minus.gif) no-repeat left center;}
.loc-desc {display:none;}
.locations form#select-state { background:transparent url(../../images/bg_select_medium.gif) repeat-x; padding:13px 0; margin-bottom:18px;}
.locations form#select-state label {padding-left:15px;}
.loc-left {width:49%;}
.loc-right {width:49%; float:right;}
.loc-desc {clear:both; background:#fff; border:1px solid #f3f2eb; padding:10px 0 0 10px;}
.loc-desc2 { display:none;}
 
 /* LINKS
================================================= */
.ufcontainer { min-height:180px; position:relative; background:transparent url(../../images/seperator.gif) repeat-x left top; margin-top:18px; padding:18px 0 9px 0;}
.ufimgarea { float:left; display:inline; width: 192px; height: 175px; background:#fff url(../../images/product-bkgnd.gif) no-repeat top left;  }
.ufimgarea img {margin:20px 0 0 27px;}
.uftxtarea {  float:left; display:inline; margin:5px 0 0 20px; width:600px;}


/* MISC
================================================= */

.footersep { color:#aea69d; padding-left:7px; padding-right:7px; }
.luminosity { font-size:10px; font-weight:bold; color:#ffffff; text-decoration:none; outline:none; }
.hiddenImg { display:none; }
.stdfont { font-family:Arial, Verdana, sans-serif; font-size:13px; line-height:18px; color:#5d4d3a; }
.colourfont { font-family:Arial, Verdana, sans-serif; font-size:13px; line-height:18px; color:#cfd228; }
.spacer { line-height:12px; color:#ffffff; margin-bottom:0px; }
.spacer2x { line-height:24px; color:#ffffff; margin-bottom:0px; }
.spacer4x { line-height:48px; color:#ffffff; margin-bottom:0px; }
.spacer8x { line-height:96px; color:#ffffff; margin-bottom:0px; }
.bullet { padding-top:5px; margin-right:8px; }
.bulletspacer { margin-right:8px; }
.star { color:#cfd228; font-weight:bold; }
.pflink { text-decoration:none; }
.pftext { font-weight:bold; text-decoration:underline; }
.pbullet { padding-top:0px; margin-right:6px; }

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

p underline {text-decoration:none;}


/* FORM
================================================= */

 
/*****Basic Layout*****/
form {	margin-top:18px; }
.forms { list-style: none; overflow: hidden; margin-bottom:30px; }
legend { font-family:Arial, Verdana, sans-serif; line-height:22px; color:#5d4d3a;  margin: 0 0 12px 0; font-size:16px; font-weight:normal; letter-spacing:-1px;}
fieldset { padding:15px 20px 25px 45px; border: 1px solid #bebebe; background:#fff url(/images/uploads/contact_us_filler_reverse.jpg) no-repeat left bottom; padding-bottom:100px }
.forms li { float: left; margin-bottom: 9px; width: 100%; font-weight:normal; position:relative;}
.required {   font-style: normal; padding-right: 3px; }
.forms label { cursor: pointer; display: block; }
.forms input, .forms textarea, .forms select { border: 1px solid #bebebe; padding: 4px;  width:350px;}
.forms textarea { height:60px;}
.forms select, .forms .checkbox, .forms .radio, .forms .buttons input { width: auto; }
.forms select {padding:0;}


.forms ul { list-style: none; margin: 0; }
.forms ul label { display: inline; font-weight: normal; }
.forms .buttons input { background: #cfd228; border-radius: 5px; cursor: pointer; -moz-border-radius: 5px; font-weight: bold; padding: 5px; text-transform: uppercase; -webkit-border-radius: 5px; color:#fff; }
.forms .buttons input:hover { background: #5d4d3a; }
ul.group {margin:12px 0 0 0; padding:0;}
ul.group li {margin:0 12px 6px 0; padding:0; display:inline; width:100%; font-weight:normal;}
ul.group li.outside { width:300px;}
ul.group li.outside input { width:250px; line-height:1; margin:0; padding:2px; height:12px;}
li input {width:11px; float:left;}
li label.checkbox-label { text-align:left; padding-left:18px;}
li input.checkbox {border:0; position:absolute; left:0; top:0; margin-left:0; }
li.chbx-grp label { padding-left:18px; }