/* Key styles for: Out of the Blue Events*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 25 February 2010*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; background: url(images/background-gradient.jpg) repeat-x #00000a; font-family: "Tahoma", Arial, Helvetica, sans-serif; color: #939498;}
img, div {behavior: url(iepngfix.htc)}


/*Main Containers*/
#main-container{width: 700px; margin-left: auto; margin-right: auto; background: #fff; margin-top: -148px; overflow: hidden; }
#flash-container{width: 700px; margin-left: auto; margin-right: auto;  background: #fff; margin-top: -148px; height: 541px;}
#flash-intro object{position: absolute; top: 0;} 
#gallery-container{width: 640px; margin-left: auto; margin-right: auto; background: #fff; margin-top: -148px; padding: 20px; }

#map {background: url(images/map-flash.gif) no-repeat; height: 200px; width: 400px;}

*html #main-container {margin-top: 0 !important;}
*html #flash-container {margin-top: 0 !important;}
*html #gallery-container {margin-top: 0 !important;}


/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; }
#logo{margin-bottom: 20px;}
#side-bar{width: 170px; position: absolute; margin-top: 70px;}
#gallery {width: 620px; height: 540px;}
#content {width: 680px; overflow: hidden; padding: 10px; font-size: 12px}
#content .col {position: relative; float: left;}
#feature {width: 240px;}
#main {width: 400px; margin-left: 20px; margin-right: 20px; margin-top: 120px;}
#map{width: 700px;}
#footer {text-align: center; }
#facebooklike { float: left; margin-top: -80px;text-align: right; margin-left: 100px; }
.home #facebooklike {margin-top: -50px;  }

/*Hire Shop*/
#shop-menu{width: 240px;}
#product {width: 400px; margin-left: 20px; margin-right: 20px; }


/*Navigation Styles*/
#navigation ul {padding-top: 10px; width: 150px;}
#navigation li {margin: 0; display: block; list-style: none; padding-bottom: 15px; width: 130px}
#navigation li a{text-decoration: none; color: #86d7f5; font-size: 12px; text-transform: uppercase; display: block; font-family: "Swiss"; font-weight: normal;}
#navigation li a:hover {color: #fff; font-weight: bold; border-bottom: none;}
#navigation li.current a{color: #fff;}

#navigation ul ul {margin-left: 10px; padding-top: 0;}
body:nth-of-type(1) #navigation ul ul{padding-top: 5px;}
#navigation ul ul li{padding-bottom: 0px !important; width: 150px;}
#navigation ul ul li a {background: url(images/ul-ul-bullet.gif) no-repeat 1px 6px; padding: 2px 0px 0 15px; color: #86d7f5 !important;  font-size: 11px;}
#navigation ul ul li a:hover {background: url(images/ul-ul-bullet-hover.gif) no-repeat 1px 6px; padding: 2px 0px 0 15px; color: #fff !important;}
#navigation ul ul li.current a{color: #fff !important;}

*html #navigation ul ul li a {background: url(images/ul-ul-bullet.gif) no-repeat 1px 7px; margin-bottom: -10px;}
*html #navigation ul ul li a:hover {background: url(images/ul-ul-bullet-hover.gif) no-repeat 1px 7px;}

html>body #navigation ul ul li a {*background: url(images/ul-ul-bullet.gif) no-repeat 1px 7px; }
html>body #navigation ul ul li a:hover {*background: url(images/ul-ul-bullet-hover.gif) no-repeat 1px 7px;}


/*Sub Navigation Styles*/
#sub-navigation ul {margin-left: 0 !important;}
#sub-navigation li {margin: 0; display: inline; list-style: none; padding: 0 5px 0 15px; background: url(images/sub-navigation-bullet.gif) no-repeat 2px 7px;}
#sub-navigation li a{text-decoration: none; color: #888; font-size: 10px; text-transform: uppercase; font-family: "Swiss"; font-weight: normal;}
#sub-navigation li a:hover {color: #0b7fa4; font-weight: bold; border-bottom: none;}
#sub-navigation li.first{background: none; padding-left: 0px;}
#sub-navigation li.current-page a{color: #0b7fa4;}


*html #sub-navigation li {background: url(images/sub-navigation-bullet.gif) no-repeat 2px 5px;}
html>body #sub-navigation li {*background: url(images/sub-navigation-bullet.gif) no-repeat 2px 5px;}


/*Shop Navigation*/
#shop-menu ul {margin-left: 0 !important; width: 200px;}
#shop-menu ul li{padding-bottom: 5px; list-style: none; border-bottom: 1px dotted #999; padding: 5px 0; display: block; }
#shop-menu ul li a{font-size: 12px; color: #939498; display: block;} 
#shop-menu ul li a:hover {border-bottom: none; color: #0b7fa4;}
#shop-menu ul li.current-page a{color: #0b7fa4;}

#shop-menu ul ul {margin-left: 30px !important; margin-top: 10px;}
#shop-menu ul ul li{border-bottom: none;}
#shop-menu ul ul li a{color: #939498 !important;}
#shop-menu ul ul li a:hover{color: #0b7fa4 !important;}
#shop-menu ul ul li.current-page a{color: #0b7fa4 !important;}


