/****************************************************************************************/
/*                                                                                      */
/*                         Stylesheet for Singg Project                                */
/*                                                                                      */
/*                   Sebastien Malherbe / seb@7vision.com / 7vision.com                 */
/*                                                                                      */
/****************************************************************************************/

/*********** E Meyer's css reset ******************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/********* General declarations for the layout **********/

body {
	background: #fff url(/images/bg_body.gif) repeat-x 0px 0px;
	color:#333;
	letter-spacing: 0.2px;
	font: normal 12px Arial,sans-serif; line-height:17px;
	margin: 0 auto;
	height: 100%;
	line-height: 17px;
}

a:link{
	color:#99ccff;
	text-decoration:none;
}

a:visited{
	color:#99ccff;
	text-decoration:none;
}

a:hover{
	color:#3399ff;
	text-decoration:underline;
}

a:active{
	color:#99ccff;
	text-decoration:none;
}

img{
	border:0px;
}

ul {
	padding: 0;
	margin:0;
	list-style-type: none;
}

input{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

h1{
	font-size: 2em;
	font-weight: bold;
	padding: 0px;
	margin:0px 0px 4px 0px;
}

h2{
	font-size: 1.8em;
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

h3{
	font-size: 1.5em;
	font-weight: bold;
	padding: 0px;
	margin:0px;
}

h4{
	font-size: 1.2em;
	font-weight: bold;
	/*background: transparent url(/images/bg_fade.gif) repeat-x 0px 0px;*/
	padding: 4px 0;
	margin:0px;
}



/************ HEADER ***************/

#header {
	background: transparent url(/images/bg_header.png) no-repeat top right;
	position: relative;
	width: 1000px;
	height: 199px;
	margin: 0px auto;
}

.headerContent{
	width: 950px;
	position: relative;
	display: block;
	height: 199px;
}

.logo {
	position: absolute;
	top: 0px;
	left: 20px;
}

#loginNavHome {
	width: 370px;
	text-align: right;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	position: relative;
	color: #fff;
}

#loginNavHome a{
	color: #fff;
}

#loginFormHome {
	width: 405px;
	text-align: right;
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	position: relative;
}

#loginFormHome input{
	width: 98px;
	padding: 1px;
	border: 1px solid #333;
}

#loginFormHome input.checkbox{
	width: 13px;
	border: none;
	vertical-align: middle;
}

#loginFormHome label{
	margin-right: 4px;
	color: #fff;
	font-weight: bold;
}

#loginFormHome .more{
	width: 300px;
	float: right;
	padding: 4px;
	margin-top: 3px;
	position:relative;
}

#loginFormHome .more a{
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	margin-right: 6px;
}

#loginFormHome .more .half{
	text-align: left;
	vertical-align: bottom;
}

#loginFormHome .more .half.forgot{
	float: right;
}

#loginFormHome .close{
	position: absolute;
	left: -10px;
	top: -5px;
}

#loginFormHome input.btLogin {
	width: 26px;
	background: #999;
	color: #fff;
}

#mainNav {
	background: transparent url(/images/bg_mainnav_right.png) no-repeat top right;
	width: 800px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 70px; 
	padding-right: 14px;
}

#mainNavAdmin {
	width: 780px;
	position: absolute;
	right: 0px;
	top: 70px;
	font-size: 0.8em; 
}


#mainNav ul, #mainNavAdmin ul {
	float: right;
	background: transparent url(/images/bg_mainnav_left.png) no-repeat 0px 0px;
	height: 50px;
	margin-right: 0px;
	padding-left: 14px;
}

#mainNav ul li, #mainNavAdmin ul li{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}

#mainNav ul li.last, #mainNavAdmin ul li.last{
	margin-right: 3px;
}

#mainNav ul li span, #mainNavAdmin ul li span {
	display: block;
	float: left;
	line-height: 33px;
}

#mainNav ul li span a, #mainNavAdmin ul li span a{
	color: #666;
	font-weight: bold;
	font-size: 1.1em;
}



#mainNav ul li a:hover, #mainNavAdmin ul li a:hover{
	color: #000;
	text-decoration: none;
}

#mainNav ul li.active a, #mainNavAdmin ul li.active a{
	background: transparent url(/images/bg_navbutton_right.png) no-repeat top right;
	color: #FFF;
	text-decoration: none;
	padding-right: 12px;
}

