@charset "utf-8";
/* CSS Document */
/*-----------------------------------    HERE MY CSSS  ********************************/
/****  HERE IS ONLY FOR ERROR OR MESSAGES*/
/****---------------------------------------------------*/
	div.error {
	margin:.5em 0;
	padding:13px 15px 13px 45px;
	border:2px solid #999;
	color:#FF0000;
	line-height:1.5em;
	background-color:#D6D6D6;
	}

	div.success	{
		margin:.5em 10px 0 10px;
		padding:13px 15px 13px 45px;
		border:2px solid #999;
		color:#000;
		line-height:1.5em;
		background-color:#D6D6D6;
	}

	tr.even {
		border-bottom: 1px solid #999;
		background: #f6f6f6;
	}

	tr.odd {
		border-bottom: 1px solid #999;
		background: #fff;
	}

	tr.active {
		background: #eee;
		border-bottom: 1px solid #999;
		font-weight: bold;
	}
	.btnLoginContainer {
		float:left; 
		width:90px;
		padding-left:156px;

	}
	.recovery{
		padding:3px 0 0 0;
		float:left;
		width:200px;
	
	}

/**********   HERE IS ONLY FOR TABLES   ********/
#cart td {
	padding: 1px 1px 1px 1px;
}
table#cart {
	border: 0px solid #ccc;
	text-align:left;
}

#cart th {
	background: #727272;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #FFF;
	height:22px;
	text-align: left;
	font-weight:bold;
}

#cart .active td {
	background: #eee;
	border-bottom: 1px solid #999;
	font-weight: bold;
}
#cart tr:hover, #cart tr.hilite{
	background-color:#E6E7E8;
	color:#000000;
}
#cart tr.altrow {
	background-color:#B1CBE1;
	color:#000000;
}

#cart tr.altyellow {
	background-color:#FCFCD9;
	color:#000000;
}
/* ================= PRODUCT DESCRIPTION  */
.order_prod_desc{
	color:#fe4a29;
	font-weight:bold;
	font-size:16px;
	padding:0;
	margin:0;
}
.desc_part {
	font-weight:bold;
	font-size:12px;
	color:#5b5b5b;
	margin-bottom:6px;
}
.desc_jbprice {
	color:#fe4a29;
	font-size:16px;
	padding:0;
	margin:0;
	margin-bottom:6px;
	font-weight:bold;
}
.desc_qtyprice {
	color:#525252;
	font-size:14px;
	margin-bottom:6px;
	font-weight:bold;
}

/*--------------------------------------------------
  HERE IS ONLY FOR THE PRODUCT TABS DESCRIP
  --------------------------------------------------*/
.TabView {
	margin-top:1em;
}
.Tabs{
	height: 24px;
	border: 0;
	border-bottom: 5px solid #FE4A29;
}

.Tabs a {
	float: left;
	display: block;
	height: 23px;
	border: 1px solid #fff;
	border-bottom: 0;
	padding: 0 5px 0 5px;
	color: #FE4A29;
	margin-left:10px;
	text-decoration: none;
}

.Tabs a.active, .Tabs a:hover {	
	color: #fff;
	background-color:#FE4A29;
}

.adv_search {
	border: 0;
    border-bottom: 1px solid #D4D4D4;
	background-color: #EAEAEA;
	height: 32px;
	line-height: 32px;
	font-size: 12Px;
	font-weight: bold;
	color: #636466;
	padding: 0;
}

#ShowHidePrice {
	float: left;
	display: inline;
	margin: 10px 5px 0 10px;
	width: 270px;
	height: 20px;
	color: #525252;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	cursor: pointer;
}

#ShowHidePrice img {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 4px 0 0;
}

/******* THIS IS FOR THE CATEGORIES MENU   ***********/
.CAT_STYLE {
	width: 910px;
	padding: 10px 40px 15px 10px;
	background-color: #000;
	background-image: url(../_img/DropDownBG.jpg);
	background-repeat: repeat-x;
	display: none;
	position: absolute;
	margin: -2px 0 0 0;
	border: 0;
	border-top: 2px solid #FE4A29;
}
.CAT_STYLE .Row {
	height: 2px;
	padding: 5px;
	padding-left:15px;
	text-align: left;
	font-size: 12px;
	line-height: 5px;
}

.CAT_STYLE .Row a {
	color: #FFFFFF;
}
.CAT_STYLE .Row a:hover {
	color: #FE4A29;
}



#invoice {
	height:3em;
}
#invoice .strapline {
	color:#778899;
	background-color:transparent;
	float:right;
	margin-right:2em;
	margin-top:2em;
}
#invoice .logo {
	float:right;
	margin-left:1.5em;
	margin-top:0.5em;
}
/***********  RESULT OF THE CATEGORY SELECTED  WHATEVER IT'S MEAN :D ***********/

#results {

}

#results .category {
	width: 250px;
}

#results .header {
	margin: 0px;
	padding: 0 0 0 10px;
	height: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	color: #999999;
}


#results ul {
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

#results li {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	height: 22px;
	width: 245px;
	background-color: #141414;
	list-style: none;
	overflow: hidden;
}

#results li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#results li a:hover {
	text-decoration: underline;
}

#results #grid {
	background-color: #181818;
	width: 920px;
	margin: 1px 0 0 0;
	padding: 20px 0 20px 20px;
	min-height: 360px;
}

#results #grid .cell {
	margin: 0 20px 20px 0;
	width: 200px;
	float: left;
	display: inline;
	height: 200px;
	background: #ffffff;
	border: 3px solid #A5A5A5;
}

