/* ==========================================================================
   CONTENTS

   Home Page                - Default.aspx
   Product List             - ProductList.aspx
   Cart                     - Cart.aspx
   Scapa On                 - On.aspx
   Order Detail             - OrderDetail.aspx
   Advanced Search Products - AdvancedSearchProducts.aspx
   Agree Terms              - AgreeTerms.aspx
   Basic Product List       - BasicProductList.aspx
   ========================================================================== */


/* ==========================================================================
   Home Page - Default.aspx
   ========================================================================== */

/*** Image Rotator ***/
#mainRotator {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: none;
}
.rotRot {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.rotItem {
    background: #383838;
}
.rotItem p {
    line-height: 1.4;
}
.rotItem .imgContainer {
    text-align: center;
}
.rotImage {
    width: 524px;
    overflow: hidden;    
}
.rotFooter {
    padding: 20px; 
    height: 92px; 
    color: #aaa;
}
.boxTitleLink {
    float: right; 
    margin-right: 10px;
}
h3.title {
    margin: 12px 0 8px;
    font-size: 18px;
    color: #fff;
}
#scapaOnBanner {
    display: block;
    width: 524px;
    height: 38px;
    /*background: url('../images/tape-on-time.png') no-repeat 0 0;*/
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid #e5e5e5;
}
#ctl00_MainContent_rrtBanner
{
    margin-bottom: 20px;
}
.moreButton {
    margin-left: 10px;
}


/* ==========================================================================
   Product List - ProductList.aspx
   ========================================================================== */

#productListRight {
    float: right; 
    width: 776px; 
    margin-bottom: 50px;
}
#productListRight .boxTitle {
    margin-left: 20px;
}
.productBox {
    border: 1px solid #e5e5e5;
    float: left;
    width: 236.669px;
    margin: 20px 0 0 20px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
.productBox h4 {
    height: 40px; 
    margin: 0; 
    padding: 10px; 
    line-height: 1.4;
}
.productBox div {
    text-align: center; 
    border-bottom: 1px solid #e5e5e5;
}
.productBox p {
    padding: 10px 10px 0; 
    margin: 0; 
    height: 58px; 
    line-height: 1.4;
}
.productBox img {
    height: 130px;
    padding-bottom: 20px;
}
#rlvProducts table {
    margin-left: 20px;
}


/* ==========================================================================
   Cart - Cart.aspx
   ========================================================================== */

#editBox {
    background: #f8f8f8; 
    border: 1px solid #e5e5e5; 
    margin: 20px 20px 20px 20px;
    width: 250px; 
    padding: 10px;
}
#editBox > table {
    margin-bottom: 5px; 
    line-height: 25px !important;
}
#editBox > table tr td:first-child {
    padding-right: 10px;
}
#editBoxQty {
    float: left; 
    margin-right: 5px; 
    margin-top: 8px;
}
#editBoxButtons {
    float: left; 
    margin-top: 5px; 
    margin-right: 10px
}
#mainPromotionsContainer {
    float: left; 
    width: 625px;
}
.centerValues td.itemDescription, .centerValues th.itemDescription {
    text-align: left !important;
    padding-left: 15px !important;
}


/* ==========================================================================
   Scapa On - On.aspx
   ========================================================================== */

#onList li {
    background: url('../Images/scapaon-bullet-list.png') no-repeat 0px 1px;
    padding: 2px 0 15px 30px;
    line-height: 1.4em;
}
#onList li:last-child {
    padding: 2px 0 0 30px;
}
#onTagline {
    font-family: HelveticaNeueLT35Thin, Arial, Sans-Serif;
    font-size: 26px;
    margin: 10px 0;
}
#onImageContainer {
    text-align: center; 
    padding: 20px 0 38px;
}
#onMainBox {
    border-left: 1px solid #e5e5e5; 
    border-right: 1px solid #e5e5e5;
}
.onProductItemRight {
    float: left;
    padding: 20px 20px 20px 0px;
    width: 364px;
}
.onProductItemRight h4 {
    text-transform: uppercase;
    padding: 0; 
    margin: 0 0 8px 0; 
    font-weight: bold;
}
.onMaterials {
    border: 1px solid #e5e5e5; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



/* NEW PRODUCTS */


/*advanced products search */
.newProductItemDescription3 {
    margin: 0;
    line-height: 1.4em;
    padding: 10px 10px;
}



.newProductItemLeft120 {
    float: left;
    padding: 30px 30px 40px 20px;
    width: 110px;
}
.newProductItemLeft img {
    width: 90px;
}
.newProductItemRight {
    float: left;
    padding: 20px 20px 20px 0px;
    width: 340px;
}
.newProductItemRight h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}










