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;  }

/* header */
#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; }

/* hero image related */
#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; }

/* nav + filters */
#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 CSS */
.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; } /* in case gradient doesn't load, fall back on solid color */
#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; }

/* category wizard css */
#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; }  /* border: 1px solid #888888; */

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.productZoom{	
	display:inline-block;
	position: relative;
	top: 0px;
	margin-top: -50px;	
	width:122px;
	height:27px;
	background: transparent url("/image/tp/category-sprites.png") no-repeat 0 -80px;
	overflow: none;
}
div > .productZoom {
	display:inline-block;
	position: relative;
	margin-top: 0px;
	top: -50px;	
	width:122px;
	height:27px;
	background: transparent url("/image/tp/category-sprites.png") no-repeat 0 -80px;
	overflow: none;

}
div.productZoomMouseOver, div .productZoom:hover { background: transparent url("/image/tp/category-sprites.png") no-repeat -132px -80px; }
*/
/************************** NEW STUFF ****************************/

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;
}
/*****************************************/
/* Design Collections and Studiobasics   */
/*****************************************/

div.studio-basics { display: inline-block; }
/*
.collectionStyleContent{
	background:transparent url(/image/tp/category-sprites.png) repeat-x scroll -1px -259px; 
	width:100%; 
	height:100%;
}
ul.desingCollectionsList{
	list-style-type: none;
	margin-left: 	4px;
	padding-left:	10px;
	margin-top:		0px;
	margin-bottom:	10px;
	display	:		none;
}
ul.desingCollectionsList > li{
	font-family: 	arial,helvetica,sans-serif;
	font-size:		12px;
	color:			#009999;
	padding-left:	1px;
	padding-top:	2px;
}
div.collectionTitle{
	line-height: 23px;
	width:		180px;
	height:		22px;
	background: transparent url(/image/tp/category-sprites.png) repeat-x scroll -10px -204px;
}
.collectionTitleText{
	font-family:	arial,helvetica,sans-serif;
	font-size:		12px;
	font-weight:	bold;
	margin-left:	10px;
}
div.collectionHeader{
	background: transparent url(/image/tp/category-sprites.png) repeat-x scroll -4px -204px;
}
#styleCrumb{
	color:	#6b6b6b;
}
.style_condition_active{
	font-size:	12px;
	font-weight:bold;
	margin-left: 3px;
}
span.collectionListBullet{
	width:			3px;
	height:			2px;
	padding-top:	4px;
	margin-top: 6px;
	display:		inline-block;
	background: transparent url(/image/tp/category-sprites.png) no-repeat scroll -243px -117px;
	overflow: hidden;
}
.collectionHelp{
	margin:		0 0 0 6px;
	width:		25px;
	height:		16px;
	display:	inline-block;
	position:	absolute;
	background:	transparent url("/image/tp/category-sprites.png") no-repeat -263px -197px;
	cursor:		pointer;
}
.collectionsHelpAnchor{
	position: absolute;
	margin:	3px 0 5px 13px;
}

.collectionsHelpContent{
	margin-left: -270px;
	width:		335px;
	margin-top: -225px;
	position:	absolute;
}
.collectionHelpTitle{
	font-size:	17px;
	font-weight:bold;
	margin:		7px 0 5px 0;
}
.collectionHelpStyleTitle{
	padding-top:	8px;
	font-weight:	bold;
	font-size:		12px;
	color:	#6b6b6b;
}
.collectionHelpStyleText{
	color:	#6b6b6b;

}
*/
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;
}

/************** studio basics helper ****************/
#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;
}


/*Pretty Select for Category Page - Start */

.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;}

/*Pretty Select for Category Page - End */

