/* 
	CSS Document
	by Claude Bonnaud
	http://action3d.com
*/

.center-align { text-align: center; }
div.left-align { text-align:left ; }

a { text-decoration: none; }
/* ul { list-style: none; } */

/*#header li a*/

			
.clear {clear:both;}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-left: 0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

/*
* {
    margin:0;
    padding:0;
}
*/



h1 {
    font:small-caps bold 1.5em/1.4 Geneva, arial, Verdana,   sans-serif;
    color: #333333;
}
h2 {
    font: bold 1.2em/1.6 Verdana, Geneva, arial,  sans-serif;
    color: #444  ;
}

h3 {
    font: bold 1em/1.6 Verdana, Geneva, arial,  sans-serif;
    color: #555  ;
}

strong {
color:#999999;
}

body {
	background:#FFFFFF;
	color: #666666;
}

#header-top 
{

	padding: 10px 30px 0 0;
	background:url(images/header-top.jpg) no-repeat;
}

#header-top ul {
	overflow: hidden;
	text-align: center;
	list-style: none;
	padding:0;
	margin: 0;
	font-size:0.2em;
}

#page-wrap {
    font: 0.9em/1.5 Verdana, Geneva, arial,  sans-serif;
    word-spacing:.1em;
	width:800px;
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	padding: 0;
	background:url(images/page-wrap-bg.jpg) repeat-y;
}

#header-logo {
	width:286px;
	height:53px;
	float:left;
}

#header-content {
	position: relative;
	margin:0;
	padding: 0 25px 0 35px;
}
		
#header-content ul {
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	padding:0;
	margin: 0;
}

#sidebar p {
    font-size:.9em;
}

#page-wrap p {
    margin:.5em 2% .5em 0;
}

#main-heading {
padding-top: 20px;
}
	
 blockquote {
	margin:0;
	padding:0;
	font-style: italic;
	font-size: 14px;
	line-height: 1.1em;
	color: blue;
	text-align: center;
}



.black-button {
	display: block;
	height: 23px;
	width: 100px;
	padding: 5px;
	margin-right: 5px;
	color: #FFFFFF;
	background: url(images/black-button-bg.jpg) center center repeat-x;
	border: thin solid #333333;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.black-button a
{
	color: #fff !important;
}

.big-black-button {
	display: block;
	height: 50px;
	width: 100px;
	color: #FFFFFF;
	background: url(images/black-button-bg.jpg) center center repeat-x;
	border: thin solid #333333;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
} 







					


	#main-content, #footer-content {
	padding: 0 40px 15px 35px;
	overflow:visible;
	}
		#sidebar {
	width:150px;
	float:left;
		}
		
		#sidebar-boutique {
		width:150px;
		float:left;
		}
			#a3d-form {
			display:block;
			margin: 0 0 10px 0;
			}
		
		#text-content { /* The text content div must be positioned (not using static positioning) to be able to use absolute positioning
		relative to the position of the upper left corner of the text content division */
		position:relative;
		top:0;
		left:0;
		margin-left:150px; /* to make place for the sidebar div, no need for floating the content div and therefore it can be positioned */
		width:560px;
		/*float:right;*/
		}
		
		#product-text-boutique {
		width:545px;
		float:right;
		position:relative;
		margin: 0 0 0 0;

		}
			#cnejnia-aurevoir {
			display:block;
			float:right;
	left: 2px;
	top: 105px;
	margin: 0 20px 0 0;
			}
			
			#brutus-aurevoir {
			display:block;
			float:right;
	left: 335px;
	top: 102px;
	margin: 0 0 20px 0;
			}
		
		
		#product-box-boutique {
		width:545px;
		float:right;
		background:url(http://action3d.net/Content/images/buya3dt-mid.jpg) repeat-y;
		position:relative;
		margin-top: 80px;
		}
			#promo-img {
	display: block;
	position:absolute;
	left: 19px;
	top: -85px;
			}
			#text-a3dt-acheter {
			margin: 0 0 0 20px;
			color: #999999;
			}
			
			#button-acheter {
			position:absolute;
			left: 404px;
			top: 18px;
			}
			#visa-mastercard {
			position:absolute;
			left: 431px;
			top: 59px;
			}
		
			#plane-pod {
			overflow:hidden;
			text-align: left;
			}
	

	

		
		#navbar {
	margin:5px;
		}
		

			

	

		
