body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #96989B;
    background-color: #e7e7e7;
}

h1 {
    font-family: Helvetica, Arial, sans-serif;
    color: #5F6062;
    font-size: 26px;
    font-weight: lighter;
    margin: 0;
    padding: 0;
}

h1.yc {
    font-family: Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: lighter;
    margin: 0;
    padding: 0;
    line-height: 28px;
}

h2 {	
    font-family: Helvetica, Arial, sans-serif;
    color: #555555;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h2.nav {
    font-family: Helvetica, Arial, sans-serif;
    color: #5F6062;
    font-size: 18px;
    font-weight: lighter;
    margin: 0;
    padding: 0;
}

h3 {
    font-family: Helvetica, Arial, sans-serif;
    color: #5F6062;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

form { margin: 0; padding: 0; }

/*lucas added margin-bottom: 10px; instead of margin: 0px;*/
p { margin-bottom: 10px; padding: 0; }
table { border-collapse: collapse; }
td { margin: 0px; padding: 0px; vertical-align: top; }
img { border: 0px; }

input.hdrinput {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    border: 0;
    padding: 4px 2px;
    color: #B2B2B2;
    background-color: #E9E9EA;
}

input.text {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    border: 0;
    padding: 4px 2px;
    color: #666666;
    background-color: #E7E7E7;
}

.bodytextbold{ 
	font-family:  Verdana, Arial, sans-serif;
	color: #666666;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.bodytextitalic{ 
	font-family:  Verdana, Arial, sans-serif;
	color: #666666;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}

.bodytext {
	font-family:  Verdana, Arial, sans-serif;
	color: #666666;
	font-size: 11px;
        line-height:17px;
	font-style: normal;
	text-decoration: none;
}

.caption {
	font-family:  Verdana, Arial, sans-serif;
	color: #96989B;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
}

textarea {
	background: #F4F4F4;
	font-family: Verdana, Arial, sans-serif; 
	color: #96989B; 
	border-color: #000000;
	border-width: 0px; 
	font-size: 11px;
}

.pedittext {
	background: #F4F4F4;
	font-family: Verdana, Arial, sans-serif; 
	color: #96989B; 
	border-color: #000000;
	border-width: 0px; 
	font-size: 11px;
}

select { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #B2B2B2;
    line-height: 11px;
    border: 0;
    padding: 1px 2px;
    color: #B2B2B2;
    background-color: #E9E9EA;
} 


.pad15 {padding-left:15px; padding-top:15px;}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-style: normal; font-weight: normal; }

.error { color: #F5241A; }



#header {
    background-color: #FFFFFF;
    color: #96989B;
    font-size: 9px;
    line-height: 9px;
    padding-bottom: 10px;
}

#head_cont {
    width: 950px;
    text-align: left;
}

#crumb {
    width: 950px;
    font-family: Verdana, Arial, sans-serif;
    text-align: left;
    padding: 5px 10px 0px 10px;
    font-size: 9px;
    color: #F5A01A;
    background-color: #FFFFFF;    
}

#pagebody {
    width: 950px;
    padding: 0px 10px;
    background-color: #FFFFFF;
    text-align:left;
}

#footer {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    width: 920px;
    padding: 40px 25px 15px 25px;
    background-color: #CCCCCC;
    color: #444444;
    text-align: left;
}
.pagecreatebox{margin-top:10px; padding:10px; line-height:22px;}

.pagecreatebox img {margin-bottom:-3px}

.prevnext{
    margin-right:33px;
}
.prevnext img{margin-bottom:-3px;}
.prevnext2 img{margin-bottom:-3px;}

