﻿body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#main-container
{
	width: 924px;
	margin: 0 auto;
}
#top-link-left
{
	float: left;
	background-image: url(../images/top_link_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 5px;
	height: 28px;
}
#top-link-right
{
	float: left;
	background-image: url(../images/top_link_right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 5px;
	height: 28px;
}
#top-link-bg
{
	float: left;
	background-image: url(../images/top_link_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 914px;
	height: 28px;
}
.top-link-act
{
	font-family: Arial, Helvetica, sans-serif;
	color: #82CDFF;
	font-size: 12px;
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none;
}
.top-link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none;
}
a.top-link:hover
{
	color: #82CDFF;
	text-decoration: none;
}

hbody
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#home
{
	position: absolute;
	width: 130px;
	height: 85px;
	z-index: 1;
	background-color: #094c9d;
	top: 93px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	visibility: hidden;
}

#basicwebsites
{
	position: absolute;
	top: 460px;
	width: 635px;
	height: 136px;
	z-index: 4;
	visibility: visible;
}
#companystores
{
	position: absolute;
	top: 460px;
	width: 635px;
	height: 136px;
	z-index: 9;
	visibility: hidden;
}
#customapp
{
	position: absolute;
	top: 460px;
	width: 635px;
	height: 136px;
	z-index: 6;
	visibility: hidden;
}
#catalogapp
{
	position: absolute;
	top: 460px;
	width: 635px;
	height: 136px;
	z-index: 10;
	visibility: hidden;
}

#supplersites
{
	position: absolute;
	width: 600px;
	height: 136px;
	z-index: 7;
	visibility: hidden;
}
#ecommerssites
{
	position: absolute;
	width: 600;
	height: 136px;
	z-index: 8;
	visibility: hidden;
}
#othersites
{
	position: absolute;
	width: 600px;
	height: 136px;
	z-index: 4;
	visibility: hidden;
}

#smartsupp
{
	position: absolute;
	top: 375px;
	width: 635px;
	height: 136px;
	z-index: 4;
	visibility: visible;
}
#smartsite
{
	position: absolute;
	top: 375px;
	width: 635px;
	height: 136px;
	z-index: 4;
	visibility: hidden;
}
#smartartworkinfo
{
	position: absolute;
	top: 375px;
	width: 635px;
	height: 136px;
	z-index: 4;
	visibility: hidden;
}

#image-set
{
	background-image: url(../images/custom_artwork_design_services.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width: 924px;
	height: 106px;
}
#midcase
{
	width: 924px;
	float: left;
}
#yourveryleft
{
	float: left;
	background-image: url(../images/your_very_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 11px;
	height: 125px;
}
#yourverybg
{
	float: left;
	background-image: url(../images/bg_your_very.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 91px;
	width: 229px;
	padding-top: 34px;
	padding-left: 10px;
}
.grey-your
{
	color: #404040;
	font-family: tahoma;
	font-size: 15px;
}
.blue-your
{
	color: #1256AA;
	font-family: tahoma;
	font-size: 20px;
}


#accuracybg
{
	float: left;
	background-image: url(../images/bg_your_very.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 90px;
	width: 277px;
	padding-left: 20px;
	padding-top: 35px;
}

#seal
{
	width: 131px;
	height: 125px;
	background-image: url(../images/seal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#bgmemberlogin
{
	background-image: url(../images/bg_member_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 246px;
	height: 125px;
	float: left;
}
#membertitle
{
	padding-left: 77px;
	font-family: Arial, Helvetica, sans-serif;
	color: #616365;
	font-size: 14px;
	float: left;
	padding-top: 11px;
	padding-right: 30px;
}
#username
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #616365;
	font-size: 10px;
	padding-left: 13px;
	padding-top: 8px;
	width: 228px;
	height: 17px;
	padding-bottom: 4px;
}

#password
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #616365;
	font-size: 10px;
	padding-left: 15px;
	padding-top: 4px;
	width: 228px;
	height: 17px;
	padding-bottom: 4px;
}
#login_btn
{
	float: left;
	padding-left: 77px;
	padding-right: 4px;
	padding-top: 6px;
}
#reg_btn
{
	float: left;
	padding-top: 6px;
}
#lost-pass
{
	padding-top: 5px;
	float: left;
	padding-left: 77px;
	width: 90px;
}
.arial10grey
{
	color: #616365;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.arial10grey:hover
{
	color: #EA8D01;
}
#des-services-container
{
	float: left;
	width: 186px;
	padding-top: 10px;
}
#des-top-left
{
	float: left;
	background-image: url(../images/top_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#des-top-right
{
	float: left;
	background-image: url(../images/top_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#des-top-bg
{
	float: left;
	background-image: url(../images/top_left_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	width: 166px;
	height: 20px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#des-ser-img
{
	float: left;
	width: 186px;
	height: 127px;
	padding-left: 1px;
	background-color: #DDDEDF;
}
.arial10white
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.arial10white:hover
{
	color: #82CDFF;
}
.arial10whitebot
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
}
#boxtextbg
{
	background-image: url(../images/box_txt_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 57px;
	width: 178px;
	padding-left: 8px;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616365;
	text-decoration: none;
	float: left;
}
#des-bot-left
{
	float: left;
	background-image: url(../images/left_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#des-bot-right
{
	float: left;
	background-image: url(../images/right_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#des-bot-bg
{
	float: left;
	background-image: url(../images/left_bott_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 149px;
	height: 20px;
	padding-left: 17px;
}
#artwrk-services-container
{
	float: left;
	width: 186px;
	padding-top: 10px;
	padding-left: 2px;
}
#art-top-left
{
	float: left;
	background-image: url(../images/top_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#art-top-right
{
	float: left;
	background-image: url(../images/top_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#art-top-bg
{
	float: left;
	background-image: url(../images/top_left_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	width: 166px;
	height: 20px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#serv-ser-img
{
	float: left;
	width: 186px;
	height: 127px;
	padding-left: 1px;
	background-color: #DDDEDF;
}
#artboxtextbg
{
	background-image: url(../images/box_txt_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 57px;
	width: 178px;
	padding-left: 8px;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616365;
	text-decoration: none;
	float: left;
}
#art-bot-left
{
	float: left;
	background-image: url(../images/left_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#art-bot-right
{
	float: left;
	background-image: url(../images/right_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#art-bot-bg
{
	float: left;
	background-image: url(../images/left_bott_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 146px;
	height: 20px;
	padding-left: 20px;
}

#web-services-container
{
	float: left;
	width: 186px;
	padding-left: 2px;
	padding-top: 10px;
}
#web-top-left
{
	float: left;
	background-image: url(../images/top_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#web-top-right
{
	float: left;
	background-image: url(../images/top_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#web-top-bg
{
	float: left;
	background-image: url(../images/top_left_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	width: 166px;
	height: 20px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#web-ser-img
{
	float: left;
	width: 186px;
	height: 127px;
	padding-left: 1px;
	background-color: #DDDEDF;
}
#webboxtextbg
{
	background-image: url(../images/box_txt_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 57px;
	width: 178px;
	padding-left: 8px;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616365;
	text-decoration: none;
	float: left;
}
#web-bot-left
{
	float: left;
	background-image: url(../images/left_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#web-bot-right
{
	float: left;
	background-image: url(../images/right_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#web-bot-bg
{
	float: left;
	background-image: url(../images/left_bott_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 149px;
	height: 20px;
	padding-left: 17px;
}

.tab-sub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/tab_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

a.tab-navi:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6dcdff;
	background-image: url(../images/bluetab2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 139px;
	display: block;
	height: 26px;
	padding-top: 5px;
}

.tab-navi2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bluetab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 209px;
	display: block;
	height: 26px;
	padding-top: 5px;
}
a.tab-navi2:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6dcdff;
	background-image: url(../images/bluetab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 209px;
	display: block;
	height: 26px;
	padding-top: 5px;
}

.top-link-separator
{
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#distributor-ser
{
	position: absolute;
	width: 165px;
	height: 105px;
	z-index: 2;
	background-color: #094c9d;
	top: 93px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	visibility: hidden;
}
#supplier-ser
{
	position: absolute;
	width: 165px;
	height: 105px;
	z-index: 3;
	background-color: #094c9d;
	top: 93px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	visibility: hidden;
}



.top_belt
{
	background-image: url(Images/top_belt.gif);
	background-repeat: repeat;
	position: relative;
	width: 756px;
	height: 28px;
	margin: 0 auto 0 auto;
}

.header
{
	background-image: url(Images/homeimg.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 760px;
	height: 97px;
	margin: auto auto 5px auto;
}


.gridmouseover
{
	background-color: #FFFFCC;
}

.tblheaderTopAdmin
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.ttl
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #105EA5;
}
.cop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.input
{
	border: 1px #c1c1c1 solid;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
}

.input_numeric
{
	border: 1px #00498C solid;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	text-align: right;
}

.message
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #105EA5;
}

.err
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #FFFFFF;
}


.errCompulsory
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

.errg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006600;
	background-color: #FFFFFF;
}
a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #105EA5;
	text-decoration: underline;
}
.a_small a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #105EA5;
	text-decoration: underline;
}

A:hover
{
	color: #EA8D01;
}

.asmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #105EA5;
	text-decoration: none;
}
.asmall: hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA8D01;
	text-decoration: none;
}


.std12
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
.but
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #105EA5;
	border: 1px #105EA5 solid;
}
.alert
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	background-color: #FFFFFF;
}
.text
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.text14
{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0c3a8d;
	text-decoration: none;
}
.text14grey
{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.text13grey
{
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.text10
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

.tblheader
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #105EA5;
	text-decoration: none;
	text-align: center;
}


.tblheaderHome
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #105EA5;
	text-decoration: none;
	text-align: center;
	background-color: #A4CEF4;
}


.tblheaderleft
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #105EA5;
	text-decoration: none;
	text-align: left;
}


.tblbg
{
	background-color: #D4E2EF;
}
.tblbgHome
{
	background-color: #105EA5;
}

.tblNoBorder
{
	border: none 0 #FFFFFF;
}

.tblrow
{
	font-family: Arial;
	font-size: 11px;
	color: #105EA5;
	background-color: #FFFFFF;
}

.tblrowalternate
{
	font-family: Verdana;
	font-size: 11px;
	color: #105EA5;
	background-color: #F2F5F9;
}

.tblrow_small
{
	font-family: Verdana;
	font-size: 10px;
	color: #105EA5;
	background-color: #FFFFFF;
}

.tblrowalternate_small
{
	font-family: Verdana;
	font-size: 10px;
	color: #105EA5;
	background-color: #F2F5F9;
}
.subttl
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #e5e5e5;
}
/*
this is used in inne content managent page allmost 
so to change link according to designer i am chaning this to ver11 style
*/
.glnk
{
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 12pt;
}
.glnk:hover
{
	font-family: Verdana;
	color: #105EA5;
	text-decoration: none;
}
.tblrowsmall
{
	font-family: Verdana;
	font-size: 11px;
	color: #105EA5;
	background-color: #FFFFFF;
}
.tblheader10
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #105EA5;
	text-decoration: none;
}
.tbltotal
{
	font-family: Verdana;
	font-size: 11px;
	color: #FF0000;
	background-color: #FFFFFF;
}

.craTextBox
{
	border-right: #ADC8E0 1px ridge;
	border-top: #ADC8E0 1px ridge;
	font-size: 8pt;
	border-left: #ADC8E0 1px ridge;
	width: 120px;
	border-bottom: #ADC8E0 1px ridge;
	background-color: #ECF6FF;
	font-family: Verdana;
}
.gra11
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	text-decoration: none;
}
.blue11
{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #105EA5;
	text-decoration: none;
}
a.blue11:hover
{
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	text-decoration: none;
}
.blue12
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #105EA5;
	text-decoration: none;
}
.arial13blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0c3a8d;
	text-decoration: none;
}

.blue16
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #105EA5;
	text-decoration: none;
}

a.blue11:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	text-decoration: none;
}
.blue11-un
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #105EA5;
	text-decoration: underline;
}
a.blue11-un:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4B4B;
	text-decoration: none;
}
.blue13-un
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #105EA5;
	text-decoration: underline;
}
a.blue13-un:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #4B4B4B;
	text-decoration: none;
}
.gra11
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	text-decoration: none;
}
.wht11
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.wht11:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
}
.graybtn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #808080;
	border: #808080;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.bluebtnCopy
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #105EA5;
	border: 1px #105EA5 solid;
}

.select
{
	border: 1px #00498C solid;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
}


.ver10
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.ver10brown
{
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}


.ver10brownHome
{
	font-family: Verdana;
	font-size: 10px;
	color: #EA8D01;
	text-decoration: underline;
}

.ver14ora
{
	font-family: Verdana;
	font-size: 14px;
	color: #FF6600;
	text-decoration: none;
}

.ver12blue
{
	font-family: Verdana;
	font-size: 12px;
	color: #006699;
	text-decoration: none;
}
.ver12ora
{
	font-family: Verdana;
	font-size: 12px;
	color: #EA8D01;
	text-decoration: none;
}


.ver11
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none; ;line-height:12pt}
a.ver11:hover
{
	font-family: Verdana;
	color: #105EA5;
	text-decoration: none;
}
.ver11blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
}
.ver11ora
{
	font-family: Verdana;
	font-size: 11px;
	color: #EA8D01;
	text-decoration: none;
}
.ver20
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #105EA5;
	text-decoration: none;
}
.tt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #0c3a8d;
	text-decoration: none;
	background-image: url(../images/titlebg.gif);
	background-repeat: repeat-y;
}
.tt-grey
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #646464;
	text-decoration: none; /*background-image: url(../images/titlebgg.gif); 	background-repeat: repeat-y;*/
}

.pagetitle-new
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0c3a8d;
	text-decoration: none;
}

.ver20ora
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	text-decoration: none;
}
.ver14black
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}

body
{
	background-color: #FFFFFF; /*	background: #B4B4B4 url(images/body_bg.gif) repeat left top; */ /*	background-color: #CCCCCC; */
	margin-top: 0px;
}

.bod
{
	border: 1px #D3D3D3 solid;
}

.ver20ora2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA8D01;
	text-decoration: none;
}

.JobListPremium
{
	font-family: Verdana;
	font-size: 10px;
	color: #FFA600;
}
.JobListCorrection
{
	font-family: Verdana;
	font-size: 10px;
	color: #D21034;
	font-weight: bold;
}
.JobListSupplier
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}
.JobListRushAccount
{
	font-family: Verdana;
	font-size: 10px;
	color: #FF0099;
}
.JobListNormal
{
	font-family: Verdana;
	font-size: 10px;
	color: #003399;
	font-weight: bold;
}
.JobListDisplay
{
	font-family: Verdana;
	font-size: 10px;
	color: #0000FF;
}
.JobListDisplayD
{
	font-family: Verdana;
	font-size: 10px;
	color: #00CC00;
}
.JobListDisplayR
{
	font-family: Verdana;
	font-size: 10px;
	color: #660000;
}
.JobListDisplayNone
{
	font-family: Verdana;
	font-size: 10px;
}
.JobListLocationCorrection
{
	font-family: Verdana;
	font-size: 10px;
	color: #336600;
}
.JobListQACorrection
{
	font-family: Verdana;
	font-size: 10px;
	color: #CC3300;
}

.JobStatus
{
	font-family: Verdana;
	font-size: 10px;
	color: #D21034;
}
.tblheadergray
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #e5e5e5;
	text-decoration: none;
	text-align: center;
}

.tblheaderleftgray
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #e5e5e5;
	text-decoration: none;
	text-align: left;
}

.craTextBoxUserName
{
	background: URL(Images/User.gif) no-repeat;
	background-color: #ECF6FF;
	background-position: 1px 1px;
	border-right: #ADC8E0 1px ridge;
	border-top: #ADC8E0 1px ridge;
	border-left: #ADC8E0 1px ridge;
	border-bottom: #ADC8E0 1px ridge;
	font-family: Verdana;
	font-size: 8pt;
	padding-left: 18px;
	vertical-align: middle;
	width: 120px;
}

.craTextBoxPassword
{
	background: URL(Images/Key.gif) no-repeat;
	background-color: #ECF6FF;
	background-position: 1px 1px;
	border-right: #ADC8E0 1px ridge;
	border-top: #ADC8E0 1px ridge;
	border-left: #ADC8E0 1px ridge;
	border-bottom: #ADC8E0 1px ridge;
	font-family: Verdana;
	font-size: 8pt;
	padding-left: 18px;
	vertical-align: middle;
	width: 120px;
}

.UpdateProgress
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #FFFFCC;
	width: 200px;
	height: 40px;
	border-width: thin;
	border-style: solid;
	border-color: Navy;
}
.ver11grey
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565656;
	text-decoration: none;
}
.ver12greyhard
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #292929;
	text-decoration: none;
}
.ver10grey
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #565656;
	text-decoration: none;
}

/*     NEW CSS - 15 nov, 2007     ----.topbg */
.topbg
{
	background-image: url(../images/top_link_bg.jpg);
	background-repeat: repeat-x;
	background-position: left;
}
.arial11-lightblue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e9ad3;
	text-decoration: none;
}
.arial10wht
{
	font-family: Verdana, Arial, Helvetica, sans-seri;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.arial10wht:hover
{
	font-family: Verdana, Arial, Helvetica, sans-seri;
	font-size: 10px;
	color: #82cdff;
	text-decoration: none;
}
.arial11wht
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.arial11wht:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #82cdff;
	text-decoration: none;
}
.arial11wht-act
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #82cdff;
	text-decoration: none;
}
a.arial11wht-act:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #82cdff;
	text-decoration: none;
}