#mainNav ul li.active a, #mainNavAdmin ul li.active a{
	background: transparent url(/images/bg_navbutton_left.png) no-repeat top left;
	color: #FFF;
	text-decoration: none;
	padding: 9px 0 8px 12px;
}

#mainNav ul li.active span, #mainNavAdmin ul li.active span {
	background: transparent url(/images/bg_navbutton_right.png) no-repeat top right;
	padding-right:12px;
}

/****************** CONTENT ***************/

#main {
	width: 920px;
	margin: 0px auto;
	margin-top: -20px;
}

.content {
	width: 870px !important;
	background: transparent url(/images/bg_content.png) no-repeat top left;
	padding: 30px 20px 10px 20px;
	position: relative;
	z-index: 100;
}

.contentFile {
	background: #000 url(/images/bg_contentfile_top.gif) no-repeat top left;
	padding: 8px 20px 10px 20px;
	margin-top: 20px;
	position: relative;
	z-index: 100;
}

.contentFileHeader {
	padding: 0;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: -16px;
	margin-bottom:20px;
}

.content*, .contentFile* {
	position: relative;
}

.contentFooter {
	background: #000;
	height: 8px;
	display: block;
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.mainContent {
	width: 590px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}

.mainContent h4.citation {
	background: transparent url(/images/quote_top.gif) no-repeat 0px 2px;
	padding-left: 25px;
	margin: 15px 0;
}

.mainContent h4.citation p{
	background: transparent url(/images/quote_bot.gif) no-repeat bottom right;
	padding-right: 26px;
	color: #59b0f2;
	font-family: times;
	font-weight: normal;
	font-size: 1.4em;
	text-align: center;
	font-style: italic;
}

.mainContent h2 {
	color: #333;
	font-size: 2.5em;
	margin: 15px 0;
}

.mainContent .section p{
	padding: 10px;
}

.oneColContent {
	width: 100%;
	position: relative;
}

.oneColContent h2 {
	color: #333;
	font-size: 2.5em;
	margin: 15px 0;
}

.sideBar {
	width: 245px;
	float: right;
	padding-left: 5px;
}

.intro {
	
}

.introText {
	width: 432px;
	float: right;
	margin-right: 0px;
	margin-top: 20px;
	margin-left: 0px;
}

.introText h3{
	font-size: 2em;
}

.introText p{
	margin: 10px 0px;
	font-size: 1.2em;
	color: #666;
}



#lastBlog h1 .illusTitle{
	position: absolute;
	top: -11px;
	right: 7px;
}

#lastBlog,
#testimonials {
	width: 49%;
}

#lastBlog .metas {
	font-size: 0.9em;
	color: #999;
	margin-bottom: 5px;
}

#lastBlog .extractContent,
#testimonials .extractContent {
	height: 170px;
}

#lastBlog .extractContent H4{
	font-size: 1.1em;
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #89c4e3;
	margin: 5px 0 2px 0;
	padding: 0 0 5px 0;
}

#lastBlog .extractContent H4 a{
	font-size: 1.1em;
	text-decoration: none;
	color: #666;
}

#testimonials h1 .illusTitle{
	position: absolute;
	top: -5px;
	right: 7px;
}

.extractContent{
	padding: 10px;
}

#testimonials ul li  {
	margin-bottom: 20px;
}

#testimonials ul li .testi {
	background: transparent url(/images/quote_top.gif) no-repeat 0px 2px;
	padding-left: 30px;
}

#testimonials ul li .testi p {
	background: transparent url(/images/quote_bot.gif) no-repeat bottom right;
	padding-right: 30px;
	color: #666;
}

#testimonials ul li .signature {
	text-align: right;
	width: 100%;
	color: #7dc7ff;
	font-weight: bold;
	margin-top: 5px;
}


ul.videoList {
	padding-top: 10px;
}

ul.videoListPurchased {
	margin-top: 20px;
}


ul.videoList li {
	background: transparent url(/images/bg_videolist.png) no-repeat bottom left;
	margin-bottom: 22px;
	clear: both;
	border-top: 1px solid #e4e4e4;
	padding: 10px;
	padding-bottom: 25px;
}

