body	{
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    background-color:#F1E5F1; 
    margin:0; 
    color:#444444
}

/* Base Css for all pages -- Safari Hacks are at them bottom of the file */

input,p {font-family: Tahoma, Arial, helvetica, Sans-Serif;}

.container_body	{background: transparent url('images/site update/gb-gradient.gif') top repeat-y; margin:0; padding:5px 0 25px 0; overflow:hidden;}
.container_bottom {background: transparent; text-align:center; vertical-align:bottom;} /* transparent url('images/site update/bottomshadow.gif') center top no-repeat; */
.container_bottom small {color:#888888;}

.body_table	{width:895px; border-collapse:collapse; text-align:left; background-color:#FFF;}
.logo	{float:left; margin:10px; width:148px; height:56px; overflow:hidden;}
.footer {text-align:center; padding:10px; text-transform:uppercase}

.content_area {float:right; border-left:solid 1px #bcbec0; min-height:500px;}
.content_td	{border-bottom:solid 1px #BCBEC0;}

a,hover,visited {color:#8a658b; text-decoration:none;}

.validation_error {background-color:#FFFFCC;}
.passError {color:Red; font-weight:bold; font-size:large;}
.noItemsFound {text-align:center; padding:50px 0 0 0; font-size:18px;}

fieldset {border:solid 1px #e3e3e3; margin:10px; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#444444}
fieldset p {font-size:12px;}
legend {padding:5px; text-transform:capitalize; font-weight:bold;}

/* Homepage Setup */
.homepageMainArea {float:left; border:solid #e3e3e3 1px; width:555px; height:324px; overflow:hidden;}
.homepageSideBar {float:right; border:solid #e3e3e3 1px; overflow:hidden; width:300px; height:110px;}
.homepageSideBar ul { list-style-position:outside; margin:0 0 0 15px; padding:0;}
.homepageSideBar p {font-size:20px; margin:10px 0 0 0;}
.homepageSideBar li {font-size:14px;}
.area1 {background-color:#ffea93}
.area1 div {float:right; position:relative; left:-44px;}
.area1 img {position:absolute; z-index:0;}
.area2 {background-color:#D3C2C6}
.area2 div {float:left; position:relative; left:50px; z-index:1}
.area2 img {position:relative; z-index:0; top:-85px}
.area3 {height:100px; cursor:pointer;}
.area3 img {position:absolute; z-index:0;}
.area3 div {float:left; height:100%; width:50%;}
.area3 p {margin:0; padding:0; position:relative; font-size:20px; text-align:right; overflow:hidden; top:10px; left:-4px;}
.area3 .dealer {background-color:#dde9a9;}
.area3 .catalog {border-left:solid 1px #e3e3e3; background-color:#d2def1; height:100%; width:49.6%;}
.dealer img {position:absolute; z-index:0;}
.homepageCategoryBar {display:inline-block; text-align:center; vertical-align:top;}
.homepageCategoryBar h2 {font-size:18px; color:#3D1C41; font-weight:normal; margin:3px 0;}
.homepageCategoryBar p {margin:0;}
.imagePlaceholder {border:solid 1px #e3e3e3; width:150px; height:125px; overflow:hidden; cursor:pointer; margin: 0px 2px 0px 2px}
.homepageSeperator {border-top:solid 1px #e3e3e3; text-align:center;}

/* Menu Setup */
.menuArea       {position:relative; z-index:9999;}
#MainMenu		{background-color:#ffffff;}
#MainMenu a		{display:block; text-align:center; width:100%}
.main_nav {border-top:solid 1px #BCBEC0; border-bottom:solid 1px #BCBEC0;}
.main_nav a {display:block; text-align:center; width:100%}
.main_nav_static {color:#8a658b; background:#ffffff; padding:3px 0; text-transform:capitalize;}
.main_nav_static_hover {background-color:#FFF0C0;}
.main_nav_static_selected {background-color:#FFF0C0;}
.main_nav_dynamic {color:#8a658b; background-color:#ffffff; padding:2px 3px; width:200px;}
.main_nav_dynamic a {display:block; width:95%}
.main_nav_dynamic_list  {border:solid 1px #BCBEC0;}
.main_nav_dynamic_hover {background-color:#FFF0C0;}
.level3 {width:120px;}
.level4 {width:120px;}

/* Top Menu */
.mini_nav_top {color:#8a658b; list-style:none; margin:5px 0 0; padding:0; float:right; height:25px; text-transform:uppercase; width:600px; text-align:right;}
.mini_nav_top li {text-align:center; padding:0; margin:0px; color:#8a658b; height:20px; vertical-align:middle; display:inline;}
.scanAlert {float:right; width:103px; height:60px; text-align:center; margin:15px 0 0 0;}
.searchBarArea {float:right; height:25px; text-transform:uppercase; width:600px; text-align:right;}
.searchBar {background:#FFFFFF; width:296px;}
.watermarked {background:#E0E0E0; color:#444444; width:296px;}

/* BreadCrumb */
/* Removed Per Rita
.breadCrumb {height:25px; background-color:#FFFFFF; font-size:13px; padding:15px; border-bottom:solid 1px #e3e3e3; text-transform:lowercase;}
.breadCrumb a {display:inline-block; margin:5px; padding:1px 25px 0 5px; background:#FFCC33 url('images/site update/bcPic.gif') no-repeat top right; height:19px;}
.breadCrumb .home {background:#F1E5F1 url('images/site update/bcPic2.gif') no-repeat top right;}
.breadCrumb .currentPage {background:#e3e3e3 url('images/site update/bcPic3.gif') no-repeat top right; display:inline-block; height:19px; padding:1px 25px 0 5px; margin:5px; font:inherit;}
*/
.breadCrumb {height:25px; font-size:13px; padding:15px; border-bottom:solid 1px #BCBEC0; text-transform:lowercase; vertical-align:middle;}
.breadCrumb a {display:inline-block; margin:5px; height:19px; }
.breadCrumb .currentPage {display:inline-block; height:19px; margin:5px; font:inherit;}

/* Random CSS */
.vsmalllight {width:100%; font-size: 9pt ; color: #8a658b}
.vsmalllight td {text-align:center;}
.vsmalllight a {font-size: 9pt ; color: #8a658b;}
.vsmallhot 	{font-size: 8pt ; color: #090ED0 ; }

.vtd 		{font-size:12px; color: #444444 ;}
.vtd h1     {font-size:12px; margin:5px 0;}
.vtdb		{font-size:14px; color: #090ED0 ;}

/* Dealer Page */
.dealerHeader {text-transform:uppercase; background-color:#e3e3e3;}

/* Login Page */
.loginCreateAccount fieldset {width:279px; height:191px}
.loginCreateAccount input {position:relative; top:56px;}

/* Left Nav */
.left_nav	{width:159px; float:left; padding:5px 0 10px 0; font-size:8pt;}
.left_header {text-align:center; font-weight:bold; padding:0 0 5px;}
.left_nav a {display:block; padding:0 0 5px 5px;}
.lower		{padding:0 0 5px 15px !important;}
.final		{padding:0 0 5px 25px !important;}

.sidenav 	{font-family: Tahoma, Arial, Helvetica, sans-serif ; font-size: 12px ; cursor:pointer;}

.topnav	table	{ font-family: Tahoma, Arial, Helvetica, sans-serif ; font-size: 12px ; color: #FFFFFF ; z-index:25}
.topnav td	{ border-bottom:solid 1px #a7a9ab; border-top:solid 1px #a7a9ab; background-color:#e3e3e3; text-align:center; z-index:25}
.topnav:hover  { font-family: Tahoma, Arial, Helvetica, sans-serif ; font-size: 12px ; color: #FFFFFF ; text-decoration: underline; z-index:25 }

/* Cat_Home page and Itemlist */
#categoryMain {padding:10px 10px; overflow:hidden; float:left;}
#categoryMain h2 {display:inline; font-size:20px;}
#categoryMain ul {margin:0; padding-left:50px;}
#categoryMain li {font-size:14px;} 
#categoryMain p {font-size:14px;} 
#categoryMain .right_bar {width:300px;}
.category_left {float:left; margin:5px; position:relative; z-index:1;}
.category_right {float:right; margin:5px; position:relative;}
.category_border {overflow:hidden; border:solid 1px #c2c3c5;}
.category_border_left {overflow:hidden; border:solid 1px #c2c3c5; width:370px; height:400px;}
.category_creative {height:135px;}
.category_creative div {z-index:5}
.category_creative img {z-index:0; position:absolute;}
.category_howto {background-color:#E6DBDC; height:135px;}
.category_howto img {z-index:0; position:relative; top:-84px;}
.category_locate {background:#DAE8A3; height:125px; }
.category_locate img {position:absolute;}
.category_clickArea {position:relative; left:66px; top:15px}
.c2030 {background-color:#ffea93}
.c2031 {background-color:#fbcac2}
.c2032 {background-color:#e1eef4}
.c3112 {background-color:#c1e3d5}

.catGrid		{text-align:center; margin:0; color:#444444; width:100%;}
.catGrid a	{display:block;}
.catGrid td		{padding:5px; width:25%; #padding-bottom:10px;}
.catGrid div    {width:130px; height:130px; display:table-cell; border:solid 1px #FFF0C0; vertical-align:middle; #position:relative; -moz-border-radius:5px; -webkit-border-radius:5px;}
.catGrid div a  {#position:absolute; #top: 50%;}
.catGrid img    {#position:relative; #top: -50%; #left: -50% }

.catGrid_home   {width:auto;}
.catGrid_header {text-align:left; font-size:12px; border-bottom:solid 1px #e3e3e3; padding:10px 5px 5px !important;}

.productListing {padding:5px; border-bottom:solid 1px #e3e3e3;}
.productListing h2 {margin:0px; font-size:12px; padding:3px;}
.itemGrid		{text-align:center; clear:both; color:#444444; width:98%; line-height:16px; empty-cells:hide; margin:10px;}
.itemGrid td {
    padding:5px;
     min-height:180px; 
     width:23%;
     vertical-align:top; 
}

.itemGrid b		{color:Red;}
.itemGrid a     {display:block;}
.itemGrid .imgDiv {
    padding:2px;
    margin:5px;
    border:solid 1px #e3e3e3; 
    height:130px; 
    width:130px;
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;
}
.imgDiv a {#position:absolute; #top: 50%} /* #IE hacks */
.imgDiv img {margin:5px 0; #position:relative; #top: -50%; #left: -50% }
.itemGrid input {border:solid 1px #F1E5F1; font-size:13px; margin:3px 0; color:inherit;}
.itemGrid .Cart {background-color:#FFFFFF;}
.Cart:hover     {background-color:#F1E5F1;}

#ctl09_pagingDiv    {font-size:12px; float:left; font-weight:normal; padding:5px 0 0 10px; overflow:hidden;}
#ctl09_pagingDiv table	{display:inline; position:relative; top:3px;}
#ctl09_pagingDiv_bottom	{font-size:12px; float:left; font-weight:normal; padding:10px; overflow:hidden;}
#ctl09_pagingDiv_bottom table	{display:inline; position:relative; top:3px;}

/* Search Page */
.searchCatGrid			{float:left; padding:10px; overflow:hidden;}
.searchCatGrid td		{padding:5px;}
.searchCatGridHeader	{font-weight:bold; font-size:large; text-align:center;}

.searchItemGrid			{clear:none; width:auto;}
.searchItemGrid	td		{width:30%;}

.itemview_desc	{width:100%}
.itemview_desc td {vertical-align:top;}
.itemview_desc li { list-style-position:inside;}
.itemview_feature_header {padding:0; margin:0; text-align:right;}
.itemview_feature {text-align:right; list-style:none; background-color:#FFFFFF; width:210px; padding:0; border:solid 5px #e3e3e3; margin:0}
.itemview_feature li {padding:2px 0}
.itemview_feature_alt	{background-color:#E3E3E3}

.itemsort {float:right; padding:5px; overflow:hidden;}

.subnav 	{font-size: 11px ; color: #8a658b ; margin-top:3px; vertical-align:top}
.subnav span {color:#BF0000}
.subnavhot 	{font-size: 11px ; text-decoration: underline ; }
.subnav:hover {font-size: 11px ; text-decoration: underline ; }
.bottomnav:hover {font-size: 12px ; color: #090ED0 ; text-decoration: underline ; }
.bottomnav 	{font-size: 12px ; color: #090ED0 ; }
.priceSale {color: #FF0000 ; font-size: 10pt ; font-weight:bold ; }

.popTable	{width:75%; empty-cells:hide;}
.popTable p	{margin:0;}
.popTable strong {font-size:16px}
.popTable td {padding:10px 5px;}
.popTable tr {border-bottom:solid 1px #dddddd;}
.popTable tr:last-child {border-style:none;}
.pageAlignment {font-size: 12px; text-align:right ;}

.cat_home		{color:#8a658b; text-align:center}
.cat_home td	{padding:10px; vertical-align:top; width:20%}
.cat_home img	{border:none; height:85px}

.itemlist		{color:#8a658b; text-align:center;}
.itemlist td	{vertical-align:top; width:24%;}
.itemlist img	{border:none; height:85px}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:Gray;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:250px;
}

.modalGridHeader
{
    border-bottom:1px solid grey;
    border-left:0;
    border-right:0;
    border-top:0;
    padding-bottom:3px;
    padding-left:3px;
    margin:3px;
}

.modalGrid
{
    border-bottom:1px solid grey;
    border-left:0;
    border-right:0;
    border-top:0;
    padding-top:5px;
    padding-bottom:3px;
    padding-left:3px;
    margin:3px;
}

/* Tag Cloud */
#TC_main			{margin:30px; border:solid 1px #e3e3e3; text-align:left}
#TC_main h5			{margin:5px 10px;}
#TC_main span		{margin:15px; display:block;}
#TC_main a			{padding:0; margin:0}
#TC_main a:hover	{text-decoration:underline;}

/* Project Page */
.projectMain		{text-align:center;}
.projectMain table	{width:100%;}
.projectMain td		{padding:10px;}
.adobe				{padding:20px; text-align:center;}

/* Creative Corner */
#creativeCornerMain {padding:10px; overflow:hidden; float:left;}
#creativeCornerMain h2 {display:inline; font-size:20px;}
#creativeCornerMain ul {margin:0; padding-left:50px;}
#creativeCornerMain li {font-size:14px;} 
.creativeCorner_left {float:left; margin:5px; z-index:1; position:relative;}
.creativeCorner_catLink {display:inline-block; text-align:center; margin:20px 8px;}
.creativeCorner_right {float:right; margin:5px; z-index:1; position:relative;}
.right_bar {width:300px;}
.creativeCorner_border {overflow:hidden; border:solid 1px #c2c3c5;}
.leftArea {width:370px; height:400px;}
.creativeCorner_video {background-color:#e1e6f4; height:135px;}
.creativeCorner_video img {position:absolute; z-index:0;}
.creativeCorner_howto {background-color:#fce076; height:135px;}
.creativeCorner_howto img {position:relative; z-index:0; top:-89px;}
.creativeCorner_locate {background:#e3edbc; height:125px;}
.creativeCorner_locate img {position:absolute; z-index:0;}
.creativeCorner_clickArea {position:relative; left:79px; top:15px;}

/* Planogram */
.planogramCopy	{margin:0 0 10px 20px; padding:5px;}
.planogramCopy div {width:250px; margin:20px; float:right;}
.planogramCopy a {padding:3px 0 3px 10px; display:block;}
.planogramCopy div b {display:block; margin-top:10px;}

/* Tile Caculator */
#calc input { width:35px; text-align:right; border:0; background-color:#E6E4C9; }
#calc .ft { width:25px; }
#calc .length { width:40px; text-align:left; border:1px #7F9DB9 solid; background-color:#FFFFFF; }
#calc .calc_button { width:80px; border:1px #7F9DB9 solid; background-color:#EEEEEE; text-align:center; }
#calc2 input { width:35px; text-align:right; border:0; background-color:#E6E4C9; }
#calc2 .ft { width:30px; }
#calc2 .length { width:40px; text-align:left; border:1px #7F9DB9 solid; background-color:#FFFFFF; }
#calc2 .calc_button { width:80px; border:1px #7F9DB9 solid; background-color:#EEEEEE; text-align:center; }
#calc3 input { width:35px; text-align:right; border:0; background-color:#E6E4C9; }
#calc3 .ft { width:30px; }
#calc3 .length { width:40px; text-align:left; border:1px #7F9DB9 solid; background-color:#FFF; }
#calc3 .calc_button { width:80px; border:1px #7F9DB9 solid; background-color:#EEE; text-align:center; }

/* Home Page Carousel */
.stepcarousel{
    position: relative; /*leave this value alone*/
    border: 2px solid #e3e3e3;
    border-left-style:none;
    border-right-style:none;
    overflow: scroll; /*leave this value alone*/
    width: 787px;
    height: 153px; /*Height should enough to fit largest content's height*/
    float:left;
    outline-style:none;
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px 0; /*margin around each panel*/
    width: 155px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    text-align:center;
}

.productFeedHeader {
	position:relative; 
	left:55px; 
	width:130px; 
	/*border:solid 2px #e3e3e3; 
	border-bottom-style:none; 
	-moz-border-radius:5px 5px 0 0; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;*/
}

.productFeedHeader h3 {
	background-color:transparent; 
	margin:0;
	padding:5px;
	text-align:center;
	font-size:12px;
}

/*.scrollerButtonLeft {
	background-image:url('images/site update/scrollButtonSprite.jpg'); 
	background-position:0 0; 
	width:45px; 
	height:157px; 
	display:block; 
	text-indent:-9999px; 
	outline-style:none;
}

.scrollerButtonRight {
	background-image:url('images/site update/scrollButtonSprite.jpg'); 
	background-position:-45px 0; 
	width:45px; 
	height:157px; 
	display:block; 
	text-indent:-9999px; 
	outline-style:none;
}*/

.scrollerButton {border:solid 2px #e3e3e3; height:153px; width:42px; overflow:hidden; vertical-align:middle;}
.scrollerButton img {position:relative; top:54px;}
.scrollerButton a { outline-style:none;}
.scrollerButtonLeft {float:left; border-right-style:none; text-align:right; -moz-border-radius:5px 0 0 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; cursor:pointer;}
.scrollerButtonRight {float:right; border-left-style:none; -moz-border-radius:0 5px 5px 0; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; cursor:pointer;}

/* Catalog Request */
.catalogRequestTable {margin:10px; padding:5px;}
.catalogRequestTable img {margin:5px;}
.catalogRequestTable td {padding:5px; width:auto;}

/* Fun Links */
.funLinkGrid {margin:10px; width:95%;}
.funLinkGrid a {text-align:center;}
.funLinkGrid img {margin:5px;}
.funLinkGrid td {padding:5px;}
.funLinkGrid tr {border-bottom:solid 2px #e3e3e3;}
.funLinkDescription {width:65%; vertical-align:top}
.funLinkTitle {width:30%; border-right:solid 2px #e3e3e3; text-align:center;}

/* Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .stepcarousel {width: 778px;} 
}