.arial14wht
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
.sublink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.sublink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a9dcfe;
	text-decoration: none;
}
.bordergray
{
	border: 1px solid #DDDEDF;
}
.boxbgtop
{
	background-image: url(../images/top_left_bg.jpg);
	background-repeat: repeat-x;
	background-position: left;
}
.boxbottbg
{
	background-image: url(../images/left_bott_bg.jpg);
	background-repeat: repeat-x;
	background-position: left;
}
.boxmidbg
{
	background-image: url(../images/box_txt_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.ecatalogs
{
	background-image: url(../images/e-catalogs.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.arial14gry
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #616365;
	text-decoration: none;
}
.arial11gry-accuracy
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6e70;
	text-decoration: none;
	background-image: url(../images/arrow_grey.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
}
.arial12gry
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #616365;
	text-decoration: none;
}
.arial11gry-teste
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 16px;
	text-decoration: none;
	padding-left: 10px;
}
.arial11gry-teste-icon
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 16px;
	text-decoration: none;
	padding-left: 36px;
	background-image: url(../images/teste_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.arial11gry-teste-icon-blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6c6c6c;
	line-height: 16px;
	text-decoration: none;
	padding-left: 36px;
	background-image: url(../images/teste_icon_blue.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.arial11gry
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616365;
	text-decoration: none;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616365;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0c3a8d;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.arial11gry:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.arial10gry
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #616365;
	text-decoration: none;
}
.user-name
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #616365;
	text-decoration: none;
}
.arial11gryblue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #95A3AB;
	text-decoration: none;
}