ul.videoListPurchased li {
	background: transparent url(/images/bg_videolist_purchased.png) no-repeat bottom left;
	margin-bottom: 22px;
	clear: both;
	border-top: 1px solid #e4e4e4;
	padding: 10px;
	padding-bottom: 25px;
}

ul.videoListPending li {
	background: #e4e4e4;
	margin-bottom: 22px;
	clear: both;
	border: 1px solid #ccc;
	margin-top: 8px;
	padding: 10px;
}

ul.videoListPending li p{
	padding: 0;
	border: none !important;
	background: transparent !important;
}

.pendingZone {
	background: #efecec;
	padding: 10px;
}

.pendingZone p{
	background: #ffb3b3;
	border: 1px solid #ff6e6e;
	padding: 10px;
	margin-top: 10px;
}

.videoThumb {
	float: left;
	margin-right: 15px;
}

.videoList li h3 a {
	color: #000
}

.videoList li p,
.videoListPurchased li p {
	margin: 10px 0;
} 

.videoList li .lessonActions {
	width: 100%;
} 

.videoList li .lessonActions .buy{
	width: 200px;
	float: right;
} 

.videoList li .lessonActions .buy .price{
	font-size: 1.8em;
	padding-top: 8px;
} 

#lessonContent {
	width: 838px;
	margin: 20px auto;
	background: transparent url(/images/bg_lessondetails.gif) no-repeat top left;
}

.lessonContentFooter {
	width: 838px;
	height: 12px;
	background: transparent url(/images/bg_lessondetails_footer.gif) no-repeat bottom left;
}

#lessonContent .lessonItems{
	padding: 20px;
}

#lessonContent .lessonItems ul li.zip{
	background: #eee;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 1.2em;
	padding: 15px;
	margin-top: -15px;
	margin-bottom: 20px;
}

#lessonContent .lessonItems ul li.zip span{
	font-weight: normal !important;
}

#lessonContent .lessonItems ul.details li.sample{
	font-weight: normal !important;
	font-style: italic;
	color: #666;
	background: #ccc url(/images/icon_green_arrow.gif) no-repeat 0px 5px;
	padding: 4px 4px 4px 20px;
	margin-bottom: 5px;
}
#lessonContent .lessonItems ul.details li:hover.sample{
	background: #999 url(/images/icon_green_arrow.gif) no-repeat 0px 5px;
	font-weight: normal !important;
	padding: 4px 4px 4px 20px;
}

#lessonContent .lessonItems ul li.pdf{
	background: transparent url(/images/bg_list_ebook.png) no-repeat top left;
	font-weight: bold;
	font-size: 2em;
	padding: 30px 0 30px 80px;
}

#lessonContent .lessonItems ul li.audio{
	background: transparent url(/images/bg_list_audio.png) no-repeat top left;
	font-weight: bold;
	font-size: 2em;
	padding: 30px 0 30px 80px;
}

#lessonContent .lessonItems ul li.video{
	background: transparent url(/images/bg_list_video.png) no-repeat top left;
	font-weight: bold;
	font-size: 2em;
	padding: 30px 0 30px 80px;
}

#lessonContent .lessonItems ul li ul {
	font-size: 0.5em;
	margin-top: 30px;
}

#lessonContent .lessonItems ul li.zip ul {
	font-size: 0.9em;
	margin-top: 5px;
}

#lessonContent .lessonItems ul li ul li{
	position: relative;
	padding: 3px;
}

#lessonContent .lessonItems ul li ul li:hover{
	background: #e4e4e4;
}

#lessonContent .lessonItems ul li ul li .contentActions{
	width: 300px;
	position: absolute;
	right: 3px;
	top: 3px;
	text-align: right;
}

#lessonContent .lessonItems ul li ul li .contentActions a{
	color: #666;
}

#lessonContent .lessonItems ul li.zip ul li{
	background: transparent url(/images/ico_zip_big.png) no-repeat 0 2px;
	padding: 15px 0 15px 72px;
	vertical-align: middle;
}

#lessonContent .lessonItems ul li.pdf ul li{
	background: transparent url(/images/ico_pdf_small.gif) no-repeat 0 2px;
	padding-left: 20px;
}

