* { margin: 0; padding: 0; }

fieldset {
	border: none;
}

a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: none;
}

a:hover  {
	text-decoration: none;
}

body {
	font-family: "Times New Roman", Georgia, serif;
	font-size: 13px;
	text-align: center;
}

.wrapper {
	text-align: left;
	width: 1030px;
	height: 868px;
	margin: 20px auto;
}

#nav {
	float: left;
	width: 200px;
	padding: 0 40px 0 0;
}

#content {
	float:left;
	
	width:814px;
}

/*Navigation*/
#nav li {
	list-style-type: none;
}

#nav li a:link,
#nav li a:visited,
#nav li a:active,
#nav li a:hover {
	display: block;
	text-indent: -5000px;
	width: 150px;
	outline: none;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

#nav #about-us-nav {
	height: 66px;
	background-image: url('../img/nav/about.jpg');
}

#nav #registration-nav {
	height: 128px;
	background-image: url('../img/nav/registration.jpg');
}

#nav #customer-service-nav {
	height: 104px;
	background-image: url('../img/nav/customer_service.jpg');
}

#nav #projects-nav {
	height: 152px;
	background-image: url('../img/nav/projects.jpg');
}

#nav #stackist-nav {
	height: 209px;
	background-image: url('../img/nav/stackist.jpg');
}

#nav .tip h2 {
	font-family: Arial, verdana, sans-serif; 
	font-size: 11px;
}

#nav .tip {
	* width: 140px; /*IE only*/
}

/*Footer*/
#footer {
	clear: both;
	text-align: right;
	padding-right: 75px;
	font-size: 10px;
	color: #ccc;
}

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover {
	color: #ccc;
}

/* Content */
#content h2 {
	margin-top: 10px;
	font-size: 32px;
	margin-bottom: 30px;
	background-repeat: repeat-x;
	background-position: bottom left;
	font-weight: normal;
}

#content h2 span {
	background-color: #CAD2DF;
	padding: 5px 10px;
}

#content h3 {
	font-size: 12px;
	font-weight: bold;
}

#content h3 {
	color: #000;
}

#content p {
	margin-bottom: 1.3em;
	line-height: 1.5em;
	font-size: 14px; 
	line-height:1.3em; 
	font-family: Georgia, 'Times New Roman', Times, serif;
}

.highlight {
	background-color: #F2AECC;
	text-decoration: underline;
}

#content a:link, 
#content a:visited, 
#content a:hover, 
#content a:active {
	text-decoration: underline;
}

#content .callout-text {
	font-size: 18px;
}

/*Home*/

#content .page {
	width: 810px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	
	/*background-image: url('../img/dotted_h_border.gif');*/
	background-repeat: repeat-x;
	background-position: bottom left;
}

#content .section {
	padding-bottom: 5px;
	margin-bottom: 20px;
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-left:30px;
	
}

#content #customer-service #service .video-player {
	text-align: center;
}

#content #selling .page,
#content #everything .page {
	background: none;
	
}

#content #projects .page {
	background: none;
	
}

#content #projects {
	position: relative;
	font-size: 14px;
	
}

#content .imagery {
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	padding: 22px 0 0 0;
	
}

#content .project {
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 20px;
	margin-bottom: 40px;
	
}

#content .project .project-photos {
	margin-top: 20px;
}

/*Home-Bookstore*/
#bookstore-home p {
	font-size: 14px;
}

/*Home-Easy Order*/
#easy-order-home .home-header {
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#easy-order-home .home-header h2 {
	margin-bottom: 10px;
}

#easy-order-home ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#easy-order-home ol li {
	margin: 0;
	padding: 0 0 16px 0;
}

#easy-order-home ol .number {
	float: left;
	width: 44px;
	height: 45px;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: center center;
}

#easy-order-home .one {
	background-image: url('../img/home/easy-order/1.gif');
}

#easy-order-home .two {
	background-image: url('../img/home/easy-order/2.gif');
}

#easy-order-home .three {
	background-image: url('../img/home/easy-order/3.gif');
}

#easy-order-home .direction {
	float: left;
	width: 600px;
	height: 35px;
	padding: 5px 10px;
	background-color: #cad2de;
	font-size: 12px;
}

#easy-order-home .disect {
	margin-bottom: 40px;
}

