#Collections .collectionsBody .colorDisplay {display: none; color: #BC495E;}

#layoutBody .thirty, .seventy {float: left;}
#layoutBody .thirty {width: 30%;}
#layoutBody .seventy {width: 70%;}

/* Need to add this class in the css/history/feature/filtered-orders for the your account order history */
.dividerLine { background-color: #FFFFFF; vertical-align: top;}
.hrDivider {border-top: 1px solid #CCCC99; clear: both;}

.floatedSwatchSpacing {float: left; margin: 0.1em;} /* This is required for displaying the swatch images in a single line. */

#errorMessageBoxDetail {height: 5%; margin: 20px; padding: 1em; background-color: #FFFF66; border: 2px solid #D81E05;}

#ProductDetail #errorMessageBoxDetail {margin: 0  0 10px 0; padding: 3px; font-weight: bold; color: #CC0000;} /*This is requiered to display the error message box on detail page  which is smaller in size compared to the original error message box. */

#RequestCatalogue p.select {margin-left:0px;}

#Wishlist .box {float: left; width: 460px; margin-left: 50px; background-color: #C4D8E2;}
#Wishlist .boxBody.options {width: 420px; padding: 0 20px; background-color: #C4D8E2;}
#Wishlist #aboutMe {width: 300px;}
#Wishlist #occasion {width: 71px;}
/* added for share a wishlist/GiftList */
#Wishlist .ninety {padding: 0;}
#Wishlist .five {padding: 0;}
#Wishlist table.boxLeft td, #Wishlist table.boxRight td {padding: 0; white-space: normal;}
#Wishlist .borderLeftRight, #Giftlist .borderLeftRight {border-left: 1px solid #C4D8E2; border-right: 1px solid #C4D8E2;}

/* Need to add the class for create,edit giftlist page  */
#Giftlist h2.text {padding-left: 0; font-size: 1.3em; color: #333;}

.searchItem {color: #D81E05;}

.sortBar {padding: 2px 2px 2px; border-top: 1px solid #C4D8E2; border-bottom: 1px solid #C4D8E2; background-color: #EEF5FA; font-weight: bold;}

/* Need to modify following classes to achieve appropriate look & feel in Search */
#SearchResults .floatedProduct .availMsg {font-family: Verdana; font-size: 11px; font-style: italic; color: #666666;}

#Giftlist .boxLeft.indent, .steps {margin-left: 50px;}
#Giftlist .boxLeft .boxBody input {margin: 5px 0 0;}
#Giftlist .boxRight .boxTop, #Giftlist .boxBottom {background-color: #C4D8E2;}
#Giftlist h2 {font-size: 1.4em; color: #22AEC9;}
#Giftlist table.boxRight td, #Giftlist table.boxLeft td {padding: 0; white-space: normal;}
#Giftlist td {padding: 0;}
/* Added for delete giftlist page */
.marginTop20 {margin-top:20px;}

.paddingLeft {padding-left: 25px;}
.errorMargin {margin-top: -9px;}
.sort {padding: 5px;}

#YourAccount .boxBody input {margin-top:3px;margin-bottom:9px;}
#SearchResults #mainContent .hr {margin-bottom: 12px;}
#Tier h1 {padding-left: 30px; font-style: italic; color: #22AEC9;}

/* Added for sale price workitem */
#Collections .productSalePrice {margin: 0 0 4px; font-size: 1.3em; font-weight: bold; color: #CD0C05;}

/* skhire@ Need to add following classes to achieve appropriate look & feel */
.previewButton { margin-left: 225px;}  /*added for alignment of preview review button in CR*/
.penNameContinue {margin-left: 556px;} /* added for alignment of pen name continue button in CR */
#SearchResults h1 .resultTermCategory {color: #FC5D02;}
#SearchResults h1 .resultTermCategory a {color: #FC5D02;}
#dhtmlNav, #dhtmlNavResource {clear: both; height: 31px; padding: 4px 0 0 33px; text-align: left;}
#SearchResults .refineBox a {color: black;}
#Tier .color img {vertical-align: middle;}
#Tier .giftFinder .sixty {margin: 7px 0 0 28px; width: 280px;}
#Tier .giftFinder .thirtyFive {margin-top: 7px;}
#Tier .giftFinder .thirtyFive p {font-size: 0.9em; margin-top: 0px; padding-bottom:5px;}
#Tier .helpMeChooseBox .sixty {margin: 7px 0 0 28px;}
#Tier .helpMeChooseBox .thirtyFive {margin-top: 7px;}
#Tier .helpMeChooseBox .thirtyFive p {font-size: 0.9em;}
#Tier .boxBody.helpMeChooseBox p {margin: 3px 0; color: #FFF; font-weight: bold;}
#Tier .boxBody.helpMeChooseBox select.wide { margin: 1px 0 3px;}
/* This class that needs to be added for displaying the message in case of no results for browse pages */
#Tier h1 {padding-left: 30px; font-style: italic; color: #22AEC9;}

/* For product widget is Seller Central. */
.floatedProductBorderLeft {display: inline; float: left; width: 170px; margin: 0; padding: 0 5px 2px 0; border-left: 0 none;}
.floatedProductBorder {display: inline; float: left; width: 170px; margin: 0; padding: 0 5px 2px; border-left: 1px solid #3BBBDF;}