body {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	background-image: url('site/bar.gif');
	background-repeat: repeat-y;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: left;
	/*width: 100%;*/
}
/*.main-menu {	
	line-height: 1.4em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}*/
#bar {position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	z-index: 3;
	padding: 5px 0px 0px 10px;
	margin: 5px 0 0 0;
	height: 100%;
	border: 0px solid blue;
}

#bar h1 { font-weight: bold;
 	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#search { background: url(site/search-bg.gif);
    border: 0px solid red;
    margin:0 0 5px 0;
    padding: 30px 0 0 0;
    width:121px;
    height:55px;
}
.searchres {
    border:1px solid #ccc;
    padding:3px;
    background: #fff;
}  
.basket { color: #999;
    border: 0px dotted #fff;
    margin: -16px 0 0 0;
    padding: 0 5px 0 0;
    white-space: nowrap;
    float: right;
}  

/*stockist boxes*/

.comment-box {
	margin: 0px 5px 10px 0px;
	padding: 0;
	width: 180px;
	height: 130px;
	border: 1px solid #ccc;
	overflow: hidden;
	float: left; /*puts them side by side*/
}
.stockist-top { background: #ccc url('site/backgrd4.gif');
    width: 180px;
    font-size: 1.1em;
    color: #42718F;
    padding: 2px;
    margin: 0 0 05px 0;
	text-transform: uppercase;
	white-space: nowrap;
}
.stockist-content {
    padding: 0 0 0 2px;
    margin: 0;
    line-height: 17px;
}
/*stockist boxes -end*/

/*---------------here comes the pop-out-boxes-----------------*/

.ulTopNav {
	margin:0px;
	padding:0px;
	margin:0 0 0 -10px;
	width: 187px;
	border-top: 1px solid #fff;
}
      /*formats the initial links*/
a.topnavlink:link,
a.topnavlink:visited {
	color: #000;
	margin:0px;
	display: block;
	text-decoration: none;
	padding: 1px 0px 1px 10px;
	border: solid #fff;
	border-width: 0 0 1px 0;
	/*background-color: #fff;*/
	width: 178px;
}
a.topnavlink:hover,
a.topnavlink:active,
a.topnavlink:visited:hover {
	margin-top:0px;
	padding: 1px 0px 1px 10px;
	width: 160px;
	display: block;	
	color: orange;
	border-top: 0px solid #ccc;
	background-color: #eee;	
}
      /*formats initial links end*/

      /*formats the initial list and the box*/
.ulTopNav li {
	font-size: 1em;
	line-height: 1.3em;
	list-style-type: none;
	margin:0px;
	margin-right:0px;
	padding:0px;
	position:relative;
}
      /*this one sticks them in a box and hides them*/
#nav li ul.pullout {
	/*display: none;*/
	padding-left: 0px;
	margin:0;
	top: 0;
	left: -500px;
	position:absolute;
		z-index: 100;
}
      /*this one makes the box pop out*/
#nav li:hover ul.pullout { 	top: -1px;
	left: 160px;
	position:absolute;
	width: 150px;
	background-color: #fff;
	border: solid #ccc;
	border-width: 1px;
	z-index: 100;
}
      /*formats the box links*/
#nav li li a {
	padding: 1px 4px 1px 10px;
	font-weight: normal;
	color:#666;
	display: block;
	border: solid #fff;
	border-width: 1px 1px 1px 8px;
	margin: 1px;
}
#nav li li a:hover { font-weight: normal;
	color: orange;
	background-color: #eee;
	border: solid #ccc;
	border-width: 1px 1px 1px 8px;
	margin: 1px;
}
/*---------------here comes the pop-out-boxes END-----------------*/
a.bar {
	text-decoration: none;
	border: 0px;
	color: #42718F;
}
a:hover.bar  {
	text-decoration: none;
	background: none;
	border: 0px;
	color: #000000;
} 
a:active.bar  {
	text-decoration: none;
	border: 0px;
	color: #000000;
}
a:visited.bar {
	text-decoration: none;
	border: 0px;
	color: #42718F;
}

a.menu{ 
	color: #42718F;
	border-right: 1px solid #7599C5;
	padding: 0px 4px 2px 4px;
	margin: 0px 0px 0px -6px;
	text-decoration: none;
}
a:visited.menu{ 
	color: #42718F;
	border-right: 1px solid #7599C5;
	text-decoration: none;
}
a:hover, a:active.menu{
	background: #E9EBF4;
	text-decoration: none;
	color: #000000;
}

#container {
	position: absolute;
	top: 102px;
	left: 0px;
	right: 0px;
	/*bottom: 0px;*/
	/*background: #ccc;*/
	margin: 0px;
	border: 0px solid #000;/**/
	text-align: left;
}
#main { position: relative;
	margin: 0;
	padding: 5px 5px 0px 200px;
	width:798px;
	text-align: left;
	border:0px solid red;
	/*display: in-line;*/
}
#menu {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: normal;
 	position: absolute;
	top: 70px;
	left: 0px;
	padding: 3px 0px 0px 0px;
	background-image: url('site/backgrd4.gif');	
	width: 100%;
	height: 22px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	border-top: 1px solid #7599C5;
	border-bottom: 1px solid #949495;
	z-index: 2;
}
div.float-left { float: left; margin: 0px 5px 0px 0px; }


/*********index.php****/

div#news { 
	/*position: absolute;
	top: 5px;
	left: 197px;*/
	width: 215px;
	padding: 0;
	margin: 0;
	float:left;
	}	
