/* Custom */

/* html, body, td, th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #444444;
} ***** Removed on 11/08 */

/* input, select, textarea {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
} ***** Removed on 11/08 */

/* td, th {
	text-align: left;
	vertical-align: top;
} ***** Removed on 11/08 */

#page {
	text-align: left;
	margin: 0px auto;
	width: 1000px;
}

/* Main Layout */

/*body {
	background: #FFFFFF;
	text-align: center;
	margin: 0px;
}*/

h2 {
	font-size: 180%;
	font-weight: normal;
	color: #888888;
}

.large {
	font-size: 120%;
	line-height: 140%;
}

#topNavigation {
	font-size: 100%;
	text-align: left;
}

#containerTop {
	height: 14px;
	text-align: right;
	background: url('products_files/images/shadow-top.gif') no-repeat bottom center;
	clear: both;
}
	
#containerBottom {
	height: 12px;
	background: url('products_files/images/shadow-bottom.gif') no-repeat top center;
	clear: both;
}

#container {
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 15px;
}

#header {
	clear: both;
	padding: 15px;
	text-align: left;
	background: url('products_files/images/gradient3.gif') repeat-x;
}

#navigation {
	clear: both;
	height: 32px;
	background: #ffd85b url('products_files/images/linkback-orange.gif') repeat-x;
	border-left: 1px solid #ff8800;
	border-right: 1px solid #73a3f3;
	margin-bottom: 10px;
	margin-top: 20px;
}

	.mainLink, a.mainLink, a.mainLink:link, a.mainLink:active, a.mainLink:visited {
		display: block;
		float: left;
		width: 100px;
		height: 32px;
		font-weight: bold;
		line-height: 32px;
		text-align: center;
		vertical-align: middle;
		color: #222222;
		background: #ffd85b url('products_files/images/linkback-orange.gif') repeat-x;
		border-right: 1px solid #ffe6a0;
		text-decoration: none;
	}
	
	.mainLink:hover, a.mainLink:hover {
		color: #444444;
		background: #ffd85b url('products_files/images/linkbackh-orange.gif') repeat-x;
	}

	.mainLinkR, a.mainLinkR, a.mainLinkR:link, a.mainLinkR:active, a.mainLinkR:visited {
		display: block;
		float: right;
		width: 100px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		vertical-align: middle;
		color: #222222;
		background: #ffd85b url('products_files/images/linkback-blue.gif') repeat-x;
		border-left: 1px solid #ffe6a0;
		text-decoration: none;
	}
	
	.mainLinkR:hover, a.mainLinkR:hover {
		color: #444444;
		background: #ffd85b url('products_files/images/linkbackh-blue.gif') repeat-x;
	}
	
	.mlActive, a.mlActive, a.mlActive:link, a.mlActive:active, a.mlActive:visited {
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #ddb639;
		border-right: 1px solid #ddb639;
		margin-top: -1px;
		background: #ffd85b url('products_files/images/gradient3.gif') repeat-x;
	}

#pageContent {
	clear: both;
	width: 100%;
}
	
#footer {
	margin-bottom: 50px;
	color: #888888;
}

#breadcrumbs {
	text-align: right;
}

	#breadcrumbs a {
		text-decoration: none;
	}
	
	#breadcrumbs a:hover {
		text-decoration: underline;
	}



/* Layout Tables */

/* table {
	border-collapse: collapse;
	padding: 0px;
} Removed on 11/08 */

/* td {
	vertical-align: top;
	padding: 0px;
} Removed on 11/08 */

.tableMax {
	width: 100%;
}

.leftSmall {
	width: 200px;
	padding-right: 20px;
	vertical-align: top;
}

.leftMedium {
	width: 250px;
	padding-right: 20px;
	vertical-align: top;
}


/* Popups, inline windows, navigation boxes etc. */

.popupWindow {
	background: #ffffff url('products_files/images/gradient1.gif') repeat-x;
	border: 1px solid #cccccc;
	padding: 6px 8px;
}

	.popupTitle {
		margin: 2px;
		margin-bottom: 8px;
		color: #ff8800;
		font-size: 110%;
		font-weight: bold;
	}

	.popupTitle1 {
		margin: 2px;
		margin-bottom: 8px;
		color: #ff8800;
		font-size: 110%;
		font-weight: bold;
	}

	
	.popupText {
		margin: 0px;
	}
	
	a.popupLink, a.popupLink:link, a.popupLink:active, a.popupLink:visited {
		text-decoration: none;
	}
	
	a.popupLink:hover {
		text-decoration: underline;
	}