/*scapa on */
.newProductItem {
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    width: 100%;
    background: #fff;
}
.newProductItemLeft {
    float: left;
    padding: 30px 10px 40px 20px;
    width: 110px;
}
.newProductItemDescription3 p {
    margin: 0;
    padding: 0;
}
.newProductItemDescription3.alternate {
    background: #e5e5e5;
}




/* main promotions */
.newProductItemDescription {
    margin-bottom: 0px;
    line-height: 1.4em;
    padding: 10px 0px;
}



.newProductItemPrice {
    font-size: 16px;
    color: #383838;
}
.newProductItem {

}
.newProductItemPrice {
    margin-bottom: 0;
}

.lnkButton {
    float: left;
    padding: 5px 10px 5px;
    height: auto !important;
    margin-top: 10px;
}
.forgotText {
    float: left;
    margin: 0 10px 10px 0;
}

.messageMain {
    background: #eee;
    line-height: 1.4em;
    padding: 20px;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}
.systemMessage {
    background: #fff;
    line-height: 1.4em;
    padding: 20px;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}


.messageMain p {
    margin: 0;
}
.messageMain h3 {
    margin-bottom: 10px;
}
.messageMain h4 {
    font-size: 11px;
}

.errorPageMessage {
    display: block;
    margin-bottom: 20px;
    float: left;
    padding: 20px;
}

.problemMessageErrorPage {
    color: #D8000C;
    background: url("../Images/error.png") no-repeat 10px 10px #FFBABA;
    margin: 25px 0 30px;
    min-height: 35px;
    padding: 23px 10px 10px 80px;
    border: 1px dashed #D8000C;
    display: block;
}
.acceptedMessage {
    background: url("../Images/tick.png") no-repeat 10px 10px #dbff89;
    margin: 0px 0 30px;
    min-height: 35px;
    padding: 23px 10px 10px 80px;
    color: #70a810;
    border: 1px dashed #70a810;
    display: block;
}
.warningMessage {
    background: url("../Images/warning30.png") no-repeat 10px 10px #FEEFB3;
    margin: 0px 0 20px;
    min-height: 35px;
    padding: 14px 10px 0px 60px;
    color: #9F6000;
    border: 1px dashed #9F6000;
    display: block;
}


/* ==========================================================================
   Error Pages Default - Default.aspx
   ========================================================================== */

#errorPage .boxTitle {
    margin-top: 40px;
}
#errorPage img {
    width: 130px; 
    float: left;
    margin-bottom: 20px;
}


/* ==========================================================================
   Error Pages Upgrade Browser - UpgradeBrowser.aspx
   ========================================================================== */

#browsers {
    margin-top: 30px;
}
.browserOption h3 { 
    font-size: 18px; 
    margin: 0; 
    padding: 10px 0 0; 
}        
.browserOption img {
    float: left;
    margin-right: 15px;
}
.browserOption {
    width: 33.3333%;
    float: left;
    padding-bottom: 15px;
}


/* ==========================================================================
   Login - Login.aspx
   ========================================================================== */

#login {
    line-height: 1.4;
}
#login .innerBoxContent { 
    background: url('../Images/bg-login-2.png') no-repeat 50px 70px;
    height: 267px;
}
#login #newUsers {
    float: left; 
    background: url('../Images/bg-login.png') no-repeat 80px 70px;
    height: 267px;
}
#login h3 {
    margin: 0 0 10px 0;
}
#login .innerBoxContent p:first-child { 
    margin-bottom: 15px; 
    margin-top: 15px
}
#failureTextContainer {
    color: #df3128; 
    font-weight: bold;
}
#passwordRow {
    margin: -10px 0 0 0; 
}
#requiredFieldsContainer {
    float: right; 
    margin-top: -10px;
}
#forgottenPasswordContainer {
    float: left; 
    margin-top: -10px; 
    margin-right: 8px; 
    display: block; 
    color: #888;
    font-weight: bold;
}
#loginButtonContainer {
    clear: both; 
    padding-top: 15px; 
    margin: 0;
}
#MainContent_LoginUser_RememberMeLabel, #MainContent_LoginUser_RememberMe {
    float: left;
}
#MainContent_LoginUser_RememberMeLabel {
    margin: -5px 0 0 5px;
}
.lblLabel {
    padding-right: 4px;
    display: block;
    float: left;
}


