/**************************************************************************
	Transparency support for IE5.5+
**************************************************************************/
* html img,
* html #homeLink div,
* html #dnn_dnnLOGO_imgLogo,
* html div.pageMenu
{
	behavior: url(/iepngfix.htc);
}

/**************************************************************************
	Overrides
**************************************************************************/
body
{
	font-size: 11px;
	background: #E1E1E1;
	background-color: #DDDDDD;
	font-family: arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	line-height: 1.3em;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

img
{
border:none;
}
ul{
	list-style-position:inherit;
	list-style-type:circle;
	list-style-position:inside;
}
li
{
	text-indent:0px;
}

body *
{
	margin: 0;
	padding: 0;
}

p
{
	padding: 1em 0 0;
}

.Normal,
.SkinObject
{
	font-size: 12px;
	color:#333333;
	line-height:14px;
	font-family: arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.pageFooter,
.pageFooter .Normal,
.pageFooter .SkinObject,
.pageFooter .Head,
.pageFooter a, .pageFooter a:link, .pageFooter a:visited
{
	color: #FFF;
}

.pageFooter .SkinObject,
.pageFooter a:hover
{
	color: #00F;
	text-decoration: underline;
}

a, a:link
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	cursor: pointer;
	text-decoration: underline;
	color: #00F;
}


h1, h2, h3,
h1 span.Head,
h2 span.Head,
h3 span.Head
{
	font-weight: bold;
	font-family: Arial;
	color:#333333;
}

h1, h1 span.Head { font-size: 16px; }
h2, h2 span.Head { font-size: 14px; }
h3, h3 span.Head { font-size: 12px;	}

.ModuleTitle_MenuItem
{
	border: none;
}

.DNNAlignleft, .DNNAligncenter, .DNNAlignright
{
text-align:left;
}

#dnn_dnnOPENSEARCH_txtSearch
{
	#margin: 0 0 3px;
}
#dnn_dnnOPENSEARCH_cmdGo
{
	border: none;
	background: transparent url(images/button.png) no-repeat center;
	width: 45px;
	padding-bottom: 5px;
	padding-top: 3px;
	color: #FFF;
	cursor: pointer;
	margin: 0 0 2px;
	#margin: 0;
}


#dnn_ctr_XSSearchResults_pnlResults p
{
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: dotted 1px gray;
}

td 
{
	vertical-align: top;
}

ul
{
	list-style-position: outside;
	padding-left: 1.5em;
}

/**************************************************************************
	Skin skeleton
**************************************************************************/

div.pageOuterWrapper
{
	background: #E1E1E1 url(images/body-background.png) repeat-x;
	#background-color: #DDDDDD;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

div.pageWrapper
{
	background: transparent;
	margin: 0 auto;
	padding: 0;
	width: 766px;
	min-height: 600px; _height: 300px;
}

div.pageHead
{
	padding: 30px 0 0;
}

* html #dnn_dnnLOGO_imgLogo
{
	height: 70px;
	width: 172px;
}

div.pageMenu
{
	margin: 0 0 8px 0;
	padding: 3px 10px;
	background: transparent url(images/menu-background.png) no-repeat center top;
	height: 43px;
}

#homeLink
{
	background: transparent url(images/menu-separator.png) no-repeat right top;
	padding: 0 10px 0 0;
	height: 43px;
	width: 29px;
	float: left;
	text-decoration: none;
}
#homeLink:hover
{
	text-decoration: none;
}
#homeLink div
{
	background: transparent url(images/home.png) no-repeat center top;
	width: 100%;
	height: 100%;
}

div.pageSearch
{
	float: right;
	padding: 8px 0;
}
#dnn_dnnSEARCH_cmdSearch
{
	background: transparent url(images/button.png) no-repeat center;
	width: 75px;
	border: dotted 1px gray;
	padding: 5px;
	color: #FFF;
}

div.pageContent
{

}

div.pageFooter
{
}

.footerSeparator
{
	margin: 0 0.5em;
}

/**************************************************************************
	Panes
**************************************************************************/

#dnn_FlashPane1
{
    font-size: 0;
    line-height: 0;
    margin-left: -1px;
    min-height:250px;
    width:960px;
    background-image:url("/Portals/0/images/Flashpane/top_flash_bluesign.png");
    background-repeat:no-repeat;
    padding-bottom:10px;
}
#dnn_FlashPane2
{
    font-size: 0;
    line-height: 0;
    margin-left: -1px;
 
}
    
table.paneHolder
{
	border-collapse: collapse;
}

#dnn_LeftPane
{
	width: 500px;
	vertical-align: top;
	padding-right: 10px;
}
#dnn_RightPane
{
	width: 256px;
	vertical-align: top;
	padding-left: 10px;
}
#dnn_Leftpane50
{
	vertical-align: top;
	padding-right: 15px;
	padding-left:10px;
}
#dnn_RightPane50
{
	vertical-align: top;
	padding-left: 15px;
	padding-right:30px;
}
.left {
	width:50%;
	padding-left:5px;
}
.right {
	width: 50%;
}


.paneHolder #dnn_Contentpane
{
	padding-right: 10px;
	width: 500px;
}

#dnn_FooterPane
{
	margin-bottom: 1em;
}


/**************************************************************************
	Rounded corners
**************************************************************************/


.roundedbox 
{
 position:relative;
 margin:0px auto;
 min-width:8em;
 z-index:1;
 margin-left:8px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}


.roundedbox .roundedboxcontent,
.roundedbox .roundedboxt,
.roundedbox .roundedboxb,
.roundedbox .roundedboxb div {
 background:transparent url(images/whitebox.png) no-repeat top right;
 _background-image:url(images/whitebox.gif);
}

.roundedbox.footer .roundedboxcontent,
.roundedbox.footer .roundedboxt,
.roundedbox.footer .roundedboxb,
.roundedbox.footer .roundedboxb div {
 background-image:url(images/graybox.png);
 _background-image:url(images/graybox.gif);
}


.roundedbox .roundedboxcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 10px 0px 0px;
}

.roundedbox .roundedboxt {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position: left top;
}

.roundedbox .roundedboxb {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedbox .roundedboxb,
.roundedbox .roundedboxb div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedbox .roundedboxb {
 background-position: right bottom;
}

.roundedbox .roundedboxb div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:left bottom;
}

.roundedbox .roundedboxwrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 /*overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}



/**************************************************************************
	Containers
**************************************************************************/

.containerMainDiv h1
{
	padding: 10px 10px 30px;
	font-weight: bold;
}



/**************************************************************************
	Product module
**************************************************************************/

ul.productCategoryList
{

	width:100%;
	
}

li.productCategoryItem
{
	list-style-type: none;
	float: left;
	padding: 10px;
	display: inline;
	text-align: center;
	width:75px;
	height:120px;
	margin:3px;
}

.prodimg
{
	height:75px;
	line-height:75px;
	vertical-align:text-bottom;
	vertical-align:bottom;
	
}
img.productCategoryImage
{
	vertical-align:text-bottom;
	vertical-align:bottom;
}
.productCategoryName
{
	display: block;
	clear:both;
	position:relative;
	height:20px;
}

.productCurrentCategoryWrapper
{
	clear: both;
	padding: 40px 10px 25px;
	#padding-top: 20px;
	background: transparent url(images/head-background.png) no-repeat center 25px;
}
* html .productCurrentCategoryWrapper
{
	background-image: url(images/head-background.gif);
}
.productCurrentCategory
{
	font-size: 12px;
	font-weight: bold;
}

ul.productItemList
{
	padding: 1em 0;
}
.editCategoryLink
{
	padding-top:20px;	
}
li.productItem
{
	list-style-type: none;
	float: left;
	width: 178px;
	height:230px;
	text-align: center;
	background: #E7E7E7;
	padding: 0;
	border: solid 1px #E7E7E7;
	margin: 8px 2px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

li.productItem .productItemImage
{
	height: 110px;
	display: block;
	padding: 3px;
	background: white;
}

li.productItem table
{
	border-collapse: collapse;
	width: 100%;
	margin: 0.5em auto;
}
li.productItem table td
{
	text-align: left;
	border: none;
	padding: 2px 3px;
}
li.productItem table td.data
{
	width: 100%;
}



.productItemDetailImage
{
	float: right;
	margin: 0 0 10px 10px;
	width:400px;
}
productItemDetailText
{
}
.productItemDetailControls
{
	clear: both;
}



.productPagingControls
{
	clear: both;
}
.productPagingPrev
{
	float: left;
}
.productPagingNext
{
	float: right;
}


.SelectedCategory
{
	background: #E3E3E3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu 
{
	cursor:pointer;
	font-size: 11px; 
	background-color:transparent;
}

/* Main Menu Normal */
.mainMenu .root
{	
	color: #000;
	font-size: 13px; 
	font-weight:bold; 	
	text-align:center; 
	padding:12px 12px 12px 12px;
	white-space:nowrap;
	margin-right:1px;	
	float:left;
	
}


/* Main menu hover */
.mainMenu .hov{ 
	color: #2c3f8e;
}

/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {

}
.mainMenu table {

   background-image: url(images/menu-drop_fixed.png);
   background-position:bottom left;
   padding-top:15px;
   padding-bottom:15px;
   padding-left: 5px;
   margin-top:5px;
	width:200px;
	text-decoration: none;
}


/* SUB Menu Normal */
.mainMenu tr.mi{
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#fff;
	line-height:2em;
	text-transform:none; 
}

.mainMenu tr.mi td{
padding: 0 2px;
text-transform:none;
}

/* SUB Menu hover & selected */
.mainMenu tr.hov { 

}

.mainMenu tr.hov td{
color: #999999;
}

.mainMenu tr.sel, .mainMenu tr.bc{

}

.mainMenu tr.sel td, .mainMenu tr.bc td{
	color:#fff;
}

.main_dnnmenu_break{

}



/* Module Action Menus */
.ModuleTitle_SubMenu
{
}

.ModuleTitle_SubMenu td{

	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {

}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{

}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{

}