.menutd { background-color: #888888; }
.menubg { background-color: #B6B7B9; }
.menutd div.menudiv {
    font-family: Helvetica Heue, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    color: #F4F4F4;
    padding: 8px;
}
.menutd div.menurel {
    position: relative;
    z-index: 200;
    top: 8px;
    left: -8px;
}
.menutd div.menuab {
    position: absolute;
    width: 184px;
    z-index: 100;
    background-color: #999999;
    border-top: 1px solid #B6B7B9;
}
.menutd div.menucont {
    font-family: Comic Sans MS, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #F5A01A;
    padding: 15px 0px 25px 0px;
}
.menutd div.menucont div.off {
    padding: 5px 0px 3px 8px;
}
.menutd div.menucont div.on {
    padding: 5px 0px 3px 8px;
    background-color: #828282;
}
.menurel div.submenurel {
    position: relative;
    top: -18px;
    left: 176px;
    z-index: 200;
}
.menurel div.submenuab {
    position: absolute;
    width: 180px;
    z-index: 999;
    background-color: #999999;
    border-left: 1px solid #B6B7B9;
    margin-top: -8px;
    padding-bottom:13px;
}
.menurel div.submenucont {
    color: #F5A01A;
    line-height: 18px;
    padding: 10px 8px;
}

.leftmenu { font-size: 10px;}
.leftmenubg { background-color: #E7E7E7; }
.leftmenubglt { background-color: #FFFFFF; }

.border  { border: 1px solid #D5D6D7; }
.borderl { border: 1px solid #E3E3E4; border-width: 0px 0px 0px 1px; }
.borderbottom  { border-bottom: 1px solid #D5D6D7; }
.borderbottomsel { border-bottom: 1px solid #F5A01A; }
.bordertop { border-top: 1px solid #CCCCCC; }
.ltbordertop { border-top: 1px solid #E9E9EA; }

.menuborder { border-top: 1px solid #E3E3E4; }

.ycbox {
    border: 5px solid #CCCCCC;
    cursor: pointer;
    background-color: #FFFFFF;
}

.ycpop {
    cursor: default;
    border-bottom: 5px solid #CCCCCC;
    background-color: #FFFFFF;
    display: none;
    position: absolute;
    z-index: 100;
}

.ycpopsh {
    cursor: default;
    display: none;
    position: absolute;
    z-index: 100;
    background: transparent;
}

.ycpopcont {
    background-color: #FFFFFF;
    border-bottom: 5px solid #CCCCCC;
    border-left: 1px solid #D6D6D6;
}

.yctitle {
    font-size: 14px;
    font-weight: bold;
    color: #737373;
    line-height: 20px;
}

.yctitlelite {
    font-size: 14px;
    font-weight: bold;
    color: #B8B8B8;
    line-height: 20px;
}

.yctitlesm {
    font-size: 10px;
    font-weight: bold;
    color: #737373;
    line-height: 12px;
}

.ycpline {
    color: #4E4E4E;
    background-color: #EAEAEA;
    width: 115px;
    padding: 10px 0px 10px 10px;
    font-size: 10px;
    line-height: 12px;
}

.ycplinesel {
    color: #4E4E4E;
    background-color: #D6D6D6;
    width: 115px;
    padding: 10px 0px 10px 10px;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
}

.yclayer {
    color: #4E4E4E;
    background-color: #EAEAEA;
    width: 188px;
    height: 28px;
    padding: 5px 0px 0px 10px;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
}

.yclayersel {
    color: #4E4E4E;
    background-color: #D6D6D6;
    width: 188px;
    height: 28px;
    padding: 5px 0px 0px 10px;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
}

.ycshadow {
    background: transparent url(images/yc/shadow.png) bottom right no-repeat;
    padding: 0px 6px 8px 0px;
}

.ycinput {
    height: 15px;
    border: 0;
    color: #A2A2A2;
    font-size: 11px;
    line-height: 11px;
    padding-top: 3px;
}

table.intl td img { border: 1px solid #D5D6D7; }

table.button td {
    background: url(images/arrows/button_bg.gif) no-repeat #F5A01A;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    line-height: 11px;
    padding: 3px 8px;
    cursor: pointer;
}

table.vmid td { vertical-align: middle; }

.ycpopup {
    background-color: #F4F4F4;
    border: 1px solid #D5D6D7;
}

.sample_folder {
    background: url(images/my3form/folder_closed.png) no-repeat; 
    background-position: 20px 5px; 
    margin: 3px auto;
    border:1px solid #d6d6d6;
    width:210px;
    height:40px;
}

.drophover {
    background: url(images/my3form/folder_open.png) no-repeat; 
    background-position: 20px 5px; 
    color: #f5a01a; 
    margin: 3px auto; 
    border: 1px solid #d6d6d6; 
    width: 210px; 
    height: 40px;
}

.selected_folder { 
    background: #D6D6D6 url(images/my3form/folder_open.png) no-repeat; 
    background-position: 20px 5px; 
    margin: 3px auto;
    border: 1px solid #FFFFFF; 
    width: 210px; 
    height: 40px;
}

.selected_sample {
    width: 200px; 
    height: 30px; 
    padding: 5px; 
    background: #D6D6D6; 
    border: 1px #FFF solid; 
    margin: 3px auto;
}

.sample_styler { 
    height: 100%; 
    width: 100%; 
    color: #737373; 
    float: left;
}

.sample_row {
    width: 200px; 
    height: 30px; 
    padding: 5px; 
    background: #FFF; 
    border: 1px #d6d6d6 solid; 
    margin: 3px auto; 
}

.sample_styler a { color:#737373; margin:0; padding:0; }

.rightselarrow {
    height: 100%; 
    background: url(images/my3form/mysamplesselarrow.gif) no-repeat; 
    width: 20px;
    height: 40px; 
    position: absolute; 
    top: 0px; 
    right: -20px;
    z-index: 2600;
}

.callout {
    font-family: Comic Sans MS, sans-serif;
    font-size: 10px;
    color: #F5A01A;
}

.pgsel { color: #F5A01A; }

.smsize { font-size: 10px; }
.smrsize { font-size: 9px; }

.portpopup {
    font-size: 10px;
    color: #E9E9EA;
    background-color: #5F6062;
}

.calloutsel {
    font-family: Comic Sans MS, sans-serif;
    font-size: 10px;
    color: #B6B7B9;
}

.prodtab{width:94px; 
    color:#FFF; 
    padding:8px 8px 7px 8px;
}
.selected {background-color: #888;}
.selected a:link{ color: #FFF; text-decoration: none; cursor: pointer;}
.selected a:hover{ color: #FFF; text-decoration: none; cursor: pointer;}
.selected a:visited{ color: #FFF; text-decoration: none; cursor: pointer;}

.unselected {background-color: #F4F4F4;}
.unselected a:link{ color: #888; text-decoration: none; cursor: pointer;}
.unselected a:hover{ color: #888; text-decoration: none; cursor: pointer;}
.unselected a:visited{ color: #888; text-decoration: none; cursor: pointer;}

.contrborder    { border: 1px solid #E9E9EA; }
.contrbg    { background-color: #A6A6A6; }
.white {color: #FFFFFF;}
.white a:link    { color: #FFFFFF; text-decoration: none; cursor: pointer; }
.white a:visited { color: #FFFFFF; text-decoration: none; cursor: pointer; }
.white a:hover   { color: #000000; text-decoration: none; cursor: pointer; }
.shapes		{ font-size: 11px; line-height: 18px; }

.bgcolor { background-color: #E9E9EA; }

a { outline: none; }

a:link    { color: #F5A01A; text-decoration: none; cursor: pointer; }
a:visited { color: #F5A01A; text-decoration: none; cursor: pointer; }
a:hover   { color: #F5A01A; text-decoration: underline; cursor: pointer; }

.callout a:link    { font-family: Verdana, Arial, sans-serif; color: #666666; text-decoration: none; cursor: pointer; }
.callout a:visited { font-family: Verdana, Arial, sans-serif; color: #666666; text-decoration: none; cursor: pointer; }
.callout a:hover   { font-family: Verdana, Arial, sans-serif; color: #F5A01A; text-decoration: none; cursor: pointer; }

.menutd div.menucont a:link    { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; text-decoration: none; cursor: pointer; }
.menutd div.menucont a:visited { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; text-decoration: none; cursor: pointer; }
.menutd div.menucont a:hover   { font-family: Verdana, Arial, sans-serif; color: #F5A01A; text-decoration: none; cursor: pointer; }

#crumb a:link    { color: #96989B; text-decoration: none; cursor: pointer; }
#crumb a:visited { color: #96989B; text-decoration: none; cursor: pointer; }
#crumb a:hover   { color: #F5A01A; text-decoration: none; cursor: pointer; }

.leftmenu a:link    { color: #555555; text-decoration: none; cursor: pointer; }
.leftmenu a:visited { color: #555555; text-decoration: none; cursor: pointer; }
.leftmenu a:hover   { color: #; text-decoration: none; cursor: pointer; }

.pagecreatebox a:link    { color: #96989B; text-decoration: none; cursor: pointer; }
.pagecreatebox a:visited { color: #96989B; text-decoration: none; cursor: pointer; }
.pagecreatebox a:hover   { color: #F5A01A; text-decoration: none; cursor: pointer; }

.leftmenu a.sel:link    { color: #B6B7B9; text-decoration: none; cursor: pointer; }
.leftmenu a.sel:visited { color: #B6B7B9; text-decoration: none; cursor: pointer; }
.leftmenu a.sel:hover   { color: #F5A01A; text-decoration: none; cursor: pointer; }

table.button td a:link    { color: #FFFFFF; text-decoration: none; cursor: pointer; }
table.button td a:visited { color: #FFFFFF; text-decoration: none; cursor: pointer; }
table.button td a:hover   { color: #FFFFFF; text-decoration: none; cursor: pointer; }

#footer a:link    { color: #96989B; text-decoration: none; cursor: pointer; }
#footer a:visited { color: #96989B; text-decoration: none; cursor: pointer; }
#footer a:hover   { color: #96989B; text-decoration: underline; cursor: pointer;}

/* tags added by lucas for my3form */
.red    { color: #ef4a34; }
.black  { color: #000000; }
.dkgray   { color: #4d4d4d; }

.whitebg    { background-color: #FFFFFF; }

.wide { width: 100%; }
.introtitle      { 
  color: #998B7D;
  font-size: 21px;
  font-weight: normal;
  padding-bottom: 5px;
}

.pad5 td { padding: 5px; }
.pad5x10 { padding: 5px 10px; }
.pad1 td { padding: 1px; }
.pad1 { padding: 1px; }
.pad5nl { padding: 5px 0px; }
table.pad5nl { padding: 0px; margin: 5px 0px; }
.pad5nl td { padding: 5px 10px 5px 0px; }
.pad3 td { padding: 3px; }
.pad3nl td { padding: 3px 6px 3px 0px; }

.giant   { font-size: 48px; }
.largest { font-size: 24px; }
.larger  { font-size: 20px; }
.large   { font-size: 16px; }
.medium	 { font-size: 13px; }
.small   { font-size: 12px; }
.smaller { font-size: 11px; }
.smallest{ font-size: 10px; }
.mini    { font-size: 9px; }
.tiny    { font-size: 8px; }

.fl { float: left; }
.fr { float: right; }

.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }

.ltrgrayborderbot  { border-bottom: 1px solid #cccccc; }
.ltrgrayborder2    { border: 1px solid #cccccc; border-width: 1px 1px 0px 0px;}
.ltrgrayborder2 td { border: 1px solid #cccccc; border-width: 0px 0px 1px 1px;}
.dkgrayborder   { border: 1px solid #4d4d4d; }
.ltgrayborderbot   { border-bottom: 1px solid #999999; }

.ltrgraybordertop  { border-top: 1px solid #cccccc; }


.vbot td  { vertical-align: bottom; }
.vbot   { vertical-align: bottom; }

.bold   { font-weight: bold; }

.shop		{ font-size: 10px; letter-spacing: 2pt; }

.reptools a:link    { color: #F5A01A; text-decoration: none; }    
.reptools a:visited { color: #F5A01A; text-decoration: none; }
.reptools a:hover   { color: #4d4d4d; text-decoration: none; }