#setup {
	position: relative;
	z-index: 1000;
}

#setupContainer {
	position: absolute;
	z-index: 1000;
	right: 0px;
	width: 300px;
}

.floatMiniWindow {
	text-align: left;
	position: absolute;
	z-index: 2000;
	width: 320px;
	left: 0px;
	top: 0px;
}

.floatMiniWindowUserEntry {
	text-align: left;
	position: absolute;
	z-index: 2000;
	width: 220px;
	left: 0px;
	top: 0px;
}

#miniShoppingCart {
	float: right;
	clear: both;
	padding: 8px;
}

#shoppingCart {
	position: relative;
	z-index: 1000;
}

#shoppingCartContainer {
	position: absolute;
	z-index: 1000;
	left: 0px;
	width: 100%;
}

.alphaShadow500 {
	padding: 0px;
	margin: 0px;
	border: none;
	background: url('products_files/images/drop-shadow1.png');
	clear: both;
	height: 12px;
}

.alphaShadow500_IE {
	padding: 0px;
	margin: 0px;
	border: none;
	clear: both;
	height: 12px;
}


.box {
	width: 200px;
}

	.boxHeader_products {
		color: #ff8800;
		font-size: 100%;
		margin-bottom: 8px;
	}
	.boxHeader {
		margin-top: 2px;
		margin-bottom: 8px;
		color: #ff8800;
		font-size: 120%;
	}

	.boxHeader1 {
		margin-top: 6px;
		margin-bottom: -6px;
		color: #ff8800;
		font-size: 120%;
	}

	.boxTop {
		height: 8px;
		background: no-repeat bottom center;
	}
		
	.boxBottom {
		height: 12px;
		background: url('products_files/images/box-shadow-bottom.gif') no-repeat top center;
	}
	
	.boxContent {
		background: #ffffff url('products_files/images/gradient2.gif') repeat-x;
		border: 1px solid #cccccc;
		padding: 6px 8px;
	}
	
	.boxTitle {
		font-weight: bold;
		margin: 8px 0px;
	}
	
	.boxIMG {
		border: 1px solid #e0e0e0;
	}
	
	.boxDescription {
		font-size: 90%;
	}
	
	.boxButtons {
		margin-top: 16px;
		margin-bottom: 8px;
		text-align: right;
		display: block;
		clear: both;
	}

.toolbarBox {
	text-align: right;
	line-height: 22px;
	padding-top: 3px !important;
	padding-top: 2px;
	padding-bottom: 3px !important;
	padding-bottom: 4px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	background: #f1f1f1 url('products_files/images/gradient3.gif') repeat-x;
	margin-top: 8px;
	margin-bottom: 10px;
	clear: both;
	
}

.toolbarBoxBig {
	text-align: right;
	line-height: 22px;
	padding-top: 6px !important;
	padding-top: 5px;
	padding-bottom: 6px !important;
	padding-bottom: 7px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	background: #f1f1f1 url('products_files/images/gradient3.gif') repeat-x;
	margin-top: 8px;
	margin-bottom: 10px;
	clear: both;
	
}

.dropdownBox {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	background: #ffffff url('products_files/images/gradient2.gif') repeat-x;
	margin-top: 8px;
	margin-bottom: 10px;
	margin-top: -10px;
	padding: 10px;
	clear: both;
}

.buttonBar {
	margin: 10px 0px;
}

.button1, a.button1, a.button1:link, a.button1:active, a.button1:visited  {
	padding: 2px 5px;
	color: #444444;
	background: #eeeeee url('products_files/images/gradient1.gif') repeat-x;
	border: 1px solid #bbbbbb;
	text-decoration: none;
}

a.button1:hover {
	color: #222222;
	background: #f5f5f5 url('products_files/images/gradient3.gif') bottom repeat-x;
	border: 1px solid #999999;
	text-decoration: none;
}

