/* 
Style sheet for www.softwoods.com.au
Copyright 2007 InWeb Pty Ltd
Last update 15 Dec 07
------------------------------------------------------------------------------ */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, p { 
padding: 0; margin: 0;}

html { font-size: 100.01%;}

body {
font: 62.5%/1.5 Arial, Helvectia, sans-serif;
color: #515151;
background: #fff url(../images/site/main-bg.png) repeat-x top;
}

/* 	Typography
------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5 {
font-family: Myriad, "Myriad Pro", Arial, Helvectia, sans-serif;
font-weight: normal;
color: #005d8c;
}

h1 { 
font-size: 2.5em;
line-height: 1em;
padding: 40px 0 .2em 0;
margin: 0 0 1em 0;
color: #333;
border-bottom: #dcdcdc 3px solid;
}

h2 {
font-size: 1.8em;
line-height: 1.2em;
padding: 1em 0 .3em 0;
color: #333;
}

h3 {
font-size: 1.8em;
line-height: 1.1em;
padding: 1.2em 0 .2em 0;
}

h4 {
font-size: 1.6em;
line-height: 1.1em;
padding-bottom: .2em;
font-weight: normal;
color: #005d8c;
}

h5 {
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: .2em;
}

h6 {
color: #21608f;
font-size: 1.2em;
font-weight: bold;
line-height: 1.1em;
padding-bottom: .2em;
}

p, li { font-size: 1.3em;}

p { padding-bottom: .8em;}

ul { list-style: none;}

/* 	Link styles
------------------------------------------------------------------------------ */

a:link, a:hover,
a:active, a:visited { text-decoration: none; color: #0076b2;}

a:hover { color: #717171;}

a img { margin-bottom: -2px; vertical-align: sub; border: none;}

abbr.mail { border-bottom-style: none;}

/* 	Containers
------------------------------------------------------------------------------ */

#layout {
width: 840px;
margin: 0 auto;
overflow: hidden;
}

#top {
width: 850px;
height: 142px;
position: relative;
}

#content {
width: 840px;
float: left;
}

#main {
width: 600px;
float: left;
}

#sidebar {
width: 200px;
float: right;
padding: 78px 0 30px 0;
}

.wrap-full {
width: 820px;
float: left;
}

#footer, #footer-home {
width: 830px;
margin: 0 auto;
clear: both;
}

#footer { background: url(../images/site/bottom-divider.png) no-repeat 10px top;}


/* 	Content
------------------------------------------------------------------------------ */

#skip { 
position: absolute;
top: 5px;
right: 12px;
}

#skip li {
display: inline;
padding-left: 15px;
font-size: 1.1em;
}

#skip li a { color: #f1f1f1;}

#logo {
position: absolute;
top: 22px;
left: 26px;
}

#search-box {
width: 200px;
height: 60px;
position: absolute;
left: 639px;
top: 81px;
background: url(../images/site/search-bg.png) no-repeat top;
}

.intro, .bottom, .intro-wide {
width: 580px;
float: left;
padding: 10px 0 15px 27px;
}

.intro-wide {
width: 790px;
}

#intro-home {
width: 530px;
float: left;
padding: 10px 0 15px 27px;
}

#promo-home {
width: 250px;
float: right;
padding: 60px 0 0 0;
}

#promo-home img {
float: right;
}

.wrapper-icon {
width: 550px;
float: left;
padding: 10px 0 20px 0;
}

.wrapper-icon p {
width: 475px;
float: right;
margin: 0;
padding: 0;
}

.wrapper-icon h3 {
width: 475px;
float: right;
}

.wrapper-icon img {
float: left;
width: 48px;
height: 48px;
}

.wrapper-icon ul { padding-left: 75px;}

.wrapper-image {
width: 570px;
float: left;
padding: 10px 0 30px 0;
background: url(../images/site/product-img-bg.png) no-repeat -3px 0;
}

.wrapper-image p {
width: 330px;
float: right;
margin: 0;
padding: 0;
}

