/*
------------------------------------------------------------------------------------------------
	TINA LILIENTHAL CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	20-05-2008															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Ember Interactive Limited													
------------------------------------------------------------------------------------------------
*/

/* --- Colours 
														
Text light Grey: d6d6d6
Text dark grey: 919191
Red: c81513

*/

/*
------------------------------------------------------------------------------------ CSS RESET
															
------------------------------------------------------------------------------------------------
*/

body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/*
------------------------------------------------------------------------------------ HTML / BODY
															
------------------------------------------------------------------------------------------------
*/

html {min-height: 100%; height: auto; font-size: 50%;}
body {background: url('../../images/tina_bg_skull_colour.gif') 20px 20px repeat; font-family:Arial, Helvetica, sans-serif; font-size: 125%; margin: 0; padding: 0; text-align:center;}

/*
------------------------------------------------------------------------------------------- TEXT
															
------------------------------------------------------------------------------------------------
*/

h1, h2 {/*font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;*/}

h1 {position: absolute; left: -2000px;}
h2 {margin: 0; padding: 0 10px 20px 20px; color: #202020; font-size: 2em; font-weight: bold; line-height: 1.25em; width:420px; float:left; }
h3 {margin: 0; padding: 0 10px 0 20px; color: #202020; font-size: 1.2em; font-weight: bold; line-height: 1.6em;}
p {margin: 0 0 20px 0; padding: 0 20px 0 20px; font-size: 1.2em; line-height: 1.6em; color: #202020; font-weight: normal; position:relative; }

a {color:#348eed#c81513; margin: 0; padding: 0; outline:none; text-decoration: none;}
a:link, a:visited {color:#c81513;}
a:hover {color:#c81513; text-decoration:underline;}

a.skip {display:block; position:absolute; z-index:0; top:-4em;}

/*
-------------------------------------------------------------------------------------- STRUCTURE
															
------------------------------------------------------------------------------------------------
*/

#master {width:960px; margin: 0 auto; text-align:left; min-height:500px;}
#header {width:100%; height:112px; position:relative; z-index:500; height:160px;}
#content {background: url('../../images/tina_bg_transparant.png') 0 0 repeat; width:660px; clear:both; margin:0 0 0 0;  overflow:auto; border-bottom:1px solid #ebebea; border-left:1px solid #ebebea; border-right:1px solid #ebebea; position: relative; min-height:640px;}
#footer {width:960px; margin: 0 auto; height:50px;}

/*
---------------------------------------------------------------------------------------- CONTENT
															
------------------------------------------------------------------------------------------------
*/

/*#page_00 #master, #page_01 #master { background: url('../../images/tina_bg_01.png') top right no-repeat;}*/
#content_inner {width:100%; min-height:640px; background:url('../../images/tina_bg_home_skull.png') bottom left no-repeat;}
#header img {margin: 30px 0 26px 20px; float:left;}
#footer p {width:660px; float:left; margin:6px 0 0 0; padding:0; text-align:center;font-size:1.1em;}
div.content_head {width:100%; clear:both;}
p.back_link {float:right; margin:.7em 20px 0 0; padding:0; font-size:1.1em;}


/*
------------------------------------------------------------------------------- COLLECTION PAGES
															
------------------------------------------------------------------------------------------------
*/

#content_grid {overflow:auto; clear:both; margin-left:10px;}
div.content_grid_row {width:100%; clear:both; display:inline; float:left; overflow:auto; margin-bottom:15px;}

div.content_grid_item {float:left; margin: 0 9px 0 9px; width:142px;}
div.content_grid_item img {margin:  0 0 4px 0; border:1px solid #bdbdbc;}
div.content_grid_item a:hover img, div.content_grid_item a img.collectionImgHover { border-color:#c81513;}
div.content_grid_item p { margin:0; padding:0; text-align:center; font-size:1.1em;}
div.content_grid_item p a {color:#111111;}
div.content_grid_item p a:hover, div.content_grid_item p a.collectionTextHover {color:#c81513; text-decoration:underline;}

div.product_view {clear:both; float:left; width:300px; display:inline; margin:0 10px 0 20px;}
div.product_view p {padding-left:0; font-size:1.1em;}

#product_viewer {margin-bottom:6px; position:relative; width:300px; height:386px; overflow:hidden; border:1px solid #BDBDBC;}
#product_viewer_large {position:absolute; top:0; left:0; }

#image_loader_bg {width:300px; height:386px; position:absolute; top:0; left:0; background-color:#0C0C0C;}

div.product_details {width:320px; float:left;}

/*
---------------------------------------------------------------------------------- IMAGE OVERLAY
															
------------------------------------------------------------------------------------------------
*/

#jquery-overlay {position: absolute; top: 0; left: 0 ;z-index: 550; width: 100%; background-color:#000;}
#jquery-lightbox {position: absolute; top: 0;left: 0; width: 100%; z-index: 560;text-align: center;line-height: 0; }
#lightbox-container {position: relative; background-color: #fff; width: 790px; height: 1010px; margin: 10px auto; text-align:left; overflow:hidden;  display:none;}
#lightbox-container-content {width:770px; height:990px; margin: 10px;}
#lightbox-container-content img {border: 1px solid #BDBDBC;}
#lightbox-container-content p {margin: 2px 0 0 0; padding:0; text-align:center;}

/*
---------------------------------------------------------------------------------- SHOP ELEMENTS
															
------------------------------------------------------------------------------------------------
*/

div.product_details form {margin: 6px 0 0 20px; color:#202020; font-size:1.2em;}
div.product_details table { width:300px; margin-bottom:10px;}
div.product_details table tr {width:auto; float:left; margin-right:10px;}
div.product_details table td {height:16px;}


/*
------------------------------------------------------------------------------------- NEWS PAGES
															
------------------------------------------------------------------------------------------------
*/


div.news_post {border-bottom: 1px solid #ccc; width:620px; margin: 0 0 20px 20px; m}
div.news_post h3 {font-size:1.4em; padding-left:0;}
div.news_post p {padding-left:0;}
div.news_post p.news_date {font-size:1.1em; margin-bottom:10px;}

/*
------------------------------------------------------------------------------------- NAVIGATION
															
------------------------------------------------------------------------------------------------
*/

/*font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;*/

#header ul {clear:both; float:left; list-style-type:none; margin: 0 0 0 10px; position:relative; font-family: helvetica, sans-serif; font-weight:normal; width:600px; }
#header ul li {float: left; }
#header ul li a {color:#202020; display:block; font-size:1.6em; height:46px; line-height:46px; margin:0; padding: 1px 10px 0 10px; position:relative; z-index:501;}
#header ul li a:hover {text-decoration:underline; color:#202020;}
#header ul li a.active { color:#fff;}

#header ul li#nav_collections:hover a {background:url('../../images/nav_highlight.gif') 0 0 repeat-x; border-top:1px solid #bdbdbc; border-left:1px solid #bdbdbc; border-right:1px solid #bdbdbc; padding: 0 9px 0 9px;}

#header ul li ul {position: absolute;  /*background-color:#191919;*/ background:#f2f2f2 url('../../images/nav_highlight.gif') 0 -46px repeat-x;  width: 29em; left:-999em; z-index:400; top:46px; border:1px solid #bdbdbc; margin-left:0;}

#header ul li ul li {width: 27em; border-bottom: 1px solid #bdbdbc; margin:0 10px; width:27em;}
#header ul li ul li a {height:50px; line-height:50px; margin-right:0; padding-left:70px; color:#202020;}
#header ul li ul li a:hover {color:#111111;}
#header ul li#nav_collections:hover ul li a {padding: 1px 10px 0 70px; border:none; background:none;}

#header ul li:hover ul, #nav li.sfhover ul {left: auto;}

#header ul li:hover ul li#nav_bones_cherries a { background: url('../../images/icon_cherries.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_skulls_strawberries a { background: url('../../images/icon_skulls.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_anchors_scissors a { background: url('../../images/icon_anchors.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_edelweiss a { background: url('../../images/icon_edelweiss.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_little_skulls a { background: url('../../images/icon_little_skulls.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_rabbits a { background: url('../../images/icon_rabbits.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_raspberries a { background: url('../../images/icon_raspberries.png') 10px -4px no-repeat;}
#header ul li:hover ul li#nav_rope a { background: url('../../images/icon_rope.png') 10px -4px no-repeat;}

#header ul li ul li#nav_raspberries {border-bottom: none;}

/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; height: 0; line-height: 0;}