#footer-content {
	text-align: center;
}

		#footer-content ul {
		list-style:none;
		width:100%;
		padding: 0 0 0 60px;
		float:left;	
		list-style: none;	
		}
		


div.photo {
	float:right;
	margin: 0px;
	padding: 0px;
}

#directx9 {
	position:relative;
	top: 70px;
}

#fbx {
	position:relative;
	top: 200px;
}

#gamecreator {
	position:relative;
	top: 570px;
}

.floatinsidebar { /* this class can be used to float an element left in your page */
	position:relative;
	left: -70px;
	width: 120px;
	float: left;
	margin-right: 8px;
	margin-left: 0px;
}

#scene-tools-pane {
	position:absolute;
	left: -121px;
	width:109px;
	margin:0;
	padding:0;
	text-align: center;
}

#camera-tools-pane {
	position:absolute;
	left: -121px;
	width:109px;
	margin:0;
	padding:0;
	text-align: center;
}

#render-options-pane {
	position:absolute;
	left:-161px;
	width:146px;
	margin:0;
	padding:0;
	text-align: center;
	height: 111px;
}

#a3d-button {
	position:absolute;
	left: -110px;
	width:96px;
	margin:0;
	padding:0;
	text-align: center;
}

#video-01 {
	position:absolute;
	top:6.403cm;
	left:1.323cm;
	margin:0;
	padding:0;
	z-index: 1;
}

#footer-bottom {
background:url(images/page-wrap-white-bg.jpg) repeat-y;
}

/* Removing border color in images with hyper-link */
a img 
{
	text-decoration: none;
	 border: 0;
}

/* ------ Menu Style ----- */
#menubar ol, #menubar ul {
	list-style: none;
}

#menubar {
    border-bottom: solid 3px #8CC740;
    padding-left: 10px;
    height:21px;
}
#menubar li {
    display: inline;
}
#menubar li a {
    float: left;    
    line-height: 21px;
    width: 80px;
    margin-right: 1px;
    background: url(http://action3d.net/Content/tabs.gif) no-repeat 0px 0px;    
    color: #444;    
    text-align: center;
    text-decoration: none;
}
#menubar li a:hover {
    background-position: 0px -22px;
    text-decoration: none;
}
#menubar li.sel a {
    background-position: 0px bottom;
    color: #fff;
}

/* -- #navbar-bottom --*/
#navbar-bottom li a
{
  display: block;
  height: 23px;
  width: 90px;
  padding: 5px;
  margin-top: 7px;
  margin-right: 5px;
  float:right;
  color: #FFFFFF;
  background: url(images/black-button-bg.jpg) center center repeat-x;
  border: thin solid #333333;
  vertical-align: middle;
}

#navbar-bottom li a:hover {
	border-top-color: #FFFF00;
	border-right-color: #FFFF00;
	border-bottom-color: #FFFF00;
	border-left-color: #FFFF00;
}

#navbar-bottom li.sel a
{
	border-top-color: #00FF00;
	border-right-color: #00FF00;
	border-bottom-color: #00FF00;
	border-left-color: #00FF00;	
}

/* -- #navbar-top --*/
#navbar-top li a
{
  display: block;
  height: 23px;
  width: 90px;
  padding: 5px;
  margin-right: 5px;
  float:right;
 	color: #333333;
	background:  #FFFFFF;
	border: thin solid #FFFFFF; 
}