div#scroll-news {
	/*overflow: auto;
	height: 450px;*/
	padding: 3px;
	margin: 1px 6px 5px 0px;
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome.gif');
	line-height: 1.2em;
	text-align: left;
	float:left;
}
div.news-head { 
	font-family: verdana, helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.5em;
	color: #999;
	height: 24px;
	margin: 0 6px 0 0;
	padding: 3px 2px 0px 2px;
	border: 1px solid #C1EAE2;
	background-image: url(site/backgrd4.gif); 
	}
/**/
#welcome {
	padding: 5px;
	margin: 0 138px 0 213px;
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome.gif');
	}
	
#welcome h1 {margin-top: -12px;}	
#welcome h4 {margin-top: 0;}
#welcome .searchres {margin-top: 2px;}
	
#side-box {
  position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	width: 122px;/**/
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome.gif');
	float:right;
	}
#google { 
	margin: 5px 0px 0px 5px; }

/*****************index.php end*******/

/*****************review.php*********/

.review-box { 	background: #fffde7 url('site/welcome.gif');
    border: 1px solid #ccc;
    padding: 2px 4px;
    margin: 2px 0;
}

#add { background: url(site/rounded-bg.gif);
    background-repeat: no-repeat;
    margin: 10px -3px;
    padding: 12px 55px 0 15px;
    height: 262px;
    width: 330px;
}  
#counter { margin: -50px 0 0 0;
      padding: 0;
    border: 1px solid #fff;
    background: #fff;      
}

/*****************review.php end*******/

.small-date { 	font-size: 8px;
	text-align: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.upd-addr { 
	width: 300px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome-bg.gif');
	}

p {	line-height: 14px;
	margin: 5px 10px 0px 0px;
}

.error-text { color: red;
	font-weight: bold;
	/*white-space: nowrap;*/
}

#login {position: absolute;
	top: 102px;
	left: 0px;
	text-align: left;
	z-index: 3;
}
.login { padding: 2px 5px 0px 5px;
	margin: 0px 0px 0px 5px;
	background: #fff;
	background-image: url('site/login-bg.gif');
	/*border: solid 1px red;*/
}
table {	border-collapse: collapse;
	margin-top: 0px;
}

.brand-page {	
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 1px;
}
td {	
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 14px;
}
.padded { padding: 0px 5px 5px 5px; }
.padded-top { padding-top: 5px; }
tr.head { background-image: url('site/backgrd4.gif'); }
.top-line { border-top: 1px dotted #369; }
.right-line { border-right: 1px dotted #369; }
.line { border-top: 1px solid #FDD170;
	/*width: 100%;*/
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

h1 {	font-size: 24px;
	color:#FFBF25;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 8px 0px;
}

h3 {	font: bold 120% trebuchet ms, sans-serif;
	letter-spacing: 5px;
	margin-bottom: 0px;
	padding: 5px 0px 0px 0px;
	color: #000000;
}

h2 {
	font: bold 120% trebuchet ms, sans-serif;
	margin: 0px;
	color: #666666;
}

h4 {
	font: bold 110% trebuchet ms, sans-serif;
	margin-bottom: 0;
	color: #42718F;
}


img {	border: 0; }

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 100%;
	background: #42718F;
	padding: 8px 0px 8px 0px;
}

#header h1 {
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	padding: 15px 0px 0px 0px;
	color: #ffffff;
}
div.scroll { overflow: auto;
	height: 350px;
	margin: 0px 100px 0px 0px;
}
div.scroll400 { overflow: auto;
	height: 380px;
	margin: 0px 0px 0px 0px;
}

#orders  {
	position: absolute;
	top: 63px;
	left: 550px;
	width: 430px;
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome.gif');
	padding: 3px;
}
input[type='text'], input[type='password'], textarea { background: #fff;
		border: 1px solid #A1B8DB;
		margin: 0px 0px 3px 0px;
		padding: 1px  2px 1px 2px;
}

/******intec.php***********/
div#fort-color-box { 
	height: 100px;
	padding: 5px;
	margin: 3px 0px 0px 0px;
	text-align: left;
	z-index: 2;
	border-top: 2px dotted #666; 
	background-image: url(fort/color-fan.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
div#box-top {position: absolute;
	top: 0px;
	left: 0px;
	margin: 88px 5px 0 210px;
}
div#box-bottom {position: absolute;
	top: 0px;
	left: 0px;
	margin: 330px 5px 0 210px;
}
div#nowrap { white-space: nowrap;
	text-align: justify;
}
td.intec { font-size: 12px;
	line-height: 14px; 
	margin: 0;
	padding: 0;
	border: 0px solid #C1EAE2;
}
.intec2 { font-size: 12px;
	line-height: 14px; 
	width: 255px;
	margin: 0;
	padding: 0;
	border: 0px solid #C1EAE2;
}
.welcome { 
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome.gif');
	margin: 5px 2px 0 0;
	padding: 3px;
}
  /******intec.php end***********/

/******tufo.php***********/
#tufo { width: 790px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #C1EAE2;
	background-image: url('site/welcome.gif');
	}
#tufo-video { position: absolute;
	left: 690px;
	top: 20px;
	height: 300px;
	width: 310px;
	padding: 60px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	
	z-index: 2;
	 border: 0px dotted #666; 
	background-image: url(site/player.gif);
	background-position: left top;
	background-repeat: no-repeat;
}  
#diagram { position: absolute;
	left: 530px;
	top: 20px;
	 width: 140px;
	padding: 2px 2px 5px 2px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	z-index: 2;
	 border: 1px dotted #666; 
	background-image: url(site/welcome.gi);
} 
#diagram h5 {
	font: bold 140% trebuchet ms, sans-serif;
	margin: 0px 0px 3px 0px;
	color: #42718F;
}
/******tufo.php end***********/

#geb-banner { width: 750px;
	text-align: center;
}