/* -----------------------------------------------------------------------------------

+ Banana Boat
Stylesheet Designed by Kelly Shearon & Ryan Capers
kellyshearon@gmail.com, rcapers@gmail.com // Questions / Commments

----------------------------------------------------------------------------------- */
/*General Style
----------------------------------------------------------------------------------- */
body { color: #695d54; font-size: 12px; font-family: "Gill Sans", helvetica, Geneva, sans-serif; font-weight: normal; line-height: 15px; background-image: url(../images/index/indexbg.jpg); background-repeat: repeat; background-attachment: scroll; text-decoration: none; text-align: justify; }
h1 { color: #695d54; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; }
a:link { color: #f0ac01; text-decoration: underline; }
a:visited { color: #f0ac01; }
#wrapper { width: 850px; margin: 0 auto; }

.menu { height: 35px; margin: 1px 0 0; }
.menu ul { margin: 0; list-style-type: none; }
.menu .selected { color: #f0ac01; }
.menu li { text-transform: uppercase; display: inline; }
.menu li a { color: #695d54; font-size: 14px; text-decoration: none; float: right; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; display: block; }
.menu li a:hover { color: #f0ac01; }
#text { padding-top: 8px; }
.footer { margin-top: 10px; }
.footer p { color: #bdbdbd; font-size: 10px; font-weight: normal; font-style: normal; line-height: normal; text-align: left; margin-top: 2px; padding-right: 5px; }

/*Index Style
-----------------------------------------------------------------------------------*/
.slideshow { width: 850px; height: 375px; }

/*Product Page Style
-----------------------------------------------------------------------------------
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}
#producttext { text-align: justify; width: 460px; margin-right: 4px; padding-top: 5px; height: 60px; }
#container_left { position:relative; width:850px; height:375px; background:0 50%; }
#container_left img {border:0;}
#container_left .thumbs {width:500px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span { display:block; position:absolute; width:355px; height:50px; top:383px; left:485px; color:#fff; background-color: #695d54; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
#container_left a.gallery:active, #container_left a.gallery:focus {border:solid 1px #695d54;}
#container_left a.gallery:active em, #container_left a.gallery:hover em { display:block; position:absolute; width:363px; height:363px; left:485px; color:#000; top: 4px; border:solid 1px #695d54; }
#container_left h1 { clear:both; margin:0; padding-top:150px; width:363px; text-align:center; font-size:14px; font-weight:normal; color:#695d54; text-transform: uppercase; float: right; }

/*Modern Art Page Style
----------------------------------------------------------------------------------- */
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 
#arttext { text-align: justify; width: 430px; margin-left: 4px; }
#mcontainer_left { position:relative; width:850px; height:335px; background:0 50%; }
#mcontainer_left img {border:0;}
#mcontainer_left .thumbs {width:480px; position:absolute; left:0; top:0;}
#mcontainer_left a.gallerym:hover span { display:block; position:absolute; width:355px; height:50px; top:383px; left:485px; color:#fff; background-color: #695d54; padding-top: 4px; padding-right: 5px; padding-left: 5px; }
#mcontainer_left a.gallerym:active, #mcontainer_left a.gallerym:focus {border:solid 1px #695d54;}
#mcontainer_left a.gallerym:active em, #mcontainer_left a.gallerym:hover em { display:block; position:absolute; width:363px; height:363px; left:485px; color:#000; top: 4px; border:solid 1px #695d54; }
#mcontainer_left h1 { clear:both; margin:0; padding-top:150px; width:363px; text-align:center; font-size:14px; font-weight:normal; color:#695d54; text-transform: uppercase; float: right; }

/* styling for product gallery
-----------------------------------------------------------------------------------*/
a.gallery, a.gallery:visited {display:block; display:block; color:#000; text-decoration:none; border:solid 1px #695d54; width:83px; height:83px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(/backend/visuals/zoom/zoom-20080827_79970_stock-7.jpg);}
a.slideb {background:url(../images/products/thumb2.jpg);}
a.slidec {background:url(../images/products/thumb3.jpg);}
a.slided {background:url(../images/products/thumb4.jpg);}
a.slidee {background:url(../images/products/thumb5.jpg);}
a.slidef {background:url(../images/products/thumb6.jpg);}
a.slideg {background:url(../images/products/thumb7.jpg);}
a.slideh {background:url(../images/products/thumb8.jpg);}
a.slidei {background:url(../images/products/thumb9.jpg);}
a.slidej {background:url(../images/products/thumb10.jpg);}
a.slidek {background:url(../images/products/thumb11.jpg);}
a.slidel {background:url(../images/products/thumb12.jpg);}
a.slidem {background:url(../images/products/thumb13.jpg);}
a.sliden {background:url(../images/products/thumb14.jpg);}
a.slideo {background:url(../images/products/thumb15.jpg);}
a.slidep {background:url(../images/products/thumb16.jpg);}
a.slideq {background:url(../images/products/thumb17.jpg);}
a.slider {background:url(../images/products/thumb18.jpg);}
a.slides {background:url(../images/products/thumb19.jpg);}
a.slidet {background:url(../images/products/thumb20.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:solid 1px #000;}

a.slidea em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideb em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidec em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slided em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidee em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidef em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideg em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideh em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidei em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidej em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidek em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidel em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidem em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.sliden em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideo em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidep em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideq em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slider em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slides em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidet em { background-color: transparent; background-image: url(../images/products/pic2.jpg); background-repeat: no-repeat; background-attachment: scroll; }

/* styling for modern art gallery
-----------------------------------------------------------------------------------*/
a.gallerym, a.gallerym:visited {display:block; display:block; color:#000; text-decoration:none; border:solid 1px #695d54; width:100px; height:100px; float:left; margin:4px; z-index:50;}
a.slidema {background:url(../images/art/samplethumb.jpg);}
a.slidemb {background:url(../images/art/samplethumb.jpg);}
a.slidemc {background:url(../images/art/samplethumb.jpg);}
a.slidemd {background:url(../images/art/samplethumb.jpg);}
a.slideme {background:url(../images/art/samplethumb.jpg);}
a.slidemf {background:url(../images/art/samplethumb.jpg);}
a.slidemg {background:url(../images/art/samplethumb.jpg);}
a.slidemh {background:url(../images/art/samplethumb.jpg);}
a.slidemi {background:url(../images/art/samplethumb.jpg);}
a.slidemj {background:url(../images/art/samplethumb.jpg);}
a.slidemk {background:url(../images/art/samplethumb.jpg);}
a.slideml {background:url(../images/art/samplethumb.jpg);}

a.gallerym em, a.gallerym span {display:none;}
a.gallerym:hover {border:solid 1px #000;}

a.slidema em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemb em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemc em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemd em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideme em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemf em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemg em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemh em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemi em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemj em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slidemk em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
a.slideml em { background-color: transparent; background-image: url(../images/art/samplelarge.jpg); background-repeat: no-repeat; background-attachment: scroll; }
/*Why We're Different/Stores Style
----------------------------------------------------------------------------------- */
#photo_right {  }
#photo_middle { padding-right: 10px; padding-left: 10px; }
#photo_left {  }
#store_text { padding-top: 8px; padding-left: 10px; }
#middle_store_text { padding-top: 10px; padding-left: 20px; }
.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;}
.highslide-html {background-color: white;}
.highslide-html-blur {}
.highslide-html-content {position: absolute;display: none;}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;}

/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 0 5px 5px 5px;}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;}
.highslide-wrapper .highslide-header a:hover {
	color: black;}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;}
.highslide-wrapper .highslide-footer {
	height: 15px;}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);}
.highslide-wrapper .highslide-body {}
.highslide-move {
    cursor: move;}
.highslide-resize {
    cursor: nw-resize;}

/*Contact Styles-
---------------------------------------------------------------------------------- */
.contactform { width: 850px; }
.contactform_art { width: 500px; }
.comment_notice_wide_strong {width: 750px; margin: 10px; margin-bottom: 5px; padding: 3px; border: 1px solid; border-color: #695d54; color: #000; background-color: #FFF; background-image: url("http://www.bananaboat.co.ug/backend/img/error_bg.gif"); text-align: center; font-family: arial; font-size: .9em;}


/*Preloader-
---------------------------------------------------------------------------------- */
div#preload { display: none; }


/* Modern Art Custom Inquiry Form Drop Down Special Styling
---------------------------------------------------------------------------------- */
	.checklist {
			border: 1px solid #ccc;
			list-style: none;
			height: 10em;
			overflow: auto;
			width: 20em;
		}
		.checklist, .checklist li { margin: 5; padding: 5; }
		.checklist label { display: block; padding: 0 0.2em 0 25px; text-indent: -25px; height: 30px; }
		.checklist label:hover, .checklist label.hover { background: #F0AC01; color: #fff; }
		* html .checklist label { height: 1%; }