/* ==========================================================================
   Register - Register.aspx
   ========================================================================== */

#registerForm p.longText {
    width: 430px;    
}
#registerForm p {
    color: #383838;
}
#registerForm h4 {
    border-bottom: 1px solid #DDDDDD;
    color: #383838;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#register {
    background: url('../Images/bg-login.png') no-repeat 360px 100% #fff;
}
#registerForm p {
    margin-bottom: 5px;
}
#registerForm .submitButton {
    margin-top: 30px;   
}
#loginInfo {
    padding: 20px 0 10px 0;
}


/* ==========================================================================
   Account - Account.aspx
   ========================================================================== */
 
#account h4 {
    font-size: 18px;
    font-weight: normal;
}
#userDetails td {
    border-top: 1px dotted #ccc;
    width: 300px;
    padding: 3px 0 2px;
}
#userDetails td.first {
    width: 170px;
}   


/* ==========================================================================
   Change Password - ChangePassword.aspx
   ========================================================================== */

#changePassword {
    padding: 20px; 
    background: url('../Images/bg-login-2.png') no-repeat 360px 100% #fff;
}
.changePassword p {
    width: 430px;
    color: #383838;
}
.changePassword .submitButton {
    margin-top: 30px;
}
.newPassLabel {
    width: 150px;
    display: block;
    float: left;
}


/* ==========================================================================
   Forgotten Password - ForgottonPassword.aspx
   ========================================================================== */

#requestPassword .requestbutton {
    float: none;
}
.pleaseWait {
    margin-top: 20px;
}


/* ==========================================================================
   Edit Details - EditDetails.aspx
   ========================================================================== */

#editDetails p {
    width: 430px;
    color: #383838;
}
#editDetails .submitButton {
    margin-top: 30px;
}


/* ==========================================================================
   Quotes - Quotes.aspx
   ========================================================================== */

.delButtonQuote {
    vertical-align: -3px;
}
#quotes .acceptedMessage, #quotes .problemMessageErrorPage {
    margin: 0;
}
#noQuoteHistory {
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
}
#quotes .failureNotification {
    float: none;
    margin-bottom: 10px;
}
#quotes .submitButton {
    margin-top: 20px !important; 
    float: right;
}
#quotes .rgNoRecords td {
    padding: 20px 0;
}
#quotes .textEntry {
    margin-bottom: 10px;
}
#requestSentToNote {
    float: right; 
    margin: 25px 20px 0 0;
}

/* ==========================================================================
   Samples - Samples.aspx
   ========================================================================== */

.delButtonSample {
    vertical-align: -3px;
}
#samples .acceptedMessage, #samples .problemMessageErrorPage {
    margin: 0;
}
#noSampleHistory {
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
}
#samples .failureNotification {
    float: none;
    margin-bottom: 10px;
}
#samples .submitButton {
    margin-top: 20px !important; 
    float: right;
}
#samples .rgNoRecords td {
    padding: 20px 0;
}
#samples .textEntry {
    margin-bottom: 10px;
}
#requestSentToNote {
    float: right; 
    margin: 25px 20px 0 0;
}


/* ==========================================================================
   Place Order - PlaceOrder.aspx
   ========================================================================== */