#navbar-top li a:hover
{
	border-top-color: #FFFF00;
	border-right-color: #FFFF00;
	border-bottom-color: #FFFF00;
	border-left-color: #FFFF00;
}

#navbar-top li.sel a
{
	border-top-color: #00FF00;
	border-right-color: #00FF00;
	border-bottom-color: #00FF00;
	border-left-color: #00FF00;	
}

/* -- #navbar-footer --*/
#navbar-footer li a
{
  float:left;
  display:block;
  padding: 8px 12px;
  color: #333333;
  text-decoration:none;
  font-size: 12px;
  line-height: 1.1em;
  font-weight: bold;
  border: thin  dotted #333333;
}

#navbar-footer li a:hover 
{
	border-top-color: #FFFF00;
	border-right-color: #FFFF00;
	border-bottom-color: #FFFF00;
	border-left-color: #FFFF00;
}

#navbar-footer li.sel a
{
	border: thin solid #00FF00;
}

/* -- #navbar-login --*/

#navbar-login  
{
}

#navbar-login li a
{
  float:right;
  display:block;
  padding: 3px 12px;
  color: #FFFFFF;
  text-decoration:none;
  font-size: 10px;
  line-height: 1.1em;
  font-weight: bold;
  border: thin  dotted #333333;
}

#navbar-login li a:hover 
{
	border-top-color: #FFFF00;
	border-right-color: #FFFF00;
	border-bottom-color: #FFFF00;
	border-left-color: #FFFF00;
}

#navbar-login li.sel a
{
	border: thin solid #00FF00;
}

/* Form styles */
legend
{
	padding: 10px;
	font-weight: bold;
}

fieldset
{
	border: #9b9993 1px solid;
	padding: 0 10px;
	margin-bottom: 10px;
	clear: left;
}

div.editor-field
{
	margin-bottom: 10px;
	width: 50px;
}

input[type=text], input[type=password], select
{
	border: 1px solid #8A8575;
	width: 300px;
}

/* Styles for validation helpers */
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Tables */
/*
table
{
	border: 1px solid #000;
	border-collapse: collapse;
	color: #666666;
	min-width: 500px;
	width: 100%;
}


tr
{
	border: 1px solid #000;
	line-height: 25px;
}

th
{
	background-color: #9b9993;
	color: #000;
	font-size: 13px;
	text-align: left;
}

th, td
{
	padding-left: 5px;
}

tr:hover
{
	background-color: #fff;
}
*/
a.test 
{    
	font-weight: bold;  
}

/* Product list start */



ul#product-list
{
	list-style: none;
	margin-left: 0px;
}

ul#product-list li
{
	height: 130px;
	width: 100px;
	float: left;
	margin: 10px;
	text-align: center;
}

ul#product-list li a, ul#product-list li .button
{
	font-size: 13px;
	float: left;
}

ul#product-list li a span
{
	color: #9b9993;
	text-decoration: underline;
}
/* Product list end */

/* Detail section */
div#product-details p
{
	margin-bottom: 5px;
	margin-top: 0px;
	color: #5e5b54;
	font-weight: bold;
}

p em
{
	color: #9b9993;
}

a:link, a:visited
{
	color:Green;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color:Lime;
	text-decoration: underline;
	font-weight: bold;
}

a:active
{
	color: Green;
	text-decoration: none;
	font-weight: bold;
}

div
{
	border-radius: 15px;
}

td
{
	border-collapse:collapse;
	border-width: 1px;
	border-radius: 15px;
}

table
{
	border-spacing: 0px;
	border-collapse:collapse;
	border-width: 1px;
	border-radius: 15px;
}

.line-through
{
	text-decoration:line-through;
}

.btnOrange {
  color:White;
  background: Orange;
  font-weight: bold;
  border: 1px solid Black;
}
 
.btnOrange:hover {
  color:White;
  background: Maroon;
}