body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, table, p, th, td { margin: 0; padding: 0; }
img { border: 0; display:inline;}
a:link, a:visited, a:hover, a:active { outline: 0;}
h1, h2, h3, h4, h5, h6, pre, code { font-size:100%; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }

h1 {font-weight:bold; color:#4d4d4f;}
h2 {font-weight:bold; color:#b82832;}
p {text-align:left;}

.printStyle h1 {font-size:120%; color:#b72832; margin-bottom:5px; margin-top:15px;}
.printStyle p {font-size:90%; color:#4d4d4d;}

a:link {color: #b82832; text-decoration:none;}
a:visited {color: #b82832; text-decoration:none;}
a:hover {color: #000000;}
a:active {color: #000000;}

body {font-family:Arial, Helvetica, sans-serif; color:#4d4d4d; font-size:80%;}
body div.wcm-region-marker{	z-index:2000;}
body.printStyle {font-family:Arial, Helvetica, sans-serif; font-size:100%; width:540px; margin-top:10px; margin-left:auto; margin-right:auto; background:#ffffff;}

#printStyleHeader {position:absolute;}
#printStyleCopy {top:-150px; position:relative; padding-left:50px; width:450px;}
#printStyleContainer{height:720px;}
#printStyleCopyright { font-size:90%; color:#4d4d4d; text-align:center; position:relative; margin-top:10px;}

#header {position:relative; z-index:1; background:url("../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_top-bar.gif") repeat; height:58px;}
#mainContainer{position:relative; z-index:3; width: 960px; margin-left:auto; margin-right:auto; min-height:555px; height:auto !important; height:555px;}
#subHeader {margin-top: -45px; height:83px; font-size:13px;}
#topNav {position:relative; top: -80px; font-size:140%; left:280px; letter-spacing:.1em; width:70%; line-height:83px; z-index:2;}
#topNav a:link, #topNav a:visited {color:#b82832;}
#topNav a:hover, #topNav a:active {color:#4d4d4f;}
#topNav img {position:relative; top:8px;}
#leftCol, #nozindexLeftCol {position:relative; float:left;  padding-top:30px; width:41%; padding-left:35px; min-height:480px; height:auto !important; height:480px;}
#leftCol{z-index:100;}

#homeMovie{position:absolute; top:30px; left:30px;}
#homeSubhead{position:absolute; top:370px; left:50px;}
#homeCopy{position:absolute; top:415px; left:90px; width:430px; text-align:center; color:#ffffff; font-weight:bold; font-size:100%;}
#homeCopy a{color:#ffffff; text-decoration:underline;}
#homeImgA{position:absolute; top:15px; right:0px;}
#homeImgB{position:absolute; top:195px; right:0px;}
#homeImgC{position:absolute; top:375px; right:0px;}

#leftColTopContainer {min-height:200px; height:auto !important; height:200px;}
#leftColStyleGalleryTopContainer{min-height:250px; height:auto !important; height:250px;}
#pageContainer{position:relative;}
#homePageContainer{position:relative; height:613px; background:#ffffff url("../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_clothtexture.jpg") repeat;}
#pageCopy, #productPageCopy {padding-top:20px; padding-bottom:10px; width:375px;}
#productPageCopy {min-height:235px; height:auto !important; height:235px;}
#productPageCopy ul {margin-left:15px;}
#marketingImgs{position:relative; min-height:125px; height:auto !important; height:125px;}
#marketingImg1 {}
#marketingImg2 {position:absolute; bottom:7px;}
#marketingFeatureContainer{ bottom:10px; position:absolute;}
#styleGalleryFeatureContainer{bottom:10px; position:absolute; height:90px;}
#marketingFeature{background:url("../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_feature-tile.png") repeat-y top left;}
#marketingFeatureContent, #kidshqFeatureContent, #productFeatureContent table {margin-left:15px;}
#rightCol {position:absolute;  margin-top:-3px; left:0px;}

#rightColFlex{width:47%; float:left; padding-left:5em; padding-bottom:10px;}
#employmentFlex, #profileFlex {width:55%; float:left; padding-bottom:10px;}
#contactFlex{width:55.3%; float:left; padding-bottom:10px;}

#pageContainerFlex, #profileContainerFlex, #employmentContainerFlex{  position:relative; background:url("../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_component-bg-tile.jpg") repeat; overflow:auto; margin-top:-3px; min-height:514px; height:auto !important; height:514px;}
/* Rotator Modifications - 07/15/11 */
#rightColRotator{position:absolute;z-index:10;left:450px;top:25px;border:1px solid #eaeaea;height:450px;width:500px;}
#rightColButton{position:absolute;z-index:11;left:800px;top:460px;} 
/* Rotator Additions - 07/15/11 */
#rightColButtonKids{z-index:1;  padding-top: 40%; padding-left:90%;  position:relative;}
#rightColText{padding-top: 25px; padding-bottom:10px; }
#cc_Footer {position:relative; font-size:85%; font-weight:bold; letter-spacing:.1em; background:url("../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_bottom-bar.gif") repeat; height:37px; clear:both;z-index:100;}
#cc_FooterNav {line-height:37px; text-align:center;}
#cc_Footer a:link, #cc_Footer a:visited { color:#979999; letter-spacing:.1em; padding-right:15px;}
#cc_Footer a:hover, #cc_Footer a:active { color:#4d4d4f;  letter-spacing:.1em; padding-right:15px;}
#copywrite {padding-top:10px; text-align:center; font-size:85%; color:#979999; padding-bottom:5px;}
#marketingFeatureContent a:visited, #kidshqFeatureContent a:visited {color:#4d4d4f;}
#marketingFeatureContent a:hover, #kidshqFeatureContent a:hover {color:#979999;}
#marketingFeatureContent h1, #kidshqFeatureContent h1, #productFeatureContent h1 {color:#b82832; letter-spacing:.1em; font-weight:bold; padding-bottom:10px;}
#marketingFeatureContent ul {padding-left:15px;font-size:85%; font-weight:bold; padding-right: 30px; color:#000000; width:80%;}
#kidshqFeatureContent img {margin-right:20px;}
#productFeatureContent h1 {text-align:center;}
#productFeatureContent td {width:25%;}
#productFeatureContent tr {line-height:110%;}
#productFeatureContent table {width:375px;}
#pageContainerFlex, #productFeatureContainer {position:relative; padding-bottom:10px; }
#leftColLocator{padding-top:2em; }
#contactFlex #componentRightCol{position:absolute; top:10px; left: 243px; width: 284px; z-index:1;}
#contactFlex .loc_selectedLocations .loc_searchResults { width: 22em; height:100%;}

#promoImg{position:absolute; left:560px; top:40px; width:250px;}
#leftColDetails {position:relative; float:left;  padding-top:30px; padding-left:35px; padding-bottom:25px;}
#detailContainerFlex {  position:relative; background:url("../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_component-bg-tile.jpg") repeat; overflow:auto; margin-top:-3px; min-height:665px; height:auto !important; height:665px;}

a.notActive:link {color:#4d4d4f;} 
a.notActive:visited  {color:#4d4d4f;}
a.notActive:hover {color:#979999;}
a.notActive:active {color:#979999;}
a.active:link {color:#b82832; font-weight:bold;}
a.active:visited {color:#b82832; font-weight:bold;}
a.active:hover {color:#b82832; font-weight:bold;}
a.active:active {color:#b82832; font-weight:bold;}

#social{position:relative; padding-top:10px; padding-bottom:25px; width:auto; padding-left:37%;}
#twitter{position:relative; background:transparent url(../../../../../stellent/groups/images/@images/@shared/documents/images/twitter_small.png) no-repeat scroll 0 0; float:left; margin-right:5px;}
#facebook{position:relative; background:transparent url(../../../../../stellent/groups/images/@images/@shared/documents/images/facebook_small.png) no-repeat scroll 0 0; float:left;}
.social{padding-left:26px; text-decoration:none; line-height:23px; display:block;}

.scrollable {position:relative;overflow:hidden;width: 330px;height:90px;}
.scrollable .items {width:3000px;position:absolute;clear:both;}
.scrollable img {float:left;margin:10px 10px 10px 5px;cursor:pointer;border:2px solid transparent;}
.scrollable .active {border:2px solid #3D1F13;z-index:9999;position:relative;}
.scrollable {float:left;}
a.browse {background:url(../../../../../stellent/groups/images/@images/@costcutters/documents/images/cc_style_scroller_arrows_all.png) no-repeat;display:block;width:20px;height:20px;float:left;margin:50px 10px;cursor:pointer;font-size:1px;}
a.right {background-position: 0 -20px; clear:right; margin-right: 0px;}
a.right:hover {background-position:-20px -20px;}
a.right:active {background-position:-40px -20px;} 
a.left {margin-left: 0px;}
a.left:hover {background-position:-20px 0;}
a.left:active {background-position:-40px 0;}
a.disabled {visibility:hidden !important;}

/*New Mods*/
#detailA{position:relative;}
#detailA_Salon{color:#E70033; font-weight:bold;}
#detailB, #detailD, #detailF{position:relative; padding-top:20px; font-weight:bold; font-size:90%;}
#detailH{position:relative;padding-top:20px;}
#detailI{position:relative;padding-bottom:20px;}
#getDirections{position:relative;}
#getDirections_LabelA{font-size:100%; font-weight:bold;}
#addrFrom{position:relative;height:18px; top:0;}
#btnDirections{position:relative;top:5px;border:0; left:2px;}
#getDirections_Fields{position:relative; padding-bottom:10px;}
#locatorComponentContainer{position:relative; padding: 25px 0px 0px 15px;}
#salonDetail #locator_col2{float: none; margin-right: 0px; position: absolute; width: 350px; right:10px; top:25px;}
#resultsBrowseWrapper #rightColComponent{width:100%; min-height:450px; position:relative;}