#easy-order-home .disect .direction {
	margin-bottom: 40px;
}

#easy-order-home .textmsg {
	width: 440px;
	margin-right: 18px;
	padding-right: 20px;
	background-image: url('../img/home/easy-order/arrow_head.gif');
	background-repeat: no-repeat;
	background-position: center right;
}

/*Experiments*/
#experiments {
	width:804px;
	padding-left:0px;
}

/*FAQ*/
#content #faq .page {
	background: none;
	width: 804px;
	
}

#content #faq .questions {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content #faq .questions li {
	margin: 0;
	padding: 10px 8px 10px 2px;
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#content #faq .questions li.even {
	background-color: #cbd1de;
}

#content #faq .questions li h5 {
	background-image: url('../img/faq_q.gif');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 13px;
	padding: 0 0 5px 35px;
	line-height: 18px;
}

#content #faq .questions li p {
	background-image: url('../img/faq_a.gif');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 13px;
	padding: 0 0 0 35px;
	margin-bottom: 0;
	line-height: 18px;
}

/*Signup*/
#signup-wrapper {
	width: 418px;
	margin: 55px auto 0;
	text-align: left;
}

#signup-wrapper p {
	padding-bottom: 25px;
}

#signup-wrapper #login-link {
	float: left;
	margin-bottom: 10px;
}

#signup {
	float: left;
	width: 100%;
	padding-bottom: 19px;
	background-image: url('../img/signup/bottom.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
}

#signup h1 {
	width: 418px;
	height: 61px;
	background-image: url('../img/signup/header.gif');
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -5000px;
}

#signup div.success {
	color: #49912A;
	font-weight: bold;
	text-align: center;
	background-color: #b2b2b2;
}

#signup .message {
	color: #990000;
	font-weight: bold;
	text-align: center;
	background-color: #b2b2b2;
}

#signup .errors {
	color: #990000;
	padding: 10px 30px 0;
	background-color: #b2b2b2;
	line-height: 1.4em;
}

#signup .form-step {
	padding: 10px 20px 0 20px;
	background-color:#b2b2b2;
	* height: 1%;
}

#signup p {
	float: left;
	width: 338px;
	font-size: 11px;
	text-align: center;
	margin: 10px 20px;
}

#signup p a {
	text-decoration: underline;
}

#signup .input {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 6px;
}

#signup label {
	float: left;
	margin-right: 5px;
	font-weight: bold;
}

#signup input,
#signup select {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	outline: none;
}

#signup .text input,
#signup .password input {
	float: left;
	background-color: transparent !important; /*important hack to override google toolbar*/
	border: none;
	border-bottom: 1px dashed #fff;
}

#signup .checkbox input,
#signup .checkbox .cbox {
	float: right;
	margin-right: 24px;
}

#signup .terms .cbox,
#signup .terms input {
	float: left;
	margin-right: 10px;
}

#signup .checkbox .cbox {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url('../img/signup/checkbox.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

#signup .checkbox .checked {
	background-position: top right;
}



#signup .select label {
	padding-top: 3px;
}

#signup .selector {
	float: left;
	margin: 0 0 0 5px;
	background-image: url('../img/signup/selector_arrow.gif');
	background-position: 7px 7px;
	background-repeat: no-repeat;
	border: 1px dashed #fff;
}

#signup .selector select.replaced {
	margin: 0;
	padding: 0;
	opacity: 0;
	width: 15px;
}

#signup .selector select.replaced option {
	padding-left: 20px;
}

#signup .selector span {
	padding: 0 10px 0 0px;
	font-size: 11px;
}

#signup .address {
	float: left;
	width: 100%;
	margin-top: 10px;
}

#signup .address label {
	float: left;
	width: 120px;
	padding-top: 3px;
	text-align: right;
}

#signup .address-inputs {
	float: left;
	width: 250px;
}

#signup .address input {
	width: 248px;
	height: 20px;
	vertical-align: bottom;
}

#signup .address .city {
	float: left;
	width: 120px;
	height: 20px;
}

#signup .address .state {
	float: left;
	width: 63px;
}

#signup .address .zip {
	float: left;
	width: 50px;
	margin-left: 5px;
}

#signup .password-inputs {
	float: left;
	width: 100%;
	margin: 15px 0;
}

