@import url("reset.css");

#wrapper {
	text-align: left;
	margin: 0px auto;
	border:0;
	width: 1080px;
	overflow:hidden;

}

#header {
	height:174px;
	background-image:url(../imgs/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;


}

#side-a {
	float: left;
	width: 192px;
	background-image:url(../imgs/leftside.jpg);
	background-repeat:no-repeat;
	height:691px;

}

#side-b {
	float: right;
	width: 137px;
	background-image:url(../imgs/rightside.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:691px;
}

#content { 
	float: left;
	width: 751px;
	background-image:url(../imgs/contentbk.jpg);
	background-position: top;
	background-repeat:no-repeat;
	height:691px;

}
div.panes div {
	display:none;		
	padding:15px 10px;

	border-top:0;
	height:100px;
	font-size:14px;

}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding-top:12px;	
	padding-left:187px;
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	padding-left:30px;
	margin:0 !important;
	list-style-image:none !important;

}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 80px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	text-align:right;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
#intro{
float:right;
width:50%;
}
#intro p{
padding-top:20px;
font-size:14px;
line-height:20px;
}
#intro ul{
list-style:square;
padding-left:20px;
line-height:20px;
margin-top:20px;}

#photo1{
padding-left:30px;
margin-top:90px;}

#thumbnails{
	width: 296px;
	height:82px;
	background-image: url(../imgs/negative.png);
	background-position:center;
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:60px;
	float:left;
}
#thumbnails ul{
	list-style:none;
}
#thumbnails ul li{
	float:left;
	padding-left:20px;
	padding-top:5px;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
#buy1{
float:right;}

#buy2{
padding-left:120px;
padding-top: 30px;
}

#nowbuy{
background-image:url(../imgs/buybk.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#nowbuy ul{
padding-left: 50px;
padding-top:70px;
line-height:60px;}

#usstore{
background-image:url(../imgs/usflag.gif);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#usstore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#usstore a:hover{
text-decoration:underline;
}

#ukstore{
background-image:url(../imgs/ukflag.gif);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#ukstore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#ukstore a:hover{
text-decoration:underline;
}

#destore{
background-image:url(../imgs/deflag.gif);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#destore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#destore a:hover{
text-decoration:underline;
}

#frstore{
background-image:url(../imgs/frflag.gif);
background-repeat:no-repeat;
background-position: left;
display:block;
}

#frstore a{
text-decoration:none;
color:#000;
padding-left:60px;
}

#frstore a:hover{
text-decoration:underline;
}