#results #grid .cell .Title {
	font-size: 12px;
	height: 30px;
	text-align: center;
	color: #666666;
	font-weight: bold;
	padding: 4px 0 4px 0;
}

#results #grid .cell .Image1 {
	height: 160px;
	padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
}

#results #grid .cell .Image2 {
	height: 140px;
	padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
}

#results #grid .cell .Description {
	color: #cccccc;
	font-size: 10px;
	height:30px;
	font-weight: normal;
	padding: 5px;
	background-color:#333333;
	background-image:url(../_img/cellbg.jpg);
	background-repeat:repeat-x;
}

#results #grid .cell .Image img {
	padding: 0;
	margin: 0;
}

/*****************   BRAND DESCRIPTION PAGE  *********************/
#container { 
	width: 100%;  /* this will create a container 100% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#rigthColumn {
	float: right; 
	width: 25em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0; /* top and bottom padding create visual space within this div  */
}
#rigthColumn p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/**************************************************************************************************/
/************
/*******
/***********  RESULT OF THE CATEGORY SELECTED  WHATEVER IT'S MEAN :D ***********/

#brandresults .category {
	width: 75px;
}

#brandresults #grid {
	background-color: #FFF;
	width: 75px;
	margin: 1px 0 0 0;
	padding: 3px 0 3px 3px;
	height: 75px;
}

#brandresults #grid .cell {
	margin: 0 20px 20px 0;
	width: 75px;
	float: left;
	display: inline;
	height: 75px;
	background: #ffffff;
	border: 3px solid #A5A5A5;
}

#brandresults #grid .cell .Image2 {
	height: 75px;
	padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
}

#brandresults #grid .cell .Image img {
	padding: 0;
	margin: 0;
}

/****************************************************************
*******************************
************************/
	#globalMastheadContainer {
		background-color:white;
		border-color: #CCCCCC;
		border-style:solid solid solid solid;
		border-width:1px 4px 1px 1px;
		margin-left:auto;
		margin-right:auto;
		padding-top:6px;
	}

	#bag_buttons {
		background-color:#F1F1F1;
		border-color: #CCCCCC;
		border-style:none solid solid solid;
		border-width:0 4px 1px 1px;
		padding:12px 8px;
		text-align:right;
		margin-right:20px;
		float: right;
	}

	.standard_checkout {
		color:#333333;
		font-family:verdana,arial,lucida,sans-serif;
		font-size:11px;
		line-height:14px;
		text-align:left;
	}
	option {background:#d0d0d0; color:#000;}
	.error  { color: red; background-color: transparent; font-weight: bold }
	.warning { color: green; background-color: transparent; font-weight: bold }

	/**********    FREIGHT CLASS   */
	.freighClass {
		background-color:#CCCCCC;
		text-align:center;
		font-weight:bold;
		margin:10px;
	}
	.freighRow {
		background-color:#d4d4d4;
	}
	.moduleRowSelected { background-color: #E9F4FC; }
	.moduleRow { }
	.moduleRowOver { background-color: #D7E9F7; cursor: hand; }
	.moduleRowSelected { background-color: #E9F4FC; }

	/*************************  here only for ajax adding products  *************/
	.box {
		width: 400px;
		height: 120px; 
		padding: 1px; 
		border: 1px solid #D4D4D4;
	}
	.box-two { overflow: auto; }
	.PriceLine {
		padding-right:20px;
		width: 120px;
	}
	.PriceLine img{
		width: 80px;
	}

	/****************************** HERE IS ONLY FOR THE NEW TEAM SYSTEM   ******************************/
	div.TeamDiv	{
		padding:13px 15px 13px 3px;
		color:#000;
		line-height:1.5em;
	}

	.Teambutton {
		background-color:#FFF;
		color: black !important; 
		font-weight: bold; 
		font-size: 12px; 
		font-family:Arial, Helvetica, sans-serif; 
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		border: none;
		padding: 4px 10px 3px 10px; 
	}

	/******************************  TOOLTIPS CSS  **************************/
	div#tipDiv {
		border:1px solid  #E8E8E8;	/* Border width */
		left:18px;	/* Same as border thickness */
		top:-10px;
		display:block;
		position:absolute;
		width:250px;	/* Width of tooltip content */
		background-color:#E8E8E8;
		padding:5px;	/* Space between border and content */
		font-size:1.0em;	/* Font size of content */
		/*overflow:auto;	/* Hide overflow content */
		z-index:1000000;
	}

	/*********************    POPUP STYLE ONLY     ***********************************/
	.modalDialog_transparentDivs {
		filter:alpha(opacity=60);	/* Transparency */
		opacity:0.4;	/* Transparency */
		background-color:#000;
		z-index:1;
		position:absolute; /* Always needed	*/
	}

	.modalDialog_contentDiv {
		border:3px solid #999;
		padding:5px 8px 3px 4px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#FFF;	/* White background color for the message */
	}

	.modalDialog_contentDiv_shadow {
		z-index:90;/* Always needed	- to make it appear below the message */
		position:absolute;	/* Always needed	*/
		background-color:#555;
		filter:alpha(opacity=30);	/* Transparency */
		opacity:0.3;	/* Transparency */	
	}

	#AddDescrip {
		color:#fe4a29;
	}
	#AddDescrip span:hover {
		text-decoration:underline
	}
	#mouseover {
		cursor:hand;
	}