/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2007 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
*/

@import url(reset.css);
@import url(content.css);

html {
background: #458cd4;
overflow-y: scroll;
}

body {
font: normal 75%/120% verdana, tahoma, arial, helvetica, serif;
text-align: center;
}

a {
color: #FFFFFF;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.jump-page, .jump-content {
position: absolute;
top: -9999px;
left: -9999px;
}

#page {
text-align:left;
}

#page #ezPageDefault {
padding: 9px 22px 100px;
}

#page h1 a span {
background:transparent url(../images/logo.png) no-repeat 0 0;
display:block;
height:220px;
text-indent:-9999px;
overflow:hidden;
width:275px;
}

#page h1 a {
cursor:pointer;
}

h1, h2, h3, h4, h5, h6, big {
font-size:100%;
font-weight:normal;
}

h1#productName { margin-bottom: 0; }

noscript .warning {
background: #f00;
margin: 0 auto;
padding: 0.25em;
width: 32em;
-moz-border-radius: 10px;
}

#loading {
background: transparent url(../images/loading_page.gif) no-repeat 0 0;
cursor: wait;
height: 24px;
overflow: hidden;
position: absolute;
right: 10px;
top: 10px;
width: 24px;
z-index: 9050;
}



.telephone {
background: transparent url(../images/background_telephone.png) no-repeat 0 0;
display: block;
float: right;
height: 19px;
left: 50%;
text-indent: -9999px;
margin:25px -25px 0px 0px;
overflow: hidden;
width: 114px;
}

#menu {
top: 61px;
left: 12px;
width: 240px;
z-index: 102;
}

#menu li { display: inline; }

#menu li a {
cursor: pointer;
display: block;
-moz-outline: none;
}

#menu li a span:hover {
display: block;
background-position: 0 -34px !important;
overflow: hidden;
text-indent: -9999px;
}

#menu .contact-us a span:hover {
background-position: 0 -37px !important;
}

#menu .menu-bottom a span:hover {
height: 110px;
background-position: 0 0 !important;
cursor: default;
}

#menu li a span {
display: block;
height: 34px;
overflow: hidden;
text-indent: -9999px;
}

#menu li.contact-us a span { height: 37px; }

#menu li.menu-bottom a span { height: 110px; }


#menu-bottom {
background-color: transparent;
background-image: url(../images/background_menu_bottom.png);
background-repeat: no-repeat;
position: absolute;
height: 110px;
width: 240px;
}

#menu .menu-login {
background-color: transparent;
background-image: url(../images/background_menu_log_in.png);
background-repeat: no-repeat;
position: relative;
height: 110px;
width: 240px;
top: 135px;
}

.biggerText {
font-size: 1.2em;
}

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

SELECT, INPUT.text, INPUT.password, INPUT.file, INPUT.submit, INPUT.reset, INPUT.button {
font-size: 90%;
margin: 0.3em;
}

INPUT.text, INPUT.password, INPUT.file, select, textarea {
background: #fff url(../images/background_input.png) no-repeat 0 0;
border: 1px solid #fff;
border-bottom-color: #888;
border-right-color: #888;
font: normal 100%/120% tahoma, verdana, arial, helvetica, serif;
color: #000;
padding: 2px;
}

INPUT.text:focus, INPUT.password:focus, INPUT.text:focus, select:focus, textarea:focus {
background-image: url(../images/background_input_focus.png);
}

INPUT.text[disabled], INPUT.password[disabled], INPUT.file[disabled], select[disabled], textarea[disabled] {
background-color: #bbb;
background-image: none;
border: 1px solid #666;
color: #888;
}

INPUT.submit
{
margin: 0;
padding: 0.3em 0.5em;
}

TEXTAREA {
/*	float: left;*/
background-color: #4689CE;
margin: 14px auto;
height: 8em;
display: block;
width: 95%;
}

FIELDSET {
border-top: 1px solid #efefef;
padding: 0.5em;
margin: 0.5em 0em;
/*	border: 1px solid #cccccc; */
}

LEGEND {
font-weight: bold;
padding: 0.3em;
color: #FFFFFF;
}