/*@import url ("/sprite/tp/address.css");*/
.sprite-contact-icon{
      width: 17px;
      height: 17px;
	  float: left;
	  margin: 3px;
	  margin-right: 6px;
      background-repeat: no-repeat;
      background-position: center center;
}
.autocompleter_container .element{
	cursor: pointer;
	font-family: helvetica;
	font-size: 11px;
	padding: 2px;
	border-bottom: 1px dotted gray;
	background-color: white;
}
.autocompleter_container .element .match{
	font-weight: bold;
	background-color: #e9f7fe;
}
.autocompleter_container .element.selected{
	background-color: #eff9f9;	
}
.autocompleter_contact_entry{
	width: 155px; 
	float: left;
}
.addressWidget_container h6 {
	margin-bottom: 10px;
	font-weight: bold;
	color: #6B6B6B;
}
.addressWidget_container textarea{
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	width:220px;
	border: 1px solid #CCC;
	border-bottom:  1px solid #9f9f9f;
	border-right: 2px solid #9f9f9f;
	padding: 4px;
	overflow:auto;
}
.addressWidget_container textarea.suggestion{
	font-style: italic;
	color: gray;
}
.addressWidget_container {
	font-size: 12px;	
}
div.addressWidget_container .invalid {
	border-color: #f00;
}
.addressWidget_container input,
.addressWidget_container select {
	height: 19px;
}
.addressWidget_container input,
.addressWidget_container textarea,
.addressWidget_container select {
	color: #6B6B6B;
	margin-bottom: 5px;
	margin-right: 5px;
	border: solid #ccc 1px;
	background-color: #fff;
	font-size: 11px;
	vertical-align: middle;
}
.addressWidget_container input{
	height: 13px;
	padding: 2px 3px 4px;
}
.addressWidget_container .suggestion {
	font-style:italic;
	color: #868685;
}
.addressWidget_container .name {
	width: 300px;
	display: block;
}
.addressWidget_container .streetAddress {
	display: block;
	width: 298px;
}
.addressWidget_container .locality {
	width: 300px;
	display: block;
}
.addressWidget_container .region-container {
	border: solid 1px;
	border-color: #ccc;
	*border-color: transparent;
	display: inline-block;
	width: 219px;
	margin-right: 5px;
	height: 19px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.addressWidget_container .region {
	display: block;
	height: inherit;
	padding: 2px 1px 1px;
	border-width: 0;
	margin: 0;
	width: 100%;
}
.addressWidget_container .postalCode {
	width: 74px;
	display: inline-block;
}
.autocompleter_container{
	width : 189px;
	border: 1px solid gray;
	-moz-box-shadow: 2px 2px 6px #666666;
	-webkit-box-shadow: 2px 2px 6px #666666;
	box-shadow: 2px 2px 6px #666666;			
}

.qvPopup {
	background-color: #EEEEEE;
}

.TP_Popup_Content {
	overflow: hidden;
}

#quickViewSpinnerSpan {
	margin-top:10px;
	width: 10px;
	height: 10px;	
}
#spinnerSpan, #spinnerImg {
}

#navControls {
	display: inline-block;
	margin-top: 5px;
}
#navControlsTitle{
	float: none; 
	margin: 2px; 
	display: inline-block;
	line-height:1;
	float: left;
}
#navControlsPrev, #navControlsNext {
	color: #009999;
	cursor: pointer;
	display: inline-block;
}
#navControlsPrev {
	text-align: left;
	float: left;
	margin-right: 10px;
}
#navControlsNext {
	text-align: right;
	float: left;
	margin-left: 10px;
}
#navControlsNext:hover , #navControlsNext:hover {
	text-decoration: underline;
}

#ffgDiv {
	width: 338px;
	border-left: solid 4px #d7d7d7;
	float: right;
	min-height: 469px;
}

#productNameDiv {
	float: left;
	font-size: 14px;
}

#studioBasicsDiv {
	display: inline-block;
	float: right;
	margin: 5px 10px 0 0;
}

#catNameDiv {
	font-size: 12px;
	margin-left: 5px;
}

#gcInsideTextDiv {
	margin-top: 10px;
}

#moreInsideTextSpan {
	margin-left: 10px;
}

#gcInsideTextHeader {
	float: left;
}

#gcInsideTextHeaderMoreMessages {
	float: left;
	margin-left: 20px;
	margin-top: 6px;
}

#gcInsideTextContent {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

.spacer {
	clear: both;
	margin-bottom: 10px;
}

#colorsBoxesDiv {
	margin-left: 1px;
}

#prodInfoDiv {
	width: 100%;
	min-height: 45px;
	padding-left: 5px;
}

#colorsDiv {
	width: 100%;
	min-height: 55px;
	border-bottom: 1px solid #CCC;
	padding-left: 5px;
}

#colorsDiv .qvColorBoxOuter {
	display: inline-block;
	cursor: pointer;
	float: left;
	margin: 1px;
	margin-left: 5px;
	height: 18px;
	width: 18px;
}

#colorsDiv .qvColorBox {
	display: inline-block;
	height: 14px;
	width: 14px;
	margin: 1px;
	border: 1px solid #888;
}

#colorsDiv .colorBoxSelected {
	border: 2px solid #6B6B6B;
}

#colorsDiv .colorBoxDeselected {
	/*border: 1px solid #6B6B6B;*/
	margin-top: 3px;
}

.panelImage {
	cursor: pointer;
}

.panelBox {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

#panelSelectorDiv {
	width: 100px;
}

#panelsDiv .panelSelected {
	border: 2px solid #D7D7D7;
}

#panelsDiv .panelDeselected {
	/*border: 1px solid #D7D7D7;*/
}

#formatsDiv {
	width: 100%;
	/*min-height: 190px;*/
	padding-left: 5px;
	background: url("/image/qv-gradient.png") repeat-x transparent;
}

