/* GENERATION STYLE SHEET */

/* for THE SKATE SHOP */


/* Homepage attributes */
body{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#000000;}
.mainframe{}
.welcomemsg{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#103570;font-weight:bold;}
.pagename{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FFEFFF;font-weight:bold;letter-spacing:3px;}

.sp{font-family:Helvetica,Arial,sans-serif;font-size:11px;text-transform:lowercase;} /* bread crumbs */
a.sp:link{color:#9B949B;text-decoration:none;}
a.sp:visited{color:#9B949B;text-decoration:none;}
a.sp:active{color:#9B949B;text-decoration:none;}
a.sp:hover{color: #103570;text-decoration:none;}
.spg{font-family:Helvetica,Arial,sans-serif;font-size:11px;} /* bread crumbs divider */

/* Fonts */  
@font-face {font-family:z_opt,sans-serif;font-style:normal;font-weight:700;src:url(\Design\Fonts\OPTIMAC0.eot);}

/* Log in box and forms */
.pleaselog{font-family:Helvetica,Arial,sans-serif;font-size:15px;color:#39305A;font-style:italic;font-weight:bold;}
.fieldname{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#425984;}
a.fieldnamelink:link{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#425984;}
a.fieldnamelink:visited{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#425984;}
a.fieldnamelink:active{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#425984;}
a.fieldnamelink:hover{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#253A61;}
.autosign{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#425984;}
.button{font-family:Helvetica,Arial,sans-serif;font-size:12px;background-color:#DEDEDE;width:90px;height:20px;color:#39305A;
border-left:1px solid #39305A;border-top:1px solid #39305A;border-right:2px solid #394D73;border-bottom:2px solid #394D73;} /* button */
.ntb{font-family:Helvetica,Arial,sans-serif;font-size:12px;background-color:transparent;height:20px;color:#39305A;
border-left:1px solid #39305A;border-top:1px solid #39305A;border-right:1px solid #394D73;border-bottom:1px solid #394D73;} /* text box */
.errortext{font-family:Helvetica,Arial,sans-serif;font-size:13px;font-weight:bold;color:#FF0000;text-transform:uppercase;} /* red error text */

/* Normal text */
.n{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#000000;}
.n2{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#000000;}
.n3{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#000000;}
.n4{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#000000;}
.nb{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#000000;font-weight:bold;} /* normal bold */
.ni{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#000000;font-style:italic;} /* normal italic */
.nr{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FF0000;} /* normal red */
.nblk{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#000000;} /* normal black */
.nblkb{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#000000;font-weight:bold;} /* normal black bold */

/* Hyperlinks */
a:link{font-weight:bold;color:#1855A5;}
a:active{font-weight:bold;color:#1855A5;}
a:visited{font-weight:bold;color:#1855A5;}
a:hover{font-weight:bold;color:#103570;}

/* Headers and sub-headers */
.head{font-family:Helvetica,Arial,sans-serif;font-size:15px;color:#295578;font-weight:bold;} /* also title container */
.head2{font-family:Helvetica,Arial,sans-serif;font-size:20px;color:#295578;font-weight:bold;}
.head3{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#295578;font-weight:bold;}
.head4{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#295578;font-weight:bold;}
.head5{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#295578;font-weight:bold;font-style:italic;}
.head6{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#295578;}

.subhead{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#295578;font-weight:bold;}
.subhead2{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#295578;font-weight:bold;}
.subhead3{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#295578;font-weight:bold;}
.subhead4{font-family:Helvetica,Arial,sans-serif;font-size:15px;color:#295578;font-weight:bold;}

/* Footer */
.footer{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FFFFFF;}
a.footerlink:link{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FFFFFF;font-weight:normal;text-decoration:none;}
a.footerlink:visited{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FFFFFF;font-weight:normal;text-decoration:none;}
a.footerlink:active{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FFFFFF;font-weight:normal;text-decoration:none;}
a.footerlink:hover{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#FFFFFF;font-weight:normal;text-decoration:underline;}

/* Containers */
.con{font-family:Helvetica,Arial,sans-serif;font-size:22px;color:#295578;font-weight:bold;}
.con2{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#295578;font-weight:bold;}
.con3{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#295578;font-weight:bold;font-style:italic;}
.con4{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#00629F;font-weight:bold;}
.con5{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#295578;font-weight:bold;}
.con6{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#295578;font-weight:bold;}
.con7{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#295578;font-weight:bold;}
.con8{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#20599E;font-weight:bold;}
.con9{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#256487;font-weight:bold;font-style:italic;}
.con10{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#256487;font-weight:bold;font-style:italic;}

/* Table */
.tbl{font-family:Helvetica,Arial,sans-serif;font-size:12px;border:solid 1px #000000;} /* frame */
.tblhdr{font-size:12px;color:#FFFFFF;font-weight:bold;height:20px;background-color:#213C7B;} /* header */
.tblftr{font-size:12px;color:#FFFFFF;font-weight:bold;height:20px;background-color:#213C7B;} /* footer */
.tblitm{color:#000000;background-color:#C6DBF7;} /* row */
.tblalt{color:#000000;background-color:#ADC7E7;} /* alternate row */
.tbledit{background-color:#89C0C6;} /* edit row */
.tblsel{background-color:#7CB0B5;} /* row selected */
.tblcel{background-color:#72BAC2;} /* cell */
.tblaltc{background-color:#73C5CE;} /* alternate cell */
.tblpag{font-family:Helvetica,Arial,sans-serif;font-size:10px;color:#000000;font-weight:bold;height:20px;background-color:#949903;} /* table pager */

/* HTML Styles */
UL LI{list-style-type:square;color:#103570;}
UL LI LI{list-style-type:disc;color:#103570;}
UL LI LI LI{list-style-type:circle;color:#103570;}
OL LI{list-style-type:decimal;color:#103570;}
OL OL LI{list-style-type:lower-alpha;color:#103570;}
OL OL OL LI{list-style-type:lower-roman;color:#103570;}
HR{color:#103570;height:1pt;} /* horizontal rule */

/* Image Sizes for MyProfile, e-comm etc */
.image{width:50px;border:solid 1px #dddddd;}
.image2{width:100px;border:solid 1px #dddddd;}
.image3{width:150px;border:solid 1px #dddddd;}
.image4{width:200px;border:solid 1px #dddddd;}
.image5{width:250px;border:solid 1px #dddddd;}