@charset "utf-8";
/* CSS Document */
/*
*{font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
*/
/*body {background-image:url("/global/pwp/images/backgroundGrad.gif");background-repeat:repeat;text-align:center;padding:0px;margin:0px;}*/
#Main{margin:0px auto 0px auto;width:951px;text-align:left;}

/* Divsion Tabs */
ul#NUDivisionTabs{
    float:left;
    /*width:100%;*/
    width:923px;
    height:23px;
    padding:13px 0px 0px 0px;
    /*margin:0px;*/
    margin:0 14px 0 14px;
    list-style:none;
    /*background-color:rgb(121,170,176);*/
    background-color:#DCDCDC;
}
ul#NUDivisionTabs li{float:left;height:23px;margin:0px 2px;cursor:pointer;}
/* Inactive */
ul#NUDivisionTabs li.inactive div.DivisionTabLeft{float:left;width:10px;height:23px;background-image:url(/global/pwp/images/divtableft_inactive.gif);background-repeat:no-repeat;}
ul#NUDivisionTabs li.inactive div.DivisionTabMid{float:left;height:19px;padding:4px 2px 0px;font-size:12px;background-color:rgb(80,127,137);color:#FFFFFF;}
ul#NUDivisionTabs li.inactive div.DivisionTabRight{float:left;width:10px;height:23px;background-image:url(/global/pwp/images/divtabright_inactive.gif);background-repeat:no-repeat;}
/* Active */
ul#NUDivisionTabs li.active div.DivisionTabLeft{float:left;width:10px;height:23px;background-image:url(/global/pwp/images/divtableft_active.gif);background-repeat:no-repeat;}
ul#NUDivisionTabs li.active div.DivisionTabMid{float:left;height:19px;padding:4px 2px 0px;font-size:12px;background-color:#FFFFFF;}
ul#NUDivisionTabs li.active div.DivisionTabRight{float:left;width:10px;height:23px;background-image:url(/global/pwp/images/divtabright_active.gif);background-repeat:no-repeat;}

#NavToggle{float:right;}