#lessonContent .lessonItems ul li.audio ul li{
	background: transparent url(/images/ico_audio_small.png) no-repeat 0 2px;
	padding-left: 20px;
}

#lessonContent .lessonItems ul li.video ul li{
	background: transparent url(/images/ico_video_small.gif) no-repeat 0 2px;
	padding-left: 20px;
}

#lessonContent .lessonItems ul li.pdf ul li:hover{
	background: #e4e4e4 url(/images/ico_pdf_small.gif) no-repeat 0 2px;
	padding-left: 20px;
}

#lessonContent .lessonItems ul li.audio ul li:hover{
	background: #e4e4e4 url(/images/ico_audio_small.png) no-repeat 0 2px;
	padding-left: 20px;
}

#lessonContent .lessonItems ul li.video ul li:hover{
	background: #e4e4e4 url(/images/ico_video_small.gif) no-repeat 0 2px;
	padding-left: 20px;
}

.lessonDesc {
	margin: 0px 30px;
}

.lessonDesc p{
margin: 10px 0px;
}

.lessonDesc p img{
float: right;
margin: 0 0px 8px 8px;
border: 1px solid #ccc;
}

.lessonDesc ul li{
	margin: 5px 5px 5px 15px;
	list-style-type: square;
}

.adminZone {
	min-height: 200px;
}

.signinTeaser {
	border-left: 1px solid #333;
	padding-left: 15px;
}

.signinTeaser ul{
	margin-left: 20px;
}

.signinTeaser ul li{
	margin-top: 5px;
	list-style-type: none;
}

.notMember {
	width: 340px;
}

/**************Register *************************/

form#registerForm fieldset,
form#contactForm fieldset,
form#profil fieldset{
	border-top: 1px solid #e4e4e4;
	background: transparent url(/images/bg_fade.gif) repeat-x bottom left;
	padding:10px 10px 20px 10px;
	margin: 10px 0;
}

form#login{
	width: 500px;
	float: left;
	text-align: left;
	margin-top: 15px;
}

form#registerForm legend,
form#contactForm legend,
form#profil legend{
	padding:4px;
	font-weight: bold;
	font-size: 1.2em;
	color:#77c5ff;
}

form#registerForm p,
form#contactForm p,
form#profil p,
form#login p{
	position: relative;
	line-height: 35px;
	vertical-align: middle;
	clear: both;
}

form#registerForm label,
form#contactForm label{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 5px;
}

form#login label,
form#profil label{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 5px;
}

form#registerForm input,
form#contactForm input,
form#login input, 
form#profil input{
	width: 200px;
	float: left;
	text-align: left;
	padding:4px;
	margin-top: 4px;
}

form#profil input#is_newsletter {
	margin-top: 10px;
}

form#registerForm input.checkbox, form#registerForm input#terms, form#login input.checkbox, form#profil input.checkbox{
	width: 13px;
	float: left;
	margin-top:3px;
}

form#registerForm input#terms,
form#login input#remember {
	height: 13px;
	margin-top:10px;
}

form#registerForm input#captcha,
form#contactForm input#captcha{
	width: 100px;
	padding:4px;
	margin-top: 5px;
	margin-right: 5px;
}

form#contactForm textarea{
	width: 253px;
	padding:4px;
	height: 100px;
}

form#login input.buttonLogin{
	float: left;
	margin:5px 0px 0px 175px;
	clear: both;
	text-align: center;
	background: transparent url(/images/bt_logmein.gif) no-repeat 0px 2px;
	font-weight: bold;
	width: 139px;
	height: 33px;
	border: 0;
	color: #fff;
	font-family: arial;
	cursor: pointer;
}

p.createAccount{
	padding: 20px 0;
	margin-bottom: 40px;
}

form#registerForm input.buttonCreateAccount,
form#profil input.buttonCreateAccount{
	float: right;
	clear: both;
	padding-left:32px;
	background: transparent url(/images/bt_signup.gif) no-repeat 0px 2px;
	font-weight: bold;
	width: 170px;
	height: 33px;
	border: 0;
	color: #fff;
	font-family: arial;
	cursor: pointer;
}

form#contactForm input.buttonContact{
	float: right;
	clear: both;
	padding-left:32px;
	background: transparent url(/images/bt_contact.gif) no-repeat 0px 2px;
	font-weight: bold;
	width: 139px;
	height: 33px;
	border: 0;
	color: #fff;
	font-family: arial;
	cursor: pointer;
	margin-right: 95px;
}