/*Link Styles*/
a {color: #0b7fa4; text-decoration: none;}
a:link{color: #0b7fa4;}
a:visited {color: #0b7fa4; }
a:hover {color: #939498; border-bottom: 1px dotted #0b7fa4}

a.img-link:hover{border-bottom: none;}

/*Paragraph Styles*/
h1 {font-size: 30px ; color: #939498; padding-bottom: 5px; font-family: "ChopinScript"; font-weight: normal; text-transform: lowercase;}
h2 {font-size: 16px ; color: #0b7fa4; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 14px ; color: #0b7fa4; padding-bottom: 5px; font-weight: normal;}
h4 {font-size: 12px ; color: #0b7fa4; padding-bottom: 2px; font-weight: normal;}
p {font-size: 12px ; padding-bottom: 15px; line-height: 1.3em; }
#shop-menu h2{font-size: 12px; text-transform: uppercase; font-family: "Swiss"; color: #939498; border-bottom: 1px solid #0b7fa4; width: 200px; margin-bottom: 10px; margin-top: 10px;}
h2.showing-off-profile {text-transform: uppercase; font-size: 14px; margin-top: 10px; margin-bottom: 5px;}

/*Table Styles*/
table {background: #fff; border: 1px solid #fff; margin-bottom: 15px;}
table td {padding: 5px; background: #fff; border: 1px solid #fff; font-size: 12px}

table.fill{background: #0b7fa4; border: 1px solid #fff; margin-bottom: 15px;}
table.fill td {padding: 5px; background: #0b7fa4; border: 1px solid #fff; font-size: 12px; color: #fff;}


/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 30px; padding-bottom: 15px;}
#content li{padding-bottom: 2px;}

ul.pdf {margin-left: 0 !important;}
ul.pdf li{list-style: none; background: url(images/pdf-icon.jpg) no-repeat; padding-left: 35px; height: 30px; padding-top: 8px; padding-bottom: 0; margin-bottom: -8px;}


/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 10px 5px 0px;}
#content img.right{padding: 5px 0px 5px 10px;}
#feature img{padding: 0;}
img.full-width-img {padding: 5px 0 10px 0 !important;}
img.showing-off-profile {padding: 5px 0px 5px 0 !important;}


/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {border-bottom: 1px solid #939498; margin-bottom: 15px; padding-top: 5px;}
.uppercase {text-transform: uppercase;}

/*Shadow Container*/
#shadow{float: right;width: 900px; margin-right: -30px}

#shadow span.top{display: block; background: url(images/shadow-top.png) no-repeat top; height: 219px; behavior: url(iepngfix.htc)}
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 423px; behavior: url(iepngfix.htc)}
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y; margin-bottom: -330px; behavior: url(iepngfix.htc)}
*html #shadow span.top{ margin-bottom: -150px;} 

/*Product Styles*/
.product-wrapper {width: 400px; float: left; margin: 0 px 0px px; border-top: 1px solid #2599ba; padding-top: 20px;}
.product-add{float: right; margin-bottom: 20px; width: 100px;}
#product-gallery {clear: both;}
.tcimage {padding: 10px 30px 10px 0; float: left;}
.more-info {width: 100px; float: left; margin-top: -52px; margin-left: 55px;}
*html .more-info{margin-left: 30px;}
.detail h2{font-size: 17px;}
.product{}
.detail {width: 250px; float: right;}
.product a:hover, #product a:hover {border-bottom: none;}
.cartlink{margin-bottom: 20px; width: 200px; float: left;}
.treasure_cart {text-align: right;}
.treasure_cart a{font-size: 1.4em;}
.tc_cart_empty{margin-left: 10px; border-left: 1px solid #333; padding-left: 10px;}
.tc_cart_count{margin-left: 5px;}
.product .back-button{display: none;}
.back-button {margin-left: 50px; width: 100px;}
*html .back-button{margin-top: -51px;}

/*Shopping Cart*/
#shopping-cart {margin-top: 10px;}
#shopping-cart h2{padding-bottom: 5px; width: auto; font-size: 16px;}
#shopping-cart a{color: #0b7fa4; font-size: 12px; float: left;}
#shopping-cart a:hover{color: #939498; border-bottom: none;}
#shopping-cart p{font-size: 12px; padding-bottom: 10px;}


/*Pagination Styles*/
#ditto_pages{text-align: center; clear: both;}
#ditto_pages .ditto_currentpage {padding: 1px 5px 2px; margin-right: 1px; background: #0b7fa4;  color: #fff;} 
#ditto_pages .ditto_off {padding: 1px 5px 2px;  margin-right: 1px; color: #939498;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: #939498;} 
#ditto_pages a:hover {background: #fff; color: #0b7fa4; border-bottom: none;}


/*Image Gallery*/
.thumbs li{height: 110px; width: 80px;}
.thumbnail {height: 110px; width: 80px;  margin: 0; padding: 0; }
.thumbs p {display: none; }

#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}

#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}


/*Product Gallery*/
#product-gallery h3{margin-left: 0px; border-bottom: 1px solid #939498; width: 390px; padding-bottom: 2px; margin-bottom: 10px;}
#product-gallery ul.thumbs {margin-left: 15px!important;}
#product-gallery img{padding: 0;}


/*Cart Pop Up Styles*/
#TB_closeAjaxWindow a:hover {border-bottom: none;} 
#TB_ajaxWindowTitle {font-weight: bold;}