/***************************************************
Design & Technology by Delaware Consulting
www.delawareconsulting.com 
* Description: FRAMEWORK CSS
****************************************************/
@charset "utf-8";

@font-face {
    font-family: 'AspectRegular';
    src: url('../fonts/aspect.eot');
    src: url('../fonts/aspect.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aspect.woff') format('woff'),
         url('../fonts/aspect.ttf') format('truetype'),
         url('../fonts/aspect.svg#AspectRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AspectBold';
    src: url('../fonts/aspect-bold.eot');
    src: url('../fonts/aspect-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aspect-bold.woff') format('woff'),
         url('../fonts/aspect-bold.ttf') format('truetype'),
         url('../fonts/aspect-bold.svg#AspectBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'gotham';
    src: url('../fonts/gotham.eot');
    src: url('../fonts/gotham.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham.woff') format('woff'),
         url('../fonts/gotham.ttf') format('truetype'),
         url('../fonts/gotham.svg#gotham') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HTML ELEMENTS */
body {margin:0;padding:0;font-family:gotham;font-size:13px;background:#fff;}
img {border:0;}
img, a {outline:none;outline-style:none;}
ul,li { margin:0; padding:0;}


/* HTML 5 ELEMENTS */
header {display:none !important;}
header span { display:none !important;}

nav {display:none !important;}
nav h1 {margin:0;padding:0;}
nav h2 {margin:0;padding:0;width:155px;height:87px;float:left;}

article {display:block;}
section {display:block;}

footer {display:none !important;}

/* LAYOUT */
.main {width:962px;margin:0 auto;}

.marginL5  {margin-left:5px;}
.marginL10 { margin-left:10px;}
.marginL20 { margin-left:20px;}
.marginR10 { margin-right:10px;}
.marginR20 { margin-right:20px;}
.marginT10 { margin-top:10px;}
.marginT20 { margin-top:20px;}
.marginT30 { margin-top:30px;}
.marginT80 { margin-top:80px;}
.marginT5R10 {margin:5px 10px 0 0;}
.marginT7R16 {margin:7px 15px 0 0;}
.marginL35 {margin-left:35px;} 
.marginL65 {margin-left:65px;} 

.marginR115 {margin-right:115px;}

.paddingT12 {padding-top:12px;}
.paddingT20 {padding-top:20px;}
.paddingT15 {padding-top:15px;}

.dottedTBorder {border-top:1px dotted #e8e8e8;padding-top:5px;}
.dottedBBorder {border-bottom:1px dotted #c7c7c7;padding-bottom:10px;}

/* SIZES*/
.w325 {width:325px;}
.w20 {width:20px;}
.w136 {width:136px;}
.w66 {width:66px;}
.w36 {width:36px;}
.w80 {width:80px;}

/* FLOATS */
.left { float:left;}
.right { float:right;}
.reset { clear:both;}

/* SPACER */
.spacer10 { height:10px;}
.spacer20 { height:20px;}
.spacer50 { height:50px;}
.spacer100 { height:100px;}

/* TRACK COMPONENT */
.track {font-size:11px;float:left;margin:10px 0;}
.track a:link, .track a:active, .track a:visited { text-decoration:none; }

.trackMenu {font-size:17px;font-family:AspectBold;float:left;margin:10px 0 10px 0;text-transform:capitalize; width:100%;}
.trackMenu a:link, .trackMenu a:active, .trackMenu a:visited { text-decoration:none; }
.trackMenu .trackMenuR {display: block;float: right;padding-right: 5px; *margin-right:45px; *margin-top:-20px;}

/* COMPONENT */

.carouselBox {width:535px;height:335px;float:left;}
.carouselBox.medium {width:466px;/*height:335px;*/float:left; }

.carousel.big .scrollable {position:relative; overflow:hidden; width:535px; height:300px; }
.carousel.medium .scrollable {position:relative; overflow:hidden; width:466px; height:466px; }
.carousel.small .scrollable {position:relative;overflow:hidden;width:290px;height:217px;}

.carousel.big .scrollable .items div img {width:535px; height:300px;overflow:hidden;}
.carousel.medium .scrollable .items div img {width:466px;height:466px;overflow:hidden;}
.carousel.small .scrollable .items div img {overflow:hidden;width:290px;height:217px;}
.carousel.big .scrollable .items .sliderRigImg img {width:302px;height:300px;overflow:hidden;}

.scrollable .items { width:20000em; position:absolute;}
.items div { float:left;/*background:#fff;*/}
.carousel a.browse { display:none;}
.scrollable .items { width:20000em; position:absolute;}
.carousel .right a {float:left;margin:10px 0 0 5px;}
.carousel .right span {float:left;margin:8px 0 0 8px;color:#ffd300;}

.carouselBox .naviSmall {position:absolute;z-index:20;width:190px;height:20px;margin:8px 0 0 8px;}
.carouselBox .naviSmall a {width:11px;height:11px;float:left;margin:3px;background:url(../img/Icons.png) -17px -472px no-repeat;display:block;font-size:1px;}
.carouselBox .naviSmall a:hover { background-position:-17px -472px;}
.carouselBox .naviSmall a.active { background-position:0 -472px;}

.carousel.small .navi {position:absolute;z-index:20;width:290px;height:30px;background:#fff;margin-top:190px;background:url(../img/Icons.png) left -1480px;font-family:arial}
.carousel.small .navi a {width:15px;height:15px;line-height:14px;*line-height:13px;text-align:center;float:right;margin:5px 6px 3px 0;background:url(../img/Icons.png) -125px -959px no-repeat;display:block;font-size:10px;font-weight:bold;text-decoration:none;color:#5c5c5c;}
.carousel.small .navi a:hover { background-position:-125px -959px;}
.carousel.small .navi a.active { color:#fff;background-position:-125px -985px;padding-left:0px;}

/* PRODUCT DETAIL */
.productDetailBox h1 {color:#4b4b4b;margin:8px 0;font-size:17px;font-family:AspectBold;}
.trackMenu .print a { width:45px; height:20px; display:block; font-family:gotham; float:right; background:url(../img/Icons.png) 0 -1005px no-repeat; font-size:14px; font-weight:normal; text-decoration:none; line-height:20px; text-align:right; letter-spacing:1px; color:#F00;}

.detailTables table tr.grayTitle td.lighter {font-size:13px;font-family:gotham;}

/* extranet table page content css*/
.extroProductBox  { position:relative;}
.extroProductBox h2 {color:#41281b;font-size:18px;font-family:AspectBold;border-bottom:1px dotted #c7c7c7;padding-bottom:5px;}
.extroProductBox .dottedBBorder ul {width:100%;*height:36px;margin:0 0 6px 0;padding:0;list-style:none;}
.extroProductBox .dottedBBorder ul h3 {float:left;margin:6px 10px 5px 0;color:#41281b;font-size:14px;*font-size:13px;font-family:AspectBold;letter-spacing:-0.5px;*letter-spacing:-1px;width:225px;}
.extroProductBox .dottedBBorder ul li {float:left;color:#9c9c9c;margin-right:16px;letter-spacing:1px;}
.extroProductBox .dottedBBorder ul li label {display:block;float:left;height:30px;line-height:30px;margin-left:5px;letter-spacing:1px;}
.extroProductBox .dottedBBorder ul li .typeInput {float:left;background:#f5f5f5;height:30px;line-height:30px;margin:0 10px 0 5px;padding-left:10px;color:#3a3a3a;font-size:11px;font-weight:bold;}
.extroProductBox .dottedBBorder ul li input {border:none;}
.extroProductBox .dottedBBorder ul li span {margin:-5px 0 0 0;}

.extroProductBox .leftBox {width:310px;margin-right:20px;float:left;}
.extroProductBox .leftBox img {width:304px;height:230px;border:2px solid #f0f0f0;margin-bottom:15px;}
.extroProductBox .rightBox {width:632px;float:left;}

.extroProductBox table {margin-bottom:15px; border:1px solid #000;}
.extroProductBox table td{padding:4px 5px;color:#5c5c5c;font-size:13px;border-right:1px solid #fff;border-bottom:1px solid #fff;letter-spacing:1px;}

table tr .tableTitle {background:#41281b;color:#ffd300;font-family:AspectBold;letter-spacing:-0.5px;font-size:17px;padding:10px 5px; border-bottom:1px solid #000;}
table tr .tableTitleNormal {background:#41281b;color:#ffd300;font-size:14px;padding:10px 5px; border-bottom:1px solid #000;}

table .yellowTR  {background:#ffd300;font-family:AspectBold;letter-spacing:-0.5px;}
table .yellowTR td {border-bottom:none;font-size:14px;color:#41281b;}
table .lightYellowTR  {background:#ffe04c;text-transform:uppercase;font-weight:bold;font-size:15px;}
table .lightYellowTR td {color:#41281b;padding:7px 5px;}
table .deepTR {background:#d7d1cf;}
table .deepTR td.drownTxt, .lightTR td.drownTxt  {color:#41281b;font-family:AspectBold;letter-spacing:-0.5px;font-size:13px;}
table .lightTR {background:#e2dedc;}
table tr .smallIntroTxt {font-size:10px;color:#9c9c9c;font-family:Tahoma;}
table td.deepTRA {background:#d7d1cf;text-transform:uppercase;color:#41281b;font-family:AspectBold;letter-spacing:-0.5px;font-size:13px;}

table td.spacerTD {padding:0;}
table td.spacerTD div {width:8px;}

table td.tableTitle.width330 {width:330px;}
table td.tableTitle.width662 {width:622px;}

table td.tableTitle.width327 div {width:327px;}
table td.tableTitle.width326 div {width:326px;}
table td.tableTitle.width270 div {width:250px;}

/* EXTRA PRODUCT DETAIL */
.extraBUL {min-height:243px; width:176px;float:left; list-style:none;padding:0;margin:0 20px 0 320px;}
.extraDUL {min-height:243px; width:176px;float:left;list-style:none;padding:0; margin-right:20px;}
.extraBUL li, .extraDUL li {color:#5C5C5C;font-size:13px;letter-spacing:1px;line-height:18px;}
.extraBUL h3, .extraDUL h3 {border-bottom:1px dotted #C7C7C7;border-top:1px dotted #C7C7C7;letter-spacing:1px;margin:5px 0;padding:5px;}

.currentPrice {width:180px; border:1px solid #000; margin-bottom:20px; float:right; margin-top:-55px;}
.currentPrice h3 {background:#42281b;height:36px;line-height:36px;color:#ffd300;padding-left:10px;margin:0;font-family:aspectBold; border-bottom:1px solid #000;}
.currentPrice p {background:#ffd300;text-align:center;color:#;margin:0;padding:10px 0 10px 20px;font-family:aspectBold;font-size:17px;}

.carouselBoxExtra {width:310px;max-height:300px;min-height:300px;margin:6px 0 24px 0;float:right; /*position:fixed; left:0; top:0;*/ position:absolute; left:0; top:0;}
.carouselBoxExtra .naviSmall {/*position:absolute;z-index:20;*/width:190px;height:20px;margin:-25px 0 0 10px;}
.carouselBoxExtra .naviSmall a {width:11px;height:11px;float:left;margin:3px;background:url(../img/Icons.png) -54px -472px no-repeat;display:block;font-size:1px;}
.carouselBoxExtra .naviSmall a:hover { background-position:-36px -472px;}
.carouselBoxExtra .naviSmall a.active { background-position:-36px -472px;}

.carousel.extraMedium .scrollable {position:relative; overflow:hidden;width:306px;height:236px;border:2px solid #f1f1f1;}
.carousel.extraMedium .scrollable .items img {width:306px;height:236px;overflow:hidden;}

.carouselBoxExtra div.marginT8 {margin-top:8px;}
.carouselBoxExtra div.marginT8 img {width:310px;height:55px;cursor:pointer;}
.extraBUL li a {text-decoration:none;color:#5c5c5c;}

table { border:1px solid #000 !important; border-bottom:none !important; border-right:none !important; font-size:12px !important;}
table th { border:1px solid #000 !important; border-top:none !important; border-left:none !important; padding-top:0 !important; padding-bottom:0 !important;}
table td { border:1px solid #000 !important; border-top:none !important; border-left:none !important; padding-top:0 !important; padding-bottom:0 !important; word-break:break-all; }
table td.tableTitle { padding:8px 5px !important;}


.popupBox { display:none !important;}
.popupBox h3,.popupBox h4,.popupBox img,.popupBox a { display:none !important;}
.component.TextLinkToPageComponent { display:none !important;}
.component.HeaderComponent { display:none !important;}
.component.PanosExtranetFooterComponent { display:none !important;}
span.marginT7R16 { display:none !important;}
span.language { display:none !important;}


#debugConsole {font-size: 8pt; position:fixed; right:0; bottom:0; width:300px; display: none;}