/*

==============================================================
code rewritten by Vicente Sarmento - www.vicentesarmento.com
==============================================================

==============================================================
NOTE: properties from each tag/id/class are organized
alphabetically. if not, please put them in the right order.
==============================================================

*/
body { background: #FFFFFF url('../images/ffwmain_01.jpg') repeat-x 0 0; border: none; color: #000000; font: 12px Tahoma,Arial; margin: 0; padding:0;}
a { color: #000000; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; color: #f993cc; }
input { color:#000000; font: 11px Tahoma,Arial;}
select { font-family: Tahoma; font-size: 11px; color: #000000; }
input.text { background-color: #FFFFFF; border:solid 1px #C1C1C1; }
.loginfield { background-color: #FFFFFF; border:solid 1px #C1C1C1; height: 16px; margin: 0; padding: 2px 0 0 2px; width: 140px;}
.menubg { background: url('../images/menu-bg.jpg') repeat-y; margin: 0; padding: 0; width: 158px; }
.menubottom{ background: url('../images/menu-bottom.jpg') repeat-y; height: 6px; margin: 0; padding: 0; width: 158px; }
#leftcolumn { height: 370px; width: 214px; }
#contentboxwrapper { background: url('../images/ffwmain_15.jpg') repeat-y; margin: 0px; padding: 0px; width: 688px; }
#contentbox { background: url('../images/ffwmain_13.jpg') no-repeat; height: 200px; padding: 20px 0 0 20px;	width: 688px; }
#bottomcontentbox { background: url('../images/ffwmain_16.jpg') no-repeat; height: 87px; padding-left: 25px; width: 663px; }
#bottomcontentbox .mainFooterTxt {margin:0; padding:0;}
#searchfield { background-color: #FFFFFF; border:solid 1px #C1C1C1; height: 16px; margin: 0; padding: 2px 0 0 2px; width: 118px; }
#searchform div { margin-top: 2px; }
#minicart{ background: url('../images/minicart-bg.jpg') no-repeat 0 0; font-size: 11px; height: 86px; padding: 0; width: 158px; }
#categoriestitle{ background: url('../images/categories-title.jpg') no-repeat; height: 44px; width: 158px; }
#accountlogintitle{ background: url('../images/accountlogin-title.jpg') no-repeat; height: 32px; width: 158px; }
#newsTitle{ background: url('../images/news-title.jpg') no-repeat; height: 32px; width: 158px; }

hr { background-color: #E0E0E0; border: none; color: #E0E0E0; height: 1px; margin: 5px 0; width: 80%; }
/* done so far - 21/03/2010 */

.hrfull {
	width: 90%; /* 100% */
	background-color: #E0E0E0;
	color: #E0E0E0;
	height: 1px;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.hr95 {
	width: 95%;
	background-color: #E0E0E0;
	color: #E0E0E0;
	height: 1px;
	border: none;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1px;
}
.hr100 {
	width: 100%;
	background-color: #E0E0E0;
	color: #E0E0E0;
	height: 1px;
	border: none;
}
.menuitems {
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.categoryline {
	height: 1px;
	background-color: #E0E0E0;
	padding: 0px;
	margin: 0px;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1px;
}
.categoryitem {
	padding: 2px 0px 2px 1px;
}
.footerbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c3c3c3;
	padding-left: 10px;
}
.footerbox a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A0B3B3;
}
.NavigationPath {
	font-family: Tahoma;
	font-size: 14px;
	color: #6E6E6E;
}
.DialogTitle {
	font-family: Tahoma;
	font-size: 18px;
	color: #676767;
}
.DialogTitle H1 {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 18px;
	FONT-WEIGHT: normal;
	COLOR: #676767;
	VERTICAL-ALIGN: top;
	MARGIN: 0px;
	PADDING: 0px;
}
.ProductDetailsTitle {
	font-family: Tahoma;
	font-size: 12px;
	color: #ff6600;
	font-weight: bold;
}
.moduleTitle {
	font-family: Tahoma;
	font-size: 14px;
	color: #ff6600;
	font-weight: bold;
}
.PListCell {
	width: 160px;
	height: 187px;
	border-width: 1px;
	border-color: #B7B7B7;
	border-style: solid;
}
.MarketPrice {
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
.ProductPrice {
	font-family: Trebuchet MS, Tahoma;
	font-size: 16px;
	color: #ff6600;
	font-weight: bold;
}
.ProductTitle {
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
TABLE.ButtonTable {
	CURSOR: pointer;
	VERTICAL-ALIGN: middle;
	DIRECTION: ltr;
}
.ButtonBox {
	background-color: #E0E0E0;
	border: solid #C7C7C7 1px;
	padding: 4px;
	white-space: nowrap;
}
.Button {
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.FLCDialogCell {
	border:solid 1px #C1C1C1;
	padding: 3px;
}
TABLE.SubHeaderGrey {
	WIDTH: 100%;
	MARGIN-BOTTOM: 10px;
}
.SubHeaderGrey {
	COLOR: #666666;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	PADDING: 0px;
}
.SubHeaderGreyLine {
	HEIGHT: 1px;
	BACKGROUND-COLOR: #CCCCCC;
	PADDING: 0px;
}
TABLE.SubHeaderBlack {
	WIDTH: 100%;
	MARGIN-BOTTOM: 10px;
}
.SubHeaderBlack {
	COLOR: #010101;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING: 0px;
}
.SubHeaderBlackLine {
	HEIGHT: 1px;
	BACKGROUND-COLOR: #000000;
	PADDING: 0px;
}
TABLE.SubHeaderRed {
	WIDTH: 100%;
	MARGIN-BOTTOM: 10px;
}
.SubHeaderRed {
	FONT-WEIGHT: bold;
	PADDING: 0px;
}
.SubHeaderRedLine {
	HEIGHT: 1px;
	BACKGROUND-COLOR: #acb7c7;
	PADDING: 0px;
}
TABLE.SubHeader {
	WIDTH: 100%;
	MARGIN-BOTTOM: 10px;
}
.SubHeader {
	COLOR: #000000;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING: 0px;
}
.SubHeaderLine {
	HEIGHT: 1px;
	BACKGROUND-COLOR: #C1C1C1;
	PADDING: 0px;
}
.TableSubHead {
	BACKGROUND-COLOR: #EEEEEE;
}
.TableHead {
	BACKGROUND-COLOR: #CCCCCC;
	FONT-WEIGHT: bold;
}
.TableSubHead {
	BACKGROUND-COLOR: #EEEEEE;
}
.FormButton {
	COLOR: #112536;
	FONT-WEIGHT: bold;
}
.LineAfterCart {
	BACKGROUND-COLOR: #C1C1C1;
}
.LineBeforeCart {
	BACKGROUND-COLOR: #C1C1C1;
}
.ProductPriceSmall {
	FONT-WEIGHT: bold;
}
.class1 a:link {
	color: #c3c3c3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.class1 a:visited {
	color: #c3c3c3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.class1 a:active {
	color: #c3c3c3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.class1 a:hover {
	color: #ff6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.class1 a {
	text-decoration: none;
}
.welcome {
	color: #ff6600;
	font-weight: bold;
}

/* from here, coded by Vicente Sarmento - www.vicentesarmento.com */

/* ###### BASICS ###### */
a {color: #f60; text-decoration: none;}
a:hover {color: #06c;}
.bold {font-weight:bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.clear {clear:both;}
.floatRight {float:right;}
.floatLeft {float: left;}

/* ###### COLORS ###### */
.orange {color: #f60;}
.blue {color: #06c;}
.oldPink {color: #F993CC;} /* remove after full transition do blue-orange site */

/* ###### HEADERS ###### */
h1, h2, h3, h4, h5, h6 {font-family: Tahoma, Verdana; margin: 0; padding: 0;}
h1 {font-size: 12px; text-transform: uppercase;} /* remove specification class after full transition do blue-orange site */
h2 {font-size: 12px;}

/* ###### FOOTER ####### */
.productListFooter {width: 620px;}
.signUpNews {font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
.signUpNews.icoSignUp {background-color: #f60;}