LABEL, h4.optionName {
line-height: 1.5em;
overflow:hidden;
padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

LABEL.inputLabel {
width: 9em;
float: left;
}

LABEL.inputLabelPayment {
width: 15em;
float: left;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
width: 12em;
float: left;
}

.clearBoth {
clear: both;
}

/*wrappers - page or section containers*/
#mainWrapper, #page {
min-height: 800px;
margin: 0 auto;
position: relative;
text-align: left;
width: 940px;
z-index: 100;
}

#headerWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#header-display {
position: relative;
top: -6px;
}

#contentMainWrapper
{
color: #fff;
position: relative;
top: 13px;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: middle;
}

#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.PopBoxContainer img
{
background-color: #fff;
border: 1px solid #333;
padding: 1px;
}

#ezPageDefault .PopBoxContainer img { margin-right: 10px; }

.PopBoxImageSmall { cursor: url(../images/magplus.cur), pointer; }
.PopBoxImageLarge { cursor: url(../images/magminus.cur), pointer; }
.PopBoxImageShrink { cursor: url(../images/magminus.cur), pointer; }
.PopBoxImageLink { cursor: pointer; }
.PopBoxImageMove { cursor: move; }
.popBoxDivCapText, .popBoxDivCapTrans { visibility: hidden; }

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding:  0.5em 0em;
list-style-type: none;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: bold;
color: #ffffff;
height: 35px;
width: 100%;
}

#navMain ul {
float: right;
margin: 0;
padding:  0.5em 2.4em;
list-style-type: none;
text-align: left;
line-height: 1.5em;
overflow:hidden;
}

#navSupp ul, #navCatTabs ul  {
margin: 0;
padding:  0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
overflow:hidden;
}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
white-space: nowrap;
}

#navMain ul li.account
{
position: absolute;
height: 34px;
left: 11px;
top: 246px;
width: 240px;
}

#navMain ul li.account a
{
background: transparent url(../images/background_nav_account.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 34px;
overflow: hidden;
text-indent: -9999px;
width: 240px;
-moz-outline: none;
}

#navMain ul li.account a:hover
{
background-position: 0 -34px;
text-decoration: none;
}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #000000;
}

#navEZPagesTOC ul {
margin: 0;
padding:  0.5em 0em;
list-style-type: none;
line-height: 1.5em;
overflow:hidden;
}

#navEZPagesTOC ul li {
white-space: nowrap;
}

#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

#navMainSearch {
float: right;
}

#navBreadCrumb, #navEZPagesTop {
font-size: 0.95em;
font-weight: bold;
margin: 1em 0;
}

#navColumnOne {
}

#navColumnTwo {
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}

.alert {
color: #FFFF00;
margin-left: 0.5em;
}
.advisory {}
.important {
color: #ffc;
font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
float: right;
}
#navBreadCrumb, #navEZPagesTop, .centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
padding: 0 22px 0 19px;
}

.centerColumn { padding-bottom: 120px; }

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}

/*Shopping Cart Display*/

.tableHeading TH {
border-bottom: 1px solid #cccccc;
}

.tableHeading {
background-color: #e9e9e9;
}

#cartSubTotal {
border-top: 1px solid #285785;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 0.25em;
overflow:hidden;
}

.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}

#scUpdateQuantity {
width: 2em;
}

.cartQuantity {
width: 4.7em;
}

.cartNewItem {
color: #33CC33;
position: relative;  /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative;   /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
text-align: right;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 1em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
}
.mediaTitle {
float: left;
}
.mediaTypeLink {
float: right;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #ff0000;
}

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {
width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
/*background-color: #fff;
border: 1px solid #333;*/
margin: 0em 1em 1em 0em ;
padding: 1px;
}

.categoryIcon {}

#cartImage {
margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
margin: 0em;
padding: 0em 0em;
}

.leftBoxHeading, .centerBoxHeading {
margin: 0em;
padding: 0em 0em;
}

.leftBoxContainer {
margin-top: 0px;
}

.sideBoxContent {
padding: 0 0.1em;
}

#loginbox {
margin-left: 21px;
}

#loginboxHeading {
display: none;
}

#loginbox fieldset {
border-top: none;
padding: 0;
}

h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #FFFF00;
}

.rightBoxHeading {
margin: 0em;
padding: 0.2em 0em;
}

h3.leftBoxHeading a:hover {
color: #FFFF33;
text-decoration: none;
}