form#registerForm select#country{
	width: 210px;
	float: left;
	text-align: left;
	padding: 4px;
	|margin-top: 5px;
}

form#contactForm select#subject{
	width: 210px;
	float: left;
	text-align: left;
	padding: 4px;
	margin-bottom: 5px;
}


.liveAlert{
	background: #FFF url(/images/bg_livealert.gif) no-repeat 0% 50%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: red;
	position: absolute;
	left: 410px;
	top: -4px;
	line-height: 12px;
	height: 28px;
}

.redAlert {
	background: #ffdee3;
	border: 1px solid #e10130;
	color:  #e10130;
	padding: 10px;
	margin-top: 15px;
}

.greenAlert {
	background: #eff7d3;
	border: 1px solid #8eb603;
	color:  #8eb603;
	padding: 10px;
	margin-top: 15px;
}

form#registerForm .captchaPic,
form#contactForm .captchaPic{
	border: 1px solid #999;
	width:150px;
}

.deleteAccount {
	position: absolute;
	top: 0;
	right: 0;
}

/***************** Shopping Cart ********************/

.steps {
	float: right;
}

#shoppingcart {
	line-height: 30px;
	vertical-align: middle;
}

table#tbshoppingcart th {
	background: transparent url(/images/bg_th_scart.gif) repeat-x top left;
	color: #000;
	font-weight: bold;
	padding: 5px;
}

table#tbshoppingcart a{
	color: #000;
}

table#tbshoppingcart td.myObject {
	background: #e4e4e4;
	font-weight: bold;
	border-right: 1px solid #ccc;
}

table#tbshoppingcart td.remove {
	text-align: right;
	background: #e4e4e4;
	border-left: 1px solid #ccc;
	
}

a.eraser {
	background: url(/images/nok_form.gif) no-repeat 0px 2px;
	padding-left: 15px;
}

.tall {
	font-size: 1.2em;
}

.saveCart input {
	background: #79c6f6;
	border: 1px solid #e4f5ff;
	color: #014871;
	font-weight: bold;
	padding: 4px;
	cursor: pointer;
}

/***************** About ***************************/

.illusCol {
	width: 140px;
	float: left;
}

.textCol {
	width: 450px;
	float: left;
}

ol.number {
	list-style-type: decimal;
	margin-left: 30px;
}

.package {
	background: url(/images/bg_package.gif) no-repeat 0px 0px;
	width: 591px;
	height: 178px;
	padding: 10px 5px;
	margin-top: 20px;
}

.package a.smallgrayBt {
	margin-right: 10px;
}

.halfPackage {
	background: url(/images/bg_package_demie.gif) no-repeat 0px 0px;
	width: 280px;
	height: 178px;
	padding: 10px 5px;
	margin-top: 0px;
}

.package h3 a, .halfPackage h3 a{
	color: #333;
}

.package h3 a:hover, .halfPackage h3 a:hover{
	color: #3399ff;
	text-decoration: none;
}

.halfPackage .illusCol {
	width: 95px;
	float: left;
}

.halfPackage .textCol {
	width: 180px;
	float: left;
	margin-top: 10px;
}

/****************** Video Details page ***************/

.videoDetails {
	margin-top: 15px;
}

.videoDesc {
	width: 430px;
	float: left;
	margin-left: 30px;
}

ul.downloadList{
	float: left;
}

ul.downloadList li{
	display: inline;
	margin: 15px;
}

.downloadDetails {
	background: transparent url(/images/bg_dlddetails.gif) no-repeat top left;
	line-height: 36px;
	vertical-align: middle;
	padding-left: 20px;
	width: 430px;
	float: right;
}

.videoInfo {
	background:#fffad8;
	border:1px solid #ecc800;
	color: #333;
	margin-top: 10px;
	padding: 10px;
}

.relatedVideo ul{
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #333;
}

.relatedVideo ul li {
	width: 17%;
	margin: 10px; 
	float: left;
}

.info {
	background: #ebf4f9 url(/images/info_icon_small.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 22px;
	margin:10px;
	
}

/********** Help FAQ *****************/

