body {background:url(../../images/website-background.gif) top left repeat; font:12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; line-height:14pt; color:#000}
img {border:0px}

a:link {color:#06C}
a:visited {color:#06C}
a:active {color:#06C}
a:hover {text-decoration:none; color:#039}

.spacer{clear:both; height:5px;}
.center {text-align:center}


/* ------------------------- PAGE ---------------------------- */
.wrapper {width:960px; height:auto; margin:0 auto}
.logo {width:270px; height:auto; float:left; padding:10px 20px;}
.topNav {width:650px; height:auto; float:right; vertical-align:bottom;}
.rounded {width:900px; height:auto; float:left; -moz-border-radius:10px; border-radius:10px; background-color:#fff; padding:20px 30px;}
.section {background:url(../../images/bg_login.jpg) top left no-repeat; width:280px; height:314px; float:left; margin:20px 10px 100px 10px; text-align:center; padding:30px 0 0 0}
.sectionLink a {font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20pt; text-align:center; padding:20px 20px 0 20px; float:left; width:240px; height:auto}
.sectionSm {font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; text-align:center; color:#666}

/* ------------------------- NAV ---------------------------- */
#nav {margin:0; padding:0; list-style:none; display:inline}
#nav li {float:left}
#nav li a {font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#fff; display:inline-block; margin:75px 10px 0 10px; text-align:center; text-decoration:none; float:left; padding:0 5px}
#nav li a:hover {color:#ccc}
.logout {color:#6CF}

/* ------------------------- HEADERS ---------------------------- */
.header {font:18pt 'Oswald', arial, serif; line-height:20pt; color:#036; text-align:left}
.centerHdr {font:14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#000; text-align:center; padding:30px 0 20px 0}
.leftHdr {font:14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:16pt; color:#000; text-align:left; padding:20px 0 5px 0; border-bottom:1px solid #ccc}
.subheader {font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:14pt; color:#333; text-align:left; padding:0 0 10px 0}

/* ------------------------- FORM ---------------------------- */
.login {margin:20px auto; width:400px; padding:10px 20px 20px 20px}

.createAcct {margin:20px auto; width:600px; padding:10px 20px 20px 20px}
.createAcctWrapper {width:600px; height:auto; float:left}
.createAcctL {width:260px; height:auto; float:left}
.createAcctR {width:340px; height:auto; float:right}

.createAcctR2 {width:340px; height:auto; float:left; text-align:left}
.checkB label{clear: both;display: block;float: none;margin-left:10px;width:600px; position:absolute;text-align:left;}
#createAcctWrapper label {display:block; font-weight:bold; text-align:left; width:260px; float:left}

.loginWrapper {width:400px; height:auto; float:left; text-align:center; padding:0 0 20px 0; font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:11pt; color:#666}
.acctWrapper {width:900px; height:auto; text-align:center; padding:0 0 20px 0; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:11pt; color:#666; margin:20px auto}
.input {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 0 20px 10px}
.qty {float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:80px; margin:2px 0}
.dropdown {float:left; font-size:12px; padding:4px 2px; margin:2px 0 20px 10px}
.required {color:#f00}
.caption {color:#666; font-size:11px; font-weight:normal; text-align:left; line-height:10pt}
.buttons {margin:0 auto; text-align:center}

#stylized {border:solid 2px #b7ddf2; background:#ebf4fb}
#stylized h1 {font-size:14px; font-weight:bold; margin-bottom:12px}
#stylized p {font-size:11px; color:#666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px}
#stylized label {display:block; font-weight:bold; text-align:right; width:140px; float:left}
#stylized .small {color:#666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px}
#stylized button {clear:both; width:auto; height:37px; background:url(../images/button.png) repeat-x; text-align:center; line-height:31px; color:#333; font-size:12px; font-weight:bold; margin:0 0 0 180px}

#stylized2 {border:solid 2px #b7ddf2; background:#ebf4fb}
#stylized2 h1 {font-size:14px; font-weight:bold; margin-bottom:12px}
#stylized2 p {font-size:11px; color:#666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px}
/*#stylized2 label {display:block; font-weight:bold; text-align:right; width:260px; float:left}*/
#stylized2 .small {color:#666; display:block; font-size:11px; font-weight:normal; text-align:right; width:260px; line-height:10pt}
#stylized2 button {clear:both; width:auto; height:37px; background:url(../images/button.png) repeat-x; text-align:center; line-height:31px; color:#333; font-size:12px; font-weight:bold; margin:0 0 0 10px}
#stylized2 RadioButtonList {display:block; font-weight:lighter; text-align:left; width:260px; float:left}

.artSection {width:100px; height:auto; float:left; font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:9pt; text-align:left}

/* ------------------------- FOOTER ---------------------------- */
#footer {font:11px Verdana, Geneva, sans-serif; color:#ccc; line-height:14pt; padding:15px 0; width:960px; height:auto; float:left}
.footerL {width:560px; text-align:left; float:left}
.footerR {width:400px; text-align:right; float:right}

/*----------------------------Extra------------------------------------*/
.loginWrapper1 {font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:10pt; color:#666}
.left {float:left}
.leftLabel {display:block; font-weight:bold; text-align:right; width:260px; float:left}
.introTxt {width:700px; height:auto; margin:15px auto; padding:10px; background-color:#eee; border:2px solid #d1e2e5}
/*---------------------------- PROPOSAL ------------------------------------*/
h1 {font-size:14px; font-weight:bold}
.blueBox {border:solid 2px #b7ddf2; background:#ebf4fb; margin:20px 25px; width:800px; padding:10px 20px 20px 20px; float:left}
.boxWrapper {width:800px; height:auto; float:left}
.boxColL {width:130px; height:auto; float:left; padding:5px;}
.boxColR {width:75px; height:auto; float:right; padding:5px; text-align:right;}
.boxCol2L {width:70px; height:auto; float:left; padding:5px}
.boxCol3L {width:190px; height:auto; float:left; padding:5px}
.boxCol2R {width:90px; height:auto; float:right; padding:5px}
.boxHdr {font-weight:bold; border-bottom:2px solid #b7ddf2; width:800px; height:auto; float:left}
.proposalLine {width:800px; height:auto; float:left; border-bottom:2px dotted #ccc}
.proposalL {font-weight:bold; text-align:right; width:290px; float:left; padding:3px 5px}
.proposalR {text-align:left; width:490px; float:right; padding:3px 5px}
.boxWrapperbtm {width:800px; height:auto; float:left; border-bottom:2px dotted #ccc}
.boxThumb {width:390px; height:auto; float:left; padding:5px}
.boxThumb img  {border:1px solid #ccc;}
.boxAction {width:390px; height:auto; float:right; text-align:right; padding:5px}

.printReceipt {width:880px; height:auto; float:left; text-align:right; padding:10px; }