.button2, a.button2, a.button2:link, a.button2:active, a.button2:visited  {
	padding: 0px 4px;
	color: #444444;
	background: #eeeeee url('products_files/images/gradient1.gif') repeat-x;
	border: 1px solid #bbbbbb;
	text-decoration: none;
}

a.button2:hover {
	color: #2e7adf;
	background: #efefef url('products_files/images/gradient3.gif') bottom repeat-x;;
	border: 1px solid #888888;
	text-decoration: none;
}

.buttonActive, a.buttonActive, a.buttonActive:link, a.buttonActive:active, a.buttonActive:visited {
	background: #73a3f3;
	color: #ffffff;
}

.buttonIMG, a.buttonIMG, a.buttonIMG:link, a.buttonIMG:active, a.buttonIMG:visited  {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background: #eeeeee url('products_files/images/gradient1.gif') repeat-x;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	margin-right: 2px;
}

a.buttonIMG:hover {
	background: #efefef url('products_files/images/gradient3.gif') bottom repeat-x;;
	border: 1px solid #888888;
	text-decoration: none;
}

.buttonIMGTXT, a.buttonIMGTXT, a.buttonIMGTXT:link, a.buttonIMGTXT:active, a.buttonIMGTXT:visited  {
	display: inline-block;
	padding: 0px 4px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background: #eeeeee url('products_files/images/gradient1.gif') repeat-x;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	margin-right: 2px;
}

a.buttonIMGTXT:hover {
	background: #efefef url('products_files/images/gradient3.gif') bottom repeat-x;;
	border: 1px solid #888888;
	text-decoration: none;
}

.buttonIMGTXTBlue, a.buttonIMGTXTBlue, a.buttonIMGTXTBlue:link, a.buttonIMGTXTBlue:active, a.buttonIMGTXTBlue:visited  {
	display: inline-block;
	padding: 0px 4px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background: #eeeeee url('products_files/images/buttonbackh-blue.gif') repeat-x;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	margin-right: 2px;
}

a.buttonIMGTXTBlue:hover {
	background: #efefef url('products_files/images/buttonbackh-blue.gif') bottom repeat-x;;
	border: 1px solid #888888;
	text-decoration: none;
}


.pageButtons {
	text-align: right;
	margin: 10px 0px;
	clear: both;
}

.buttonType1, a.buttonType1, a.buttonType1:link, a.buttonType1:active, a.buttonType1:visited  {
	color: #222222;
	display: block;
	height: 27px;
	line-height: 27px;
	text-align: left;
	font-weight: bold;
	color: #444444;
	background-color: none;
	text-decoration: none;
	cursor:pointer;
}

a.buttonType1:hover {
	color: #664444;
	text-decoration: none;
}

.toolbarButtonOrange, a.toolbarButtonOrange, a.toolbarButtonOrange:link, a.toolbarButtonOrange:active, a.toolbarButtonOrange:visited  {
	padding: 2px 6px;
	color: #444444;
	background: #ffd85b url('products_files/images/buttonbackh-orange.gif') bottom repeat-x;
	border: 1px solid #ff8800;
	text-decoration: none;
}

a.toolbarButtonOrange:hover {
	color: #222222;
	background: #ffd85b url('products_files/images/buttonback-orange.gif') bottom repeat-x;
	border: 1px solid #ff8800;
	text-decoration: none;
}

.toolbarButtonBlue, a.toolbarButtonBlue, a.toolbarButtonBlue:link, a.toolbarButtonBlue:active, a.toolbarButtonBlue:visited  {
	padding: 2px 6px;
	color: #444444;
	background: #ffd85b url('products_files/images/buttonbackh-blue.gif') bottom repeat-x;
	border: 1px solid #5383d3;
	text-decoration: none;
}

a.toolbarButtonBlue:hover {
	color: #222222;
	background: #ffd85b url('products_files/images/buttonback-blue.gif') bottom repeat-x;
	border: 1px solid #5383d3;
	text-decoration: none;
}

.pushDown {
	margin-bottom: 10px;
}

.pushUp {
	margin-top: 10px;
}

.pushLeft {
	margin-left: 10px;
}

.pushRight {
	margin-right: 10px;
}


/* Tables */

.rowHead {
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	clear: both;
}

.row {
	border-bottom: 1px dotted #cccccc;
	clear: both;
}

