@charset "UTF-8";
/* CSS Document */

body {
background-color: #c9e4f7;
}

h2 {font-family: "Trebuchet MS", Tahoma, Arial; font-size: 16px; color:#666; text-transform:uppercase; margin:0 10px; text-align:right; padding: 5px 0; font-weight:bold;}
.h2bold {font-weight: bold;}
.h2rightcol {margin:-10;}
h3 {font-family: "Trebuchet MS", Tahoma, Arial; font-size: 13px; color:#666; text-transform:uppercase; text-align:left; padding: 5px 0; font-weight:bold;}
p {font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: #333333; text-align:left; padding-bottom:10px; line-height: 14px;}
.text {margin: 0 10px; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: #333333; text-align:left; padding-bottom:10px; line-height: 14px;}
.boldtext {font-weight:bold;}

img {margin: 0 10px 10px 10px;}
img.products {margin:0px; padding:0px;}
img.paddingT {margin-top:10px;}
input {width: 90%; margin: 0 10px;}
input.btn {width:85px;}
a, a:link, a:visited {text-decoration:none; color:#2f67b1;}
a:hover, a:focus {text-decoration: underline; cursor:pointer;}

.tabletext {padding: 5px 5px 0 10px; text-align:left; font-family:"Trebuchet MS", Tahoma, Arial; font-size:12px;}
.tableh3 {font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color:#666; text-transform:uppercase; text-align:center; padding: 5px 5px 0 0;}

input, textarea {width: 90%; margin: 2px 0; padding: 2px 0;}

.sectionimg {margin: 0 10px 10px 0;}
.sectionfirstimg {margin: 0 10px 10px 10px;}

.leftcolumnmain table {margin-left:10px;}
.leftcolumnmain td{background-color:#edf6fc; padding: 3px 0px; border-top: #8eccf7 dotted 1px;}

.leftcolumnmain a, .leftcolumnmain a:link, .leftcolumnmain a:visited {font-family:"Trebuchet MS", Tahoma, Arial; font-size: 12px; color:#2f67b1; text-decoration:none;}
.leftcolumnmain a:hover, .leftcolumnmain a:focus {text-decoration: underline; cursor:pointer; color: #f7941d;}

.browsebtn {background: url(../images/btn_browse.jpg) no-repeat; width:87px; height: 23px; text-indent: -9999px; border:0px; margin: 10px; float:left;}
.uploadbtn {background: url(../images/btn_upload.jpg) no-repeat; width: 87px; height: 23px; text-indent:-9999px; border: 0px; margin: 10px; float:right;}

.paddingT {margin: 10px auto 0 auto;}
.paddingL {margin:0 10px;}

.highlight {color: #f00; font-size:10px; }

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	}

#containersmall {
	width: 580px;
	padding: 0 10px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

#header {
	width: 960px;
	}

#leftcolumn {
	width: 180px;
	float:left;
	margin: 10px 10px 0 0;
	position:relative;
	}

#midcolumn2 {
	width: 580px;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
	}
	
#rightcolumn {
	width: 270px;
	float:right;
	margin-top: 10px;
	position:relative;
	}

#rightcolumn2 {
	width: 180px;
	float: right;
	margin-top: 10px;
	position: relative;
	}

#uploadartwork {
	width: 250px;
	padding-left:10px;
	}

#footer {margin-top: 5px; width:960px;}
#footer p {color: #999; float:left; text-align:left; font-size:11px; padding-top: 5px;}
	
#popup {width: 581px; height: 112px; float: left: margin: 10px; padding: 0; background-image:url(../images/popup_03.jpg); background-repeat:no-repeat;}	
#popupboxtop {width: 581px; height: 10px; background-image:url(../images/popup_06.jpg); background-repeat:no-repeat; margin-top:10px;}
#popupboxmid {width: 581px;margin: 0; background-image:url(../images/popup_08.jpg); background-repeat:repeat-y; padding: 0 10px;}
#popupboxmid p {width: 560px;}
#popupboxbtm {width: 581px; height: 10px; background-image:url(../images/popup_09.jpg); background-repeat:no-repeat;}
	
.headertop { background:url(../images/top_header.jpg) no-repeat; width: 960px; height:15px;}
.headercontent {height: 115px; background-color:#ffffff; margin:0px; padding:0px;}
.headmain {width: 940px; margin: 0 10px; background-color:#edf6fc; height:105px;}

.leftcolumntop, .rightcolumn2top {background:url(../images/top_leftcol.jpg) no-repeat; width: 180px; height:19px;}
.leftcolumncontent, .rightcolumn2content {width:180px; background-color:#ffffff; height: 540px;}	
.leftcolumnmain, .rightcolumn2main {width: 160px; background-color:#edf6fc; margin:0 10px 0px 10px;}

.midcolumntop {background: url(../images/top_mid.jpg) no-repeat; width: 490px; height:10px;}
.midcolumncontent {width: 490px; background-color:#ffffff; height: 545px;}
.midcolumn2top {background: url(../images/top_mid2.jpg) no-repeat; width: 580px; height:10px;}
.midcolumn2content {width: 580px; background-color:#ffffff; height: 545px;}

.rightcolumntop {background: url(../images/top_rightcol.jpg) no-repeat; width:270px; height:10px; }
.rightcolumncontent {width:270px; background-color:#ffffff; height: 545px;}

.uploadtop {width:250px; height: 8px ; background: url(../images/upload_top.jpg) no-repeat;}
.uploadmid {width: 250px; background-color:#edf6fc;}
.uploadmid p {padding:0 10px; color: #666666;}
.uploadmid h3{padding: 10px 10px;}
.uploadbtm {width: 250px; height: 8px; background: url(../images/upload_btm.jpg) no-repeat;}

#nav {
	padding: 0;
	margin: 0;
	width: 960px;
	height: 30px;
	position: relative;
	background-repeat: no-repeat;
	float:left;
}

#nav ul {
		width: 960px;
		float:right;
        position: relative;
		margin: 0px;
		padding: 0px;
    }

#nav li { display: block;}  
li#home { position: absolute; left: 0px; top: 0px; }
li#about { position: absolute; left: 69px; top: 0px; }
li#product { position: absolute; left: 155px; top: 0px;}
li#contact { position: absolute; left: 238px; top: 0px;}
li#upload { position: absolute; left: 322px; top: 0px;}

li#home_sel { position: absolute; left: 0px; top: 0px; }
li#about_sel { position: absolute; left: 69px; top: 0px; }
li#product_sel { position: absolute; left: 155px; top: 0px;}
li#contact_sel { position: absolute; left: 238px; top: 0px;}
li#upload_sel { position: absolute; left: 322px; top: 0px;}

#home a, #about a, #product a, #contact a, #upload a{
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
}

#nav li a { display: block; height: 30px;}         
#home a { width: 69px; background-position: 0px 0px;}   
#about a { width: 86px; background-position: -69px 0px;}
#product a { width: 83px; background-position: -155px 0px; }
#contact a { width: 85px; background-position: -238px 0px; }
#upload a { width: 637px; background-position: -322px 0px; }

#home a:hover { background-position: 0px -30px; }
#about a:hover { background-position: -69px -30px; }
#product a:hover{ background-position: -155px -30px; }
#contact a:hover{ background-position: -238px -30px; }
#upload a:hover{ background-position: -322px -30px; }
       
#home_sel a { width: 69px; background-position: 0px -60px;}   
#about_sel a { width: 86px; background-position: -69px -60px;}
#product_sel a { width: 83px; background-position: -155px -60px; }
#contact_sel a { width: 722px; background-position: -238px -60px; }
#upload_sel a { width: 637px; background-position: -322px -60px; }

.noshow {display: none;}