/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ height: 100%; font-size: 100.01% }
body 			{ height: 100%; font-size: 62.5% }	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #000 }
				
h1 				{ font-size: 2.3em;  margin-bottom: .6666em }
h2				{ font-size: 1.8em; line-height: 1.2857em; margin-bottom: 1em }
h3				{ font-size: 1.4em; line-height: 1.5em; margin-bottom: 1em }
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em }

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em }
				
ul, ol			{ margin-bottom: 1.4em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin:  0 0 0 1.4em; color: #515455 }

legend			{ display: none }
 
small 			{ font-size: .85em }
big 			{ font-size: 1.15em }
 
sup 			{ position:relative; bottom: .3em; vertical-align: baseline }
sub 			{ position:relative; bottom: -.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: 1px dashed }



/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6
 				{ font-family: Tahoma, Arial, Helvetica, sans-serif }
p, pre, label, th, td, li
				{ font-family: Tahoma, Arial, Helvetica, sans-serif } 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ text-decoration: none; color: #000000 }
a:hover			{ text-decoration:underline }
a img			{ border: none }

/*----------- Global Classes -------------*/

.clear			{ clear: left }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left !important }
.textRight		{ text-align: right !important }
.textCenter		{ text-align: center !important }
.textJustify	{ text-align: justify !important }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic !important }

.noPadding		{ padding: 0 !important }
.noMargin		{ margin: 0 !important }

.noBorder		{ border: none !important }
.noBG			{ background: none !important }

.imgLeft		{ float: left; margin: 0 18px 18px 0 }
.imgRight		{ float: right; margin: 0 0 18px 18px }

.hidden			{ visibility: hidden }

.clearfix:after { content: "."; display: block; height: 0; 
				  clear: both; visibility: hidden }

.clearfix 		{ display: inline-block }


/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{ display: block }
/* End hide from IE-mac */

/*--------------------------------------------------*/


body {
	background: #636466  url(../styleImages/backgrounds/pageBg.jpg) center top no-repeat;
}
#pageSurround {
	margin: 0px auto;
	width: 970px; 
	overflow:hidden; 
	position:relative
}
#topHeader {
	position: relative;
	width: 970px; 
	background:url(../styleImages/backgrounds/header-bg.jpg) top no-repeat;  
	overflow:hidden
}
.logo			
{ 
	display: block; 
	width: 236px; 
	height: 38px; 
	text-indent: -9999px;
	position: absolute; 
	top: 16px; 
	left: 119px;
	background: url(../styleImages/logo.gif) no-repeat 
}
/*-------------------------*/
.account
{
	float:right;
	text-align:right; 
	width: 100%;
	padding-top:8px
}
.account p a:link,
.account p a:visited,
.account p a:active,
.account p a:hover,
.account p span
{
	color: #fff;
}
.account p
{
	margin-bottom:5px;
	padding-right: 17px;
	color: #fff !important;
	font-size:1em
}
#topHeader form
{
	float:right; 
	width: 170px; 
	padding-top: 2px; 
	height: 24px
}


.searchCol legend
{ 
	display: none
}
.searchCol label
{ 
	float:left; 
	color: #fff; 
	margin:0; 
	width: 41px; 
	height: 15px;
	font: normal 1em/1.3em Tahoma, Arial, Helvetica, sans-serif
}
.searchCol span
{ 
	float:left; 
	background:url(../styleImages/search-input.gif) no-repeat; 
	width: 109px; 
	height: 15px; 
	display:block
}
.searchCol input
{ 
	border: none; 
	background: none; 
	width: 103px;
	font: normal 1em/1.3em Tahoma, Arial, Helvetica, sans-serif; 
	color: #fff; 
	height: 15px; 
	padding:0 3px
}
.searchBtn		
{ 
	width: 14px !important; 
	cursor: pointer; 
	padding-bottom: 3px !important; 
	letter-spacing: -3px
} 