h3.rightBoxHeading a:hover {
color: #FF0000;
text-decoration: none;
}

.rightBoxContent {
margin-bottom: 1em;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
background-color: #0000CC;
}

#upProductsHeading {
text-align: left;
}

#upDateHeading {
text-align: right;
}

#productListing .tabTable .productListing-odd
{
border-right: 1px solid #fff;
clear: both;
float: left;
width: 47%;
}
#productListing .tabTable .productListing-even
{
float: right;
width: 47%;
}

#productListing .tabTable .productlisting-image
{
float: left;
height: 128px;
margin-right: 10px;
}

#productListing .tabTable .productlisting-image img
{
/*background-color: #fff;
border: 1px solid #333;*/
padding: 1px;
}

#productListing .tabTable .productlisting-name { text-align: left; }
#productListing .tabTable .productlisting-name h3 { margin-bottom: 3px; }

#productListing .tabTable .productlisting-price { text-align: left; }

#productListing .tabTable .productListing-row:after
{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

#productListing .tabTable .productListing-row { display: inline-block; }
#productListing .tabTable .productListing-row { display: block; }
* html #productListing .tabTable .productListing-row { height: 1px; }

/*misc*/
.back {
float: left;
}

.forward, #shoppingCartDefault #PPECbutton, #cartAdd {
float: right;
}

.login-button {
position: relative;
top: -94px;
float: right;
}

.logoff-button {
position: relative;
top: -90px;
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd,
#cartContentsDisplay .cartTableHeading,
#cartContentsDisplay .tableHeading,
#accountHistInfo .tableHeading,
#prevOrders .tableHeading,
#notificationsDefault table thead tr {
background: transparent url(../images/background_rowOdd.png) repeat 0 0;
border-bottom: 1px solid #285785;
}
.rowEven,
#accountHistInfo table tr,
#prevOrders tr,
#notificationsDefault table tbody tr {
background: transparent url(../images/background_rowEven.png) repeat 0 0;
border-bottom: 1px solid #3571ae;
}

#cartContentsDisplay .cartTableHeading th,
#cartContentsDisplay .tableHeading th,
#accountHistInfo .tableHeading th,
#accountHistInfo table tr td,
#prevOrders .tableHeading th,
#prevOrders tr td,
#notificationsDefault table thead th,
#notificationsDefault table tbody td { padding: 0.3em 0.5em; }
#cartContentsDisplay .tableHeading th,
#accountHistInfo .tableHeading th,
#prevOrders .tableHeading th { border-bottom: none; }

.rowOdd,
.rowEven {
vertical-align: top;
}

.hiddenField {
display: none;
}
.visibleField {
display: inline;
}

CAPTION {
/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #cacaca;
height: 2em;
}

#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.information {
padding: 10px 3px;
line-height: 150%;
overflow:hidden;
}

#shoppingcartBody #shippingEstimatorContent {
clear: both;
}

.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}

.legalCopyright {
color: #9ac2eb;
font-size: 80%;
text-transform: lowercase;
}

/** information bar style **/

#information-bar
{
background: transparent url(../images/background-information-bar.png) repeat-x 0 100%;
cursor: default;
left: 0;
padding-bottom: 9px;
position: fixed;
top: 0;
width: 100%;
text-align: left;
z-index: 9999;
-moz-user-select: none;
}

* html #information-bar
{
background-image: none;
border-bottom: 1px solid ThreeDDarkShadow;
padding-bottom: 0;
position: absolute;
top: 0;
width: expression((document.body.clientWidth || document.documentElement.clientWidth) + 'px');
}

#information-bar .message
{
background-color: InfoBackground;
background-repeat: no-repeat;
background-position: 2px 50%;
color: InfoText;
display: block;
font: menu;
line-height: 24px;
padding: 2px 0 2px 20px;
}

#information-bar .message .close
{
background: transparent url(../images/icons-close.gif) no-repeat 0 0;
display: block;
height: 16px;
overflow: hidden;
position: absolute;
right: 2px;
top: 6px;
width: 16px;
}
#information-bar .message .close-hover { background-position: 0 -16px; }
#information-bar .message .close-down { background-position: 0 -32px; }

* html #information-bar .message { border-bottom: 1px solid ThreeDShadow; }