.orderButton {
    padding: 5px 5px;
    font-size: 16px;
    background: #cb1a11 !important;
}
.orderButton:hover {
    background: #c11006 !important;
}
.orderButton .radButton, .orderButton .rbSkinnedButton, .orderButton .rbDecorated {
    background: #cb1a11 !important;
    padding: 5px 10px;
    font-size: 16px;
}
.orderButton:hover .radButton, .orderButton:hover .rbSkinnedButton, .orderButton:hover .rbDecorated {
    background: #c11006 !important;
}
#orderDetail {
    padding: 20px;
}
#orderDetail td {
    line-height: 1.231;
    padding-bottom: 10px;
}
#orderDetail td div {
    margin: 0 50px 0 0px !important;
}
.verticalRows td {  
    font-weight: bold;
    padding-right: 20px;
}
.secondTD {
    font-weight: normal !important;
    padding-right: 70px !important;
}
.tdLabel {
    padding: 2px 20px 0 0;
}
.reorderbutton {
    float: right;
    margin: -5px 20px 0 0;
}
.requestbutton {
    float: right;
    margin: -5px 10px 0 0;
}
#orderDetail td.thirdTD {
    padding-right: 100px;
}
.borderedTable .rgMasterTable {
    border: 1px solid #ddd !important;
}
.borderedTable .rgMasterTable tr:last-child td {
    border-bottom: none !important;
}
.largeText {
    font-size: 16px;
}
.centerValues .rgRow td, .centerValues .rgAltRow td {
    text-align: center;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-right: 1px solid #ddd !important;
    color: #383838 !important;
}
.rgRow td:last-child, .rgAltRow td:last-child {
    border-right: none !important;
}
.centerValues th {
    text-align: center !important;
    color: #383838 !important;
}
td.itemDescription, th.itemDescription {
    text-align: left !important;
    padding-left: 15px !important;
}
#PONumber {
     padding-right: 30px;
}


/* ==========================================================================
   Order Detail - OrderDetail.aspx
   ========================================================================== */

#processBreadcrumb {
    margin-bottom: 20px;
}
#processBreadcrumb li {
    float: left;
    display: block;
    padding: 10px 0;
    width: 328.6px;
    text-align: center;
    background: #ccc;
    position: relative;
}
#processBreadcrumb {
    overflow: hidden !important;
}
#processBreadcrumb li.arrow:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ccc;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
#processBreadcrumb li.arrow:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
#processBreadcrumb li.arrow.completed:after {
    border-left: 30px solid #57ae2c;
}
#processBreadcrumb li.completed {
    background: #57ae2c;
    color: #fff;
}
#orderDetailLinks {
    padding-top: 20px;
}
.firstCrumb {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.lastCrumb {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}


/* ==========================================================================
   Product Detail - ProductDetail.aspx
   ========================================================================== */

.price {
    font-size: 16px;
    font-weight: normal;
}
.inner img  {
    height: 120px;
}
.productDetail {
    border-top: 1px solid #e5e5e5;
}
.productDetail h2  {
    font-weight: normal;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#productDetailsBottom {
    border-top: 1px solid #e5e5e5;
}
#productDetailsAlternatives {
    text-align: left; 
    width: 270px; 
    float: left; 
    margin-top: 10px
}
#productDetailsDatasheet {
    margin: 13px 0 0 0;
}
#productDetailsLeft {
    text-align: center; 
    width: 300px; 
    float: left;
}
#productDetailsRight {
    background: #f8f8f8; 
    border: 1px solid #e5e5e5; 
    margin: 20px 0 0; 
    width: 278px; 
    padding: 10px;
}
#productDescriptionP {
    margin: 10px 0;
}
#productDescriptionPrices {
    float: left; 
    margin-top: 30px; 
    margin-bottom: 20px; 
    font-size: 18px;
}
#productDescriptionQty {
    float: left; 
    margin-right: 5px; 
    margin-top: 5px;
}
#productDescriptionQtyText {
    float: left; 
    margin-top: 5px;
}
#baseUOMAfterCalc {
    float: left; 
    margin-left: 5px; 
    margin-top: 5px;
}
#productDetailsRight table {
    margin-bottom: 5px;
}
#productDetailsRight td:first-child {
    padding-right: 10px;
}
.calcButton {
    margin-left: 20px;   
}
.availabilityLabel {
    display: block; 
    padding: 10px 0;
    color: Green;
}
.availabilityLabelPrice {
    color: Green;
}
.availabilityErrorLabel {
    color: Red;
    display: block; 
    padding: 10px 0;
}
#mainProductDesc {
    float: right; 
    width: 400px; 
    text-align: left;
}
#mainProductDesc h3 {
    margin: 0;
    padding: 10px 0 0px;
}
.textboxWidth {
    width: 70px;
}
#ctl00_MainContent_cmbMaterial_DropDown .rcbHeader ul,
#ctl00_MainContent_cmbMaterial_DropDown .rcbFooter ul,
#ctl00_MainContent_cmbMaterial_DropDown .rcbItem ul, 
#ctl00_MainContent_cmbMaterial_DropDown .rcbHovered ul, 
#ctl00_MainContent_cmbMaterial_DropDown .rcbDisabled ul {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}        
.cmbMaterialUL .col1 {
    float: left;
    width: 80px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}