#ecatalog-container
{
	float: right;
	width: 359px;
	margin-left: -4px;
	padding-left: 2px;
	padding-top: 10px;
}
#ecat-top-left
{
	float: left;
	background-image: url(../images/top_left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#ecat-top-right
{
	float: left;
	background-image: url(../images/top_right.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 27px;
}
#ecat-top-bg
{
	float: left;
	background-image: url(../images/top_left_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	width: 339px;
	height: 20px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#ecat-ser-img
{
	float: left;
	width: 151px;
	background-image: url(../images/e-catalogs.gif);
	height: 136px;
	padding-left: 27px;
	padding-top: 60px;
	padding-right: 180px;
	background-color: #DDDEDF;
}

#ecat-bot-left
{
	float: left;
	background-image: url(../images/left_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#ecat-bot-right
{
	float: left;
	background-image: url(../images/right_bott.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#ecat-bot-bg
{
	float: left;
	background-image: url(../images/left_bott_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 321px;
	height: 20px;
	padding-left: 17px;
}
#mid-bot-container
{
	float: left;
	width: 924px;
}
.arial11gry
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616365;
	text-decoration: none;
}
#powerclub
{
	float: left;
	width: 906px;
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 18px;
	border-bottom: solid 1px #CCCCCC;
}
.powertext
{
	background-image: url(../images/power_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #616365;
	text-decoration: none;
	padding-left: 20px;
}
.power2text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #616365;
	text-decoration: none;
}

#copyrite
{
	padding-top: 11px;
	float: left;
	width: 306px;
}
#btm-links
{
	float: right;
	width: 470px;
	padding-top: 11px;
}

#supplier-drop
{
	width: 145px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 12px;
}
.suppl-drop-content
{
	padding-top: 6px;
	padding-bottom: 4px;
	background-image: url(../images/white_dotline.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding-left: 6px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
}
a.suppl-drop-content:hover
{
	color: #a9dcfe;
	text-decoration: none;
}

a.arial11gryblue:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.arial11blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0d378b;
	text-decoration: none;
}
.arial12blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0d378b;
	text-decoration: none;
}
.subbg1
{
	background-image: url(../images/sub_link_bg1.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.subbg2
{
	background-image: url(../images/sub_link_bg2.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.dotline-wht
{
	background-image: url(../images/dotline_wht.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.dotline-grey
{
	background-image: url(../images/dotline_grey.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.bg-your-very
{
	background-image: url(../images/bg_your_very.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.login-bg-main
{
	background-image: url(../images/login_bg_main.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.bg-member-login
{
	background-image: url(../images/bg_member_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.login-btn
{
	font-family: tahoma, arial, verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/bg_login_btn.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.bg-sub-curve
{
	background-image: url(../images/bg_sub_curve.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.bg-sub-curve2
{
	background-image: url(../images/bg_sub_curve1_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.bg-sub-curve3
{
	background-image: url(../images/sub_curve2_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.bg-sign-up
{
	background-image: url(../images/signup_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.vdotline
{
	background-image: url(../images/v_dotline.gif);
	background-repeat: repeat-y;
}
.tt2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #0d378b;
	text-decoration: none;
}
.tagline1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #404040;
	text-decoration: none;
}
.tagline2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1256aa;
	text-decoration: none;
}
.taglinebg
{
	background-image: url(../images/your_very_bbg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.tab-navi3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bluetab_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 144px;
	display: block;
	height: 26px;
	padding-top: 5px;
}
a.tab-navi3:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6dcdff;
	background-image: url(../images/bluetab_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 144px;
	display: block;
	height: 26px;
	padding-top: 5px;
}
.tab-navi4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0758A6;
	background-image: url(../images/demo_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 144px;
	display: block;
	height: 26px;
	padding-top: 5px;
}
a.tab-navi4:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0758A6;
	background-image: url(../images/demo_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 144px;
	display: block;
	height: 26px;
	padding-top: 5px;
}
.tab-navi5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/order_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 144px;
	display: block;
	height: 26px;
	padding-top: 5px;
}
a.tab-navi5:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/order_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 144px;
	display: block;
	height: 26px;
	padding-top: 5px;
}