ul#accordion {
	width: 97%;
	margin-left: 10px;
}

ul#accordion li{
	margin-top: 15px;
	
}

ul#accordion li h3{
	font-size: 1.2em;
	color:#00a5ff;
}

ul#accordion li h3 a{
	color:#FFF;
}

ul#accordion li h3 a:hover{
	text-decoration: none;
	background: #e4e4e4;
}

ul#accordion li .collapse{
	color: #ccc;
}

.accordion_toggle {
	display: block;
	height: 30px;
	padding: 0 0px 0 0px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
}

.collapse-container p {
	color: #666;
	padding: 0 10px;
	background: #fff;
}

#accordion  h3.accordion_toggle {
	border-bottom: 1px solid #e4e4e4;
}

#accordion  h3.accordion_toggle a{
	color: #000;
}

#accordion .accordion_toggle_active {
	color: #000;
}

/******************* Terms and conditions ***********/

.terms p {
	margin: 15px 0;
}

/*********************** FOOTER ********************/

#subfooter {
	width: 100%;
	height: 200px;
	background: transparent url(/images/bg_subfooter.gif) repeat-x top left;
	color: #fff;
}

.subfooterContent {
	width: 900px;
	margin: 0px auto;
	height: 200px;
	background: transparent url(/images/bg_subfooter_content.png) no-repeat top left;
	color: #fff;
}

.subfooterContent .oneThird {
	margin-top: 14px;
}

.subfooterContent .oneThird p{
	margin: 10px 0;
	font-size: 0.9em;
}

#footer {
	background: #6b7a89;
	width: 100%;
	height: 70px;
	color: #ccc;
}

.footerContent {
	position: relative;
	background: transparent;
	width: 900px;
	margin: 0px auto;
	height: 13px;
	padding: 15px 20px 10px 20px;
}

.footerNav {
	position: absolute;
	top: 15px;
	right: 20px;
}


img.logoFooter {
	float: left;
}

.copyright {
	float: left;
	margin: 17px 0 0 10px;
}

.copyright a {
	color: #FFF;
}

img.logoFooterBP {
	float: right;
}

/******* USEFULL *******/

.errorForm {
	background: url("/images/ico_error.gif") no-repeat 5px 0px;
	padding: 0px 1px 10px 23px;
	line-height: 12px;
	margin-left: 200px;
	color: #ea0132;
	clear: both;
	width: 100%;
}

.formError {
	border: 1px solid #ea0132;
}

.show {display: block;}
.hide {display: none;}

.half {
	width: 45%;
}

.third {
	width: 15%;
}

.oneThird {
	width: 32%;
}

.twoThirds {
	width: 65%;
}

.positionLeft {float: left;}
.positionRight {float: right;}

.clearBoth {
	clear: both;
}

.oneColContent .gray, .sideBar .gray{
	background: transparent;
}

.gray {
	background-color: gray;	
}

.pomme {
	
}

.marginTopMini { margin-top: 3px;}
.marginLeft { margin-left: 5px;}
.marginRight { margin-right: 5px;}
.marginTop { margin-top: 5px;}
.marginBottom { margin-bottom: 5px;}
.marginLeftMedium { margin-left: 10px;}
.marginRightMedium { margin-right: 10px;}
.marginTopMedium { margin-top: 10px;}
.marginBottomMedium { margin-bottom: 10px;}
.marginLeftHigh { margin-left: 20px;}
.marginRightHigh { margin-right: 20px;}
.marginTopHigh { margin-top: 20px;}
.marginBottomHigh { margin-bottom: 20px;}
.marginTopExtra { margin-top: 70px;}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.bold {
	font-weight: bold;
}

ul.simpleList,
ol.simpleList {
	margin-left: 3px;
}

ul.simpleList li {
	background: transparent url(/images/dot.gif) no-repeat 0px 6px;
	padding-left: 12px;
}

ol.simpleList li {
	list-style-type: decimal;
	padding-left: 0px;
	margin: 10px 0 0 15px;
}

ul.introList li {
	background: transparent url(/images/dotred.gif) no-repeat 0px 4px;
	padding-left: 18px;
	font-size: 1.1em;
	margin-top: 8px;
}

.introPlus {
	width: 40px;
}

p.requestPassword {
	margin: 20px ;
}