.label {
	float: left;
	width: 80px;
	padding: 4px 0px;
	color: #666666;
}

.label1 {
	float: left;
	width: 120px;
	padding: 4px 0px;
	color: #666666;
}

.label_userEntry {
	
	width: 220px;
	padding: 4px 0px;
	
}

.value {
	padding: 4px 0px;
}

.value1 {
	padding: 3px 0px;
}

.listTable {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 8px 0px;
}

	.tableHead {
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #e5e5e5;
		border-left: 1px solid #ffffff;
		background: url('products_files/images/gradient3.gif') repeat-x bottom;
		padding: 3px 6px;
		font-weight: bold;
		color: #999999;
		vertical-align: bottom;
	}

	.tableCell {
		border-top: 1px dotted #dddddd;
		padding: 6px 6px;
		vertical-align: middle;
	}
		
	.tableLabel {
		border-top: 1px dotted #dddddd;
		padding: 3px 6px;
		font-weight: bold;
		color: #999999;
	}
	
	.tableBlank {
		padding: 3px 6px;
	}
	
	.narrow {
		width: 1%;
		padding: 3px 6px;
	}
	
/* Colour Tags */

.icon {
	color: #999999;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}

.grey {
	color: #999999;
}

.lightGrey {
	color: #cccccc;
}


/* Links */

a, a:link, a:active, a:visited {
	color: #2e7adf;
}

a:hover {
	color: #73a3f3;
}

/* Tree Links */

.treeNav {
	margin-top: 10px;
}

a.folderLink, a.folderLink:link, a.folderLink:active, a.folderLink:visited {
	display: block;
	padding: 3px 5px;
	padding-left: 22px;
	text-decoration: none;
	background: url('products_files/images/icon-folder.gif') no-repeat 2px 2px;
}

a.folderLink:hover {
	color: #222222;
	background: #eeeeee url('products_files/images/icon-folder.gif') no-repeat 2px 2px;
}

.folderLinkActive {
	display: block;
	font-weight: bold;
	background: #ffffff;
	color: #333333;
	padding: 3px 5px;
	padding-left: 22px;
	text-decoration: none;
	background: url('products_files/images/icon-folder-open.gif') no-repeat 2px 2px;
}

a.folderTop, a.folderTop:link, a.folderTop:active, a.folderTop:visited {
	display: block;
	padding: 3px 5px;
	padding-left: 22px;
	text-decoration: none;
	background: url('products_files/images/icon-foldertop.gif') no-repeat 2px 2px;
}

a.folderTop:hover {
	color: #222222;
	background: #eeeeee url('products_files/images/icon-foldertop.gif') no-repeat 2px 2px;
}

a.folderUp, a.folderUp:link, a.folderUp:active, a.folderUp:visited {
	display: block;
	padding: 3px 5px;
	padding-left: 22px;
	text-decoration: none;
	background: url('products_files/images/icon-folderup.gif') no-repeat 2px 2px;
}

a.folderUp:hover {
	color: #222222;
	background: #eeeeee url('products_files/images/icon-folderup.gif') no-repeat 2px 2px;
}

a.treeLink0, a.treeLink0:link, a.treeLink0:active, a.treeLink0:visited {
	display: block;
	padding: 3px 3px;
	color: #222222;
	text-decoration: none;
}

a.treeLink0:hover {
	background: #e5e5e5;
}

a.treeLink0a, a.treeLink0a:link, a.treeLink0a:active, a.treeLink0a:visited {
	display: block;
	padding: 3px 3px;
	color: #2e7adf;
	background: #ffffff;
	text-decoration: none;
}

a.treeLink0a:hover {
	background: #e5e5e5;
}

a.treeLink1, a.treeLink1:link, a.treeLink1:active, a.treeLink1:visited {
	display: block;
	padding: 3px 8px;
	padding-left: 13px;
	color: #222222;
	text-decoration: none;
	background: url('products_files/images/corner.gif') no-repeat 4px 6px;
}

a.treeLink1:hover {
	background: #e5e5e5 url('products_files/images/corner.gif') no-repeat 4px 6px;
}

a.treeLink2, a.treeLink2:link, a.treeLink2:active, a.treeLink2:visited {
	display: block;
	padding: 3px 5px;
	padding-left: 20px;
	text-decoration: none;
}

a.treeLink2:hover {
	background: #eeeeee;
	color: #222222;
}


/* Forms */

form {
	margin: 0px;
	padding: 0px;
}

input[type="text"] { 
}

input[type="button"] { 
}

input[type="checkbox"] { 
}

input[type="radio"] { 
}

.ffXS {
	width: 60px;
}

.ffS {
	width: 100px;
}

.ffM {
	width: 200px;
}

.ffL {
	width: 100%;
}

.ffFocus {
	background: #f6f6f6;
	border: 2px solid #73a3f3;
}

.fb100 {
	width: 100%;
}

.fbS {
	width: 300px;
}

.fbM {
	width: 400px;
}

.fbL {
	width: 500px;
}

.fbXL {
	width: 680px;
}

.formSelect {
	padding: 1px;
}
.formSelect1 {
	padding: 2px;
	color:#000000;
	vertical-align: middle;
}

.formBlock {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin-bottom: 10px;
	margin-top: 8px;
	clear: both;
}

.sectionTitle {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 5px;
	font-weight: bold;
	color: #ff8800;
	font-size: 120%;
	margin-top: 20px;
}

.formHead {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #ffffff;
	background: url('products_files/images/gradient3.gif') repeat-x bottom;
	padding: 6px;
	font-weight: bold;
	color: #ff8800;
	font-size: 120%;
	clear: both;
}

.formBody {
	clear: both;
	background: #ffffff url('products_files/images/gradient2.gif') repeat-x;
	padding: 0px 8px;
}

.formRow {
	clear: both;
}

.formRow1 {
	clear: none;
}

.formLeadItem {
	width: 20px;
	float: left;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}

.formLabel {
	width: 30%;
	line-height: 200%;
	float: left;
	color: #666666;
	margin-right: 10px;
	padding-left: 0%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.formLabel1 {
	width: 35%;
	line-height: 200%;
	float: left;
	color: #666666;
	margin-right: 13px;
	padding-left: 0%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
}
.formLabel1 {
	width: 35%;
	line-height: 200%;
	float: left;
	color: #666666;
	margin-right: 13px;
	padding-left: 0%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.formLabel2 {
	width: 35%;
	line-height: 200%;
	float: left;
	color: #666666;
	margin-right: 1px;
	padding-left: 0%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.formField {
	width: 64%;
	float: left;
	margin-right: -3px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
}

.formField1 {
	width: 64%;
	float: left;
	margin-right: -3px;
	padding-left: 8px;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;

}

.formField2 {
	width: 45%;
	float: left;
	margin-right: 35px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;
}


.formLabelTop {
	color: #666666;
	margin-top: 10px;
	margin-bottom: 2px;
}

.formFieldBottom {
	width: 98%;
}

.required {
	background: url('products_files/images/star.gif') right no-repeat;
}

.readonly {
	border: none;
	background: none;
	margin: 2px;
}

/* Listing display */

.listBlock {
	border: 1px solid #cccccc;
	clear: both;
}

.listHead {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #ffffff;
	background: url('products_files/images/gradient3.gif') repeat-x bottom;
	padding: 4px;
	font-weight: bold;
	color: #ff8800;
	clear: both;
}

.listBody {
	background: #ffffff url('products_files/images/gradient3.gif') repeat-x bottom;
	clear: both;
}

.listRow {
	border-bottom: 1px dotted #eeeeee;
	clear: both;
	height: 22px;
}

.listLabel {
	width: 120px;
	float: left;
	margin-right: 10px;
	padding: 5px;
	color: #666666;
}

.listField {
	float: left;
	margin-right: -3px;
	padding: 5px;
}

/* Dialog windows */

.dialogFloat {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 800;
	text-align: center;
}

.dialogWindowBox {
	margin: auto;
	margin-top: 20%;
}

.dialogWindow {
	border: 1px solid #cccccc;
}

.dialogHead {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #ffffff;
	background: url('products_files/images/gradient3.gif') repeat-x bottom;
	padding: 4px;
	font-weight: bold;
	color: #ff8800;
	clear: both;
}

.dialogBody {
	background: #ffffff url('products_files/images/gradient4.gif') repeat-x bottom;
	clear: both;
}

.dialogContent {
	clear: both;
	padding: 20px;
}

.dialogButtons {
	clear: both;
	text-align: center;
}

/* Products */

.productList {
	position: relative;
}

	.productBox {
		position: relative;
		float: left;
		width: 192px !important;
		width: 222px;
		height: 400px;
		padding: 10px;
		margin: 8px;
		border: 1px solid #e0e0e0;
		border-bottom: 2px solid #cccccc;
		background: #ffffff url('products_files/images/gradient2.gif') top repeat-x;
		/*PROBLEMATIC following not orig on w3*/
		overflow:hidden;
	}
	
		.categoryBox {
		position: relative;
		float: left;
		width: 192px !important;
		width: 222px;
		height: 370px;
		padding: 10px;
		margin: 8px;
		border: 1px solid #e0e0e0;
		border-bottom: 2px solid #cccccc;
		background: #ffffff url('products_files/images/gradient2.gif') top repeat-x;
	}

	.productMain {
		height: 310px;
	}

	.categoryMain {
		height: 300px;
		vertical-align:bottom;
	}

	.productImage {
		margin-bottom: 5px;
		width: 190px;
		height: 190px;
		line-height: 190px;
		margin-right: 12px;
		text-align: center;
		
	}
	
	.CategoryImage {
		margin-bottom: 5px;
		width: 190px;
		height: 190px;
		vertical-align:bottom;
		line-height: 190px;
		margin-right: 12px;
		text-align: center;
	}
	.CategoryIMG {
		border: 1px solid #cccccc;
		
	}


	.productImage1 {
		margin-bottom: 5px;
		width: 190px;
		height: 190px;
		line-height: 190px;
		margin-right: 12px;
		text-align: center;
		
	}
	
	.folder {
		vertical-align: middle;
	}
	
	.productIMG {
		border: 1px solid #cccccc;
		vertical-align:bottom;
		/*width:182px;
		height:120px;*/
	}
	
		.productIMG2 {
		border: 1px solid #cccccc;
		vertical-align: bottom;
		/*width:182px;
		height:120px;*/

	}
		.productIMG3 {
		border: 1px solid #cccccc;
		vertical-align: bottom;
		width:182px;
		height:120px;/**/

	}


	.productIMG:hover {
		border: 1px solid #cccccc;
	}
	
	.productTitle {
		font-weight: bold;
		margin-bottom: 4px;
		/*PROBLEMATIC following 2 lines orig only on w3*/
		overflow:hidden;
		 height:26px;
	}
	
	/*PROBLEMATIC following class orig only on w3*/
	.productTitle_category {
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	.productDescription {
		font-size: 90%;
		overflow: hidden;
		height: 22px;
		margin-bottom:4px;
		
	}
	
	.categoryDescription {
		font-size: 90%;
		overflow: hidden;
		
		margin-bottom:4px;
	}

	.productDescription1 {
	font-size: 90%;
	overflow: hidden;
	margin-top:2px;
	margin-bottom:4px;
	height: 12px;
	}
	
		.productDescription2 {
		font-size: 90%;
		overflow: hidden;
		margin-top:4px;
		margin-bottom:4px;
		
	}

	.productId {
	font-size: 90%;
	overflow: hidden;
	margin-bottom:6px;
	height: 12px;
	/*PROBLEMATIC following orig only on w3*/
	margin-top:2px;
	}


	
	.productPriceList {
		overflow: hidden;
		height: 150px;
	}
	.productPriceList_userEntry {
		overflow: hidden;
		height: 40px;
		
	}

	.productButtons {
		margin-top: 13px;
		padding:3px;
		clear: both;
		text-align: right;
		vertical-align: bottom;
	}

	.productListBox {
		position: relative;
		padding: 10px;
		margin: 8px;
		border: 1px solid #e0e0e0;
		border-bottom: 2px solid #cccccc;
		background: #ffffff url('products_files/images/gradient2.gif') top repeat-x;
	}
	
	
		.productButtonsInnerLeft {
		padding:3px;
		float:left;
		vertical-align: bottom;
		
	}
	
		.productButtonsInnerRight {
		float: right;
		vertical-align: bottom;
		
	}

	.productListMain {
		float: none;
	}
	
	.productListMain1 {
		float: left;
	}


	.productListImage {
		float: left;
		/*width: 60px;*/
		margin-right: 12px;
		text-align: center;
	}
	
	.productListImage1 {
		float:left;
		
		margin-right: 12px;
		text-align: center;
	}

	.productListTitle {
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	.productListDescription {
		font-size: 90%;
		overflow: auto;
		
	}
	
	.productListButtons {
		clear: both;
		text-align: right;
		vertical-align: bottom;
	}
	


/* Misc */

.poweredByPJ {
	float: right;
}

.overflowArea {
	overflow: auto;
}

tr.odd {
	background: none;
}

tr.odd:hover {
	background: #f3f3ff;
}

tr.even {
	background: #fafafa;
}

tr.even:hover {
	background: #f3f3ff;
}

tr.selected {
	background: #e3e3ee;
}

tr.link {
	cursor: pointer;
}

.off {
	display: none;
}

.on {
	display: table-cell;
}

.no-padding {
	padding: 0px;
}

.right {
	text-align: right;
}

.right1 {
	margin-left:90px;
}

.center {
	text-align: center;
}

.fleft {
	float: left;
	margin-right: 10px;
}

.fright {
	float: right;
	margin-left: 10px;
}

.nowrap {
	white-space: nowrap;
}

#blackout {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #222222;
	width: 100%;
	height: 100%;
	opacity: 0.30;
	filter: alpha(opacity=30);
	visibility: hidden;
	z-index: 200;
	text-align: center;
}

.auto {
	margin: auto;
}

.center {
	text-align: center;
}

.orange {
	color: #ff8800;
}

.c {
	background-color: #ffff66;
}

.left {
	text-align: left;
}

/* Clearfix - fixes float and clear issues */

clearfix {
	display: inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */
}

html>body .clearfix {
	height: auto;
}

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

.yellow {
	background: #ffff44;
}

.fileName {
	width: 100%;
	float: left;
	font-size: 110%;
	font-weight: bold;
	color: #2e7adf;
	margin-top: 4px;
	margin-bottom: 6px;
	vertical-align: middle;
	background: #f5f5f5;
	padding: 3px;
	border: 1px solid #aaaaaa;
}

.alert {
	display: block;
	padding: 5px;
	background: #ff8800;
	border: 1px solid #dd6600;
	color: #ffffff;
	font-weight: bold;
}

a.edgeButton, a.edgeButton:visited, a.edgeButton:active {
	opacity: 0.50;
	margin-left: 3px;
}

a.edgeButton:hover {
	opacity: 1;
}

.fileList {
	margin-bottom:10px;
	border:1px solid #cccccc;
	background:#f5f5f5;padding:10px;
}

.fileListItem {
	padding: 2px;
	border-bottom: 1px dotted #cccccc;
}

.progressSteps {
	margin-top: 8px;
}

.stepDone {
	width: 120px;
	float: left;
	border: 2px solid #bfd6ff;
	background: #f2f2f2;
	color: #73a3f3;
	padding: 6px;
	margin-right: 5px;
}

.stepInProgress {
	width: 120px;
	float: left;
	border: 2px solid #ffd454;
	background: #ffffff;
	color: #ff8800;
	padding: 6px;
	margin-right: 5px;
}

.stepNotDone {
	width: 120px;
	float: left;
	border: 2px solid #dddddd;
	background: #ffffff;
	color: #cccccc;
	padding: 6px;
	margin-right: 5px;
}

.newPanel {
	background-color: #ffffff;
	border: 1px solid #808A9D;
	padding: 5px 10px;
	vertical-align: top;
}



#newtab {
width:600px;
}
#greytab {
width:600px;
}

.showallproduct {
margin-right:70px;
}

OPTION.Main {
background-color: #CCCCCC;
color: #000000;
}
a.savedLink, a.savedLink:link, a.savedLink:active, a.savedLink:visited {
	display: block;
	padding: 3px 5px;
	padding-left: 22px;
	text-decoration: none;
	background: url('../../common/images/ico-saveddesigns.gif') no-repeat 2px 2px;
}

a.savedLink:hover {
	color: #222222;
	background: #eeeeee url('../../common/images/ico-saveddesigns.gif') no-repeat 2px 2px;
}