.wrapper-image h3 {
width: 330px;
float: right;
padding-top: 0;
}

.wrapper-image img, .inline-image img {
float: left;
width: 210px;
height: 132px;
padding: 0 0 0 7px;
}

.wrapper-image-r, .wrapper-image-rtop {
width: 570px;
float: left;
padding: 10px 0 30px 0;
background: url(../images/site/product-img-bg.png) no-repeat 343px 30px;
}

.wrapper-image-rtop {
background: url(../images/site/product-img-bg.png) no-repeat 343px 0;
}

.wrapper-image-r p, .wrapper-image-rtop p {
width: 330px;
}

.wrapper-image-r h3 {
width: 330px;
padding-top: 0;
}

.wrapper-image-r img, .wrapper-image-rtop img {
float: right;
width: 210px;
height: 132px;
padding: 30px 7px 0 0;
}

.wrapper-image-rtop img {
padding: 0 7px 0 0;
}

.wrapper-image img, .inline-image img {
float: left;
width: 210px;
height: 132px;
padding: 0 0 0 7px;
}

.inline-image {
width: 250px;
float: left;
padding: 10px 0 20px 0;
background: url(../images/site/product-img-bg.png) no-repeat -3px 0;
}

.inline-image-lg {
width: 580px;
height: 260px;
float: left;
padding: 24px 0 35px 10px;
background: url(../images/site/featured-images-bg.png) no-repeat -15px 0;}

.inline-image-lg img {
width: 562px;
height: 248px;
}

#image-wrapper {
width: 250px;
float: left;
padding-bottom: 50px;
}

.sbt {
padding: 0 0 15px 30px;
}

.ll {
padding-bottom: 35px;
}

.side-img { 
float: left;
padding: 0 0 20px 4px;
}

#cca-safety { padding: 0 0 1em 0;}
#cca-safety li { background: url(../images/site/icons.png) no-repeat 0 -655px; padding-left: 28px;}

#downloads { padding-bottom: 1em;}
#downloads li { padding: 0; line-height: 1.8em;}
#downloads #pdf { background: url(../images/site/icons.png) no-repeat 0 -578px; padding-left: 28px;}
#downloads #word { background: url(../images/site/icons.png) no-repeat 0 -400px; padding-left: 28px;}
.pdf { background: url(../images/site/icons.png) no-repeat 0 -581px; padding: 1px 0 1px 24px;}

#hazard-list { padding: 1em 0;}

#hazard-list li { background: url(../images/site/icons.png) no-repeat 0 -655px; padding: 0 0 .8em 25px;}

.highlight {
margin: 1em 0;
padding: 1em 20px 1em 10px;
border-top: #ccc 1px solid;
border-bottom: #ccc 1px solid;
background: #f4ffcc;
font-size: 1.8em;
color: #333;
line-height: 1.3em;
text-align: center;
}

blockquote, cite {
font: 1.4em/1.5em;
padding: 0 15px 0 0;
margin: 0;
color: #999;
font-style: italic;
}

cite {
font-size: 1.3em;
}

.quote {
padding: 1.5em 0;
margin: 1em 0 0 0;
background: url(../images/site/leaf.jpg) no-repeat 8px .8em;
border-top: #eaeaea 1px solid;
border-bottom: #eaeaea 1px solid;
}

.quote p, .quote cite {
padding-left: 85px;
}

.order {
width: 110px;
height: 50px;
float: right;
margin: 0 0 4px 8px;
}

a.ob {
width: 110px;
height: 50px;
display: block;
text-indent: -9999px;
background: url(../images/promo/order.png) no-repeat 0 0;
}

a.ob:hover {
background-position: bottom left;
}

/* 	Tables
------------------------------------------------------------------------------ */
table {
width: 99%;
margin: 1em 0;
border-collapse: collapse;
border-top: #c1dad7 1px solid;
border-right: #c1dad7 1px solid;
border-bottom: #c1dad7 1px solid;
border-left: #c1dad7 1px solid;
}

