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



/********* 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;
	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;
	background: transparent url(images/bg_content.png) no-repeat top left;
	padding: 30px 20px 10px 20px;
	position: relative;
	z-index: 100;
}


#content-container-left {
	display: inline; 
	float: left;
	width: 590px;
	margin: 20px 5px 20px 5px;
}

#content-container-right {
	display: inline; 
	float: right;
	padding: 0;
	margin: 10px 5px 20px 0px;
	width: 250px;
}


#content-container-left-single {
	display: inline; 
	float: left;
	width: 590px;
	margin: 28px 5px 20px 5px;
}

#content-container-right-single {
	display: inline; 
	float: right;
	padding: 0;
	margin: 28px 5px 20px 0px;
	width: 250px;
}

#main-lower-content {
	display: block;
	margin: 20px 5px 20px 5px;
	width: 590px;
	background: transparent url(images/bg_lower-content.gif) no-repeat top left;
}

#lower-content-container {
	padding: 30px 20px 20px 20px;
	background: transparent url(images/bg_lower-content-bot.gif) no-repeat bottom left;
	min-height: 150px;
}

#lower-content-container2 {
	padding: 30px 20px 20px 20px;
	background: transparent url(images/bg_lower-content-bot2.gif) no-repeat bottom left;
	min-height: 150px;
	width:870px;
}

.lower-content-title {
	display: block;
	margin: 0 0 30px 10px; padding: 0;
	font-size: 1.7em;
	font-weight: bold;
	color: #333;
}



/***** Entry *****/




.entry {
	display: block;
	line-height:1.7em;
	width:550px;
	margin-left:15px;
	
}




.entry p{
	font-size: 12px;
}

.entry blockquote {
	margin: 25px 30px 25px 10px;
	padding-left: 70px;
	background: url("images/blockquote.gif") no-repeat left top;
	font-style:italic;
	}
	
.entry ul {
	list-style:none;
	padding: 5px 0 5px 50px;
	line-height:1.5em;
}

.entry ul li {
	padding: 0px 0 8px 6px;
	list-style-type:circle;
	
}




.entry p img {
	display: inline;
	margin: 10px; padding: 5px;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	border-left: 1px solid #ebebeb;
	text-align:center;

}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


.entry h2 {
	color: #333;
	font-size: 2.3em;
	font-weight: bold;
	border: none;
}

.entry h2 a {
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	border: none;
	color: #333;
}

.entry h2 a:hover {
	color: #333;
	text-decoration:underline;
}


.entry h4 {
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	}
	

.entry .meta-top {
	margin: 5px 0 15px 0; padding: 5px 0 0 0;
	font-size: .95em;
	border-top: 1px solid #89c4e3;
	color: #999;
}

.entry .meta-top a {
	color: #99ccff;
	text-decoration: none;	
}

.entry .meta-top a:hover {
	border-bottom: 1px solid #99ccff;
}


.entry .meta-bottom-home {
	margin: 20px 0 40px 0; padding: 0;
	font-size: .95em;
	border-top: 1px solid #89c4e3;
}

.entry .meta-bottom-home .comments {
	float:left;
	margin: 0; padding: 2px 0 2px 23px;
	background: url("images/icon_comments.png") no-repeat left 50%;
	border: none;
}

.entry .meta-bottom-home a {
	color: #999;
	text-decoration: none;	
}

.entry .meta-bottom-home a:hover {
	border-bottom: 1px solid #333;
	color: #333;
}

.entry .meta-bottom-home .permalink {
	margin: 0 0 0 150px; padding: 2px 0 2px 18px;
	background: url("images/icon_document.png") no-repeat left 20%;
	border: none;
	line-height:1.2em;
}

.entry .meta-bottom-single {
	margin: 20px 0 0 0; padding: 0;
	font-size: .95em;
}

.entry .meta-bottom-single .comments {
	display: inline; float: left;
	margin: 0; padding: 2px 0 2px 23px;
	background: url("images/icon_comments.png") no-repeat left 50%;
	border: none;
}

.entry .meta-bottom-single a {
	color: #202830;
	text-decoration: none;	
	border-bottom: 1px dotted #3b4e5e;
}

.entry .meta-bottom-single a:hover {
	border-bottom: 1px solid #202830;
}

.entry .meta-bottom-single .permalink {
	display: inline; float: left;
	margin: 0 0 0 20px; padding: 2px 0 2px 18px;
	background: url("images/icon_document.png") no-repeat left 50%;
	border: none;
}

.entry-content {
	display: block;
}

.entry-content h3 {
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	border: none;
}

.entry-content h3 a {
	font-weight: bold;
	text-decoration: none;
	line-height: 17px;
	border: none;
	color: #333;
}