#signup .submit {
	margin-top: 15px;
}

#signup .submit {
	float: right;
}

#signup-wrapper button,
.btn {
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	cursor: pointer;
	display: block;
	background-color: #8c8c8c;
	padding: 3px;
	border: 0;
	color: #000;
	text-transform: lowercase;
}

#signup-wrapper button span,
.btn span {
	display: block;
	width: auto;
	padding: 3px 8px;
	border: 1px dashed #fff;
}

#signup #UserMobileNumber {
	width: 280px;
}

#signup .cc_type {
	width: 126px;
}

#signup #UserCcNumber {
	width: 240px;
	margin-right: 5px;
}

#signup #UserCcv {
	width: 63px;
}

#signup #UserEmail {
	width: 335px;
}

#signup #UserPassword {
	width: 305px;
}

#signup #UserPasswordConfirm {
	width: 255px;
}

#signup-wrapper .step-nav {
	margin-top: 5px;
}

#signup-wrapper .step-nav a:link,
#signup-wrapper .step-nav a:visited,
#signup-wrapper .step-nav a:active,
#signup-wrapper .step-nav a:hover {
	text-decoration: none;
}

#signup-wrapper .step-nav .prev-link {
	float: left;
	margin-left: 15px;
}
#signup-wrapper .step-nav .next-link {
	float: right;
	margin-right: 15px;
}

#signup-wrapper .forgot_link {
	margin-top: 22px;
	float: left; 
	font-size: 10px;
}

/*User Account*/
#user-account ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 175px;
}

#user-account li {
	margin-bottom: 5px;
}

#user-account li .btn {
	background-color: transparent;
}

#user-account .logout {
	margin-top: -35px;
	float: right;
}

#logout-link {
	float: right;
	margin-bottom: 10px;
}

#account-link {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*Stackist*/

.subnav {
	color: #808184;
	padding-bottom: 25px;
	border-bottom:none;
	height: 60px;
	/*width: 1024px;*/
}

#content .subnav a {
	color: #808184;
}

#content .subnav .twitter-link {
	background-image: url('../img/twitter.gif');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 17px;
}

#how-to {
	width: 814px;
}
#how-to .page{
	width: 810px;
}
#how-to .wrapper{
	width: 810px;
}
#how-to-new {
	width: 810px;
	padding-left: none;
	padding-right: -10px;
}
#how-to-new p {
	
	font-family: "Times New Roman", Georgia, serif;
	text-indent: 25px;
	font-size: 16px;
	text-align: justify;
	line-height: 1.3em;
	padding-left:30px;
	padding-right:0px;
	
}
#how-to p {
	
	font-family: "Times New Roman", Georgia, serif;
	text-indent: 25px;
	font-size: 16px;
	text-align: justify;
	line-height: 1.3em;
	padding-left:30px;
	padding-right:30px;
	
}

#how-to .subcode-explanation {
	float: left;
	width: 210px;
	margin-right: 24px;
}

#how-to .sms-explanation {
	float: left;
	width: 424px;
}

#how-to .sms-explanation h4 {
	float: left; 
	clear: both;
}

#how-to .highlight-box {
	
}

#how-to .highlight-box h4 {
	font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	font-size: 14px;
	background-color: #d2dae7;
	text-align: center;
	padding: 5px 12px;
}

#how-to .highlight-box .inner-box {
 	display: block;
	padding: 25px 10px;
	border: 1px solid #d2dae7;
	text-align: center;
}

#how-to h3 {
	height: 21px;
	margin: 20px 0 15px;
} 


#how-to p.last {
	padding-bottom: 15px;
	margin-bottom: 10px;
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#how-to .subcode-explanation .arrow {
	text-align: center;
	margin-top: 25px;
}


#how-to a:link,
#how-to a:active,
#how-to a:visited {
	text-decoration: none;
}

#how-to a:hover {
	text-decoration: underline;
}

/*Tool Tip*/
.tip .info_box h3 {
	background-image: none;
	margin-bottom: 0;
}

.tip {
	position: absolute;
	padding: 5px 0 0 6px;
	margin: 0 6px 6px 0;
	color: #000;
	text-align: left;
	background-repeat: no-repeat;
	background-position: top left;
	/*IE6 only*/
	background-image: url('../img/tooltip/tooltip_top_left_bg.gif');
}