#lattice th {
width: 20%;
}

tr {
color: #515151;

padding: 0;
text-align: center;
font-size: 1.3em;
line-height: 2em;
}

#lattice .size-break { border-bottom:#c1dad7 2px solid;}

tr.odd td {
background: #f5fafa;
}

td { border-bottom: #c1dad7 1px solid;}

thead th {
background:#f5fafa;
text-align:center;
font: 1.2em/1.8em Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;
color:#005d8c;
padding: 3px 0 0 0;
border-bottom: #c1dad7 1px solid;
}

#carbon thead th {
line-height: 1em;
padding: 3px 0;
}


/* 	Google maps
------------------------------------------------------------------------------ */

#map-wrapper { float: left; width: 590px; padding: 20px 0 40px 26px;}

#map { width: 580px; height: 350px; border: #dcdcdc 1px solid;}

/* 	Lightboxes
------------------------------------------------------------------------------ */

#featured-images-6, #featured-images-3, .featured-images-1 {
width: 610px;
height: 330px;
position: relative;
float: left;
background: url(../images/site/featured-images-bg.png) no-repeat 10px 0;
}

.featured-images-1 {
height: 305px;
}

#featured-images-3 {
height: 190px;
background: url(../images/site/featured-images-3-bg.png) no-repeat 10px 0;
}

#img1, #img2, #img3, #img4, #img5, #img6, #enlarge-6, #enlarge-3 {
position: absolute; width: 182px; height: 121px;}

#img1 { top: 25px; left: 35px;}
#img2 { top: 25px; left: 225px;}
#img3 { top: 25px; left: 415px;}
#img4 { top: 153px; left: 35px;}
#img5 { top: 153px; left: 225px;}
#img6 { top: 153px; left: 415px;}

#enlarge-6 { top: 285px; left: 27px; height: 1.5em;}
#enlarge-3 { top: 160px; left: 27px; height: 1.5em;}

.fi-1 { position: absolute; width: 562px; height: 248px; left: 0; top: 25px;}

/* 	Stores on home page
------------------------------------------------------------------------------ */

#stores-wrapper { 
width: 830px;
min-height:150px;
height:auto !important;
height:150px;
position: relative;
margin: 0 auto;
padding-left: 22px;
margin-top: 20px;
background: url(../images/site/box-bg.png) no-repeat 22px top;
border: solid 0px black;
}

#stores {
width: 810px;
float: left;
padding: 20px 0 10px 0;
background: url(../images/site/box-bottom-bg.png) no-repeat 0 bottom;
border: solid 0px green;
}

ul#times, ul#cro, ul#mod, ul#lon { float: left; padding-bottom: 20px;}
ul#times { padding-left: 105px; width: 150px;}
ul#cro { width: 120px; padding-left: 30px;}
ul#mod { width: 170px; padding-left: 30px;}
ul#lon { width: 145px; padding-left: 30px;}
ul#times { background: url(../images/home/open.gif) no-repeat 20px 0px;}
ul#cro, ul#lon, ul#mod { background: url(../images/site/footer-divider.png) no-repeat left 8px;}

#stores-wrapper h4 {
background: url(../images/site/sub-outer-bg.png) repeat-x bottom;
padding: .4em 0 .4em 20px;
margin: 6px 0 0 5px;
line-height: 1.2em;
width: 780px;
}

#competition {
position: absolute;
left: 435px;
top:-19px;
color: #1c1c1c;
font-size: 1.4em;
}

#competition a:link { color: #1c1c1c;}

#stores-sidebar {
width: 200px;
padding: 7px 0 0 6px;
margin: 0;
background: url(../images/site/sub-menu-bg.png) no-repeat 4px 0;
}

#stores-sidebar h4 {
background: url(../images/site/sub-outer-bg.png) repeat-x bottom;
padding: .4em 0 .4em 10px;
margin: 0 0 1em 4px;
line-height: 1.2em;
width: 176px;
color: #333;
}