.entry-content h3 a:hover {
	color: #333;
	text-decoration:underline;
}

.entry-view {
	background: transparent url(/images/arrowLeft.png) no-repeat 0px 0px;
	margin: 10px 0 0px 85px; padding: 0;
	padding: 1px 0 3px 25px;
	color: #333;
	
}

.entry-view a {
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
}

.entry-view a:hover {
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
}




.pastEntry {
	display: block;
	margin: 15px 0 15px 15px;
	font-size: 0.9em;
	padding: 15px;
	border: 1px solid #e4e4e4;
	width:550px;

}




.pastEntry .date {
	display: block; 
	float: left;
	margin: 0 10px 0 0; padding: 0;
	width: 75px;
	height: 75px;
	background: url("images/bg_date.gif") no-repeat 4px 0px;
}

.pastEntry .date .month-year {
	display: block; float: left;
	margin: 12px 0 6px 0; padding: 0;
	width: 75px;
	text-align: center;
	font-weight: bold;
	font-size: .85em;
	color: #ffffff;

}

.pastEntry .date .day {
	display: block; float: left;
	margin: -3px 0 0 14px; padding: 0 0 20px 0;
	width: 50px;
	height: 30px;
	text-align: center;
	font-family: times;
	font-weight: normal;
	font-size: 3.0em;
	color: #333;
	font-weight: bold;
	line-height: 30px;
}

.page-navigation {
	display: block;
	margin: 0px 13px;
	padding-top:7px; 
	font-size: 1.1em;
	color: #079efe;
}


.page-navigation a{
	color: #333;
	font-weight: bold;
}



/* Twitter
---------------------------------------------------------- */

.twit{
	margin: 0; padding: 0 10px 0 10px;
	}

.twit ul li {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #ccc;
	}




/* Box Class
---------------------------------------------------------- */

.box {
	
}

.box-title {
	margin: 0; padding: 7px 0 0 10px;
	font-family: arial,Sans-Serif;
	font-size: 1.2em;
	color: #000;
}

.box-top {
	display: block;
	margin: 0; padding: 0;
	width: 100%; height: 30px;
}

.box-body {
	margin: 0; padding: 1px 0 0 0;
	background-color: transparent;
	color: #666;
}

.box-bottom {
	display: block;
	margin: 0 0 10px 0; padding: 0;
	width: 100%; height: 20px;
}

.one-col.box-top {
	background: transparent url("images/1col_box_top.png") no-repeat top left;
}

.two-col.box-top {
	background: transparent url("images/2col_box_top.png") no-repeat top left;
}

.three-col.box-top {
	background: transparent url("images/3col_box_top.png") no-repeat top left;
}




/* Listing Class
---------------------------------------------------------- */

.ul-listing {
	list-style:none;
	margin: 0; padding: 3px 0 0 0;
}

.ul-listing li {
	list-style:none;
	margin: 0; padding: 0 10px 0 10px;
}

.ul-listing li a {
	display: block;
	margin: 5px 0px 0 0px; 
	padding: 3px 0 7px 18px;
	background: transparent url("images/icon_categories_default.png") no-repeat top left;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.ul-listing li a:hover {
	margin: 5px 0px 0 0px; 
	padding: 3px 0 7px 18px;
	background: transparent url("images/icon_categories_over.png") no-repeat top left;
	color: #5496c0;
	text-decoration: none;
}


.ul-listing li p {
	display: block; 
	margin: 0 10px 0 10px; padding: 0 0 10px 15px;
	font-size: .9em;
	color: #5496c0;
}



/* Box: SEARCH
---------------------------------------------------------- */

#search #searchform {
	display: block;
	margin: 0; padding: 15px 20px 0 20px;
	
}

#search #s {
	margin: 0 5px 0 0;
	width: 65%;
	float: left;
	padding: 4px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#search #searchsubmit {
	float: right;
	background: transparent url("images/box_top_body.png") repeat-x top left;
	cursor: pointer;
	padding: 3px;
}



/* Box: SEARCH RESULTS
---------------------------------------------------------- */
.searchresult {
	display: block;
	margin: 10px 0; padding: 0;
	
}

.searchresult-top {
	display: block;
	margin: 0; padding: 0;
	height: 21px;
	background: url("images/result_top.png") no-repeat top left;
}

.searchresult-bottom {
	display: block;
	margin: 0; padding: 0;
	height: 21px;
	background: url("images/result_bottom.png") no-repeat top left;

}

.searchresult-body {
	display: block;
	margin: 0; padding: 0 20px 0 20px;
	background: url("images/result_body.png") repeat-x top left;
	background-color: #606060;
	border-right: 1px solid #3c3c3c;
}

