/*IMPORTED CSS STYLES FOR NAVIGATION MENU BUTTONS*/
@import url("navBTNs.css");
/*-----------------------------------------------*/
body, th, td{
	font-size:12px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
}
body{
	background-color:#010302;
	background-image:url(images/background-1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;
	margin:0px;
}
html>body {
	font-size: small;
}
div {
	position:relative;
}
a img {
	border:none;
	text-decoration:none;
}
.fr {
	float:right;
}
.frp {
	float:right;
	margin:0px 0px 7px 10px;
	display:block;
	border:1px solid #CCC;
}
.fl {
	float:left;
}
.pl {
	padding-left:7px;
}
.pr {
	padding-right:7px;
}
form{
	margin:0px;
}
a:link {
	text-decoration: none;
	color:#000;
}
a:visited {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: underline;
	color:#db9410;
}
a:active {
	text-decoration: none;
	color:#000;
}
ul li {
	list-style:none;
}
li {
}
#photolist ul, #photolist li {
	list-style:none;
	display:inline;
}
#photolist li {
}
H1, H2, H3, H4, H5, H6 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

SELECT {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.actCHECKOUTEM {
}
.actCHECKOUTBG {
	background-color:#eee;
}

.actlarger{
	font-size: larger;
	color:#000;
}

.actsmaller{
	font-size: smaller;
	color:#000;
}

.actxxsmall{font-size:xx-small;color:#000;}
.actxsmall{font-size:x-small;color:#000;}
.actsmall{font-size:small;color:#000;}
.actregular{font-size:medium;color:#000;}
.actlarge{font-size:large;color:#000;}
.actxlarge{font-size:x-large;color:#000;}
.actxxlarge{font-size:xx-large;color:#000;}

.actwarningcolor{color:#ff3300;}
.actrequiredcolor{color:#ff3300;}
.actsearchhighlightcolor{color:#ff0000;}
.actrequired{color:#ff3300;}
.actwarning{font-size:x-large;color:#ff3300;}
.actwelcome{font-size:medium;color:#000000;}

.actlogotext {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
.actlogout{}

/*ADDED STYLES-------------------------------------------------------*/

#webBody {
	width:874px;
	min-height:100%;
	margin:0 auto;
	/*float:left;*/
}
#mainBody {
	width:874px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
}
.mainDIV {
	width:874px;
	height:auto;
	float:left;
	/*padding-left:64px;
	padding-right:64px;*/
}
.searcharea_header {
	width:874px;
	height:auto;
	float:left;
}
.orange_mainnav {
	width:874px;
	height:39px;
	float:left;
	padding-top:10px;
	padding-bottom: 10px;
}
.searchBG {
	width:307px;
	height:32px;
	float:left;
	background-image:url(images/searchBG.gif);
	background-repeat:no-repeat;
	margin-right:10px;
	padding:3px 0px 0px 7px;
}
.orangeNav_left	{
	width:5px;
	height:39px;
	float:left;
	background-image:url(images/Onav_left.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.orangeNav_right	{
	width:5px;
	height:39px;
	float:left;
	background-image:url(images/Onav_right.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.orangeNav_middle{
	width:864px;
	height:39px;
	float:left;
	background-image:url(images/Onav_middle.gif);
	background-repeat:repeat-x;
}
.whitepanel_top {
	width:874px;
	height:8px;
	float:left;
	background-image:url(images/whitepanel_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.whitepanel_middle {
	width:844px;
	height:auto;
	float:left;
	background-color:#fff;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
}
.mainheader_IMG {
	width:844px;
	height:100px;
	float:left;
	background-image:url(images/headerIMG-02.jpg);
	background-repeat:no-repeat;
}
.logopanel {
	width:174px;
	height:83px;
	float:left;
	padding: 8px;
}
.logopanelBG {
	width:174px;
	height:83px;
	float:left;
}
.middlebanner {
	width:844px;
	height:40px;
	float:left;
	padding-top:4px;
	padding-bottom: 0px;
}
.catBanner {
	width:160px;
	height:40px;
	float:left;
	background-image:url(images/categoryBanner.gif);
	background-repeat:no-repeat;
	margin-right:10px;
}
.orangeORB {
	width:21px;
	height:23px;
	float:left;
	padding-top: 9px;
	padding-left: 7px;
}
.categoriesheader {
	width:90px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	padding-top: 12px;
	padding-left: 10px;
}
.welcomebanner {
	width:674px;
	height:40px;
	float:left;
	background-image:url(images/greyBanner.gif);
	background-repeat:no-repeat;
}
.welcomeTXT {
	width:205px;
	height:auto;
	float:left;
	padding-left: 8px;
	padding-top: 12px;
}
.notice {
	width:344px;
	height:26px;
	float:right;
	background-image:url(images/noticeBG.gif);
	background-repeat:no-repeat;
	margin-top: 7px;
	margin-right: 20px;
}
.noticeICON {
	width:15px;
	height:13px;
	float:left;
	padding-top: 6px;
	padding-left: 4px;
	padding-right: 4px;
}
.noticeTXT {
	width:315px;
	height:auto;
	float:left;
	padding-top: 5px;
}
.maincontent_div {
	width:844px;
	height:auto;
	float:left;
	color:#3a3a39;
}
.category_div {
	width:160px;
	height:auto;
	float:left;
	padding:5px 0px 0px 0px;
	/*border-right:1px solid #31417b;*/
}
.category_inner {
	width:160px;
	height:auto;
	float:left;
	background-color:#f4dfb7;
}
.category_footer {
	width:160px;
	height:7px;
	float:left;
	background-image:url(images/navFooter.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 0px 10px 0px;
}
.info_content01 {
	width:670px;
	height:auto;
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	padding:0px 0px 10px 0px;
	/*border-left: 1px solid #31417b;*/
}
.info_content02 {
	width:670px;
	height:auto;
	float:left;
}
.info_content03 {
	width:200px;
	height:auto;
	float:left;
}
.info_content04 {
	width:430px;
	height:auto;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	color:#4b4b49;
	float:left;
}
.info_content04_1 {
	width:270px;
	height:auto;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	color:#4b4b49;
	float:right;
}
.info_content05 {
	width:390px;
	height:auto;
	color:#4b4b49;
	padding-left:5px;
	padding-right:5px;
}
.info_content06 {
	width:660px;
	height:auto;
	float:left;
}
.info_content07 {
	width:640px;
	height:auto;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	color:#4b4b49;
	float:left;
}
.info_content08 {
	width:620px;
	height:auto;
	color:#4b4b49;
	padding-left:5px;
	padding-right:5px;
}
.sectionHeading {
	width:380px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2e3e7a;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	float:left;
}
.footerDIV {
	width:854px;
	height:auto;
	float:left;
	padding:10px 10px 10px 10px;
	background-color:#e2a532;
	background-image:url(images/footer-header-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	/*border-top:3px solid #3f4e85;*/
	line-height:19px;
	font-size:11px;
	text-align:center;
	/*border-bottom:4px solid #e2a532;*/
}
.GR8 {
	width:auto;
	height:auto;
	float:right;
}
.CRtxt {
	width:auto;
	height:auto;
	float:left;
	color:#000;
	text-align:left;
	/*background-color: #31417c;*/
	padding-top: 2px;
	padding-right:3px;
}
.imgHOLDER {
	width:200px;
	height:auto;
	float:right;
}
.imgBG {
	width:200px;
	height:148px;
	float:left;
	background-image:url(images/imgBG.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
	text-align:center;
	padding-top:3px;
	padding-bottom:10px;
}
.newsletterDiv_01 {
	width:270px;
	height:auto;
	float:left;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-left:5px;
}
.telnumberPanel {
	height:auto;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding: 5px 0px 0px 0px;
	width: 400px;
	text-align:right;
}
.retailers_div01 {
	width:655px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2e3e7a;
	padding-top:10px;
}
.retailers_div02 {
	width:630px;
	height:auto;
	float:left;
	border-bottom:1px solid #CCCCCC;
	padding-left:25px;
	padding-bottom:10px;
}
.scrollBOX {
	width:100px;
	height:auto;
	float:left;
	padding-top: 10px;
}
.indexORB {
	width:21px;
	height:23px;
	float:left;
	padding-top:7px;
}
.indexHEADING {
	width:280px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-top:9px;
}
.DLP {
	width:435px;
	height:30px;
	float:left;
}
/*INDEX PAGE ELEMENTS-------------------------------*/
.index_welcometxt {
	width:655px;
	height:auto;
	float:left;
	/*margin-bottom:5px;*/
	font-size:0.8em;
}
.index_welcometxt2 {
	width:655px;
	height:auto;
	float:left;
	margin-bottom:3px;
	margin-top:0px;
}
.index_welcomeInner {
	width:645px;
	height:auto;
	padding:5px;
}
.index_welcomeInner2 {
	width:645px;
	height:auto;
	padding:5px;
	color:#000;
	/*font-size:15px;*/
}
.index_productDiv_01 {
	width:323px;
	height:182px;
	float:left;
	background-image:url(images/index_productP.gif);
	background-repeat:no-repeat;
	padding-right:2px;
	margin-top:5px;
}
.index_productDiv_02 {
	width:323px;
	height:182px;
	float:left;
	background-image:url(images/index_productP.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-left:6px;
}
.index_productDiv_03 {
	width:315px;
	height:130px;
	float:left;
	margin:4px;
}
.index_productDiv_04 {
	width:315px;
	height:36px;
	float:left;
	margin:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
}
.index_productDiv_05 {
	width:170px;
	height:130px;
	float:left;
	text-align:center;
}
.index_productDiv_06 {
	width:140px;
	height:130px;
	float:left;
	margin-left:5px;
}
.bookmarkscript {
	width:160px;
	height:auto;
	float:right;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top: 0px;
	text-align: center;
	padding-top: 5px;
}
#slideshow {
	width:auto;/*656*/
	height:auto;/*90*/
	float:left;
}
#slideshow2 {
	width:auto;/*656*/
	height:auto;/*90*/
	float:left;
}
#slideshow3 {
	width:auto;/*656*/
	height:auto;/*90*/
	float:left;
}
#slideshow4 {
	width:auto;/*656*/
	height:auto;/*90*/
	float:left;
}
#slideshow5 {
	width:656px;
	height:90px;
	float:left;
}
/*CONTACT FORM PAGE---------------------------------*/
.CF01 {
	width:655px;
	height:auto;
	float:left;
	padding:10px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px dashed #CCCCCC;
}
.CF02 {
	width:150px;
	height:auto;
	float:left;
	padding:0px 0px 5px 30px;
	background-image:url(images/smallDot.gif);
	background-repeat:no-repeat;
	background-position:15px 3px;
}
.CF03 {
	width:400px;
	height:auto;
	float:left;
	padding-bottom:5px;
}
.CF04 {
	width:490px;
	height:auto;
	float:right;
	padding:10px 0px 0px 0px;
}
.inputfieldWrapper {
	width:244px;
	height:22px;
	float:left;
	padding:0px 0px 0px 0px;
	background-image:url(images/inputfield.gif);
	background-repeat:no-repeat;
}
.inputfield {
	width:240px;
	height:18px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#293974;
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 2px;
	border:0px;
}
.textareaWrapper {
	width:244px;
	height:103px;
	float:left;
	background-image:url(images/textfield.gif);
	background-repeat:no-repeat;
	padding:4px 4px 4px 4px;
}
.textArea {
	width:230px;
	height:90px;
	border:0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#293974;
}
/*CORNER CSS DIV------------------------------------*/
.contentA{display:block}
.contentA *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f8ecd4}
.contentA1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbf6ec;
  border-right:1px solid #fbf6ec;
  background:#f9f0de}
.contentA2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefdfa;
  border-right:1px solid #fefdfa;
  background:#f9efdc}
.contentA3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f9efdc;
  border-right:1px solid #f9efdc;}
.contentA4{
  border-left:1px solid #fbf6ec;
  border-right:1px solid #fbf6ec}
.contentA5{
  border-left:1px solid #f9f0de;
  border-right:1px solid #f9f0de}
.contentAfg{
  background:#f8ecd4}
/*FORM ELEMENTS---------------------------------------*/
.searchInput {
	width:142px;
	height:20px;
	background-image:url(images/input01.gif);
	background-repeat:no-repeat;
	border:0;
	font-size:10px;
	padding:3px;
	color:#445388;
}
.searcharea {
	width:270px;
	height:auto;
	float:left;
	padding-top:4px;
}
.quicksearch {
	width:34px;
	height:17px;
	float:left;
	padding-top:4px;
}
input.NLButton {
	border: solid 0px #B9C8D1;
	background-image:url(images/smallsubmit.gif);
	width:34px;
	height:21px;
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
}
input.NLButton:hover {
	background-image:url(images/smallsubmit.gif);
}
.inputArea {
	width:250px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*FONTS------------------------------------------------*/
.greyFont01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	font-weight:600;
	color:#4b4b49;
}
.greyFont02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4b4b49;
}
.greyFont03 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b49;
}
.redFont {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b11616;
}
.blackFont01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.whiteFont01 {
	color:#fff;
	text-decoration:none;
}
.blueFont01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2e3e7a;
	width:100%;
	/*border-bottom:1px dotted #2e3e7a;*/
	padding:0px 0px 10px 0px;
	display:block;
}
.blueFont02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#2e3e7a;
	width:100%;
	padding:0px 0px 10px 0px;
	display:block;
}
.blueFont03 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	color:#415086;
}
.retailersFONT {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2e3e7a;
	width:100%;
}
.treeworksfont01 {
	color:#fff;
	display:block;
	background-color:#4f5447;
	padding:3px 3px 3px 3px;
}
.treeworksfont02 {
	color:#fff;
	display:block;
	background-color:#ad9577;
	padding:3px 3px 3px 3px;
}
.treeworksfont03 {
	color:#fff;
	display:block;
	background-color:#9f9d92;
	padding:3px 3px 3px 3px;
}
.headingFont_orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	color:#e4a93c;
}
.headingFont_orange02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#b68427;
}
.headingFont_blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	color:#415086;
}
.headingFont_grey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#373737;
}
/*STYLES FOR THE LIVE VALIDATION ON THE CONTACT FORM PAGE*/
.LV_validation_message{
    font-weight:bold;
	font-size:11px;
    margin:0 0 0 5px;
}
.LV_valid {
    color:#00CC00;
}	
.LV_invalid {
    color:#CC0000;
}   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}   
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/*J CAROUSEL HEADERS*/
.JC_header01 {
	width:650px;
	height:30px;
	padding-top:6px;
	padding-left:40px;
	float:left;
	background-image:url(images/header01.gif);
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#253674;
	font-weight:500;
	margin-top:5px;
}
/**/
.innernav {
	width:670px;
	height:auto;
	float:left;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:11px;
}
/*UPDATES -- march 09*/
#istanbulHeader {
	width:670px;
	height:auto;
	float:left;
	padding:0px 0px 10px 0px;
	text-align:left;
}
.subRedFont {
	color:#ed1c24;
	font-style:italic;
}
.subBrownFont {
	color:#ac8358;
	font-style:italic;
}
.subPurpleFont {
	color:#5e2878;
	font-style:italic;
}
.subBlueFont {
	color:#005e97;
	font-style:italic;
}
.subGreenFont {
	color:#69a235;
	font-style:italic;
}
.subGreyFont {
	color:#86753f;
	font-style:italic;
}
.subGrayishFont {
	color:#6a6c75;
	font-style:italic;
}
.subOrangeFont {
	color:#f57e20;
	font-style:italic;
}
.subRocSocFont {
	color:#6a0c0e;
	font-style:italic;
}
#istanbul_01 {
	width:670px;
	height:auto;
	float:left;
	padding:10px 0px 10px 0px;
	border-top:1px dotted #ccc;
}
#istanbul_02 {
	width:670px;/*320*/
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
}
#istanbul_03 {
	width:350px;
	height:auto;
	float:right;
	padding:0px 0px 0px 0px;
}
#changeBG {
	width:130px;
	height:auto;
	float:right;
	padding:50px 0px 0px 0px;
	font-size:11px;
	/*color:#000;*/
}
#quickjumpmenu {
	width:500px;
	height:auto;
	float:left;
	padding:0px 0px 10px 0px;
}
.qjm {
	width:230px;
	border:1px solid #666;
	padding:2px 2px 2px 2px;
	margin-left:5px;
}
/***TOOL TIP************************/
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
/*********************************/
.required {
	color:#ff0000;
}
.myForm td, input, select, textarea, checkbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000;
}
/*********************************/
.twitter {
	float:left;
	padding:5px 0px 0px 5px;
}
/*********************************/
#newIndexPanel_01 {
	width:410px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
}
#newIndexPanel_02 {
	width:250px;
	height:auto;
	float:left;
	padding:0px 0px 0px 10px;
}
#newIndexPanel_03 {
	width:670px;
	height:auto;
	float:left;
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	border-top:1px dotted #f4dfb7;
}
#newIndexPanel_04 {
	width:154px;
	height:244px;
	float:left;
	margin:8px 2px 0px 5px;
	padding:3px;
	background-image:url(images/bgIP.gif);
	background-repeat:no-repeat;
}
.welcomeTxt {
	float:left;
	display:block;
	padding:10px 140px 20px 10px;
}
.welcomeBulkTxt {
	padding:0px 0px 0px 10px;
	line-height:22px;
}
#footerBOX {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:45px;
	z-index:1000;
	font-family:Arial,sans-serif;
	line-height:19px;
	font-size:11px;
	padding-top:7px;
	background-color:#e2a532;
	border-top:3px solid #3f4e85;
	color:#fff;
	padding:6px 10px 1px 10px;
}
#floater {
	width:100px;
	height:auto;
	display:block;
	float:left;
	position:absolute;
	top:11px;
	left:93px;
	z-index:9;
}