#stores-sidebar h5 {
color: #333;
}

#stores-sidebar ul {
padding: 0 0 1.6em 10px;
}

#stores-sidebar li {
line-height: 1.2em;
}

#stores-sidebar #last {
background: url(../images/site/sub-menu-bottom-bg.png) no-repeat -2px bottom;
}

/*HERE*/


/*	Home page products slider
------------------------------------------------------------------------------ */

#products-wrapper {
width: 830px;
float: left;
background: url(../images/site/box-bg.png) no-repeat 22px top;
}

#products-content {
width: 830px;
background: url(../images/site/box-bottom-bg.png) no-repeat 22px bottom;
padding: 0 0 20px 10px;
}

#products-wrapper h2 {
background: url(../images/site/sub-outer-bg.png) repeat-x bottom;
padding: .4em 0 .5em 20px;
margin: 6px 3px 0 27px;
line-height: 1.2em;
}

.fl { float: left; display: inline;}
.fr { float: right;}
.product img { border: 0; display: block;}
.product { position: relative; width: 767px; margin: 20px auto 10px auto;}
.product .prev { position: absolute; top: 42%; display: none; padding-bottom: 3px;}
.product .next { position: absolute; top: 42%; display: none; padding-bottom: 3px;}
.product .next { right: 0;}
.product .container { position: relative; top: 0; left: 0; width: 100%;}
.product .product_items {/* The width must be equal to .item ((width + margin-right) * 2). */
	position: relative; width: 723px; top: 0; left: 24px; overflow: hidden;}
.product .view_all { text-indent: -9999px;}
.product .item { /* Must contain a width and a margin-right.*/
	width: 240px; margin-right: 1px;background: url(../images/site/product-img-bg.png) no-repeat;}
.product .item div { width: 240px;}
.product .item img { padding: 10px 0 0 10px; }
.product h3 { padding: 1em 0 0 8px;}
.product p { width: 220px; margin: 0 0 0 8px;}
.item a:link { display: block; color: #1c1c1c; padding-bottom: 10px;}

/*	Home page services layout
------------------------------------------------------------------------------ */

#quote, #computer  { width: 380px; float: left;}
#precut, #brochure { width: 380px; float: right;}
#quote 	  { padding: 30px 0 0 26px;}
#precut   { padding: 30px 0 0 0;}
#computer { padding: 10px 0 0 26px;}
#brochure { padding: 10px 0 0 0;}
.licon    { float: left; padding: 4px 12px 2px 0;}


/* 	Footers
------------------------------------------------------------------------------ */

#footer-content, #footer-content-home {
padding: 20px 0 0 17px;
font-size: .85em;
text-align: center;
}

#footer-content-home {
padding: 10px 0 0 17px;
}

#footer-nav ul {
margin-bottom: 1em;
}

#footer-nav li {
display: inline;
padding-right: 15px;
margin-bottom: 1em;
}

#footer p, #footer-home p { padding: .6em 0 30px 0;}

/* 	Photo gallery
--------------------------------------- */

#gallery {
width: 830px;
height: 590px;
position: relative;
float: left;
background: url(../images/site/gallery-bg.png) no-repeat top;
padding-left: 18px;
padding-bottom: 40px;
}

#gallery-slideshow {
position: absolute;
top: 8px;
left: 27px;
width: 794px;
height: 564px;
}

/*http://inweb.slideshowpro.com/images.php?gallery=544*/

/* 	Main menu
------------------------------------------------------------------------------ */
#menu {
position:absolute;
left:25px;
top:81px;
width:571px;
height:60px;
border:0;
padding:0;
margin:0;
}

#menu ul {
position: relative;
width:681px;
height:60px;
background: url(../images/site/menu-bg.png) no-repeat;
margin: 0;
padding: 0;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top:0;
}

#menu ul li, #menu a {
display:block;
height:60px;
border-bottom:0;
}