.searchresult-top-alt {
	display: block;
	margin: 0; padding: 0;
	height: 21px;
	background: url("images/result_top_alt.png") no-repeat top left;
}

.searchresult-bottom-alt {
	display: block;
	margin: 0; padding: 0;
	height: 21px;
	background: url("images/result_bottom_alt.png") no-repeat top left;
}

.searchresult-body-alt {
	display: block;
	margin: 0; padding: 0 20px 0 20px;
	background: url("images/result_body_alt.png") repeat-x top left;
	background-color: #333335;
	border-right: 1px solid #323232;
}

.searchresult .date {
	display: block; float: left;
	overflow: hidden;
	margin: 0 8px 0 0; padding: 0;
	width: 75px; height: 107px;
	background: url("images/result_numberbg.png") no-repeat top left;
}

.searchresult .date .month-year {
	display: block; float: left;
	margin: 0; padding: 0;
	width: 75px;
	text-align: center;
	font-weight: bold;
	font-size: .85em;
	color: #ffffff;

}

.searchresult .date .day {
	display: block; float: left;
	margin: 0; padding: 8px 0;
	width: 75px; height: 75px;
	text-align: center;
	font-family: 'Georgia', Times, Serif;
	font-weight: normal;
	font-size: 3.5em;
	color: #ffffff;
}

.searchresult .searchresult-content {
	display: block; float: left;
	margin: 0; padding: 0;
	width: 403px;
}

.searchresult .searchresult-content h3 {
	margin: 0 0 10px 0; padding: 0;
}

.searchresult .searchresult-content h3 a {
	font-weight: normal;
	text-decoration: none;
	border: none;
	color: #000;
}

.searchresult .searchresult-content h3 a:hover {
	text-decoration: underline;
}

.searchresult .meta-bottom {
	dsiplay: block;
	margin: 10px 0 0 0; padding: 0;
	width: 403px;
	font-size: .95em;
}

/* Box: CATEGORIES
---------------------------------------------------------- */
#categories {
}


#categories li {
	border-bottom: none;
}

/* Box: RENCET COMMENTS
---------------------------------------------------------- */
#comments {

}


#comments ul li {
margin-bottom: 3px; 
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}

#comments ul li a {
	margin: 5px 0px 0 0px; 
	padding: 3px 0 3px 18px;
	border-bottom: none;
}




/* Box: BOOKMARKS
---------------------------------------------------------- */
#bookmarks {
}

.delicious {
	margin: 5px 0px 0 18px; 
	padding: 5px 0 0 18px;
}

/* User Comments Class
---------------------------------------------------------- */

.user-comments {
	width: 515px;
}

.user-comments-avatar {
	display: block; float: left;
	margin: 0; padding: 0;
	width: 34px; height: 34px;
	background: transparent url("images/comments_gravatar.png") no-repeat top left;
}

.user-comments-avatar a {
	display: block;
	margin: 5px; padding: 0;
	border: none;
}

.user-comments-avatar a:hover {
	display: block;
	margin: 4px; padding: 0;
	border: 1px solid #ffffff;
}

.gravatar {
	display: block;
	border: none;
	width: 24px; height: 24px;
}


.user-comments-dialogpoint {
	display: block; float: left;
	margin: 10px 0; padding: 0;
	width: 20px; height: 24px;
	background: transparent url("images/comments_dialog_point_alt.png") no-repeat top left;
}

.user-comments-box {
	margin: 0 0 10px 0;
}

.user-comments-box .box {
	display: block; float: right;
	margin: 0; padding: 0;
	width: 476px;
}

.user-comments-box .box-top {
	display: block;
	margin: 0; padding: 0;
	width: 100%; height: 10px;
	background: transparent url("images/comments_box_top_alt.png") no-repeat top left;
}

.user-comments-box .box-body {
	margin: 0; padding: 5px 15px 1px 15px;
	background: #e4e4e4 url("images/comments_box_body_alt.png") repeat-x top left;
	color: #333;
	border-right: 1px solid #1c1c1c;
	border-left: 1px solid #f3f3f3;
}

.user-comments-box .box-bottom {
	display: block;
	margin: 0 0 10px 0; padding: 0;
	width: 100%; height: 10px;
	background: transparent url("images/comments_box_bottom_alt.png") no-repeat top left;
}

.user-comments-box .comment-title {
	margin: 0 0 10px 0;
	font-family: 'Tahoma',Lucida Grande,Verdana,Aria,Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}


/* The alt state for authors: */
.user-comments-box .alt.box-top {
	background: transparent url("images/comments_box_top.png") no-repeat top left;
}