#formatBoxesDiv {
	margin-bottom: 5px;
	clear:left;
}

#formatsDiv .formatBox {
	cursor: pointer;
	float: left;
	padding: 3px 5px;
}

#formatsDiv .formatCheckBox {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	width: 15px;
}

.formatBoxImageDiv {
	margin-top: 0;
	padding-top: 0;
}

.formatBoxImageDiv img {
	vertical-align: middle;
}

.formatBoxTextDiv {
font-size:11px;
line-height:120%;
margin-top:2px;
width:96px;
}

#formatsDiv .formatBoxSelected {
	border: 2px solid #6B6B6B;
	background-color: #DEF1EF;
}

#formatsDiv #priceRestrictionsDiv {
	float: left;
	color: #F6931C;
	margin: 5px 0 5px 2px;
}

#formatsDiv .formatBoxDeselected {
	border: 2px solid #FFFFFF;
}

.formatSpan {
	width: 55px;
}

#formatPidPrice {
	width: 55px;
	font-size: 0.9em;
}

#detailsDiv {
	width: 100%;
	padding-left: 5px;
	background: url("/image/qv-gradient.png") repeat-x transparent;
}

#detailsContent, #formatBoxesDiv{
	zoom:1;
}

#detailsDiv #detailsContainerDiv {
	margin-left: 5px;
	clear:left;
}

#detailsDiv #marketingDiv {
	margin-top: 20px;
	height: 50px;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	text-align: center;
	border: 2px solid #D7D7D7;
}

#detailsDiv #gcMessageDiv {
	margin-left: 30%;
	margin-top: 10px;
}

#buttonsDiv #getMoreInfoDiv {
	float: right;
	font-size: 11px;
	margin: 20px 5px;
	position: relative;
}

#detailsDiv #reviewsDiv {
	float: left;
	line-height:100%;
}

#detailsDiv #moreReviewsLink {
	float: left;
}

#detailsDiv #ratingStarsSpan {
	float: left;
	margin-right: 10px;
}

#detailsDiv #ratingSpan {
	float: left;
	margin-right: 15px;
	font-weight: bold;
	color: #523418;
	margin-top: 2px;
}

#detailsDiv #moreReviewsSpan {
	float: left;
	margin-top: 1px;
}

#dimensionsTitleDiv {
	float: left;
	margin-left: 0;
	clear:left;
}

#papersTitleDiv {
	float: left;
	margin-left: 0;
}

#morePapersDiv {
	float: left;
	font-size: 11px;
}

#giftCardsDiv {
	margin-top: 5px;
}

#giftCardsTitleDiv {
	float: left;
	margin-left: 0;
}

#giftCardsDetailsDiv {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

#cardPriceDiv {
	margin: 0 0 0 5px;
	clear:left;
}

.redPrice {
	color: #FF0000;
}

#quickViewMainDiv {
	background: transparent url("/image/qv-gradient.png") repeat-x;
	float: left;
	width: 100%;
}

#quickViewInnerDiv {
	float: left;
	height: 469px;
	width: 540px;
}

#quickViewImageDiv {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}

#personalizeTextSpan {
	margin-left: 40px;
	color: #f6931c;
	font-weight: bold;
	float: left;
}

#parentPanelDiv {
	float: left;
	width: 100px;
}

#panelsDiv {
	width: 100px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 5px;
}

.ffgControlsDiv {
	width: 100%;
	margin-left: 40%;
}

#buttonsDiv { clear: both; border-top: solid 4px #d7d7d7; width: 100%; height: 60px;  }
#buttonsDiv .btn.large { font-weight: bold; margin-bottom: 0; }

#addToMyPicks { float: left; margin: 20px 30px; position: relative; cursor: pointer;}
#addToMyPicks .sprite-favorites-icon  { float: left; position: relative; }
#addToMyPicks .sprite-favorites-icon-checked  { float: left; position: relative; }
#addToMyPicks .myPicksLink  { float: left; margin-left: 10px; position: relative;  font-size: 12px; }

#orderSamples { float: left; margin: 13px 25px; position: relative; }
#orderSamples .order-sample-button { float: left; position: relative; }

#orderSamples .orderSamplesLinkDiv { float: left; margin: 6px 0 0 10px; position: relative; font-size: 12px; }
#orderSamples .orderSamplesLinkDivOrange { cursor:default; color: #F6931C; font-weight: bold; }
#orderSamples .orderSamplesLink { cursor: pointer; }

#personalize,  #addtocart { float: right; margin: 10px; overflow: hidden; position: relative; text-transform: lowercase; }
#orderAsIs { float: right; margin: 10px; overflow: hidden; position: relative; text-transform: lowercase;}

.ffgTitle {
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 5px 0 5px;
}

.linkIndent {
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
	width: auto;
}
.clear { clear: both; }