/* ----------- Page Content ------------- */
#PageContent{float:left;width:923px;background-color:white;position:relative;}  /* todo: this needs work because the height needs to be dynimcally sized based on the content and needs to animate it's size. */
#Spinner{visibility:hidden;position:absolute;top:100px;left:450px;font-size:8pt;color:#ff9933;font-weight:bold;text-align:center;}
#Spinner span{padding:2px 2px 4px;}
/* ----------- Bread Crumbs ------------- */
#BreadCrumbs{
    /*width:911px;*/
    width:909px;
    height:22px;
    background-color:#f5f5f5;
    float:left;
    border:1px solid #9d9d9d;
    /*margin:5px;*/
    margin:5px 20px 5px 20px;
    position:relative;
    overflow:hidden;
}
#BreadCrumbs ol{list-style:none;padding:0px;margin:0px;position:absolute;left:0px;z-index:1;}
#BreadCrumbs ol li{float:left;padding:2px 24px 6px 14px;background-image:url("/global/pwp/images/breadcrumb_separator.gif");background-repeat:no-repeat;background-position:center right;}
#BreadCrumbs ol li span{font-size:11px;}
#SearchBox {float:right;position:absolute;right:5px;top:0px;z-index:2;}
#SearchBox input{float:left;height:14px;border:1px solid #ff9933;margin:2px 0px 2px 0px;}
#SearchBox input.searchtext{width:150px;}
#SearchBox input.submitsearch{}
/* ----------- Window Blinds ------------- */
#ProductNav{
    width:217px;
    font-weight:bold;
    margin:4px 5px 5px 20px;
    float:left;
    clear:left;
}
div.navcap {float:left;height:7px;}
div.navcap img{width:7px;height:7px;float:left;}
div.navcap div.capmid{background-color:#507f89;width:203px;height:7px;float:left;}
#WindowBlinds{width:100%;position:relative;float:left;clear:left;}
#WindowBlinds ul{
    list-style:none;
    padding:0px;
    margin:0px;
    width:217px;
    background-color:#DCDCDC;
}
#WindowBlinds li{cursor:pointer;display:inline;}
#WindowBlinds li div{background-color:#507f89;color:#FFFFFF;margin-bottom:1px;padding:2px 15px 2px 15px;}
#WindowBlinds li > div.g_0{background-image:none;background-color:#507f89;color:#FFFFFF;}
#WindowBlinds li > div.g_1{background-image:none;background-color:#507f89;color:#FFFFFF;}
#WindowBlinds li > div.g_2{padding-left:20px;background-image:none;background-color:#ff9933;color:#FFFFFF;}
#WindowBlinds li > div.g_3{padding-left:25px;background-image:none;background-color:#ffe3c6;color:#ff9933;font-weight:normal;}
#WindowBlinds li > div.g_4{padding-left:30px;background-color:#FFFFFF;color:#ff9933;font-weight:normal;}
#WindowBlinds li > div.g_5{padding-left:35px;background-color:#00FF66;}
#WindowBlinds li.containsCategoies div{background-repeat:no-repeat;background-position:187px 5px;}
#WindowBlinds li.containsCategoies > div.g_0{background-image:url("/global/pwp/images/g_1_2subClosed.gif");}
#WindowBlinds li.containsCategoies > div.g_1{background-image:url("/global/pwp/images/g_1_2subClosed.gif");}
#WindowBlinds li.containsCategoies > div.g_2{background-image:url("/global/pwp/images/g_2subClosed.gif");}
#WindowBlinds li.containsCategoies > div.g_3{background-image:url("/global/pwp/images/g_3subClosed.gif");}
#WindowBlinds li.containsCategoies > div.g_4{background-image:url("/global/pwp/images/g_4subClosed.gif");}
#WindowBlinds li.containsOpenCategoies div{background-repeat:no-repeat;background-position:187px 5px;}
#WindowBlinds li.containsOpenCategoies > div.g_0{background-image:url("/global/pwp/images/g_1_2subOpen.gif");}
#WindowBlinds li.containsOpenCategoies > div.g_1{background-image:url("/global/pwp/images/g_1_2subOpen.gif");}
#WindowBlinds li.containsOpenCategoies > div.g_2{background-image:url("/global/pwp/images/g_2subOpen.gif");}
#WindowBlinds li.containsOpenCategoies > div.g_3{background-image:url("/global/pwp/images/g_3subOpen.gif");}
#WindowBlinds li.containsOpenCategoies > div.g_4{background-image:url("/global/pwp/images/g_4subOpen.gif");}

/* ----------- Content ------------- */
#Content{
    float:right;
    width:910px;
    padding:0px;
    /*margin:0px 5px 0px 4px;*/
    margin: 0px 20px 0px 4px;
}
#ContentProp{float:right;width:1px;height:500px;}

#CategoryMain{
	float:left;
	border:1px solid #CCCCCC;
	background-image:url("/global/pwp/images/backgroundGrad.gif");
	/*background-image:url("/global/pwp/images/BG2.gif");*/
	width:100%;
}
#CategoryImage{
	float:left;
	/*width:240px;*/
	background-color:#6F6F6F;
	/*padding:0px 40px 10px 20px;*/
	margin:0px;
}
#CategoryDetails{
	float:left;
	width:588px;
	padding:10px;
	line-height:18px;
	font-size:12px;
	color:#FFFFFF;
	/*background-image:url("/global/pwp/images/BG2.gif");*/
}
#CategoryDetails a{
	color:#ffffff;
}
#CategoryDetails a:hover{
	color:#ffffff;
}
#CategoryTitle{
	float:left;
	padding:10px 0px;
	font-size:16px;
	font-weight:bold;
    color:#ffffff;
}
#CategoryTitle div{
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

#CategoryDescription{
	float:left;
	/*clear:left;*/
	padding:10px 0px;
	width:100%;
    color:#ffffff;
}

