﻿
/* EWEB PROPERTIES */

#ContentPane {padding: 0px;}
#ContentPane > Table {margin:0;}
#ContentPane > table > tbody > tr  > td{vertical-align:top;}

#PageFrameWorkTable {width:952px;}
#eWebContentPaneTopLinksCell /*, #eWebLeftPaneTableCell*/ {display:none;}
#eWebRightPaneTableCell { display: none; }


/* GENERAL STORE CLASSES */

.OutOfStock {font-family: 'Arial'; color: #339900; font-size: 15px;font-weight:bold;clear:left;padding:0 0 20px 0;}

.AttributeLabel {display:block; float:left; width:65px;clear:left;}

.AttributeControl {float:left;}


.Attributes {padding: 0 0 20px 0;}

.StoreClear {clear:both;height:0px;}

.AddToCart {width:130px; margin: 20px 0 0 0;}

.StoreLeft {float:left;clear:left;}

.StoreSecondaryHeading {font-size: 16px; font-weight: bold; font-family: Arial;color:#000;margin:11px 0 11px 3px;}

.StoreMainHeading {font-size:21px; font-weight:bold; font-family: Arial; color:#333;margin:20px 0 20px 0;}

.StoreLeftNav {width:187px;}

/*.StoreSearchBar 
{
    background: #ffe9b3;
    background: -moz-linear-gradient(left, #ffe9b3, #FFFFFF);
    background: -webkit-gradient(linear, left top, right top, from(#ffe9b3), to(#FFFFFF));
    background: linear-gradient(to right, #ffe9b3, #FFFFFF);

    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffe9b3', EndColorStr='#FFFFFF', GradientType=1);
    vertical-align:middle; 
    text-align: right; 
    border-bottom:solid 1px #333; 
    padding:0 10px 0 0;
}
.StoreSearchBar a, .StoreSearchBar a:visited {text-decoration:none; color:#000000}
.StoreSearchBar a:hover { text-decoration:underline; color:#000000;}*/

.btn:hover {
    color: #000;
}

.btn.btn-custom {
    background-color: #f8bb4b;
    *background-color: #f8bf57;
    background-image: -moz-linear-gradient(top, #f7d8a0, #f8bf57);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d8a0), to(#f8bf57));
    background-image: -webkit-linear-gradient(top, #f7d8a0, #f8bf57);
    background-image: -o-linear-gradient(top, #f7d8a0, #f8bf57);
    background-image: linear-gradient(to bottom, #f7d8a0, #f8bf57);
    border-color: #f4af2f;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    color: #000;
}

.btn.btn-custom:hover {    
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btn.btn-dark {
    background-color: #333333;
    *background-color: #333333;
    background-image: -moz-linear-gradient(top, #666666, #333333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#333333));
    background-image: -webkit-linear-gradient(top, #666666, #333333);
    background-image: -o-linear-gradient(top, #666666, #333333);
    background-image: linear-gradient(to bottom, #666666, #333333);
    border-color: #000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.btn.btn-dark:hover {
    color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.btn.btn-small {
    font-size: 11px;
    padding: 2px 10px;
}

.StoreSearchBar > div {
    padding: 4px 10px 0 10px;
    background: rgb(248,248,248);
    margin: 0 0 20px 0;
}

.StoreSearchBar label {
    font-size: 11px;
    line-height: 20px;
    display: inline-block;
    color: #333;
    margin-bottom: 4px;
    vertical-align: middle;
}

.StoreSearchBar .btn-small {
    margin-bottom: 4px;
}

.StoreSearchBar .btn-small:hover {
    color: #000;
    background-position: 0 -12px;
}

.StoreSearchBar .input-append {
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.StoreSearchBar .input-append input[type="text"] {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ccc;
    width: 150px;
    vertical-align: top;
    line-height: 20px;
    height: 20px;
    margin-bottom: 4px;
}

.StoreSearchBar .input-append input[type="text"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.StoreSearchBar .input-append .btn {
    border-radius: 0 4px 4px 0;
    vertical-align: top;
    margin-left: -1px;
}

.StoreRight {text-align:right;}
.StoreMainContent {width:100%; padding-left: 0; vertical-align: top; border:none;}
.StoreMainContent > table { width: 100%; }
.StoreTopLinks { background-color: #3473c6; width: 100%; height:25px; color: white; font-size:9pt; font-weight: bold; /*vertical-align: middle;*/ }
.StoreTopLinks .TopUIHyperLink, 
.StoreTopLinks a.TopUIHyperLink:link, 
.StoreTopLinks a.TopUIHyperLink:visited, 
.StoreTopLinks a.TopUIHyperLink:hover {color: white;}
.StoreTopLinks li { list-style-type: none; float: left; vertical-align: middle; }
.StoreTopLinks td { height: 25px; }
/*.StoreTopLinks ul { vertical-align: middle; }*/


.SecondaryNavColumn a, .SecondaryNavColumn a:link, .SecondaryNavColumn a:visited {color:#bbe9ff; /*font-size:9pt;*/ font-weight: bold; text-decoration: none;}
.SecondaryNavColumn a:hover { text-decoration: underline; }
.SecondaryNavColumn hr { color: #3573ca; }
.SecondaryNavColumn 
{
    background-color:#699ce4;/*background-color:#219ed6;*/
    border:solid 1px #3573ca;
    font: 9pt Arial, Helvetica, sans-serif;
    padding: 0 0 0 0;
    text-align:left;
    vertical-align:top;
    width: 235px;}
.SecondaryNavColumn > table { width: 180px; }
.SecondaryNavHeader 
{
    background: url(../../../images/CAIStore/wpTitleBorder.gif) #3573ca repeat-x left top; 
    color: #fff;
    font: 9pt Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px 10px 5px 10px; 
    text-transform: uppercase; 
    width: 100%; }
.SecondaryNavBody
{
    font: 9pt Arial, Helvetica, sans-serif;
    padding: 5px 15px 5px 15px;
}
.ComplimentaryProductImage { height:120px; width:120px; border:none; margin: 8px 0 0 0;}

/* Web Posting Control */
.WebPostingContainer { }

/* STORE LEFT NAVIGATION */
.StoreLeftNavBackground, #StoreLeftNav { vertical-align: top; }
#StoreLeftNav .WebPostingContainer { margin-top: 20px; }
/*.StoreLeftNavBackground
{
    background: #b83d00;
    background-image: url(../../../images/CAI/bkgd_left.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: top;
}
#StoreLeftNav
{
	border: 0 0 0;
    border-collapse:collapse;
    font: 9pt Arial, Helvetica, sans-serif;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 187px;
}

#StoreLeftNav .StoreWebPostingImage
{
    margin: 0 0 0 0;
}
.StoreWebPostingTitle
{
    color: #d87442;
    font-size: 80%;
    letter-spacing: 2px;
    padding: 3px 0 8px 20px;
}
#StoreLeftNav div
{
    width: 179px;
}

#StoreLeftNav li
{
    background: #c65721;
    border-bottom: #d87442 1px solid;
    color: #febc6f;
    font-weight: bold;
    list-style-type: none;
    padding: 5px 10px 5px 10px;
    text-decoration:none;    
}
#StoreLeftNav li.StoreLeftNavSubCategory
{
    padding: 5px 10px 5px 20px;
}
#StoreLeftNav h3
{
    background: #b83d00;
    border-bottom: #d87442 1px solid;
    padding: 5px 10px 5px 10px;
    color: #ffe196;
    font: 9pt Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin: 0 0 0 0;
    text-decoration:none;
}
#StoreLeftNav a, #StoreLeftNav > a:visited
{
    display:block;
    color: #febc6f;
    font: 9pt Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 10px;
    text-decoration:none;
}
#StoreLeftNav a:hover
{
    text-decoration:underline;
}

#StoreLeftNav ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ProductListings
{
    margin: 0 20px 0 20px;
}
.StoreMainContent .StoreWebPostingImage
{
    margin: 0 0 0 10px;
}*/

/* STORE FORM CLASSES */

.StoreWrapper {padding: 10px;position:relative;width: 895px;}

.StoreFormControl {float:left;padding:5px 0 0 0;}

.NarrowWidth {width:224px;}

.WideWidth {width:650px;}

/*.StoreFormControl input, .StoreFormControl select {height:23px;margin:0;}*/

.NarrowWidth input {width:224px;}

.StoreRightWide .NarrowWidth input {width:306px;}

.StoreRightWide .NarrowWidth select {width:314px;}

.StoreRightWide .NarrowWidth {width:308px;}

.StoreFormControl input {padding-top:3px;padding-bottom:2px;padding-left:4px;}

.StoreFormControl select {padding-top:3px;padding-bottom:2px;padding-left:3px;width:232px;}

.StoreFormLabel {width:113px; float:left; clear:both;padding: 8px 0 4px 0;}

.StoreFormLabelWide {width:175px; float:left; clear:both;padding: 8px 0 4px 0;}

.StoreButton {text-align:right;}

.StoreLeftNarrow {Width:424px; float:left;clear:left;margin:0 0 0 0;}

.StoreRightWide {Width:465px; float:left;position:relative;}

.StoreLeftNarrow .AddressCombo {width:344px;margin-bottom: 3px;}

.StoreRightWide .AddressCombo {width:426px;margin-bottom: 3px;}

.StoreFieldSet {border: solid 1px #cdcdcd;padding: 20px; }

.StoreFullWidth {width:889px;}

.StoreRadioList {margin: 0 0 35px 0; white-space:nowrap;}

.StoreRadioList table {display:inline;float:left;margin-bottom:32px;}

.StoreRadioList td {padding: 0 0 0 5px;}

.StoreRadioList td > input {padding: 0 2px 0 0; }

.StoreCartItemCount {display:none;}

.StoreAlert {color:#ff0000; font-weight:normal;margin-top:5px;}

.StoreFieldSet input[type=checkbox] {margin-left:4px;}



/* SEARCH */

#store-heading-search {height:29px;}

input#search-store {float:left;padding:8px 0 8px 6px;height:12px;min-height:12px;}

input#search-submit {width:41px;height:28px;float:left;margin-left:-7px;top:0px;}



/* CATEGORY BROWSER PROPERTIES */

#pnlCategories {padding:0 22px 10px 15px;margin: 14px 0 0 0;width:168px;border-right:solid 1px #ccc;}

#pnlCategories UL {padding:0 0 0 10px;margin:0;width:158px;}

#pnlCategories UL LI {list-style:none;list-style-image:none;line-height:1.3em; margin-left:2px;}

/*#pnlCategories span {font: Arial 16px;}*/

#pnlCategories H3 {font: 16pt Arial; font-weight:normal;margin: 10px 0 20px 8px;}

hr {height:1px;}

#pnlCategories A {font-family:Arial; color: #2b5185;font-size:12px;margin: 2px 0 2px 2px; text-decoration:none;}

#pnlCategories .SubCatSelected {font-family:Arial; font-weight:bold; font-size:12px; color: #333; font-style:normal;}

#pnlCategories .SubCatSelected hr {font-weight:normal;}



/* CATEGORYLIST PROPERTIES */

#pnlCategoryList {margin: 14px 0 0 0;}

#pnlCategoryList H3 {font: 14pt Arial; font-weight:bold; margin: 0 0 0 10px;}

#pnlCategoryList .PagerPages {clear:left;}

#pnlCategories A.StoreCategorySelected {font: bold italic 15pt arial; color:#333333;}
#ProductListings {margin: 20px 20px 20px 20px;}


/* PAGER PROPERTIES */

.PagerPages {margin:8px 25px 18px 0; text-align:right;font-size:9pt;font-family: arial; color:#333;}

.PagerPages UL {display:inline;margin:0;}

.PagerPages LI {display:inline;list-style:none;list-style-image:none;margin-right:10px;}

.PagerPages LI A {color: #2b5185;}

.PagerItems {background-color:#eaeaea; font: 9pt Arial, Helvetica, sans-serif; margin:10px 20px 0 0; padding: 10px;}

#pnlSubCat {padding: 10px 0 0 0; font-style:italic;}

#pnlSubCat UL {width:148px;}

#pnlSubCat UL LI {margin: 0 0 0 8px;}



/* PRODUCT LISTING */

.pnlProductName { height:50px; position:relative;}

.bottomOfDiv { position: absolute; bottom: 0px; padding-bottom: 10px; padding-top: 10px; }

.pnlImgNew { float:left; }

.pnlProductImage { float:left; }

.pnlProductListing {width:245px; height:285px; float:left; padding: 10px 20px 20px 0; text-align: left; position:relative;border-bottom:dashed 1px #333;}

.pnlProductListing img {margin: 0 0 0 0; display:block; border:none;}

.pnlProductListing .pnlPrices {margin: 4px 0 8px 0; position:relative; text-align:left; clear:left; height:110px; padding: 4px 0 0 0; }

.pnlProductListing UL {margin: 10px 0 0 0;}

.pnlProductListing LI {list-style:none;list-style-image:none;line-height:1.3em; }

.spnPriceValue {font: 9pt arial; font-weight: bold; color:#333; /*margin-left:4px;*/ display:block;}
.spnPriceValueMember {font: 9pt arial; font-weight: bold; color:#de7542; /*margin-left:4px;*/ display:block;}

.pnlProductListing hr {margin: 10px 0 0; width: 159px;}

.pnlProductListing a, .pnlProductListing a:hover, .pnlProductListing a:visited
,#ProductDetail a, #ProductDetail a:hover, #ProductDetail a:visited {
    font-size:9pt; 
    font-weight:bold; 
    font:Arial; 
    color:Black;
}

.pnlProductListing a.btn, .pnlProductListing a.btn:hover, .pnlProductListing a.btn:visited
,#ProductDetail .btn, #ProductDetail .btn:hover, #ProductDetail .btn:visited { 
    font-size: 11px; 
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

/*.pnlProductListing img.StoreBuyNow {margin:5px 0 30px 0;}*/
.aBuyNow { position: absolute; left:0; bottom:30px; margin-top: 5px; } 
.FloatRight { float: right;}
.FloatLeft { float: left; }
.FloatClear { clear: both; }

/* PRODUCT DISPLAY */
.MainSectionItem {vertical-align:top; width: 100%;}
#ProductDetail {position:relative; font-size: 9pt; margin: 4px 0 0 0; padding: 0 20px 0 20px; vertical-align:top;}

#ProductDetail .ProductDescription {clear:both;}

.ProductImage {/*position: relative;*/text-align:right;float:left;}

.ProductImage div {padding:13px 9px 10px 0;}

.ProductPrices {/*position:relative;*/float:left;padding: 0 0 0 30px; font-size: 9pt; vertical-align: top;}

.ProductImage a {text-decoration:none;}

.PriceLabel {clear:left; float:left;  width:95px;text-align:left;}

.PriceValue {float:left; width:50px;text-align:right;}



/* SHOPPING CART */

.StoreCart, .StoreCartSummary {border-collapse:collapse;width:889px;clear:left;}

.StoreCart TH, #StoreCartSummary TD {background-color:#d5d5d5;border:solid 1px #fff;font: bold 12px 'Arial';text-align:left;}

#StoreCartSummary TD {border:solid 1px #fff; padding:7px;border-top:0;background-color:#e5e5e5;}

.StoreCart TD {background-color:#f1f1f1;border:solid 1px #fff;padding:7px;vertical-align:top;}

.StoreCartRemoveColumn {width:72px;}

.StoreCartDescriptionColumn {width:499px;vertical-align:top;}

.StoreCartDescriptionColumn img {float:left; border:none;}

.StoreCartDescriptionColumn a {float:left; margin: 5px 0 0 10px;}

.StoreCartPriceColumn {width:121px;vertical-align:top;}

.StoreCartQtyColumn {width:47px;vertical-align:top;}

.StoreCartTotalColumn {width:78px;text-align:right;vertical-align:top;}

.StoreCartSummaryValue {width:78px;text-align:right;vertical-align:top;}

.StoreSummaryDescriptionColumn {width:553px;}

.StoreSummaryPriceColumn {width:135px;}

.StoreSummaryQtyColumn {width:53px;}

.StoreSummaryTotalColumn {width:86px;text-align:right;}



/* LOGIN */

#div-register p {

background:url("Include/OTI/graphics/blue-register-btn.gif") no-repeat scroll center top transparent;

padding:9px 0;

text-align:center;width:215px;

}