#menu ul li a {
text-indent:-9999px;
text-decoration:none;
}

#m1 { left:0; top:0; width:46px;}
#m2 { left:46px; top:0; width:92px;}
#m3 { left:138px; top:0; width:120px;}
#m4 { left:258px; top:0; width:54px;}
#m5 { left:312px; top:0; width:88px;}
#m6 { left:400px; top:0; width:44px;}
#m7 { left:444px; top:0; width:62px;}
#m8 { left:506px; top:0; width:65px;}
#m93 { left:571px; top:0; width:54px;}

#m1 a:focus, #m1 a:hover { background: transparent url(../images/site/menu-bg.png) 0 -60px no-repeat;outline:0;}
#m2 a:focus, #m2 a:hover { background: transparent url(../images/site/menu-bg.png) -46px -60px no-repeat;outline:0;}
#m3 a:focus, #m3 a:hover { background: transparent url(../images/site/menu-bg.png) -138px -60px no-repeat;outline:0;}
#m4 a:focus, #m4 a:hover { background: transparent url(../images/site/menu-bg.png) -258px -60px no-repeat;outline:0;}
#m5 a:focus, #m5 a:hover { background: transparent url(../images/site/menu-bg.png) -312px -60px no-repeat;outline:0}
#m6 a:focus, #m6 a:hover { background: transparent url(../images/site/menu-bg.png) -400px -60px no-repeat;outline:0}
#m7 a:focus, #m7 a:hover { background: transparent url(../images/site/menu-bg.png) -444px -60px no-repeat;outline:0}
#m8 a:focus, #m8 a:hover { background: transparent url(../images/site/menu-bg.png) -506px -60px no-repeat;outline:0}
#m93 a:focus, #m93 a:hover { background: transparent url(../images/site/menu-bg.png) -571px -60px no-repeat;outline:0}


#m1.active a { left:0px; width: 46px; background: transparent url(../images/site/menu-bg.png) 0 -120px no-repeat !important; outline: 0;}

#m2.active a { left:46px; width: 92px; background: transparent url(../images/site/menu-bg.png) -46px -120px no-repeat !important;outline:0;}

#m3.active a { left:138px; width: 120px; background: transparent url(../images/site/menu-bg.png) -138px -120px no-repeat !important;outline:0;}

#m4.active a { left:258px; width: 54px; background: transparent url(../images/site/menu-bg.png) -258px -120px no-repeat !important;outline:0;}

#m5.active a { left:312px; width: 88px; background: transparent url(../images/site/menu-bg.png) -312px -120px no-repeat !important;outline:0;}

#m6.active a { left:400px; width: 44px; background: transparent url(../images/site/menu-bg.png) -400px -120px no-repeat !important;outline:0;}

#m7.active a { left:444px; width: 62px; background: transparent url(../images/site/menu-bg.png) -444px -120px no-repeat !important;outline:0;}

#m8.active a { left:506px; width: 65px; background: transparent url(../images/site/menu-bg.png) -506px -120px no-repeat !important;outline:0;}

#m93.active a { left:556px; width: 54px; background: transparent url(../images/site/menu-bg.png) -571px -120px no-repeat !important;outline:0;}

/* 	Sub menu
------------------------------------------------------------------------------ */

#sub-menu {
background: url(../images/site/sub-menu-bg.png) no-repeat 4px 0;
padding-top: 7px;
padding-left: 10px;
margin-bottom: 20px;
}

#sub-menu ul {
margin: 0 0 0 0; /*padding: 0 5px 0 5px;*/
width: 180px
position: relative;
left: 7px;
top: 5px;
padding-bottom: 4px
border-bottom: #dcdcdc 1px solid;
}

#sub-menu li {
list-style: none;
}

#sub-menu .outer li a {
background: url(../images/site/sub-outer-bg.png) repeat-x bottom;
text-decoration: none;
line-height: 2em;
width: 174px;
padding-left: 12px;
color: #555555;
}

