div .clear {clear:both; line-height: 0px; height:0px; font-size: 0px;} .floatLeft { float: left; } .floatRight { float: right; } div #categoryBody{ clear: both; margin: 0 auto 10px; padding: 0; text-align: left; font-family:arial,helvetica,sans-serif; } div #headerAndCategoryBody{ float: right; position: relative; } div #sideBar { float: left; } #categoryBody h4 { margin-top: 5px; } #categoryBody p#breadcrumb { margin-bottom: 0; } #categoryBody #cat-promo-message { margin:0; padding: 0; }  #categoryBody_head{ width: 730px; margin: 10px 0px; float:left; } #headerContainer { float: left; } #headerContainer.partial { width: 476px; float: left; background-color: #cdecea; height: 120px; padding: 15px; } #headerContainer h1 { font-family: Georgia, "Times new roman", serif; font-style: italic; font-weight: bold; font-size: 20px; margin: 0;} #headerContainer p { font-family: helvetica, arial, sans serif; font-size: 12px; } div.categoryBody_head_desc{ clear: both; font-size: 12px; color: #6B6B6B; padding: 5px; margin-top: 5px; }  #smbContainer { font-size: 1.2em; } #smbContainer .centered { text-align: center; } #smbContainer strong { color: #FF7900; font-weight: bold; } #topMarketingContainers { clear: both; } #hero_contents_image{ float:left; clear:both; margin-right: 3px; height: 150px; overflow: hidden; } #categoryBody_body{ clear: both; width: 716px; } #hero_image { float: left; margin: 3px; position: relative;} #hero_image a { display: block; } #marketing_banner{ float: left; margin: 3px; position: relative;} #marketing_banner_img{ border: medium none; } #heroHeadings { border: 1px solid #e5e5e5; padding: 3px; } #categoryBody_preview_title { cursor: move; height: 30px; position: relative; }  #navigationContainer { border-bottom: 3px dotted #CCCCCC; margin:11px; } #navigationContainer ul { margin-bottom: 5px; } #navigationContainer ul li{ list-style:none; font-size: 12px; text-transform: lowercase; } #navigationContainer ul li ul{ margin-bottom: 0px; padding-left: 5px; list-style-type: none; } #navigationContainer h4 { padding: 4px 4px 0px 4px; font-weight:bold; height: 19px; font-size: 0.9em; } span.navigationHeaderText { padding: 2px 0px 0px 10px; font-size:12px; font-weight:bold; } #navigationContent{ width:100%; height:100%; padding-bottom: 5px; } #navigationContent a{ cursor : pointer; } #navigationContent h4.headerLink a{ cursor : pointer; } div.categoryBody_search { width: 228px; float: left; padding: 0; margin: 0; clear:both; } #categoryBody_search_filters{ margin: 0px; padding-bottom: 10px; list-style-type: none; } #categoryBody_search_filters li { margin-bottom: 10px;} #categoryBody_search_filters br{ clear: both; line-height: 0;} #categoryBody_search_filters .filterBox { margin: 3px 0 0 8px; } #categoryBody_search_filters .filterInput { cursor:pointer; float: left; margin-top: 3px; *margin-top: 0; } #categoryBody_search_filters .conditionWholeName{ cursor: pointer; float: left; margin-left: 4px; vertical-align: middle; padding-top: 1px; width: 85%; } #categoryBody_search_filters .conditionName { float: left; color: #888888; } #categoryBody_search_filters .pricesSum { float: left; } #categoryBody_search_filters .colorBox { float:left; width: 12px; height: 12px; border: 1px solid #888888; margin: 2px 3px 0 5px; } ul.categoryBody_search_filters_conditions{ clear: both; list-style-type: none; font-size: 11px; margin-left: 14px; margin-bottom: 5px; } li.smallNoLine{ text-decoration: none; float: left; color:#009999; font-size: 10px; cursor: pointer; width: auto; margin-top: 5px; margin-left: 8px; margin-bottom: 0px !important; } li.smallNoLine:hover{ text-decoration: underline; } div.categoryBody_search_filters_title{ margin-left: 4px; width: 90%; cursor: pointer; text-align: left; font-weight: bold; font-size: 12px; height: 20px; } div .expand-plus, div .expand-minus { float:left; cursor: pointer; margin: 3px; } div .filterTitle{ float:left; margin: 1px 4px; color: #343434; } #categoryBody_loading { text-align: center; height: 50px; clear:both; } div.condition_active{ color: #6b6b6b; margin-left: 5px; } div.condition_inactive{ color: #C1AE95; margin-left: 5px; } div.condition_active_num { color: #6b6b6b; margin-left: 3px; } div.condition_inactive_num{ color: #C1AE95; margin-left: 3px; } #prices_00_wholeName .conditionName { display: inline-block;} #prices_01_wholeName .conditionName { display: inline-block; margin-top: 5px; } #prices_02_wholeName .conditionName { display: inline-block; margin-top: 5px; } #prices_03_wholeName .conditionName { display: inline-block; margin-top: 5px; } div.categoryBody_body_nav { width: 100%; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; padding: 5px; margin-bottom: 5px; font-size: 13px; height: 50px; } div.categoryBody_body_nav_title{ font-weight:bold; margin-bottom:5px; } div.categoryBody_body_nav_controls{ float: left; width: 380px; font-size: 13px; font-weight:bold; } #nav_sortBy1{ font-size: 13px; margin-right:10px; } #nav_ipp1{ font-size: 13px; } #nav_pages1{ float:right; text-align: right; padding: 0; } #nav_pages1 img{ border: 0; margin: 0 2px 0 2px; vertical-align: middle; } #nav_pages1 a,div #nav_pages1 span{ font-size: 12px; text-decoration: none; margin: 0 2px 0 2px; color: #009999; cursor: pointer; } #nav_pages1 strong, #nav_pages2 strong{ font-weight: bold; color: #6b6b6b; } #nav_sortBy2 { font-size: 13px; margin-right:10px; } #nav_ipp2 { font-size: 13px; } div #nav_pages2 { float:right; text-align: right; padding: 0; } div #nav_pages2 img { border: 0; vertical-align: middle; margin: 0 2px 0 2px; } div #nav_pages2 a, div #nav_pages2 span{ font-size: 12px; text-decoration: none; margin: 0 2px 0 2px; color: #009999; cursor: pointer; } .page-left, .page-right { width: 17px; height: 17px; display: inline-block; vertical-align: middle; margin: 0 2px; } .section-header, .gradient-dark-grey { height: 22px; background: url(/image/common/dark-grey-small-gradient.png) repeat-x 0 0; }  .picks-productArea-background { height: 153px; background: url('/image/common/light-gradient-bg.png') repeat-x 0 0; } .picks-background { height: 223px; background: url('/image/common/gradient-dark-gray.png') repeat-x 0 0; } #picks { width: 960px; border: 1px solid #999999; padding: 5px 10px 0px 10px; margin-left: auto; margin-right: auto; z-index: 1000; position:fixed; bottom: -10px; color: #FFFFFF; border-radius: 5px; box-shadow: 0 -1px 5px #333333; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 -1px 5px #333333;-webkit-box-shadow: 0 -1px 5px #333333;} #picksHeader { cursor: pointer; } #picks.open { height: 190px; } #picks.closed { height: 0px; } #picks .heading { float:left; font-weight: bold; height: 18px; } #picksProductArea { clear: both; border: 1px solid #CCCCCC; color: #666666; overflow-x: auto; overflow-y: hidden; height: 153px; z-index: 10; position: relative; } #picksTab { background: #f38c01; }  #picksTab { margin-right: 30px; height: 22px; width: 100px; position: relative; top: -28px; background: #f38c01; background: url("/image/common/gradient-button-orange.png") repeat-x 0 0; border: 1px solid #666666; border-bottom: 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #picksToggleLink { float: left; margin-left: 5px; color: #FFFFFF; cursor: pointer; font-weight: bold; } #picksToggleLink:hover { text-decoration: none;} #picksToggleIcon { float: left; margin: 5px; } #topContainerProductNames { overflow: hidden; } #topContainer { margin-left: 10px; padding-top: 2px; font-size: 0.85em; color: #FFFFFF; } #emptyer, #comparer { color: #FFFFFF; text-decoration: underline; cursor: pointer;} #emptyer:hover, #comparer:hover { text-decoration: none; } #picks .link { color: #009999; } #picks .link:hover{ border-bottom: 1px dotted #333333; cursor: pointer; } #picks .largePicks{ float: left; position: relative; margin-right: 5px; } #noobMessage { padding: 0 15px; text-align: left; } #noobMessage h4{ font-weight: bold; font-size: 1.1em; margin: 5px 0 0 0;} #firstPickMessage { width: 550px; float: left; margin-top: 20px; margin-left: 15px; } #firstPickMessage h5 { font-weight: bold; font-size: 1.1em; margin: 5px 0px; } div .pickedPidsList { list-style-type: none; float: left; padding: 0px; z-index: 1;} div .pickedPidsList li { float: left; margin: 10px 4px 0px; width: 135px; background:url('/image/spinner.gif') no-repeat center center; text-align: center; border:1px solid #EEEEEE;} div .pickedPidsList li img{ cursor: pointer; height: 100px; width: 100px; } div .pickedPidsList .link { display:inline-block; font-size: 0.9em; color: #009999;} div .pickedPidsList .link:hover { border-bottom: 1px dotted #333333; } #largeToolTip { background-color: #FFFFFF; position: absolute; width: 195px; height: 220px; z-index: 100; text-align: center; padding: 5px; border: 1px solid #D7D7D7; } #largeToolTip .productImageLink { cursor: pointer; height: 170px; width: 195px; } #largeToolTip .actionLinks { clear: both; text-align: center; font-size: 0.9em; } #largeToolTip .actionLinks a { font-size: 0.85em; color: #009999; cursor: pointer; margin: 0px 5px; } #largeToolTip .actionLinks a:hover { border-bottom: 1px dotted #333333; } #picksCountContainer { margin: 0px 0px 0px 5px;} .sprite-picks-icon { display: inline-block; *display: inline; *margin-right: 3px; zoom:1; cursor: pointer; } #categoryBody_body_body .addToPicks { cursor: pointer; } #categoryBody_body_body .addToPicks:hover { cursor: pointer; } #categoryBody_body_body .productBox .addToPicks { position: absolute; top: 80px; left: 140px; } #categoryBody_body_body .largeProductBox .addToPicks { position: absolute; top: 30px; left: 197px; }  #greetingCardsMarketingContent { margin: 5px 0 0 5px; font-size: 1.1em; color: #909090; line-height: 1.25em; } #greetingCardsMarketingContent h5{ color: #f26522; font-size: 1.10em; display: inline; font-family: "Trebuchet MS",verdana, arial; margin-right: 5px;} #greetingCardsMarketingContent h5 a{ color: #f26522; font-size: 1.10em; display: inline; font-family: "Trebuchet MS",verdana, arial; } #greetingCardsMarketingContent .price{ } #greetingCardsMarketingContent .planName { } div .autocompleter { } #categoryWizard { background-color: #E7F7FF; padding: 3px 10px 3px 10px; margin-top: 10px; margin-bottom: 5px; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; } #categoryWizard h3 { color: #6B6B6B; font-size: 12px; position: relative; } #categoryWizardContent { clear: both; margin: 5px 0px; } #categoryWizard input { float: left; width: 165px; margin: 0px 10px;} #categoryWizard select { float: left; width: 165px; margin: 0px 10px;} #categoryWizard option.first{ color: #939598; font-style: italic;} #categoryWizard input.noInput { color: #939598; font-style: italic;} #categoryWizard select.faded { color: #CCCCCC; } #wizardClearer { float: left; color: #009999; cursor: pointer; margin-top: 2px; } #wizardClearer:hover { border-bottom: 1px dotted #333333; } #categoryWizardErrors { clear: both; background-color: #F2F3EE; border: 1px solid #CCCCCC; color: #FF0000; padding: 10px; margin: 5px 10px; } #categoryWizardWarnings { clear: both; color: #F26522; font-weight: bold; padding: 10px; margin: 5px 10px; } #sentCards { clear: both; margin-top: 5px; } #sentCards h3{ font-weight: bold; font-size: 12px; margin: 5px 0px; } #sentCards ul{ list-style-type: none; } #sentCards li{ float: left; margin: 0px 10px; } div.productDetails { position: relative; margin-top: 2px; line-height:15px; } div.productDetails .productDetailsLink { clear: both; margin-left: 3%; text-align: center; width: 94%; } a.productName{ font-size: 11px; font-weight:bold; color: #6b6b6b; text-decoration: none; } a.productName:hover{ color: #009999; } div.productDetails .productDetailsDescDiv { margin: 0px auto; } div.productDetails .productDetailsDescription { clear: both; } div.productDetails .productDetailsMoreOptions { margin-left: 3px; } div.productDetails .productDetailsPrice { clear: both; } div.productDetails .productDetailsPrice .salePrice{ color:#ff0000; } div.productDetails .productDetailsReview { clear: both; } div.productDetails .productDetailsReview a:hover { text-decoration: none; } div.productDetails .colorBox { display: inline-block; width: 10px; height: 10px; cursor:pointer; margin: 1px; border: 1px solid #888; } div.productDetails .colorBoxSelected { border: 2px solid #888888; } div.productDetails .colorBoxOuter { display: inline-block; margin: 1px; height: 14px; width: 14px; }  ul.colorBoxContainer{ margin: 0; padding: 0; display: block; width: 110px; } li.colorBox { margin-right:2px; margin-left:2px; margin-top:2px; margin-bottom:2px; display:block; float:left; width:20px; height:20px; cursor:pointer; border:1px solid #000; } li.colorBoxOn { border:2px solid #000; margin-right:1px; margin-left:1px; margin-top:1px; margin-bottom:1px; } span #ratingCount { vertical-align: top;} a.ratingImage { cursor:pointer; text-decoration: none;} a.ratingImage img{ border: none; height: 15px; width: 70px; } span.ratingCount { margin-left: 4px; } div.productBox { width: 165px; height: 300px; float:left; text-align:center; font-size: 11px; color: #6b6b6b; overflow: hidden; margin-bottom: 10px; margin-right: 10px;} div.largeProductBox { width: 225px; height: 340px; float:left; text-align:center; font-size: 11px; color: #6b6b6b; overflow: hidden; margin-bottom: 10px; margin-right: 10px; } div.productBox img{ overflow: hidden; border: none; } div.newProductContainerDiv { height: 15px; width: 100%;} div.newProductDiv { height: 100%; width: 100%; color: #F36523; font-weight: bold; } div.productBox .productImage { height: 165px; width: 165px; cursor:pointer; } div.largeProductBox .productImage { height: 220px; width: 220px; cursor:pointer; } div.loading { background:url('/image/spinner.gif') no-repeat center center; } div.productImage a{ text-decoration: none; } div.productImage img{ border: none; } div.productZoom{ display:inline-block; position: relative; top: 0px; margin-top: -20px; overflow: none; } div.productZoom input.btn { font-weight: bold; } div > .productZoom { display:inline-block; position: relative; margin-top: 0px; top: -40px; font-weight:bold; overflow: none; }   div #categoryBody_info{ position: absolute; top: 300px; left: 200px; width: 180px; height: 80px; background: #EDE8DD; margin: 0; padding: 10px; z-index: 100; border: solid 1px #C1AE95; font-size: 16px; font-weight:bold; } #categoryBody_info_number{ margin-right: 3px; } body > div #categoryBody_info{ position: fixed; clear:both; } div.categoryBody_info_updating{ margin-top: 15px; font-size: 12px; font-weight:normal; }  div.categoryBody_search_head{ width:222px; height: 24px; padding:0; margin: 0;} div.categoryBody_search_head_text{ float: left; font-weight:bold; font-size: 14px; height: 24px; width: 222px; margin: 0; padding: 0; } div.categoryBody_search_head_text_span{ padding: 2px 0 0 2px; font-size: 12px; text-align: center; } div.categoryBody_search_noscript{ margin: 0; padding: 10px 10px 20px 10px; font-size: 11px; font-weight: bold; border-left: solid 1px #C1AE95; border-right: solid 1px #C1AE95; } div.categoryBody_search_control{ padding: 5px; } div.categoryBody_search_control_padding{ height: 8px; } div.categoryBody_search_control_info{ padding: 5px; width: 94%; font-size: 11px; background: #F2F3EE; color: #6b6b6b; text-align: center; } #categoryBody_search_control_number{ font-size: 12px; }  #categoryBody_body_body{ width: 100%; margin-left: 11px; margin-right: 1px; margin-top: 15px; } #categoryBody_body_body hr { clear: both; height: 3px; border: 0; border-bottom: 3px dotted #999999; }    div.studio-basics { display: inline-block; }  span.studiobasicHelpAnchor{ display: inline-block; } .studiobasicHelpContent{ margin-left: -270px; width: 335px; } .studiobasicHelpIcon { background:transparent url(/image/tp/category-sprites.png) no-repeat scroll -105px -160px; display:inline-block; height:20px; margin:10px 30px 0 0px; width:95px; } .studiobasicHelpText{ color: #6b6b6b; } .studiobasicLearnMore{ color:#009999; cursor:pointer; font-size:11px; text-decoration:none; } .studiobasicHelpSpacer{ height: 13px; display: block; } .categoryBody_head_styleName{ display: inline:block; font-family: arial,verdana,sans-serif; font-size: 16px; margin-left: 0; } .filter-format-2 { float: left; margin: 2px 0px 0px 0px; display:inline-block; } .filter-format-4{ float: left; margin: 2px 0px 0px 0px; display:inline-block; } .filter-format-5{ float: left; margin: 2px 0px 0px 0px; display:inline-block; } .filter-format-6{ float: left; margin: 2px 0px 0px 0px; display:inline-block; } .filter-format-12{ float: left; margin: 2px 0px 0px 0px; display:inline-block; } .filter-format-13{ float: left; margin: 2px 0px 0px 0px; display:inline-block; }  #studioBasicsHelp { position: absolute; top: 320px; left: 170px; width: 350px; border: 1px solid #CCCCCC; background-color: #FFFFFF; z-index: 10000;} #studioBasicsHelpHead { background-color: #7B7B7B; color: #FFFFFF; cursor: pointer; padding: 5px 0px; width: 100%; font-weight: bold; } #studioBasicsHelpHead .left { float: left; margin-left: 5px; zoom: 1;} #studioBasicsHelpHead .right{ float: right; margin-right: 5px; zoom: 1; } #studioBasicsHelpCloseIcon { float: right; background-color: #FFFFFF; color: #7B7B7B; padding: 1px 3px; font-size: 0.8em; margin-left: 5px; } #studioBasicsHelpBody { background-color: #FFFFFF; cursor: pointer; padding: 0px 10px 10px 10px; } #studioBasicsHelpBody ul{ margin-top: 1em; margin-bottom: 1em; margin-left: 15px; } .help-icon { float:left; zoom: 1; margin-left: 5px; margin-right: 5px; display: inline-block; cursor: pointer; } #ldd-checker { clear: both; background-color: #E7F7FF; padding: 5px 12px 8px; margin-top: 10px; margin-bottom: 5px; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; zoom: 1; } #ldd-checker:after { content: ''; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } #ldd-checker .hd { margin-bottom: 12px; clear: both; } #ldd-checker .bd { padding-left: 3px; float: left; } #ldd-checker .bd input{ vertical-align: middle; width: 100px; margin-right: 7px; } #ldd-checker .bd .btn{ vertical-align: middle; padding: 1px 8px 3px; display: inline-block; font-weight: bold; } #ldd-checker .ft { margin-bottom: 0; float: left; margin-left: 22px; padding-top: 2px; _padding-top: 0; } #ldd-checker .ft em{ display: inline; color: #F26522; }  .PrettySelectBox{ width:320px; } .PrettySelectHandle { float: right; margin-top:5px; } .PrettySelectSeperator {} .PrettySelectHandleImage { background: transparent url(/image/tp/personalize-sprites.png) no-repeat scroll -101px -25px; height: 25px; width: 25px; float: right; } .PrettySelectList, .PrettySelectItem, .SelectedPrettySelectItem { background-color: #FFFFFF; } .PrettySelectList { border: 1px solid #C0AD90; width: 320px; overflow-y: scroll; height:300px; cursor: pointer; z-index: 1000; } .PrettySelectItem { line-height: 20px; } .prettySelectOptionOdd{ background-color: #FFF; } .prettySelectOptionEven{ background-color: #EDF5FF; } .SelectedPrettySelectItem { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 2px solid #9F9F9F; border-bottom: 1px solid #9F9F9F; width: 320px; height: 20px; line-height: 20px; cursor: pointer; padding: 1px; background-color: #FFF; } .SelectedPrettySelectItem .prettySelectOptionEven{ background-color: #FFF; } .PrettySelectItemHover { background-color: #A9D1FF; } .PrettySelectGroup{ font-size: 15px; font-weight: bold; font-style: italic; padding:4px; } .sprite-icon-prettyselectarrow{ background: transparent url(/image/tp/product-page-sprites.png) no-repeat; overflow: hidden; width: 13px; height: 8px; background-position: -145px -14px;}