#CategoryDescription div{
	color:#ffffff;
}

#CategoryDescription strong{
	color:#ffffff;
}

#ProductMain{
	float:left;
	border:1px solid #CCCCCC;
	background-image:url("/global/pwp/images/backgroundGrad.gif");
    width:910px;
	/*background-image:url("/global/pwp/images/BG2.gif");*/
}
#ProductImage{
	float:left;
	width:240px;
	background-color:#FFFFFF;
	padding:0px 40px 10px 20px;
	margin:0px;
}
#ProductDetails{
	float:left;
	width:588px;
	padding:10px;
	line-height:18px;
	font-size:12px;
	color:#FFFFFF;
	background-image:url("/global/pwp/images/backgroundGrad.gif");
	/*background-image:url("/global/pwp/images/BG2.gif");*/
}
#ProductDetails a{color:#ffffff;}
#ProductDetails a:hover{color:#ffffff;}
#ProductTitle{
	float:left;
	padding:10px 0px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

#ProductTitle div{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

#ProductDescription{
	float:left;
	/*clear:left;*/
	padding:10px 0px;
	width:100%;
	color:#FFFFFF;
}

#ProductDescription div{
	color:#FFFFFF;
}

#ProductDescription i{
	color:#FFFFFF;
}

#ProductPricing{
    float:left;
    /*clear:left;*/
    min-height:15px;
    padding:10px 0px;
    list-style:none;
    margin:0;
    width:100%;
}

#ProductPricing li{
	float:left;
	padding:0px 5px;
	margin:0;
	color:#FFFFFF;
}
#ProductInfo{
    float:left;
    /*clear:left;*/
    /*padding:10px 0px;*/
}

#ProductInfo img{cursor:pointer;}

#ProductInfo #addButton {
    margin:0 2px 0 2px;
}

#ProductInfo #productInfoButton {
    margin:0 2px 0 2px;
}

#ProductInfoTabs{position:relative;float:left;}
#ProductInfoSpacer{float:left;width:240px;padding:0px 40px 10px 20px;margin:0px;}
#ProductInfoArea{float:left;width:588px;overflow:auto;padding:10px;line-height:18px;font-size:12px;}
#productContent{
	position:relative;
}

#productBenefitsButton {
    margin:0 2px 0 2px;
}

#productInfoBackButton {
    float:right;
}

#Products{float:left;clear:left;width:100%;border-left:1px solid #CCCCCC;}
#Products ul{list-style:none;padding:0px;margin:0px;border-left:1px solid #CCCCCC;}
#Products ul li{float:left;width:216px;height:216px;margin:0px;padding:5px;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;text-align:center;}
#Products ul li div.title{float:left;height:42px;padding-top:3px;padding-bottom:3px;width:100%;text-align:center;}
#Products ul li a.image{float:left;clear:left;height:120px;width:100%;text-align:center;margin:5px auto 5px auto;}
#Products ul li a.image img{width:120px;height:120px;margin:0px auto 0px auto;border:none;}
#Products ul li div.price{float:left;clear:left;width:100%;text-align:center;}
#Products ul li div.info{float:left;clear:left;width:100%;text-align:center;margin:0;padding:0;}
#Products ul li div.info span{margin:0;padding:0 5px;}

#Products a{
	color:#CCCCCC;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

.cmsRow{
	display:inline;
	/*float:left;*/
}

#FooterBtns{float:left;width:100%;padding:15px 5px 0px 0px;}
/*#FooterBtns a{float:right;border:none;cursor:pointer;display:inline;}*/
#FooterBtns .buttonStyle{
    float:right;
}

#FooterBtns #signUpButton {
    margin:0 2px 0 2px;
}

#FooterBtns #fullShopButton {
    margin:0 2px 0 2px;
}

/* ----------- Applicatoin Footer Area ------------- */
#background_content_bottom {
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:951px;
	height:34px;
}

.copyright {
	float:left;
	width:100%;
}
