﻿@charset "utf-8";

html, body, #flashcontent,
h1, h2, h3,
ul, li, p, img
	{
	font-family        : Arial, Helvetica, sans-serif;
	font-size          : 12px;
	font-style         : normal;
	line-height        : normal;
	font-weight        : normal;
	font-variant       : normal;
	padding            : 0px;
	margin             : 0px;
	list-style-type    : none;
	border             : none 0px #000;
	}

a:link
	{
	color              : #FFF;
	text-decoration    : underline;
	}

a:visited
	{
	color              : #FFF;
	text-decoration    : underline;
	}












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

html, body 
	{
	background-color   : #000;
	background-image   : url(../images/bg.jpg);
	background-repeat  : repeat-x;
	}

html#index, body#index
	{
	background-color   : #FFF;
	background-image   : none;
	}

html#shoplist, body#shoplist
	{
	color              : #FFF;
	background-image   : none;
	}

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

#flashcontent
	{
	width              : 100%;
	min-width          : 900px;
	line-height	       : 0;
	}
	
	#flashcontent * {
		line-height	:150%;
		}

#mainnavigation
	{
	float              : left;
	padding            : 240px 10px 10px 10px;
	}

#subnavigation
	{
	float              : right;
	padding            : 360px 10px 10px 10px;;
	}
	
#maincontent {
	width              : 840px;
	margin             : 0px auto 0px auto;
	padding            : 20px 30px;
	background-image   : url(../images/ip_panther.png);
	background-repeat  : no-repeat;
	}
	
/* ---------------------------------------------------- */

#maincontent #navigation 
	{
	width              : 840px;
	padding-top        : 160px;
	height             : 580px;
	}
	
#index #maincontent #navigation 
	{
	width              : 840px;
	padding-top        : 160px;
	height             : 750px;
	}
	
/* ---------------------------------------------------- */	

#navigation #logo 
	{
	width              : 285px;
	margin-bottom      : 15px;
	}

#navigation #logo .bsclogo 
	{
	float              : left;
	}

#navigation ul 
	{
	width              : 840px;
	display            : block;
	clear              : both;
	padding-bottom     : 10px;
	}

#navigation p 
	{
	font-size          : 10px;
	width              : 400px;
	padding            : 10px 0px;
	border-top         : 1px solid #CCC;
	}

#navigation p img 
	{
	margin-top         : 10px;
	}

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

#maincontent #concept 
	{
	width              : 840px;
	background-image   : url(../images/ip_chari.gif);
	background-repeat  : no-repeat;
	background-position: bottom;
	padding-bottom     : 500px;
	}

#concept img 
	{
	margin             : 50px 0px 0px 0px;
	}

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

#maincontent #spec 
	{
	width              : 840px;
	}

#spec h2 
	{
	font-size          : 200%;
	padding            : 30px 0px;
	color              : #FFF;
	}

/*table layout*/

#spec table 
	{
	color              : #FFF;
	border-bottom      : 1px solid #666;
	margin             : 20px 0px;
	}

#spec td, #spec th {
	font-style         :normal;
	padding-bottom     : 5px;
	text-indent        : 10px;
	}
	
#spec th 
	{
	text-align         : right;
	padding-right      : 10px;
	}
	
#spec table .bd-left, #spec table .bd-left-top 
	{
	border-left        : 1px solid #666;
	}
		
#spec table .bd-top, #spec table .bd-left-top 
	{
	padding-top        : 5px;
	border-top         : 1px solid #666;
	}
		
#spec table .bd-left-top 
	{
	padding-top        : 5px;
	}
	

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

#footer 
	{
	padding            : 20px 0px ;
	width              : 840px;
	text-align         : right;
}


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




#shopheader
	{
	width              : 100%;
	height             : 80px;
	background-color   : #FFF;
	margin-bottom      : 30px;
	}

#shopheader h1
	{
	color              : #000;
	font-size          : 400%;
	display            : block;
	float              : left;
	padding            : 10px 0px 5px 10px;
	}

#shopheader h2
	{
	color              : #000;
	font-size          : 200%;
	float              : right;
	padding            : 15px 10px 5px 0px;
	}


#shoplist h3, #shoplist ul
	{
	margin             : 0px 10px;
	}


#shoplist h3
	{
	font-size          : 200%;
	font-weight        : bold;
	border-bottom      : solid 1px #999;
	}

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

#shoplist ul
	{
	clear              : both;
	margin-bottom      : 80px;
	}

#shoplist li
	{
	display:block;
	}

#shoplist li.title
	{
	font-size          : 18px;
	clear              : both;
	width              : 100%;
	padding-top        : 30px;
	margin-bottom      : 5px;
	font-weight        : bold;
	}

#shoplist li p.caption
	{
	width              : 120px;
	font-size          : 18px;
	float              : left;
	}

#shoplist li p.content
	{
	font-size          : 18px;
	clear              : right;
	}