.cmbMaterialUL .col2 {
    float: left;
    width: 260px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}
.stockAvailabilityButton {
    clear: left;
    margin-top: 20px;
}
.bigImg {
    padding: 20px; 
    border: 1px solid #e5e5e5; 
    width: 224px; 
    height: 224px; 
    float: left; 
    margin-bottom: 10px;
}
.smallImg {
    padding: 10px; 
    border: 1px solid #e5e5e5; 
    width: 60px; 
    height: 60px; 
    float: left; 
    margin-bottom: 10px;
    margin-right: 10px; 
    cursor: pointer;
}
#noMaterialInfo {
    background: rgb(248, 248, 248); 
    border: 1px solid #e5e5e5; 
    padding: 20px;
}


/* ==========================================================================
   Account Admin Menu - AccountAdminMenu.ascx
   ========================================================================== */

#adminMenuAdd {
    background: url('../Images/Icons/user_add.png') no-repeat 0px 3px;
    padding-left: 22px; 
    margin: 0 0 5px 0;
}
#adminMenuEdit {
    background: url('../Images/Icons/user_edit.png') no-repeat 0px 3px;
    padding-left: 22px; 
    margin: 0;
}


/* ==========================================================================
   Account Tasks - AccountTasks.ascx
   ========================================================================== */

#accountTasksChangePassword {
    background: url('../Images/Icons/key.png') no-repeat 0px 3px; 
    padding-left: 22px; 
    margin: 0 0 5px 0;
}
#accountTasksEdit {
    background: url('../Images/Icons/user_edit.png') no-repeat 0px 3px;
    padding-left: 22px; 
    margin: 0;
}


/* ==========================================================================
   Advanced Search Products - AdvancedSearchProducts.aspx
   ========================================================================== */

.searchLabel {
    display: block;
    float: left;
    width: 160px;
    clear: both;
}
.searchInput {
    float: left;
}
.searchLabelMid {
    display: block;
    float: left;
    width: 160px;
    margin-left: 40px;
}        
.btnSearch {
    clear: both;
    margin: 20px 0 0 160px;
}
#searchOptionsInner {
    background: url('../Images/search-bg.png') no-repeat 490px 100% #fff;
    padding: 20px;
}
#slideButtonContainer {
    background: #f9f9f9; 
    border-top: 1px solid #e5e5e5; 
    text-align: center;
    padding: 10px 0;
}
#slideButton {
    height: 21px;
    width: 21px;
    margin: 0 auto;
    background: url('../Images/arrow-up.png') no-repeat 0 0 transparent;
    cursor: pointer;
}        
.slideDown {
    background: url('../Images/arrow-down.png') no-repeat 
        0 0 transparent !important;
}
.noResults {
    margin: 0; 
    padding: 20px;
}
.sliderField {
    width: 120px; 
    float: left;
}


/* ==========================================================================
   Agree Terms - AgreeTerms.aspx
   ========================================================================== */
   
.agreeTerms p {
    line-height: 1.4em;
}
.agreeTerms h4 {
    margin: 30px 0 10px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    color: #383838;
}
.agreeTerms h4:first-child {
    margin-top: 0;
    padding-top: 0;
}
.agreeTerms ul {
    margin: 20px 40px;
}
.agreeTerms ul li {
    padding-left: 25px;
    background: url('Global/Images/Icons/accept.png') no-repeat 0 2px;
}
.langCombo  {
    float: right;
    margin-right: 20px;
}
.agreeButton  {
    margin-top: 20px;
}   
.agreeTerms .detailsBtn {
    margin-top: 20px;
}     
.tacNumbering {
    padding-right: 20px;
}


/* ==========================================================================
   Basic Product List - BasicProductList.aspx
   ========================================================================== */
   
.basicAddToCart {
    margin-right: 13px;
}