.requestPassword label,
.requestPassword input {
	float: left;
	margin-left: 5px
}

.requestPassword input {
	padding: 3px;
	width:250px;
}

input.buttonPassword{
	text-align: center;
	background: transparent url(/images/bt_password.gif) no-repeat 0px 2px;
	font-weight: bold;
	width: 139px;
	height: 33px;
	border: 0;
	margin: -30px 0 0 320px;
	padding: 0;
	color: #fff;
	font-family: arial;
	cursor: pointer;
}




/*** Gray SMALL button ****/
a.smallgrayBt {
    background: transparent url(/images/bg_smallgraybt_right.png) no-repeat top right;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    display: block;
    height: 31px;
    margin-right: 9px;
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
 }
 

a.smallgrayBt span  {
    background: transparent url(/images/bg_smallgraybt_left.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 5px 9px 25px;
}



a.smallgrayBt:hover {
    background-position: bottom right;
    color: #FFF;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.smallgrayBt:hover span {
    background-position: bottom left;
}

a.arrowed {
	background: transparent url(/images/arrowLeft.png) no-repeat 0px 0px;
	padding: 1px 0 3px 22px;
	font-weight: bold;
	color: #666;
	font-size: 1.1em;
}

a.arrowedBack {
	background: transparent url(/images/arrowRight.png) no-repeat 0px 0px;
	padding: 1px 0 3px 22px;
	font-weight: bold;
	color: #666;
	font-size: 1.1em;
}

a.buttonLink {
	background: transparent url(/images/arrowLeft.png) no-repeat 0px 0px;
	padding: 1px 0 3px 22px;
	font-weight: bold;
	color: #666;
	font-size: 1.1em;
}

.blue, a.blue{
	color:#00a5ff;
}

.lightblue{
	color:#d1edfd;
}

.white, a.white {
	color: #FFF;
}

.green {
	color: #4a9e21;
}

.gray, a.gray {
	color: #999;
}

a.black {
	color: #000;
}


.med {
	font-size: 1.2em;
}

.small {
	font-size: 0.8em;
}

.italic {
	font-style: italic;
}

.thinner {
	font-weight: normal;
}

a.basket {
	background: transparent url(/images/icon-nav-bag.png) no-repeat 0px 0px;
	padding-left: 25px;
	color:#97c6e4;
}

a.moreDetails {
	background: transparent url(/images/icon-moredetails.gif) no-repeat 0px 2px;
	padding: 3px 20px;
	color:#97c6e4;
}

h3.bgTitle {
	background: transparent url(/images/bg_h3.gif) no-repeat 0px 0px;
	padding: 3px 0px 4px 24px;
	color: #333;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3.bgTitleFull {
	background: transparent url(/images/bg_h3_long.gif) no-repeat 0px 0px;
	padding: 3px 0px 4px 24px;
	color: #333;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 5px;
}

.sideBar h4 {
	padding: 3px 0px 4px 0px;
	color: #000;
	border-bottom: 1px solid #ccc;
	font-size: 1.3em;
	margin-top: 16px;
	margin-bottom: 5px;
}

.sideBar ul li {
	margin: 5px 0 8px 0;
	color: #999;
}

#tbshoppingcart {
	width:100%;
	border: 1px;
	border-bottom: 1px solid #666;
  	padding: 4px;
}

table#tbshoppingcart td, table#tbshoppingcart th
{
  border: 0px;
  border-bottom: 1px solid #666;  
  padding: 4px;
}

.centerSignup {
	margin-left: 250px;
	margin-bottom: 20px;
}

.big {
	font-size: 1.85em;
}

h1 {
	background: transparent url(/images/bg_h1_right.png) no-repeat top right;
	line-height: 35px;
	vertical-align: middle;
	font-size: 1.5em;
	position: relative
}

h1 span {
	background: transparent url(/images/bg_h1_left.png) no-repeat top left;
	height: 35px;
	display: block;
	padding-left: 15px;
	margin-right: 9px;
}

xmp {
	background: #fff9e7;
	padding: 5px;
}

a.suppr {
	background: transparent url(/images/nok_form.gif) no-repeat 0 3px;
	color: red;
	padding-left: 18px;
}

.pointer {
	cursor: pointer; 	
}