.information-bar .message { background-image: url(../images/icon-information-bar.png); }
* html .information-bar .message { background-image: url(../images/icon-information-bar.gif); }

.information-bar-error .message { background-image: url(../images/icon-information-bar-error.png); }
* html .information-bar-error .message { background-image: url(../images/icon-information-bar-error.gif); }

.information-bar-warning .message { background-image: url(../images/icon-information-bar-warning.png); }
* html .information-bar-warning .message { background-image: url(../images/icon-information-bar-warning.gif); }

.information-bar-success .message { background-image: url(../images/icon-information-bar-success.png); }
* html .information-bar-success .message { background-image: url(../images/icon-information-bar-success.gif); }

.information-bar-loading .message { background-image: url(../images/icon-information-bar-loading.gif); }

.information-bar-error .message span,
.information-bar-warning .message span { font-weight: bold; }

.information-bar .notifications a
{
color: #00c;
display: block;
margin-right: 24px;
text-decoration: none;
}

.information-bar .notifications a:hover
{
color: #00f;
text-decoration: underline;
}

.information-bar .notifications a big
{
font-size: 100%;
font-weight: bold;
}

/** warnings, errors, messages **/

.messageStackWarning,
.messageStackError,
.messageStackSuccess,
.messageStackCaution
{
background: #fff none no-repeat 0 0;
border: 1px solid #fff;
color: #000;
margin: 0 0 10px 0;
min-height: 24px;
padding: 18px 10px 10px 52px;
-moz-border-radius: 3px;
}

* html .messageStackWarning,
* html .messageStackError,
* html .messageStackSuccess,
* html .messageStackCaution
{
height: auto !important;
height: 24px;
}

.messageStackWarning img,
.messageStackError img,
.messageStackSuccess img,
.messageStackCaution img { display: none; }

.messageStackSuccess
{
background-image: url(../images/status_success.gif);
border-color: #087d08;
color: #087d08;
}

.messageStackWarning
{
background-image: url(../images/status_warning.gif);
border-color: #dbac2a;
color: #dbac2a;
}

.messageStackError
{
background-image: url(../images/status_error.gif);
border-color: #822222;
color: #822222;
}

.messageStackCaution
{
background-image: url(../images/status_caution.gif);
border-color: #1231b9;
color: #1231b9;
}