.user-comments-box .alt.box-body {
	background: transparent url("images/comments_box_body.png") repeat-x top left;
	background-color: #e6e6e6;
	color: #FFF;
	border-right: 1px solid #1c1c1c;
	border-left: 1px solid #4e4e4e;
	
}

.user-comments-box .alt.box-bottom {
	background: transparent url("images/comments_box_bottom.png") no-repeat top left;
}

.user-comments-box .alt.comment-title {
	color: #FFF;
}

.alt.user-comments-dialogpoint {
	background: transparent url("images/comments_dialog_point.png") no-repeat top left;
}



.user-comments-box .box-body p {
	margin: 0 0 0em 0;
	font-size: 1em;
	line-height: 1.5em;
	overflow: hidden;
}

.user-comments-box .box-body .meta {
	margin: 0; padding: 0;
	font-size: 1.2em;
}

.user-comments-box .box-body .date {
	margin: 0 0 10px 0; padding: 0;
	font-size: .8em;
}

.user-comments-box .box-body .meta a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-color: #496a01;
}

.user-comments-box .box-body .meta a:hover {
	background-color: #324600;
}


.user-comments-box .box-body p a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-color: #496a01;
}

.user-comments-box .box-body p a:hover {
	background-color: #324600;
}

/* Lower Content - box-01
---------------------------------------------------------- */
#box-01 {
	display: inline; float: left;
	margin: 0 10px 0 10px; padding: 0;
	width: 290px;
}

#box-01 {
}


/* Lower Content - box-02
---------------------------------------------------------- */
#box-02 {
	display: inline; float: left;
	margin: 0 10px 0 10px; padding: 0;
	width: 290px;
}

#box-02 {
}

/* Lower Content - box-03
---------------------------------------------------------- */
#box-03 {
	display: inline; float: left;
	margin: 0 10px 0 10px; padding: 0;
	width: 601px;
}

#box-03 .two-col.box-body {
	padding: 20px 20px 0 20px;
}


/* Lower Content - User Comments
---------------------------------------------------------- */
#user-comments {
	display: inline; float: left;
	margin: 0 10px 0 10px; padding: 0;
	width: 530px;
}

/* Lower Content - Comment Form
---------------------------------------------------------- */
#comment-form-box {
	display: block; float: left;
	margin: 0 10px 0 5px; padding: 0;
	width: 100%;
}

#comment-form-box a{
	color: #99CCFF;
}

#comment-form-box .one-col.box-body{
	margin: 0; padding: 2px 20px 0 10px;
	
}

#comment-form-box #comment-form {
	display: block;
	padding: 30px;
	background-color:#ececec;
	border: 1px solid #89c4e3; 
}

#comment-form-box #comment-form input, 
#comment-form-box #comment-form textarea{
	display: block;
	margin: 2px 0 1px ; padding: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
}

#comment-form-box #comment-form label {
	display: block;
	margin: 2px 0 1px 0; padding: 0;
	font-weight:bold;
	border: none;
}

#comment-form-box #comment-form #submit {
	margin: 10px 0 0 0;
	height: 43px;
	width: 210px;
	border: none;
}

#comment-form-box .comment-guidelines {
	margin: 0 0 1.5em 0 ; padding: 0;
	font-size: .9em;
}

input.submitComment {
	background: url("images/bg_submitcomment.png") no-repeat 0 3px;
	font-weight: bold;
	cursor: pointer;
	border: none;
}

input.submitComment:hover {
	background: url("images/bg_submitcomment.png") no-repeat bottom left;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

input#_wp_unfiltered_html_comment {
	border: none !important;
}
/* Begin Contact Form ][ CSS
-------------------------------*/
.contactform {
	display: block;
	margin: 30px 0;
	/* testing
	border: 1px dotted pink; */
}

.contactform label {
	margin: auto; padding: 0;
	width: 100%;
}

.contactform textarea {
	margin: 5px 0 10px 0; padding: 0;
	width: 100%; height: 200px;
}

.contactform input {
	display: block;
	margin: 5px 0 10px 0; padding: 0;
	width: 100%;
}

.contactform #contactsubmit {
	display: block; float: right;
	margin: 5px 0 10px 0; padding: 0;
	width: 200px; height: 40px;
}



/*********************** 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;
	font-weight: bold;
	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 *******/

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

.half {
	width: 45%;
}

.oneThird {
	width: 32%;
}

.twoThirds {
	width: 65%;
}

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

.clearBoth {
	clear: both;
}

.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 {
	margin-left: 3px;
}

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

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

.introPlus {
	width: 40px;
}

/*** 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;
}

.blue, a.blue{
	color:#000;
}

.lightblue{
	color:#d1edfd;
}

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

.green {
	color: #4a9e21;
}

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



.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;
}

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;
}

#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;
}



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;
}