.tip[class] {
	/*non-IE6*/
	background-image: url('../img/tooltip/tooltip_top_left_bg.png');
}

.tip .inner {
	position: relative; /*fixes IE6 negative margins*/
	padding: 0 6px 6px 0;
	margin: 0 -4px -6px 0; /*negative 4 fixes disappearing in IE6*/
	background-repeat: no-repeat;
	background-position: bottom right;
	/*IE6 only*/
	background-image: url('../img/tooltip/tooltip_bottom_right_bg.gif');
}
.tip .inner[class] {
	/*non IE6*/
	margin-right: -6px;
	zoom: 1;/*IE7 fix*/
	background-image: url('../img/tooltip/tooltip_bottom_right_bg.png');
}

.tip .corner_top_right {
	position: absolute;
	top: 0;
	right: -4px;
	height: 5px;
 	width: 6px;
 	background-repeat: no-repeat;
	background-position: top right;
	/*IE6 Only*/
	font-size: 0;
	line-height: 0;
	background-image: url('../img/tooltip/tooltip_top_right.gif');
}

.tip .corner_top_right[class] {
	/*non-IE6*/
	right: -6px;
	background-image: url('../img/tooltip/tooltip_top_right.png');
}

.tip .corner_bottom_left {
	position: absolute;
	bottom: -6px;
	left: 0px;
	height: 6px;
	width: 6px;
	background-repeat: no-repeat;
	background-position: bottom left;
	/*IE6 only*/
	font-size: 0;
	line-height: 0;
	margin-left: 1px;
	background-image: url('../img/tooltip/tooltip_bottom_left.gif');
}

.tip .corner_bottom_left[class] {
	/*non IE6*/
	margin-left: 0;
	background-image: url('../img/tooltip/tooltip_bottom_left.png');
}

.tip .inner .content {
	position: relative;
	background-color: #fff;
	padding: 7px;
}

.tip .more_info {
	width: 340px;
	/*overflow: hidden;*/
	margin-right: 0;
	position: relative;
}

.tip .more_info .inner_info {
	width: 340px;
	overflow: hidden;
}

.tip .top {
	padding: 0 0 6px 0;
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

.tip .top h4.info {
	width: 240px;
	height: 23px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: top left;
}

.tip h3 {
	padding: 6px 0 6px 0;
	margin: 0 0 6px 0;
	background-image: url('../img/dotted_h_border.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.tip .close a {
	position: absolute;
	top: -80px; 
	left: 322px;
	display: block;
	width: 18px;
	height: 18px;
	background-image: url('../img/tooltip/close.gif');
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
}

.tip h4.designer {
	font-size: 11px;
	margin: 0 0 6px 0;
}

/*video player*/
.video_player {
	float: left;
	width: 385px;
	margin: 0 auto;
}

/*User Login Sections*/
#flashMessage {
	text-align: center;
	font-weight: bold;
	color: #EE3322;
	font-weight: 14px;
}

#content .orders h2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.orders table {
	width: 100%;
}

.orders table td,
.orders table th {
	padding: 3px;
	text-align: center;
}

.actions {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.actions form, 
.actions a {
	float: left;
	margin-right: 5px;
}

dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 20em;
	margin-top: -2em;
	vertical-align: top;
}

/*Clear fixes*/
.clr, #signup .form-step:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}

* html #signup .form-step { height: 1%; }

/*Sifr*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
.home-about {
	border-bottom: thick dotted;
}

#navv {
	float:left;
	padding:0 40px 0 0;
	width:220px;
}


#navv li{
	list-style-type: none;
}
#navv a:link,
#navv a:visited,
#navv a:active,
#navv a:hover {
	color: #ccc;
}

#navv a:link {
	color:none;
}


.tip .top h4.info .code, .tip .top h5.info .code, .tip .top h6.info .code {
	background-color:#000000;
	background-image:url(../img/flag_tab.gif);
	background-position:right top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	line-height:8px;
	padding:6px 18px 6px 6px;
	text-indent: 0px;
}
.tip .top h4.info .price, .tip .top h5.info .price, .tip .top h6.info .price {
	text-indent: 0px;
	display:block;
}