/*-------------------------*/
#Menu			{ margin-bottom: 0; width: 100% }
#Menu li		{ margin: 0; list-style:none; float:left; height: 45px }
#Menu a:link,
#Menu a:visited
				{ float: left; display:block; height: 35px; padding: 10px 0 0 19px }
#Menu a:hover,
#Menu a:active
				{ text-decoration:none; color: #918f90 }


.home			{ background:url(../styleImages/menu/menu-home.gif) no-repeat; width: 118px}
.products		{ background:url(../styleImages/menu/menu-products.gif) no-repeat; width: 119px}
.team			{ background:url(../styleImages/menu/menu-team.gif) no-repeat; width: 120px}
.about			{ background:url(../styleImages/menu/menu-about.gif) no-repeat; width: 119px}
.blog			{ background:url(../styleImages/menu/menu-blog.gif) no-repeat; width: 119px}
.community		{ background:url(../styleImages/menu/menu-community.gif) no-repeat; width: 119px}
.media			{ background:url(../styleImages/menu/menu-media.gif) no-repeat; width: 123px}


/*-------------------------*/
#content		
{ 
	width:910px; 
	clear:both; 
	background:#231f20 url(../styleImages/backgrounds/content.gif) top no-repeat; 
	padding:20px 35px 35px 25px; 
	overflow:hidden
}
.contentInner	
{ 
	background:url(../styleImages/backgrounds/shadow.gif) top no-repeat !important; 
	min-height:540px; 
	height:auto !important; 
	height: 540px;
	padding: 20px 20px 35px 0px !important; 
	width: 950px !Important
}
.shadowCol		
{ 
	background:#fff url(../styleImages/backgrounds/content-inner.gif) bottom no-repeat; 
	overflow:hidden; 
	width: 970px;
	clear:both
}

/*------------------------*/
.colLeft 
{ 
	float:left; 
	width: 154px; 
	padding-right: 24px
}
.boxTitleLeft
{
	display: none;
	visibility: hidden
}
.topBorderMenu	
{ 
	float:left; 
	width: 154px; 
	background:url(../styleImages/backgrounds/left-menu-top.png) no-repeat; 
	height: 14px
}

.bottomBorderMenu
{ 
	float:left; 
	width: 154px; 
	background:url(../styleImages/backgrounds/left-menu-bottom.png) no-repeat; 
	height: 14px; 
	overflow:hidden
}

#mainmenu-nav		
{ 
	float:left; 
	margin:0; 
	width: 154px; 
	background:url(../styleImages/backgrounds/left-menu-center.png) repeat-y; 
	padding: 8px 0; 
	overflow:hidden
}
#mainmenu-nav li
{ 
	float:left; 
	list-style: none; 
	display:block;
	font-size:1em;  
	width: 123px;  
	padding:0 0 0 15px; 
	margin:8px 0
}
#mainmenu-nav li a:link,
#mainmenu-nav li a:visited
{ 
	float:left; 
	color: #fff; 
	overflow:hidden; 
	font: normal 1.3em/1.2em Tahoma, Arial, Helvetica, sans-serif; 
	width: 123px; 
	display:block; 
	background:url(../styleImages/red-arrow.gif) right center no-repeat; 
	position:relative
}




.ul-nav li
{ 
	
	width: 113px !important;  
	margin-bottom:0 !important;
	padding-left: 10px !important
	
}
.ul-nav li a:link,
.ul-nav li a:visited
{ 
	width: 113px !important;

}


/*-------------------------*/
.colMid {
	float:left; 
	width: 600px;
	position:relative
}
.colMid .boxContent
{
	width: 600px;
	overflow:hidden
}

.productMenu 	
{ 
	float: left; 
	text-align:center; 
	width: 132px;
	height: 218px; 
	margin:0 18px 0 0
}
.productMenu p	
{ 
	color: #ed1c24; 
	font:normal 1.4em/1.5em Tahoma, Arial, Helvetica, sans-serif; margin-bottom:0
}
.productMenu a	
{ 
	border: 1px solid #918f8f; 
	overflow:hidden; 
	display:block
}
.imgLinkProduct	
{
 	margin-bottom: 4px !important
 }
.lastProduct	
{ 
	margin-right:0 !important
}
.productMenu .txtDefault
{
	font-weight: normal !important;
	border: none !important
}


#subCats		
{ 
	width: 464px; 
	margin:0 auto; 
	overflow:hidden
}

.subCat	
{ 
	float:left; 
	margin:0 34px 30px 0px; 
	background:url(../styleImages/border-big.png) no-repeat; 
	padding: 17px 21px 0 21px; 
	width: 155px; 
	text-align:center
}
.subCat p	
{ 
	margin-bottom:0; 
	font-size: 1em
}
.subCat a:link,
.subCat a:visited
{ 
	color: #ed1c24; 
	font: normal 1.8em/1.2em Tahoma, Arial, Helvetica, sans-serif
}
.imgLinkBig		
{ 
	margin-bottom: 20px !important
}
.inner			
{ 
	margin-right:0 !important
}


.linkColProduct	
{ 
	float:left; 
	width: 284px; 
	margin-right: 15px; 
	text-align:center
}

.linkColProduct a.imgthumb {
}

.linkColProduct a.imgthumb img {
	width: 50px;
	height: 50px;
}

.linkColProduct p
{ 
	margin:0 0 3px 0; 
	overflow:hidden
}
.imgLinkPreview	
{ 
	border:1px solid #575454; 
	display:block
}
.zoom
{ 
	color: #ed1c24 !important; 
	padding-left: 14px; 
	background:url(../styleImages/zoom.gif) left center no-repeat
}

.previewText	
{ 
	float:left; 
	width: 298px
}
.previewText h3	
{ 
	color: #ed1c24; 
	margin-bottom:0; 
	line-height: 1em
}
.previewText h4	
{ 
	color:#ed1c24; 
	margin-bottom:15px
}
.previewText p	
{ 
	font-size:1.1em
}
.previewText ul,
.previewText li	
{ 
	list-style: none; 
	margin:0; 
	overflow:hidden
}
.previewText ul 
{ 
	padding:0 0 16px 20px
}
.previewText li	
{ 
	float:left; 
	padding-left:6px; 
	width: 268px; 
	font-size:1.1em;
	color: #231F20;
	background: url(../styleImages/submit1.gif) left center no-repeat
}
.previewText li	p
{ 
	margin:0
}
.hidenFoto		
{ 
	display: none; 
	visibility: hidden
}

.colors			
{ 
	overflow:hidden; 
	width: 100%; 
	margin-bottom:15px
}
.colors	span	
{ 
	float:left; 
	display:block; 
	width: 24px; 
	height: 24px; 
	margin-right: 7px
}

/**********PRODUCT_COLORS********************************************/

.colorblack			
{ 
	background: #000
}
.colorgreen			
{ 
	background: #0d3f1e
}
.colorblue			
{ 
	background: #55c0ee
}
.coloryellow			
{ 
	background: #fee715
}
.colorred			
{ 
	background: #DD0000
}

.colororange			
{ 
	background: orange
}

/**********END_PRODUCT_COLORS****************************************/

.cardForm legeng
{ 
	display: none
}
.cardForm input	
{ 
	float:left; 
	width: 15px; 
	height: 15px; 
	margin-right: 5px; 
	background: #fff; 
	font: normal 1.2em/1.3em Tahoma, Arial, Helvetica, sans-serif; 
	text-align:center
}
.cardForm label	
{ 
	float:left; 
	width: 60px; 
	color: #231f20; 
	font: normal 1.2em/1.4em Tahoma, Arial, Helvetica, sans-serif
}
.cardForm label span
{ 
	color: #ed1c24; 
	font-size:1.1em
}
.cardForm select
{ 
	clear:both; 
	float:left; 
	font: normal 1.2em/1.3em Tahoma, Arial, Helvetica, sans-serif; 
	margin-bottom: 13px
}
#add			
{ 
	clear:both; 
	width: 78px; 
	display:block; 
	height: 18px; 
	border: none; 
	background:url(../styleImages/submit-add.gif) no-repeat; 
	text-align:center;
	font: normal 1em/1.2em Tahoma, Arial, Helvetica, sans-serif; 
	color: #fff !important; 
	text-transform:uppercase; 
	padding-top:4px
}
/*---------------------------*/
.colRight {
	float:right; 
	width: 145px
}


.colMid h1,
.colRight h1	
{ 
	background: url(../styleImages/border-h1.gif) bottom repeat-x; 
	color: #ed1c24; 
	padding-bottom: 7px; 
	margin-bottom: 15px
}


.borderPrise	
{ 
	border-bottom:1px dashed #918f8f; 
	overflow:hidden; 
	width: 105px; 
	margin:0 auto; 
	margin-bottom: 9px
}
.prise			
{ 
	margin:0 auto; 
	background:url(../styleImages/border-small-right.png) no-repeat; 
	width: 73px; 
	padding: 8px 10px 9px 10px; 
	text-align:center
}
.prise p		
{ 
	font: normal 1.1em/1.3em Tahoma, Arial, Helvetica, sans-serif; 
	margin:0; 
	color: #000
}
.prise p span	
{ 
	color: #ed1c24
}
.imgLinkPrise	
{ 
	margin-bottom: 12px !important;
	height: 72px
}


.pagination {
	position:absolute;
	right:0; 
	top:5px;
	font-size:1.2em;
	text-align: right;
	padding-top: 5px;
	color: #ED1C24;
	padding-bottom: 5px;
}

.pagination_bottom {
	clear: both;
	font-size:1.2em;
	text-align: right;
	padding: 10px 0 5px 0;
	color: #ED1C24;
}

.pagination a, .pagination_bottom a
{ 
	color: #ED1C24 !important
}


/*----------------------------*/ 

#footer			
{ 
	width: 100%; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	height: 25px; 
	padding-top: 5px 
}
				
.menuFooter		
{ 
	float:left;
	margin:0; 
	padding-left: 210px
}
.menuFooter li	
{ 
	float:left; 
	list-style: none; 
	margin:0; 
	padding: 0 10px; 
	border-right: 2px solid #595657
}			
.menuFooter li a:link,
.menuFooter li a:visited
{ 
	float:left; 
	display:block; 
	color: #fff
}			

#footer	fieldset
{ 
	float:left; 
	padding-left: 20px
}				
#footer	legend	
{ 
	display: none
}
#footer span	
{ 
	float:left; 
	background:url(../styleImages/email-input.gif) no-repeat; 
	width: 132px; 
	height: 17px
}
#footer input	
{ 
	float:left; 
	border: none; 
	background: none; 
	padding:2px 10px; 
	width: 112px; 
	color: #fff;
	font: normal 1.1em/1.2em Tahoma, Arial, Helvetica, sans-serif; 
	margin-right: 2px; 
	height: 13px 
}				
.submitEmail	
{ 
	width: 14px !important;
	height: 18px !important; 
	cursor: pointer; 
	padding-bottom: 3px !important; 
	letter-spacing: -3px;
	font: normal 1em/1.3em Tahoma, Arial, Helvetica, sans-serif !important; 
	padding:0 !important
} 



/*---------------------------*/
#imgThumbSpace{
	line-height: 0px;		
}


#imgThumbSpace img {
	padding-right: 3px;
	padding-bottom: 3px;		
}

div.latestProds {
	text-align: center;
	width: 131px;
	height: 100px;
	float: left;
	overflow: hidden;
}

/*
Start Cross-Browser DHTML Menu
*/



a.hassubmenu {
	background-image: url(../styleImages/more.gif);
	background-repeat: no-repeat;
	background-position: 143px 6px;
}
/*
End Cross-Browser DHTML Menu
*/