#sub-menu .outer li a { display: block; outline: none;}

#sub-menu .outer a:hover {
background: url(../images/site/sub-outer-active-bg.png) repeat-x bottom;
}

#sub-menu .outer .active a {
font-weight: bold;
}

#sub-menu ul.inner {
width: 178px;
border-bottom: #dcdcdc 1px solid;
}

.inner li a {
background: none;
padding-left: 7px;
line-height: 1.5em !important;
font-size: .8em;
font-weight: normal !important;
}

#sub-menu .inner li a { background: none;}
#sub-menu .inner .active { background: none;}
#sub-menu .inner .active a { font-weight: bold !important;}
#sub-menu .inner a:hover { background: none !important; color: #000;}

/* Form styles
--------------------------------------------------------------------------------------- */

#contact-form-wrapper { 
width: 610px;
float: left;
background: url(../images/site/main-top-bg.png) no-repeat 22px top;
margin: 15px 0;
}

#contact-form {
width: 590px;
float: left;
padding: 0 0 15px 28px;
background: url(../images/site/main-bottom-bg.png) no-repeat 22px bottom;
}

#contact-form-wrapper h3 {
width: 558px;
background: url(../images/site/sub-outer-bg.png) repeat-x bottom;
padding: .3em 0 .4em 20px;
margin: 8px 0px .5em 0;
line-height: 1.2em;
}

fieldset.contact {
border: none;
float: left;
clear: left;
width: 550px;
padding: 0 0 0 30px;
margin: 0;
}

#contact-form p {
width: 300px;
padding-left: 30px;
}

legend {
display: none;
}

.contact label {
position: relative;
float: left;
width: 150px;
margin-right: 15px;
padding-top: 4px;
}

.contact label em {
position: absolute;
left: 140px;
top: 6px;
}

fieldset.contact ol {
list-style: none;
width: 530px;
}

fieldset.contact li {
float: left;
clear: left;
width: 530px;
padding-bottom: 1.3em;
}

fieldset.send {
float: left;
width: auto;
padding: 0 0 10px 193px;
border: none;
}

fieldset.contact input, fieldset.contact textarea { border: 1px solid #dcdcdc; padding: 4px; width: 330px;}

p#required { padding-left: 195px; width: 400px;}
#validation { padding: 5px 0 5px 3px; color: red; width: 500px;}
.errors { padding-left: 195px; font-size: 1.3em; color: red; padding-bottom: 10px;}

ul#thankyou { padding-left: 30px;}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Helvectia, Arial, Verdana, sans-serif;
    font-size:1.3em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Search Form styles
------------------------------------------------ */

#ajaxSearch_input {

    background: #f6f6f6;

    border: 1px solid #eee;

    color: #111;

    padding: 5px 5px 4px 5px;

    width: 70%;

	margin: 6px 0 0 5px;
    }

    

#ajaxSearch_input:focus {

    border: 1px solid #dcdcdc;

    background: #fff;

    color: #111;

    }



#ajaxSearch_submit, #ajaxSearch_submit:focus {

    background: none /*url(../images/site/search-button.png) no-repeat*/;

    margin-left: 0px;

    height: 27px;

    width: 30px;

    border: 0;

    cursor: pointer;

    }


#submit:hover, #ajaxSearch_submit:hover {

    height: 27px;

    width: 27px;

    border: 0;

    background: none /*url(../images/site/search-button.png) no-repeat*/;

    cursor: pointer;

    }
    
.ajaxSearch_result { font-size: 1.3em;}
.ajaxSearch_extract p { font-size: 1.0em;}
    
/* Float clearing
--------------------------------------- */

.clearit {
font-size: 0;
line-height: 0;
height: 0;
clear: both;
}

/* Tabs
--------------------------------------- */

#tabs-1 {
width: 590px;
float: left;
padding-left: 20px;
padding-bottom: 30px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    /*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.3em;*/
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/site/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #dcdcdc;
    padding: 1em 5px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0;
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

------