/* ------------- */
/*     BASIC     */
/* ------------- */

* 		{ margin : 0px; padding : 0px; }
html	{ margin-right : auto; margin-right : auto; text-align : center; font-size:65%}
body 	{ font : normal 1.1em "Times New Roman", Arial, Helvetica, sans-serif; color : #000; line-height : 1.5em;}

img		{ border : 0px; }

ul 			{ list-style : none; }

#loading 	{ position : absolute; color : #bfbfbf; z-index : 100; }
#loading p 	{ margin : 5px;  }

a,
a:visited	{ color : #000; text-decoration : none; }
a:hover		{ color : #9966cc; text-decoration : none; }
a:active	{ color : #514e86; }

#page,
#boxHeader,
#boxMenu,
#boxContent,
#footer 	{ clear : both; width : 934px; margin-left : auto; margin-right : auto; text-align : left; }

#page		{ position : relative; z-index : 10; }

.boxContentTitle	{ width : 100%; }
.boxContentTitle h1	{ text-align : left; padding-top : 15px; padding-bottom : 15px; font : normal 1.7em Georgia, "Times New Roman", Times, serif; text-transform : uppercase; color : #000000; border-bottom : 1px solid #999999; margin-bottom : 20px; }

/* -------------- */
/*     HEADER     */
/* -------------- */

#boxHeader			{ margin-top : 5px; height : 40px; color : #666666; text-transform : uppercase; }
#boxHeader #logo	{ width : 240px; }

#boxHeader #searchForm				{ position : relative; top : 22px; float : right; }
#boxHeader #searchForm .field		{ background-color : #fff; border : 1px solid #000; width : 160px; }
#boxHeader #searchForm .field input	{ border : 0px; width : 150px; height : 13px; padding : 1px 4px 0px 4px; font : normal 9px "Times New Roman", Times, serif; color : #9966cc; text-transform : uppercase; }

#boxHeader #options	{ position : relative; top : 25px; float : right; font : normal 1.0em "Times New Roman", Times, serif; }
#boxHeader #options a,
#boxHeader #options a:visited	{ color : #666666; }
#boxHeader #options a:hover,
#boxHeader #options .active a,
#boxHeader #options .active a:visited { color : #9966cc; }

/* ----------------- */
/*     MENU ROOT     */
/* ----------------- */

#boxMenu { border-top : 1px solid #000000; border-bottom : 1px solid #000000; }

#rootPages			{ font : normal 2.0em Georgia, "Times New Roman", Times, serif; text-transform : uppercase; }
#rootPages ul		{ margin : 2px 0px 1px 0px; }
#rootPages ul li 	{ display : inline; margin : 2px 0px 2px 0px; color : #b3b3b3; }
#rootPages li a,
#rootPages li a:visited	{ color : #999999; }
#rootPages li.active a,
#rootPages li.active a:visited,
#rootPages li a:hover { color : #9966cc; }

#boxContent	{ font-size : 1.1em; min-height : 340px; }

/* ------------------ */
/*     CATEGORIES     */
/* ------------------ */

#rootCategories	{ position : relative; text-align : left; border : solid #000000; border-width : 1px 0px 0px 0px; font : normal 1.3em Georgia, "Times New Roman", Times, serif; text-transform : uppercase; }
#rootCategories ul { position : relative; padding-top : 3px; padding-bottom : 2px; } 
#rootCategories ul li { display : inline; margin : 2px 0px 2px 0px; color : #b3b3b3; }
#rootCategories li a,
#rootCategories li a:visited { color : #999999; }
#rootCategories li.active a,
#rootCategories li.active a:visited,
#rootCategories li a:hover { color : #cc66cc; }

#rootCategories li a i,
#rootCategories li a:visited i { color : #c0c0c0; font-style : italic; }
#rootCategories li a:hover i,
#rootCategories li.active a i,
#rootCategories li.active a:visited i { color : #cc66cc; }

#rootCollections { position : relative; text-align : left; border : solid #000000; border-width : 1px 0px 0px 0px; font : normal 1.3em Georgia, "Times New Roman", Times, serif; text-transform : uppercase; }
#rootCollections ul { position : relative; padding-top : 3px; padding-bottom : 2px; } 
#rootCollections ul li { display : inline; margin : 2px 0px 2px 0px; color : #b3b3b3; }
#rootCollections li a,
#rootCollections li a:visited { color : #999999; }
#rootCollections li.active a,
#rootCollections li.active a:visited,
#rootCollections li a:hover { color : #cc66cc; }

#rootCollections li a i,
#rootCollections li a:visited i	{ color : #c0c0c0; font-style : italic; }
#rootCollections li a:hover i,
#rootCollections li.active a i,
#rootCollections li.active a:visited i { color : #cc66cc; }

/* ------------ */
/*     FORM     */
/* ------------ */

.boxSigninIntro,
.boxSigninInfos		{ margin-top : 20px; font-size : 1.3em; text-justify : left; margin-bottom : 20px; }

.boxSignIn		{ float : left; width : 435px; height : 300px; }
.boxRegister	{ float : right; width : 460px; }
.boxSeparator	{ float : left; font-size : 0.1em; width : 1px; margin : 30px 0px 0px 30px; height : 200px;  }
.boxSignIn .title,
.boxRegister .title	{ margin-top : 20px; font-size : 1.8em; padding-bottom : 4px; text-transform : uppercase; border-bottom : 1px solid #000000; }

.formElement { width : 100%; display : block; clear : both; margin : 0px 0px 2px 0px; overflow : auto; }
.formElement .label { float : left; width : 40%; text-align : right; padding-right : 10px; font-size : 1.1em; text-transform : uppercase; padding-top : 2px; }
.formElement .label .infos { text-transform : lowercase; font-size : 0.9em; font-style : italic; }
.formElement .field	{ float : left; text-align : left; }
.formElement .field span { text-transform : uppercase; }
.formElement .field	input,
.formElement .field	select { border : 1px solid #999; color : #000; padding : 2px; font-size : 11px; width : 140px; }
.formElement .field	select	{ font-size : 11px; width : 146px; }
.formElement .field	input:hover	{ border : 1px solid #000; }

.formElement .field	input.radio		{ width : auto; border : 1px solid #fff; font-size : 1.6em; }
.formElement .field	input.checkbox	{ width : auto; border : 1px solid #fff; height : 16px; }

.formElement .field	textarea { border : 1px solid #999; color : #000; font-size : 12px; font-family : Georgia, "Times New Roman"; padding : 2px; width : 280px; height : 100px; }

.buttonBlack { margin-top : 15px; text-align : center; font-size : 1.6em; text-transform : uppercase; }
.buttonBlack a,
.buttonBlack a:visited  { color : #000; }
.buttonBlack a:hover { color : #9966cc; }

.buttonGray { margin-top : 15px; text-align : center; font-size : 1.6em; text-transform : uppercase; }
.buttonGray a,
.buttonGray a:visited  { color : #999; }
.buttonGray a:hover { color : #9966cc; }

/* -------------- */
/*     FOOTER     */
/* -------------- */

#footer					{ border-top : 1px solid #000000; padding-top : 2px; font : normal 1.0em Georgia, "Times New Roman", Times, serif; text-transform : uppercase; }
#footer ul li 			{ display : inline; margin : 2px 0px 2px 0px; color : #b3b3b3; }
#footer li a,
#footer li a:visited	{ color : #999999; }
#footer li a:hover 		{ color : #9966cc; }

#footer #linkUs	{ float : right; text-transform : lowercase; font-size : 0.85em; color : #bfbfbf; }
#footer #linkUs a,
#footer #linkUs a:visited { color : #bfbfbf; }
#footer #linkUs a:hover { color : #498fcc; }