/* Global styles */

body { background-color: #000000; margin: 0; padding: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; background-position: center;}

#wrapper { margin: auto; }
#main { width:100%; margin-top: 0px; }

/* Header styles */
#header {margin-top: 0px; width:954px;}
#headerLeft {float: left; padding-right: 8px;}


/* White top navigation styles */
#topNavBar {width: 761px; float: left; margin: 0px; padding: 0px; line-height:normal;}
#topNavBar ul {list-style:none; margin: 0px; padding: 0px;}
#topNavBar li {float: left; margin: 0px; padding: 0px;}
#topNavBar li.first {width: 274px; height:36px; background-image: url(../images/global/TellUsYourPricelessPk_black.gif);}
#topNavBar li.second {width: 149px; height:36px; background-image: url(../images/global/subscribe_black.gif);}
#topNavBar li.third {width: 126px; height:36px; background-image: url(../images/global/subscribe_black.gif);}
#topNavBar li.fourth {width: 212px; height:36px; background-image: url(../images/global/worldElite_black.gif);}
#topNavBar li a {font-size: 10px; line-height: 12px; color:#a4a29c;}
#topNavBar li a.pricelessPks {position: relative; bottom: 5px; padding: 0px 0px 0px 10px;}
#topNavBar li a.rss {position: relative; bottom: 5px; padding: 0px 0px 0px 10px;}
#topNavBar li a.subscribe {}
#topNavBar li a.elite {position: relative; bottom: 11px; padding: 0px 0px 0px 7px;}

/* NEW TOP NAV STYLES */
#topNavC {width: 761px; height:36px; float: left; margin: 0px; padding: 0px; background:url(../images/navigation/topNavigBg.gif) no-repeat;}
#topNavC ul {list-style-type:none; margin: 0px; padding: 0px; color:#a4a29c;}
#topNavC li {float: left; margin: 0px; padding: 0px; height:33px; line-height:33px; text-align:center;}
#topNavC li a {color:#a4a29c; text-decoration:none}
#topNavC li .lnkList {margin-left:auto; margin-right:auto;}
#topNavC li .hdrTxtLnk {margin-left:3px; margin-right:14px;  position:relative; top:-6px; font-size: 10px; text-decoration:underline;}
#topNavC li .hdrImgLnk img{margin-top:6px; margin-left:14px;}
#topNavC li.lnkSeparator {font-size: 10px; }
/* END NEW TOP NAV STYLES */

/* These styles are for the icons and/or graphical text in the top white navigation area */
.topNavText1 {position: relative; top: 8px;}
.topNavText2 {position: relative; top: 8px;}
.topNavText3 {position: relative; top: 9px;}
.topNavText4 {position: relative; top: 3px;}


/* Main navigation styles */

#mainNav {margin-left: 0px; margin-top: 10px; float: left; width: 761px; height: 30px;}
#mainNav ul {list-style:none; padding: 0px; margin: 0px; }
#mainNav li {float: left; margin: 0px; padding: 0px;}

/* Style for bottom nav image without any navigation, which is on the home page */
#navHmBttm {margin: 0px; padding: 0px; float: left; }

/* Style for sublevel top navigation */
#subNav {margin: 0px; padding: 0px; float: left; width: 761px; /*height: 19px; max-height: 19px;*/background:url(../images/navigation/bttm_black.gif) no-repeat top left; height: 24px;}
#subNav ul {list-style:none; padding: 0; margin: 0; height: 19px; /*max-height: 19px;*/}
#subNav li {float: left; margin: 0; padding: 0; /*border-right: 1px solid #d48a2f;*/ height: 19px;}
#subNav li.noBrdr {border-right: none;}

#mainContent { background: url(/us/personal/en/promos/jeans/images/bg_overlay/bg_overlay_grad.jpg) center no-repeat; margin-top: 10px; float: left; position: relative; clear: both; width:100% }
#mainContent2 { margin-top: 10px; float: left; position: relative; clear: both; width:100% }

/* Home Page Styles */

#mainLeft {margin-left: 0px; top: 115px; clear: both; float: left; display: block; width: 707px; margin-right: 16px;}
#mainLeftFull {margin-left: 0px; top: 115px; clear: both; display: block; width: 954px; padding-right: 16px; margin-bottom: 0px;}


#mainLeftTop {/*width: 707px;*/ position: relative; height: 26px;}
#mainLeftBottom {margin-top: 0px;}
#mainLeftBottom .left {float: left; width: 348px;/* margin-left: 0px; top: 293px;*/}
#mainLeftBottom .right {float: right; position: relative;width: 348px; /*top: 293px; margin-left: 10px; */margin-left: 10px;}
#mainRight {top: 0px; float: left; position: relative; width: 229px;}
#mainRightPr {top: 10px; float: left; position: relative; width: 229px;}
#mainRightPx {top: 0px; float: left; position: relative; width: 229px;}

#featuresLnks { margin-right: 15px; position: relative; padding-bottom: 30px; margin-top: -30px;}
#featuresLnks .featuresBtn {float: right; margin-top: -5px; }
#featuresLnks .featuresLink {margin-left: 13px; margin-top: 0px; text-align: left; position: relative;}
#featuresLnks .featuresLink a{color:#fff; font-weight: bold;}

/* These styles are for the main image and button location for the home page */
#mainLeft .mnImg { width: 707px; height: 232px; float: left; position: relative; margin-bottom: 10px;}
#mainLeft .mnBtn { padding-right: 10px; float: right; }
#mainLeft .lnkWrap {float: right; margin-right: 0px;}
#mainLeft .topSp {margin-left: 10px;  height: 17px; margin-top: 10px;}
#mainLeft .top {background:url(../images/privacy/privacyTop.gif) no-repeat top left; width: 952px; height: 8px; }
#mainLeft .mnHdr {float: left; background-color: #fff; margin-top: 8px; padding: 8px 0px 5px 0px;  border-bottom: 1px solid #9e9f9f; text-align: left; width: 952px; height: 26px;}


/* These styles are for the main image and button location for the full width version of the home page */
#mainLeftFull .mainImgFull {width: 954px;height: 250px;/* float: left;*/ /* background:url(../images/home/mainImgFull.gif) no-repeat top left; margin-bottom: 10px; */ float: left; position: relative;}
#mainLeftFull .mnBtn2 { padding-right: 30px; padding-top: 198px; float: right; }
#mainLeftFull .lnkWrap {float: right; margin-right: 0px;}
#mainLeftFull .topSp {margin-left: 10px;  /*height: 17px;*/ margin-top: 0px;}
#mainLeftFull .top {background:url(../images/home/mainTopAlt.gif) no-repeat top left; width: 954px; height: 8px; }
#mainLeftFull .mnHdr {float: left;position: relative; background-color: #fff; margin-top: 8px; padding: 8px 0px 5px 0px;  border-bottom: 1px solid #9e9f9f; text-align: left; width: 954px; /*height: 26px;*/} 

#mainLeftFull .mainTxtLnk {text-align: right; margin-top: 204px; float: right; padding-right: 10px; }
#mainLeftFull .mainTxtLnk a { color: #fff; text-decoration: underline; font-weight: bold; }
#mainLeftFull .mainTxtLnk a:link { color: #fff; text-decoration: underline; font-weight: bold;}
#mainLeftFull .mainTxtLnk a:visited { color: #fff; text-decoration: underline; font-weight: bold;}
#mainLeftFull .mainTxtLnk a:hover { color: #fff; text-decoration: underline; font-weight: bold;}
#mainLeftFull .mainTxtLnk a:active { color: #fff; text-decoration: underline;font-weight: bold; }

#mainLeftBottomFl {padding-top: 16px; margin-top: 0px; clear: both;float: left; position: relative;}

#mainLeftBottomFl .left {float: left; width: 472px; margin-left: 0px;/* top: 293px;*/}
#mainLeftBottomFl .right {float: right; width: 472px;/* top: 293px;*/ margin-left: 8px;}
#mainLeftBottomFl .hdr {margin-left: 0px; text-align: left; width: 472px;}
#mainLeftBottomFl .rightFl {float: left; width: 472px;/* top: 293px;*/ margin-left: 8px;}


/* These styles are for the feature box white text headers for the feature boxes on the full width home page */
#mainLeftBottomFl .sectImg1 {width: 472px;}
#mainLeftBottomFl .topHdr { background: url(../images/features/featuresTopFullBkg.gif) no-repeat top left;height: 8px; /*width: 952px; */ }
#mainLeftBottomFl .topHdr2 { background: url(../images/features/featuresTop2FullBkg.gif) no-repeat top left;height: 8px; /*width: 952px; */ }
#mainLeftBottomFl .mnHdrFtr {float: left; background-color: #fff; margin-top: 7px; padding: 0px 0px 0px 0px;  border-bottom: 1px solid #9e9f9f; text-align: left; width: 472px; /*height: 31px; height: 22px;*/}
#mainLeftBottomFl .mnHdrFtr2 {float: left; background-color: #fff; margin-top: 7px; padding: 0px 0px 0px 0px;  border-bottom: 1px solid #9e9f9f; text-align: left; width: 472px; /*height: 31px; height: 22px;*/}
#mainLeftBottomFl .topSpFtr {margin-left: 12px; margin-top: 5px; /*height: 17px;*/ padding-bottom: 5px;}
#mainLeftBottomFl .topSpFtr2 {margin-left: 12px; margin-top: 5px; /*height: 17px;*/ padding-bottom: 5px;}

/* These styles are for the feature box white text headers for the leftmost box */
#mainLeftBottom .sectImg1 {width: 348px;}
#mainLeftBottom .topHdr { background: url(../images/features/featuresTopLftBkg.gif) no-repeat top left;height: 31px; /*width: 952px; */ }
#mainLeftBottom .topHdr2 { background: url(../images/features/featuresTop2Bkg.gif) no-repeat top left;height: 31px; /*width: 952px; */ }
#mainLeftBottom .mnHdrFtr {float: left; background-color: #fff; margin-top: 7px; padding: 0px 0px 0px 0px;  border-bottom: 1px solid #9e9f9f; text-align: left; width: 347px; /*height: 31px; height: 22px;*/}
#mainLeftBottom .mnHdrFtr2 {float: left; background-color: #fff; margin-top: 7px; padding: 0px 0px 0px 0px;  border-bottom: 1px solid #9e9f9f; text-align: left; width: 348px; /*height: 31px; height: 22px;*/}
#mainLeftBottom .topSpFtr {margin-left: 12px; margin-top: 5px; /*height: 17px;*/ padding-bottom: 5px;}
#mainLeftBottom .topSpFtr2 {margin-left: 12px; margin-top: 5px; /*height: 17px;*/ padding-bottom: 5px;}

#featuresLnksFl { margin-right: 15px; position: relative; padding-bottom: 30px; margin-top: -30px;}
#featuresLnksFl .featuresBtn {float: right; margin-top: -5px; }
#featuresLnksFl .featuresLink {margin-left: 13px; margin-top: 0px; text-align: left; position: relative;}
#featuresLnksFl .featuresLink a{color:#9e9f9f; font-weight: bold;}


/* These styles are for the optional text link on top of the main image of the home page */
#mainLeft .mainTxtLnk {text-align: right; margin-top: 204px; float: right; padding-right: 0px; }
#mainLeft .mainTxtLnk a { color: #fff; text-decoration: underline; font-weight: bold; }
#mainLeft .mainTxtLnk a:link { color: #fff; text-decoration: underline; font-weight: bold;}
#mainLeft .mainTxtLnk a:visited { color: #fff; text-decoration: underline; font-weight: bold;}
#mainLeft .mainTxtLnk a:hover { color: #fff; text-decoration: underline; font-weight: bold;}
#mainLeft .mainTxtLnk a:active { color: #fff; text-decoration: underline;font-weight: bold; }

/* This style is for the main Flash on the home page */
#mnFlash, #mnFlash2, #mnFlash3 {margin-bottom: 10px;}
#mnFlashAlt, #mnFlashAlt2, #mnFlashAlt3 {margin-bottom: 0px;}
#mnFlashPad {margin-bottom: 15px; }


/* These are for the button and text links on the full version of the home page */

#MainTopFull {margin-bottom: 25px; margin-top: -15px; padding-right: 20px;}
#MainTopFull .mnBtn {margin-top: -20px; float:right; position: relative; padding-left: 20px;}
#MainTopFull .mainTxtLnk {text-align: right; margin-top: -15px; float: right; margin-right: 0px; position: relative;}


#MainTopFull .mainTxtLnk a { color: #9e9f9f; text-decoration: underline; font-weight: bold; }
#MainTopFull .mainTxtLnk a:link { color: #9e9f9f; text-decoration: underline; font-weight: bold;}
#MainTopFull .mainTxtLnk a:visited { color: #9e9f9f; text-decoration: underline; font-weight: bold;}
#MainTopFull .mainTxtLnk a:hover { color: #9e9f9f; text-decoration: underline; font-weight: bold;}
#MainTopFull .mainTxtLnk a:active { color: #9e9f9f; text-decoration: underline;font-weight: bold; }

/* For the Highlight Boxes on the Right */

#highlights {width: 229px; /*margin-left: 16px;*/ padding: 0; background-image: url(../images/highlights/highlights_bg.gif); background-repeat: repeat-y; text-align: left; float: right; }
#highlights a.highlightImage img {border: 1px solid #9e9f9f;}
h4 { color: #757572; font-size: 11px; margin: 0; }
h4 a:link, a:visited, a:active { color: #757572; text-decoration: none}
h4 a:hover { color: #757572; text-decoration: underline}

.highlightsText { margin: 5px 12px 7px 12px; /*height: 42px;*/}



.highlightsRules { padding-top:2px; color: #9e9f9f; }
.highlightsRules a:link { color: #9e9f9f; text-decoration: underline; }
.highlightsRules a:hover { color: #9e9f9f; text-decoration: underline; }
.highlightsRules a:active { color: #9e9f9f; text-decoration: underline; }
.highlightsRules a:visited { color: #9e9f9f; text-decoration: underline; }

/* Footer and disclaimer styles */
#disclaimer { margin: 0px 0 0 0px; color:#ffffff; font-size: 9px; padding: 10px 0 5px 20px; position: relative; clear: both; width: 700px; text-align: left; float: left;}
#disclaimerFl { margin: 0px 0 0 0px; color:#ffffff; font-size: 9px; padding: 10px 0 5px 20px; position: relative; clear: both; width: 950px; text-align: left; float: left;}
#footer { margin: 0px 0 0 0px; color:#ffffff; font-size: 9px; padding: 23px 0 5px 20px; position: relative; clear: both; width: 700px; text-align: center;}
#footer a:link { color: #ffffff; text-decoration: none; }
#footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: underline; }
#footer a:active { color: #ffffff; text-decoration: none; }

#footer2 { margin: 0px 0 0 0px; color:#ffffff; font-size: 9px; padding: 23px 0 5px 0px; position: relative; clear: both; width: 1278px; text-align:center; background-color: #000000; }
#footer2 a:link { color: #ffffff; text-decoration: none; }
#footer2 a:visited { color: #ffffff; text-decoration: none; }
#footer2 a:hover { color: #ffffff; text-decoration: underline; }
#footer2 a:active { color: #ffffff; text-decoration: none; }

/* These styles are for the World Elite pages */
#MainTopFullWe {margin-bottom: 25px; margin-top: -15px; padding-right: 20px;}
#MainTopFullWe .mnBtn {margin-top: -20px; float:right; position: relative; padding-left: 20px;}
#MainTopFullWe .mainTxtLnk {text-align: right; margin-top: -15px; float: right; margin-right: 0px; position: relative;}