.messageStackWarning a { color: #dbac2a; }
.messageStackError a { color: #822222; }
.messageStackSuccess a { color: #087d08; }
.messageStackCaution a { color: #1231b9; }

/** product pages styles **/

#checkoutShipping #checkoutShipto,
#checkoutPayment  #checkoutBillto,
#checkoutConfirmDefault #checkoutShipto,
#accountHistInfo #myAccountShipInfo,
#accountHistoryDefault fieldset .back { border-right: 1px solid #fff; }
#checkoutShipping #checkoutShipto .buttonRow,
#checkoutPayment  #checkoutBillto .buttonRow,
#checkoutConfirmDefault #checkoutShipto .buttonRow,
#checkoutConfirmDefault #checkoutBillto .buttonRow { margin-top: 0; }

#checkoutPayment .ccinfo { margin: 0.5em 0.3em; }

#checkoutConfirmDefault #checkoutBillto .important .back { padding-right: 0.25em; }

#accountHistoryDefault fieldset .back
{
margin-right: 1em;
padding-right: 1em;
}

/** order status styles **/

#accountHistInfo dl dt,
#productGeneral .agree dl dt
{
clear: both;
float: left;
margin-top: 5px;
width: 15%;
}

#accountHistInfo dl dd,
#productGeneral .agree dl dd
{
float: left;
margin-top: 5px;
padding-left: 0;
width: 84.5%;
}

#orderPreliminaryPlan .agree dl dt,
#orderMeasurementSurveyStarted dl.agree dt,
#productGeneral .agree dl dt,
#accountHistInfo dl dt.toggle-upload,
#orderPreliminaryPlan .revise dl dt.accept
{
float: right;
width: 94.5%;
}

#orderPreliminaryPlan .agree dl dd,
#orderMeasurementSurveyStarted dl.agree dd,
#productGeneral .agree dl dd,
#accountHistInfo dl dd.toggle-upload,
#orderPreliminaryPlan .revise dl dd.accept
{
float: left;
margin-top: 10px;
width: 5%;
}

#accountHistInfo dl dt.upload-row { width: 25%; }
#accountHistInfo dl dd.upload-row { width: 74.5%; }

#orderPreliminaryPlan dl dt.upload-row { display: none; }
#orderPreliminaryPlan dl dd.upload-row
{
float: right;
width: 94.5%;
}

#orderAwaitingSketches dl.initial dd.upload { width: 45%; }
#orderAwaitingSketches dl.initial dd.remove { width: 5%; }

#orderAwaitingSketches dl.initial dd.remove { margin-top: 10px; }
#orderAwaitingSketches dl.initial dd.remove a
{
background: transparent url(../images/icon-delete.png) no-repeat 0 0;
cursor: default;
height: 16px;
display: block;
width: 16px;
}

#orderAwaitingSketches dl.initial dd.add { margin-top: 10px; }

#productGeneral .agree dl dd { margin-top: 7px; }

#accountHistInfo INPUT.submit-send,
#accountHistInfo INPUT.submit-continue,
#accountHistInfo BUTTON.add-photo
{
background: transparent none no-repeat 0 0;
border: none;
cursor: pointer;
font-size: 75%;
height: 33px;
padding-top: 30px;
}

#accountHistInfo INPUT.submit-send
{
background-image: url(../buttons/english/button_send.png);
width: 71px;
}
#accountHistInfo INPUT.submit-continue
{
background-image: url(../buttons/english/button_continue.png);
width: 95px;
}
#accountHistInfo BUTTON.add-photo
{
background-image: url(../buttons/english/button_add_photo.png);
cursor: default;
width: 142px;
}
#accountHistInfo BUTTON.add-photo[disabled]
{
opacity: 0.5;
-moz-opacity: 0.5;
}

#navSuppWrapper
{
position: relative;
z-index: 200;
}

#notificationsDefault table,
#notificationsDefault table .subject { width: 100%; }

#orderPreliminaryPlan fieldset.agree,
#orderPurchaseMeasurement fieldset.interim,
#orderAwaitingMeasurements fieldset.upload,
#orderDetailedDrawingsAvailable fieldset.final { float: left; width: 47%; }
#orderPreliminaryPlan fieldset.revise,
#orderPurchaseMeasurement fieldset.survey,
#orderAwaitingMeasurements fieldset.survey,
#orderDetailedDrawingsAvailable fieldset.planning { float: right; width: 47%; }

#orderDetailedDrawingsAvailable fieldset.amendment,
#orderDetailedDrawingsAvailable fieldset.purchase { clear: both; }

#accountHistInfo #orderFiles ul li,
#accountHistInfo #orderFiles p,
#orderPreliminaryPlan .preliminary-plans li,
#orderMeasurementSurveyStarted .sections-list li
{
background-image: none;
float: left;
height: 210px;
overflow: hidden;
padding-right: 1.5%;
padding-bottom: 0;
padding-left: 1.5%;
text-align: center;
width: 21.5%;
}

#orderPreliminaryPlan .preliminary-plans li { width: 43%; }

#accountHistInfo #orderFiles p { height: auto; }

#accountHistInfo #orderFiles .download img,
#accountHistInfo  #orderPreliminaryPlan .download img,
#orderMeasurementSurveyStarted .sections-list .download img,
#productGeneral .agree .detailed-drawings-available .download img,
#accountHistInfo #orderFiles .print img,
#accountHistInfo  #orderPreliminaryPlan .print img,
#orderMeasurementSurveyStarted .sections-list .print img,
#productGeneral .agree .detailed-drawings-available .print img { vertical-align: middle; }

#accountHistInfo #orderFiles img.thumb,
#accountHistInfo  #orderPreliminaryPlan img.thumb,
#orderMeasurementSurveyStarted .sections-list img.thumb,
#productGeneral .agree .detailed-drawings-available img.thumb
{
background-color: #fff;
border: 1px solid #333;
padding: 1px;
}

#accountHistInfo #orderFiles .files-has-final img.thumb
{
filter: alpha(opacity=65);
opacity: 0.65;
-moz-opacity: 0.65;
}

#accountHistInfo #orderFiles small,
#accountHistInfo #orderPreliminaryPlan .status small,
#orderMeasurementSurveyStarted .sections-list .status small,
#productGeneral .agree .detailed-drawings-available .status small { display: block; }

#accountHistInfo #orderFiles h2 small { display: inline; }

#accountHistInfo #orderFiles .status .download,
#accountHistInfo #orderPreliminaryPlan .status .download,
#orderMeasurementSurveyStarted .sections-list .status .download,
#productGeneral .agree .detailed-drawings-available .status .download { text-decoration: none; }
#accountHistInfo #orderFiles .status .download span,
#accountHistInfo #orderPreliminaryPlan .status .download span,
#orderMeasurementSurveyStarted .sections-list .status .download span,
#productGeneral .agree .detailed-drawings-available .status .download span { text-decoration: underline; }


#orderAwaitingSketches ul li.formats ul li,
#orderReceived ul li.formats ul li,
#orderPreliminaryPlan .revise ul li.formats ul li,
#orderAwaitingMeasurements .upload ul li.formats ul li,
#orderMeasurementsReceived ul li.formats ul li,
#orderDetailedDrawingsApproved ul li.formats ul li
{
background-image: none;
float: left;
padding-bottom: 0.3em;
padding-right: 0.5em;
padding-left: 0;
}

#productGeneral .agree .detailed-drawings-available
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
width: 128px;
}

#orderMeasurementSurveyStarted .sections-list li { height: 250px; }

#orderMeasurementSurveyStarted .sections-list li .status
{
display: block;
margin-bottom: 5px;
}

#orderMeasurementSurveyStarted .sections-list li a.launch-start,
#orderMeasurementSurveyStarted .sections-list li a.launch-resume
{
background: transparent none no-repeat 0 0;
display: block;
height: 33px;
line-height: 1000px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#orderMeasurementSurveyStarted .sections-list li a.launch-start
{
background-image: url(../buttons/english/button_start.png);
width: 106px;
}

#orderMeasurementSurveyStarted .sections-list li a.launch-resume
{
background-image: url(../buttons/english/button_resume.png);
width: 119px;
}

#orderMeasurementSurveyStarted .sections-list .progress
{
margin-bottom: 5px;
position: relative;
width: 100%;
}

#orderMeasurementSurveyStarted .sections-list .progress .progress-caption
{
background: transparent url(../images/background_progressCaption.png) repeat 0 0;
border: 1px solid #000;
font-size: 90%;
height: 18px;
line-height: 18px;
overflow: hidden;
position: relative;
z-index: 101;
-moz-border-radius: 5px;
}

#orderMeasurementSurveyStarted .sections-list .progress .progress-value
{
background: transparent url(../images/background_progressValue.png) repeat 0 0;
height: 18px;
left: 0;
margin: 1px;
overflow: hidden;
position: absolute;
top: 0;
z-index: 100;
-moz-border-radius: 5px;
}

#orderMeasurementSurveyStarted .sections-list .progress-at-0 { color: #f88; }
#orderMeasurementSurveyStarted .sections-list .progress-at-100 { color: #cfc; }

#orderPayments .payments-list .payments .payment
{
background-image: none;
padding-bottom: 0;
padding-left: 0;
}

#orderPayments .payments-list .payments .payment a
{
background: transparent url(../images/button_payment_right.png) no-repeat 100% 0;
display: -moz-inline-block;
display: -moz-inline-box;
display: inline-block;
line-height: 28px;
height: 28px;
overflow: hidden;
text-decoration: none;
}

#orderPayments .payments-list .payments .payment a span
{
background: transparent url(../images/button_payment_left.png) no-repeat 0 0;
display: block;
margin-right: 24px;
padding-left: 32px;
}

#orderPayments .payments-list .payments .payment a:hover { background-position: 100% -28px; }
#orderPayments .payments-list .payments .payment a:hover span { background-position: 0 -28px; }

/** clear fix **/

#accountHistInfo dl:after,
#productGeneral .agree dl:after,
#orderPreliminaryPlan .wrapper:after,
#orderDetailedDrawingsAvailable .wrapper:after,
#orderAwaitingMeasurements .wrapper:after,
#orderPurchaseMeasurement .wrapper:after,
#accountHistInfo #orderFiles ul:after,
#orderPreliminaryPlan .preliminary-plans:after,
#orderMeasurementSurveyStarted .sections-list:after,
#accountHistInfo #orderFiles .final:after,
#orderAwaitingSketches ul li.formats ul:after,
#orderReceived ul li.formats ul:after,
#orderPreliminaryPlan .revise ul li.formats ul:after,
#orderAwaitingMeasurements .upload ul li.formats ul:after,
#orderMeasurementsReceived ul li.formats ul:after,
#orderDetailedDrawingsApproved ul li.formats ul:after
{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

#accountHistInfo dl,
#productGeneral .agree dl,
#orderPreliminaryPlan .wrapper,
#orderDetailedDrawingsAvailable .wrapper,
#orderAwaitingMeasurements .wrapper,
#orderPurchaseMeasurement .wrapper,
#accountHistInfo #orderFiles ul,
#orderPreliminaryPlan .preliminary-plans,
#orderMeasurementSurveyStarted .sections-list,
#accountHistInfo #orderFiles .final,
#orderAwaitingSketches ul li.formats ul,
#orderReceived ul li.formats ul,
#orderPreliminaryPlan .revise ul li.formats ul,
#orderAwaitingMeasurements .upload ul li.formats ul,
#orderMeasurementsReceived ul li.formats ul,
#orderDetailedDrawingsApproved ul li.formats ul { display: inline-block; }
#accountHistInfo dl,
#productGeneral .agree dl,
#orderPreliminaryPlan .wrapper,
#orderDetailedDrawingsAvailable .wrapper,
#orderAwaitingMeasurements .wrapper,
#orderPurchaseMeasurement .wrapper,
#accountHistInfo #orderFiles ul,
#orderPreliminaryPlan .preliminary-plans,
#orderMeasurementSurveyStarted .sections-list,
#accountHistInfo #orderFiles .final,
#orderAwaitingSketches ul li.formats ul,
#orderReceived ul li.formats ul,
#orderPreliminaryPlan .revise ul li.formats ul,
#orderAwaitingMeasurements .upload ul li.formats ul
#orderMeasurementsReceived ul li.formats ul,
#orderDetailedDrawingsApproved ul li.formats ul { display: block; }
* html #accountHistInfo dl,
* html #productGeneral .agree dl,
* html #orderPreliminaryPlan .wrapper,
* html #orderDetailedDrawingsAvailable .wrapper,
* html #orderAwaitingMeasurements .wrapper,
* html #orderPurchaseMeasurement .wrapper,
* html #accountHistInfo #orderFiles ul,
* html #orderPreliminaryPlan .preliminary-plans,
* html #orderMeasurementSurveyStarted .sections-list,
* html #accountHistInfo #orderFiles .final,
* html #orderAwaitingSketches ul li.formats ul,
* html #orderReceived ul li.formats ul,
* html #orderPreliminaryPlan .revise ul li.formats ul,
* html #orderAwaitingMeasurements .upload ul li.formats ul,
* html #orderMeasurementsReceived ul li.formats ul,
* html #orderDetailedDrawingsApproved ul li.formats ul { height: 1px; }

/** prompt box styles **/

#prompt-shim
{
background: transparent url(../images/background_page_shim.png) repeat-x 0 0;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9997;
}

* html #prompt-shim { position: absolute; }

#prompt-box
{
background: transparent url(../images/background_prompt_box_low.png) no-repeat 0 0;
height: 364px;
left: 50%;
margin-top: -182px;
margin-left: -322px;
position: fixed;
top: 50%;
width: 644px;
z-index: 9998;
}

* html #prompt-box { position: absolute; }

#prompt-close
{
background: transparent url(../images/background_prompt_box_close.png) no-repeat 0 0;
height: 37px;
left: 50%;
margin-top: -178px;
margin-left: 280px;
position: fixed;
top: 50%;
width: 37px;
z-index: 9999;
}

* html #prompt-close { position: absolute; }

#prompt-box h2
{
color: #fff;
font: normal 110% georgia, 'bookman old style', century, times, serif;
position: absolute;
left: 45px;
text-align: center;
top: 45px;
width: 554px;
}

#prompt-box textarea
{
position: absolute;
height: 195px;
left: 45px;
overflow: auto;
top: 60px;
width: 550px;
}

#prompt-box input
{
background: transparent url(../buttons/english/button_send.png) no-repeat 0 0;
border: none;
cursor: pointer;
font-size: 75%;
height: 33px;
left: 525px;
position: absolute;
text-indent: -1000px;
top: 290px;
width: 71px;
}

/** file input **/

.file-wrapper { position: relative; }

.file-wrapper .value,
.file-wrapper button
{
position: absolute;
z-index: 1;
}

.file-wrapper .value
{
background: #fff url(../images/background_input.png) no-repeat 0 0;
border: 1px solid #fff;
border-bottom-color: #888;
border-right-color: #888;
color: #000;
display: block;
font: normal 90%/110% tahoma, verdana, arial, helvetica, serif;
height: 26px;
left: 0;
overflow: hidden;
padding: 2px;
right: 72px;
top: 2px;
}

.file-wrapper button
{
background: transparent url(../buttons/english/button_choose_file.png) no-repeat 0 0;
border: none;
height: 34px;
margin: 0;
padding: 30px 0 0 0;
right: 0;
top: 0;
width: 68px;
}

.file-wrapper .file
{
filter: alpha(opacity=0);
height: 34px;
margin: 0;
opacity: 0;
padding: 0;
position: relative;
text-align: right;
z-index: 2;
width: 100%;
-moz-opacity: 0;
}

/** menu **/

#menu {

height: 452px;
width:240px;
}


.menu-bottom a span:hover {
height: 110px;
background-position: 0 0 !important;
cursor: default;
}


.menu-bottom a span {
display: none;
}


.menu-bottom {
background-color: transparent;
background-image: url(../images/background_menu_bottom.png);
background-repeat: no-repeat 0 0;
position: absolute;
height: 110px;
width: 240px;
}

.menu-login {
background-color: transparent;
background-image: url(../images/background_menu_log_in.png);
background-repeat: no-repeat 0 0;
position: relative;
height: 110px;
width: 240px;
top: 135px;
}


.sub-non-toggler {
color:#3F3E37;
cursor:pointer;
display:block;
font-weight:bold;
height:26px;
vertical-align:middle;
width:100%;
}

.non-toggler {
color:#3F3E37;
cursor:pointer;
display:block;
font-weight:bold;
height:34px;
vertical-align:middle;
width:100%;
}


.toggler {
color:#3F3E37;
cursor:pointer;
display:block;
font-weight:bold;
height:34px;
vertical-align:middle;
width:100%;
}
.toggler:hover,
.non-toggler:hover{
background-position: 0 -34px !important;
}
.sub-non-toggler:hover{
background-position: 0 -26px !important;
}
.contact-us:hover{
background-position: 0 -37px !important;
}
.accordion {
padding-left:0px;
padding-right:0px;
text-align:left;
}

.sub-non-toggler span,
.non-toggler span,
.toggler span {
display: none;
}


.home{
background: url(../images/background_menu_home.png);
}

.how-it-works {
background: url(../images/background_menu_how_it_works.png);
}

.pricing {
background: url(../images/background_menu_pricing.png);
}

.guidelines {
background: url(../images/background_menu_guidelines.png);
}


.preparing-sketches {
background: url(../images/background_menu_preparing_sketches.png);
}


.taking-photos {
background: url(../images/background_menu_taking_photos.png);
}

.how-to-measure {
background: url(../images/background_menu_how_to_measure.png);
}


.questions-and-answers {
background: url(../images/background_menu_questions_and_answers.png);
}

.need-planning {
background: url(../images/background_menu_need_planning.png);
}

.building-regulations {
background: url(../images/background_menu_building_regulations.png);
}

.faq {
background: url(../images/background_menu_faq.png);
}

.planning-process {
background: url(../images/background_menu_planning_process.png);
}



.get-sketch-sheet {
background: url(../images/background_menu_get_sketch_sheet.png);
}

.contact-us {
background: url(../images/background_menu_contact_us.png);
border-right: 0;
}

#loginboxContent input.text,
#loginboxContent input.password { width: 120px; }
#loginboxContent .login-button { margin-top: -8px; }
#loginboxContent .logoff-button { text-decoration: none; }


#contactUsDefault .contactUsPhoto
{
/* background: transparent url(../../../../images/contact_us_office_photo.jpg) no-repeat 0 0; /* REMOVED TEMPORARILY */
float:      right;
width:      410px;
height:     210px;
}

#contactUsDefault fieldset { clear: right; }