@charset "UTF-8";
/* CSS Document */

/* DNN Nav 2.0 Menu Styles

.root		Root menu item
.m			All sub menu items containers get this class (by default a this is a table)
.m[x]		Sub menu items containers on level x
.mi			A menu item
.id[x]		Menu (or submenu) item where the page has id x (ex: .mid38)
.mi[x][-x]	Here x = the order of the item amongst its siblings.
.first		first item in a list of siblings
.last		first item in a list of siblings
.firstlast 	Item has no siblings
.icn		A page's icon
.sel		An item gets this class if it’s the currently selected page 2.0.0
.bc			All pages that are in the currently active pages breadcrumb get this class. They are the parents of the current page.
.hov		An item gets this class if it's hovered (using JavaScript, not CSS hover)
.txt		The spans containing the item text get this class. This allows you to address the text separately from the icons (these get class .icn)
*/

H1
{
	color:#79a2da;
	font-weight:normal;
	font-size:20px;
	font-family: geneva, arial;
}

H2
{
	color:#79a2da;
	font-weight:bold;
	font-size:16px;
	font-family: geneva, arial;
}

/* Controls Field Width of Catalook Billing Address on Orders Page */
.dnnForm
{
	min-width:500px;
}

.dnnFormMessage
{
	width:89%;
}

/* Normal Font Style */
.Normal
{
	font-weight: normal;
	font-size: 13px;
	color: #3c485a;
	font-family: geneva, arial;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

/* Normal Font Style */
.Normal
{	font-weight: normal;
	font-size: 16px;
	color: #808285;
	font-family: arial;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

/* Login Class Definitions */
.LoginRegisterClass
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginRegisterClass:link
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginRegisterClass:visited
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginRegisterClass:active
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginRegisterClass:hover
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
	text-decoration: underline;
}

.LoginLoginClass
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginLoginClass:link
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginLoginClass:visited
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginLoginClass:active
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}

.LoginLoginClass:hover
{
	color: #aaaaaa;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
	text-decoration: underline;
}


/* Admin control links */
a.CommandButton
{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
}

a.CommandButton:link
{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
}

a.CommandButton:visited
{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
}

a.CommandButton:active
{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
	text-decoration: none;
}

a.CommandButton:hover
{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
	text-decoration: underline;
}


/* Page background image */
#Body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-color: #ffffff;
	text-align: left;
	background-image: url("images/pagebackground.jpg");
	background-repeat: no-repeat;
	background-color: #edf4fd;
}

/* Search box styles */
#searchbox .NormalTextBox
{
	font-weight: normal;
	font-size: 12px;
	width: 177px;
	color: #B0B0B0;
	font-family: arial;
	vertical-align: top;
	background-color: transparent;
	margin: 0px;
	height: 24px;
	border: 0px;
	border-style: none;
	padding-left: 8px;
	float:left;
	display:inline;
}

#searchbuttonadj
{
	float: right;
	display: inline;
	z-index: 99;
}

/* Searchbox styles */
.SearchClass
{
	font-weight: normal;
	font-size: 12px;
	color: #939393;
	font-family: arial;
	vertical-align: middle;
	background-color: transparent;
	margin: 0px;
	height: 24px;
	border: 0px;
	border-style: none;
	padding: 0px;
}

/* Corrects Search Button in IE */
#dnn_dnnSEARCH_ClassicSearch
{
	line-height:0px;
}

.termsclass
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: arial;
}

.LoginClass
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: arial;
}

.PrivacyClass
{
	font-weight: normal;
	font-size: 12px;
	color: #808285;
	font-family: arial;
}

.CopyrightClass
{
	font-weight: normal;
	font-size: 10px;
	color: #6c6c6c;
	font-family: arial;
}

a:link,
a:visited
{
	color: #036;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #036;
	text-decoration: underline;
}

img
{
	border:0;
}

/* Breadcrumb menu styles */
.BreadcrumbClass
{
	font-weight: normal;
	font-size: 12px;
	color: #b0b0b0;
	font-family: arial;
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 0px;
}

.BreadcrumbClass:link
{
	font-weight: normal;
	font-size: 12px;
	color: #b0b0b0;
	font-family: arial;
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 0px;
}

.BreadcrumbClass:visited
{
	font-weight: normal;
	font-size: 12px;
	color: #b0b0b0;
	font-family: arial;
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 0px;
}

.BreadcrumbClass:active
{
	font-weight: normal;
	font-size: 12px;
	color: #b0b0b0;
	font-family: arial;
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 0px;
}

.BreadcrumbClass:hover
{
	font-weight: normal;
	font-size: 12px;
	color: #b0b0b0;
	font-family: arial;
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 0px;
}

/* DNN NAV 2.0 Menu Styles - See Styles at Top to Customize */

.mainMenu
{
	padding-left: 0px;
	font-weight: normal;
	font-size: 14px;
	color: #5ec7dd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	height: 20px;
}

.mainMenu .root
{
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	color: #80acec;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 24px;
	height: 24px;
	cursor: pointer;
	background-color: transparent;
}

.mainMenu .root.hov
{
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 24px;
	height: 24px;
	background-image:url("images/HorizontalMenuHover.jpg");
	background-repeat: repeat-x;
}

.mainMenu .root.sel
{
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 24px;
	height: 24px;
	background-image:url("images/HorizontalMenuHover.jpg");
	background-repeat: repeat-x;
}

.mainMenu .root.bc
{
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 24px;
	height: 24px;
	background-image:url("images/HorizontalMenuHover.jpg");
	background-repeat: repeat-x;
}

/* Corrects Menu Background in Firefox */
@-moz-document url-prefix()
{
	.mainMenu .root.sel
	{
		padding-bottom: 4px;
	}
	
	.mainMenu .root.hov
	{
		padding-bottom: 4px;
	}
}

/* Styles for the submenu items when unselected */
.mainMenu .m
{
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	height: 20px;
	background-color: #9cc4f0;
	line-height: 20px;
	z-index: 1000;
}

.mainMenu .m .hov
{
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	height: 20px;
	line-height: 20px;
	background: none;
	background-color: #b3d2f4;
}

/* Padding Between Menu Items */
.mainMenu tr.mi td
{
	padding-left: 4px;
	padding-right: 4px;
	text-transform: none;
}

.mainMenu .m .sel
{
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	height: 20px;
	line-height: 20px;
	background: none;
	background-color: #b3d2f4;
}




/* =================== Layout ==================== */

.body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
	background-image: url("images/pagebackground.jpg");
	background-repeat: no-repeat;
	background-color: #edf4fd;
}

/* Centers the Page */
#center
{
/* Change the width below to change the page width, minimum 684px */
	/* width: 990px; */
	width: 1185px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 35px;
}


/* Top */

/* Creates Right Background Image (Curved Corner) */
#top_a
{
	background-image: url(images/TopRightCorner.gif);
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 24px;
	text-align: left;
	width: 100%;
	float: none;
	height: 14px;
	line-height: 0px;
	margin-bottom: -1px;
}

/* Creates Left Background Image (Curved Corner) */
#top_b
{
	background-image: url(images/TopLeftCorner.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 100%;
	float: none;
	height: 14px;
	line-height: 0px;
}

/* Creates Background Color (White) */
#top_c
{
	background-color: #FFF;
	margin-left: 12px;
	margin-right: 12px;
	float: none;
	height: 14px;
	line-height: 0px;
	font-size: 0px;
}

/* Creates the Background Color of the Logo/Register/Login Area */
#logo_a
{
	background-color: #FFF;
	width: 100%;
	height: 70px;
	float: none;
}

/* Creates the Margins */
#logo_b
{
	height: 70px;
	margin-left: 12px;
	margin-right: 12px;
	float: none;
	text-align: left;
}

/* Layout Area for the Logo */
#logo_c
{
	height: 70px;
	text-align: left;
	float: left;
	display: inline;
}

/* Layout Area for Register/Login */
#logo_d
{
	height: 70px;
	width: 190px;
	text-align: right;
	float: right;
	display: inline;
}

/* Creates the Background Color for the Horizontal Menu */
#hmenu_a
{
	width: 100%;
	height: 24px;
	background-color: #FFF;
	float: none;
	margin-top: -1px;
	padding-bottom: 1px;
	clear: both;
	text-align: left;
}

/* Creates the Margins */
#hmenu_b
{
	margin-left: 12px;
	margin-right: 12px;
	float: none;
}

/* Creates the Repeating Background Image for the Horizontal Menu */
#hmenu_c
{
	width: 100%;
	height: 24px;
	background-image: none;
	background-image: url(images/HorizontalMenuCenter.jpg);
	background-repeat: repeat-x;
	float: none;
}

/* Creates the Right Background Image */
#hmenu_d
{
	width: 100%;
	height: 24px;
	background-image: url(images/HorizontalMenuRight.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	float: none;
}

/* Creates the Left Background Image */
#hmenu_e
{
	width: 100%;
	height: 24px;
	background-image: url(images/HorizontalMenuLeft.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-right: 6px;
	float: none;
}

/* Creates the Spacing after the Horizontal Menu */
#hmenuspace_a
{
	height: 12px;
	width: 100%;
	background-color: #FFF;
	float: none;
	line-height: 0px;
	font-size: 1px;
	margin-top: -1px;
	margin-bottom: -1px;
}

/* Creates the Background Color for the Header Menu */
#header_a
{
	height: 117px;
	width: 100%;
	background-color: #FFF;
	float: none;
	margin-top: -2px;
	padding-bottom: 1px;
}

/* Creates the Margins and Header Repeating Background Image */
#header_b
{
	height: 117px;
	margin-left: 12px;
	margin-right: 12px;
	background-image: url(images/HeaderCenter.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	float: none;
}

#header_c
{
	height: 117px;
	width: 100%;
	background-image: url(images/HeaderRight.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
}

#header_d
{
	height: 117px;
	width: 100%;
	background-image: url(images/HeaderLeft.jpg);
	background-repeat: no-repeat;
	background-position: left;
	float: none;
}

/* Place Header Content Here */
#header_e
{
	height: 117px;
	width: 100%;
	float: left;
}

/* Creates the Spacing after the Header */
#headerspace_a
{
	height: 12px;
	width: 100%;
	background-color: #FFF;
	float: none;
	line-height: 0px;
	font-size: 1px;
	margin-bottom: -1px;
}

/* Creates the Background Color for the Breadcrumb/Search Area */
#breadcrumbsearch_a
{
	height: 24px;
	width: 100%;
	background-color: #FFF;
	float: none;
}

/* Creates the Margins on the Sides of the Breadcrumb/Search Area */
#breadcrumbsearch_b
{
	height: 24px;
	margin-left: 12px;
	margin-right: 12px;
	float: none;
}

/* Creates the Background Imange on the Right Side of the Breadcrumb Menu */ 
#breadcrumb_a
{
	height: 24px;
	width: 79%;
	background-image: url(images/BreadCrumbRight.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
	display: inline;
}

/* Creates the Background Imange on the Left Side of the Breadcrumb Menu */ 
#breadcrumb_b
{
	height: 24px;
	background-image: url(images/BreadCrumbLeft.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/* Creates the Repeating Background Image Behind the Breadcrumb Menu */
#breadcrumb_c
{
	height: 24px;
	background-image: url(images/BreadCrumbCenter.jpg);
	background-repeat: repeat-x;
	margin-left: 6px;
	margin-right: 6px;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
}

#search_a
{
	height: 24px;
	width: 225px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(images/SearchCenter.jpg);
	background-repeat: repeat-x;
	text-align: left;
	float: right;
	display: inline;
}

#search_b
{
	height: 24px;
	width: 225px;
	background-image: url(images/SearchLeft.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0px;
	margin-right: 0px;
	background-color: transparent;
	float: right;
	display: inline;
}

/* Creates the Background Color for the Foreground Area */
#foreground_a
{
	width: 100%;
	background-color: #FFF;
	float: left;
	display: inline;
	z-index: 0;
	margin-top: 0px;
	padding-bottom: 10px;
}

#foreground_b
{
	width: 97%;
	margin-left: 12px;
	margin-right: 4px;
	padding-top: 11px;
	float: left;
	display: inline;
	z-index: 0;
	text-align: left;
}

/* 2 Equal Panes - Left Pane Layout */
#twopane_left
{
	width: 49%;
	text-align: left;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 2 Equal Panes - Right Pane Layout */
#twopane_right
{
	width: 48.5%;
	text-align: left;
	margin-left: 14px;
	float: right;
	display: inline;
	vertical-align: top;
}

/* Small Left Pane, Large Right Pane - Left Pane Layout */
#smallleftpane_left
{
	width: 20%;
	text-align: left;
	float: left;
	display: inline;
	vertical-align: top;
	z-index: 0;
}

/* Small Left Pane, Large Right Pane - Right Pane Layout */
#smallleftpane_right
{
	width: 77.5%;
	text-align: left;
	margin-left: 14px;
	float: right;
	display: inline;
	vertical-align: top;
	z-index: 0;
}

/* Small Right Pane, Large Left Pane - Left Pane Layout */
#smallrightpane_left
{
	width: 68.5%;
	text-align: left;
	float: left;
	display: inline;
	vertical-align: top;
}

/* Small Right Pane, Large Left Pane - Right Pane Layout */
#smallrightpane_right
{
	width: 29%;
	text-align: left;
	margin-left: 14px;
	float: right;
	display: inline;
	vertical-align: top;
}

/* 3 Pane, Larger Center Pane - Left Pane Layout */
#threepane_left
{
	width: 26%;
	text-align: left;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 3 Pane, Larger Center Pane - Center Pane Layout */
#threepane_center
{
	width: 43.6%;
	text-align: left;
	margin-left: 14px;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 3 Pane, Larger Center Pane - Right Pane Layout */
#threepane_right
{
	width: 26%;
	text-align: left;
	margin-left: 14px;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 4 Pane Home Page - Large Top Pane Layout */
#home_top
{
	width: 99%;
	text-align: left;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 4 Pane Home Page - Bottom Left Pane Layout */
#home_left
{
	width: 32%;
	text-align: left;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 4 Pane Home Page - Bottom Center Pane Layout */
#home_center
{
	width: 31.7%;
	text-align: left;
	margin-left: 14px;
	float: left;
	display: inline;
	vertical-align: top;
}

/* 4 Pane Home Page - Bottom Right Pane Layout */
#home_right
{
	width: 32%;
	text-align: left;
	margin-left: 14px;
	float: left;
	display: inline;
	vertical-align: top;
}

/* Creates the Repeating Background Image */
#divider_a
{
	width: 100%;
	height: 3px;
	background-image: url(images/BottomDividerCenter.jpg);
	background-repeat: repeat-x;
	line-height: 0px;
	float: left;
	display: inline;
	margin-top: -1px;
}

/* Creates the Right Background Image */
#divider_b
{
	width: 100%;
	height: 3px;
	background-image: url(images/BottomDividerRight.jpg);
	background-position: right;
	background-repeat: no-repeat;
	line-height: 0px;
	float: left;
	display: inline;
}

/* Creates the Left Background Image */
#divider_c
{
	width: 100%;
	height: 3px;
	background-image: url(images/BottomDividerLeft.jpg);
	background-position: left;
	background-repeat: no-repeat;
	line-height: 0px;
	font-size: 0px;
	float: left;
	display: inline;
}

/* Creates Right Background Image (Curved Corner) */
#footer_a
{
	background-image: url(images/FooterRight.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 100%;
	float: left;
	display: inline;
	height: 24px;
	margin-top: -1px;
	margin-bottom: 25px;
}


/* Creates Left Background Image (Curved Corner) */
#footer_b
{
	background-image: url(images/FooterLeft.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	float: left;
	display: inline;
	height: 24px;
}


/* Creates Background Color (White) */
#footer_c
{
	text-align: center;
	width: 100%;
	line-height: 8px;
	margin-top: 6px;
	padding-top: 0px;
	float: left;
	display: inline;
	height: 16px;
}

.dnnFormMessage
{
	margin: 0em 0em;
}

/* ============ Blackberry 5 Optimization ============ */
@media only screen and (max-device-width: 480px)
{
	#hmenu_f
	{	
		/* Corrects Menu Alignment for Blackberry */
		float: left;
		display: inline;
		margin-top: -10px;
		margin-left: -50px;
	}
	
	#search_b
	{
		padding-top: 2px;
	}
	
	#searchbuttonadj
	{
		margin-top: -2px;
	}
	
	/* Corrects Parent Level Menu Orientation */
	#hmenu_e UL LI
	{
		float: left;
		list-style-type: none;
		padding-left: 20px;
		padding-right: 0px;
		font-weight: bold;
		font-size: 16px;
		font-family: arial;
	}
	
	/* Hides Sub Level Menu */
	#hmenu_e UL LI UL LI
	{
		float: left;
		list-style-type: none;
		padding-left: 20px;
		padding-right: 0px;
		font-weight: bold;
		font-size: 16px;
		font-family: arial;
		margin-top: -18px;
		display: none;
	}

	/* Corrects Menu Item colors */
	a:link,
	a:visited
	{
		color: #5ec7dd;
		text-decoration: none;
	}

	a:hover,
	a:active
	{
		color: #5ec7dd;
		text-decoration: underline;
	}
}



/* ============== iPhone & Android Optimization (STANDARD SCREEN LAYOUT) ============== */
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio:0)
{
	/* Corrects List Orientation */
	#hmenu_e UL LI
	{
		float: none;
		list-style-type: disc;
		padding-left: 0px;
		padding-right: 0px;
		font-weight: normal;
	}
	
	#hmenu_f
	{	
		/* Corrects Menu Alignment */
		float: left;
		display: inline;
		margin-top: 0px;
		margin-left: 0px;
	}
	
	/* Search box styles */
	#searchbox .NormalTextBox
	{
		width: 170px;
		margin-top:-2px;
	}

	/* Corrects Menu Item colors */
	a:link,
	a:visited
	{
		color: #808285;
		text-decoration: none;
	}

	a:hover,
	a:active
	{
		color: #808285;
		text-decoration: underline;
	}
}


/* ============ Blackberry 4 Optimization ============ */

@media all_
{

/* Menu Optimization for Blackberry */
    .MainMenu_Item
	{
		/* Corrects Menu Background Color for Blackberry */
		background-color: transparent;
	}

/* Displays Layout Adjustments for Blackberry */
	

    #hmenu_f
	{	
		/* Corrects Menu Alignment for Blackberry */
		float: left;
		display: inline;
		margin-top: -16px;
		margin-left: -50px;
	}

    #hmenuspace_a
	{
		/* Adjusts Spacing After the Horizontal Menu */
		height: 24px;
	}

    #breadcrumbsearch_a
	{
		/* Corrects Breadcrumb Bar Height for Blackberry */
		height: 28px;
	}
	
    #breadcrumbsearch_b
	{
		/* Corrects Breadcrumb Bar Height for Blackberry */
		height: 28px;
	}

    #breadcrumb_a
	{
		/* Corrects Breadcrumb Bar Height for Blackberry */
		height: 28px;
	}

    #breadcrumb_b
	{
		/* Corrects Breadcrumb Bar Height for Blackberry */
		height: 28px;
	}

    #breadcrumb_c
	{
		/* Corrects Breadcrumb Bar Height for Blackberry */
		height: 28px;
	}
	
	#search_b
	{
		padding-top: 0px;
	}
	
	/* Corrects Search Box in DNN5 */
	#searchbuttonadj
	{
		margin-top: 0px;
		top: 0px;
		position: relative;
		left: 10px;
		float: left;
		display: inline;
		z-index: 99;
	}
	
	/* Corrects Menu Orientation */
	#hmenu_e UL LI
	{
		float: left;
		list-style-type: none;
		padding-left: 20px;
		padding-right: 0px;
		font-weight: bold;
		font-size: 16px;
		font-family: arial;
	}
	
	/* Hides Sub Level Menu */
	#hmenu_e UL LI UL LI
	{
		float: left;
		list-style-type: none;
		padding-left: 20px;
		padding-right: 0px;
		font-weight: bold;
		font-size: 16px;
		font-family: arial;
		margin-top: -18px;
		display: none;
	}

	/* Corrects Menu Item colors */
	a:link,
	a:visited
	{
		color: #5ec7dd;
		text-decoration: none;
	}

	a:hover,
	a:active
	{
		color: #5ec7dd;
		text-decoration: underline;
	}
}

/* ============== iPad FIT SCREEN Optimization ============== */
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio:0)
{
	/* Centers the Page */
	#center
	{
	/* Change the width below to change the page width, minimum 684px */
		width: 750px;
	}
	
	#breadcrumb_a
	{
		/* Resizes Breadcrumb Width */
		width: 510px;
	}
	
    #searchbox .NormalTextBox
	{
		/* Resizes Search Box */
		width: 160px;
	}
	
    #search_a
	{
		/* Resizes Search Box */
		margin-top: 0px;
		width: 208px;
	}
	
    #search_b
	{
		/* Resizes Search Box */
		width: 208px;
		top: 0px;
		position: relative;
	}
}

/* ============== iPhone & Android FIT SCREEN Optimization ============== */
/*    If you do not intend to use FIT SCREEN, remove all content below    */

@media only screen and (max-device-height: 960px) and (max-device-width: 960px) and (max-width: 960px) and (max-height: 960px) and (-webkit-min-device-pixel-ratio:0)
{
	
/* Displays Layout Panes Vertically Rather than in Columns */
    #twopane_left
	{
		width: 100%;
	}
	
    #twopane_right
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
    #smallleftpane_left
	{
		width: 100%;
	}

    #smallleftpane_right
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
	#smallrightpane_left
	{
		width: 100%;
	}
 
    #smallrightpane_right
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
    #threepane_left
	{
		width: 100%;
	}
	
    #threepane_center
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
    #threepane_right
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
    #home_top
	{
		width: 100%;
	}
	
    #home_left
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
	#home_center
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
	#home_right
	{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
	
	
/* Displays Layout Adjustments for iPhone & Android (FIT SCREEN LAYOUT) */
	
    #center
	{
		/* Adjusts the Width of the Site to Fill the Screen */
		width: 100%;
	}
	
    #top_a
	{
		/* Adjusts the Amount of Background Spacing at the Top of the Screen */
		margin-top: 10px;
	}
	
	#logo_d
	{
		/* Adjusts the Login/Register Area */
		width: 100px;
	}
	
    #hmenu_e
	{
		/* Adjusts Margins on the Sides of Horizontal Menu */
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#hmenu_f
	{	
		/* Corrects Menu Alignment */
		margin-left: 7px;
	}
	
    #hmenuspace_a
	{
		/* Adjusts Spacing After the Horizontal Menu */
		height: 7px;
	}

    #header_b
	{
		/* Uses Smaller Header Image */
		background-image: url(images/HeaderCenterMobile.jpg);
	}
	
    #header_c
	{
		/* Uses Smaller Header Image */
		background-image: url(images/HeaderRightMobile.jpg);
	}
	
    #header_d
	{
		/* Uses Smaller Header Image */
		background-image: url(images/HeaderLeftMobile.jpg);
	}
    
    #headerspace_a
	{
		/* Adjusts Spacing Between Header and Breadcrumb/Search */
		height: 6px;
	}
	
	#breadcrumbsearch_a
	{
		/* Resizes Breadcrumb and Search Area */
		height: 54px;
	}
	
	#breadcrumb_a
	{
		/* Resizes Breadcrumb Width */
		width: 100%;
	}
	
	#breadcrumb_c
	{
		padding-left: 6px;
	}
	
    #search_a
	{
		/* Resizes Search Box */
		margin-top: 6px;
		width: 135px;
	}
	
    #search_b
	{
		/* Resizes Search Box */
		width: 135px;
		top: 0px;
		position: relative;
	}
	
	/* Search box styles */
	#searchbox .NormalTextBox
	{
		font-weight: normal;
		font-size: 12px;
		width: 85px;
		color: #B0B0B0;
		font-family: arial;
		vertical-align: top;
		background-color: transparent;
		margin: 0px;
		height: 24px;
		border: 0px;
		border-style: none;
		padding-left: 8px;
		margin-top:-2px;
		float:left;
		display:inline;
	}

	#searchbuttonadj
	{
		float:right;
		z-index: 99;
	}
	
	#foreground_b
	{
		width: 93%;
	}

	#footer_a
	{
		/* Uses Smaller Footer Image */
		background-image: url(images/FooterRightMobile.gif);
	}

	/* Creates the Right Background Image */
	#divider_b
	{
		background-image: url(images/BottomDividerRightMobile.jpg);
	}
	
	/* Creates the Right Background Image */
	#divider_c
	{
		background-image: url(images/BottomDividerLeftMobile.jpg);
	}
	
    #footer_b
	{
		/* Uses Smaller Footer Image */
		background-image: url(images/FooterLeftMobile.gif);
	}
	


/* Displays Menu Adjustments for iPhone & Android */

	.mainMenu .root
	{
		padding-left: 7px;
		padding-right: 7px;
	}
	
	.mainMenu .root.hov
	{
		padding-left: 7px;
		padding-right: 7px;
	}
	
	.mainMenu .root.sel
	{
		padding-left: 7px;
		padding-right: 7px;
	}
	
	.rootmenuitem_breadcrumbcssclass
	{
		font-size: 12px;
	}
	
	/* ============= Login Styles ============= */
	
	.dnnFormItem input[type="text"], .dnnFormItem textarea
	{
		width:150px !important;
	}
		
	/* Removes Form Minimum Width */
	.dnnForm
	{
		min-width: 0px;
	}

	/* Register/Retrieve Password */
	.dnnForm .loginContent ul.dnnActions
	{
		padding: 0 0 0 6px;
	}

	/* Adjusts Remember Me */
	.dnnLoginRememberMe
	{
		margin-left: 80px;
		margin-top: -33px;
	}

	.dnnLoginService a.dnnPrimaryAction
	{
		margin-left: 6px;
		margin-top: 5px;
		line-height: 1.6;
		padding: 3px 12px;
	}

	/* DNN 6 Login Styles */
	.dnnForm .dnnFormItem .dnnFormLabel
	{
		padding: 0px 6px;
	}

	.dnnForm.dnnLoginService
	{
		min-width: 150px;
		width: 0px;
	}

	/* ============= Registration Module Styles ============= */

	.dnnForm
	{
		min-width:0px !important;
	}

	.dnnFormItem input[type="text"], .dnnFormItem textarea
	{
		width: 100px;
		min-width:0px;
	}

	/* Register Field Labels */
	.erAdvancedSettings .dnnFormItem input[type="text"], .dnnManageUsers .dnnFormItem input[type="text"] 
	{
		width: 100px !important;
	}

	.dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip
	{
		width: 130px;
	}

	/* Register Password Fields  */
	.dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired
	{
		width: 100px;
	}

	/* Red Required Tag */
	.dnnManageUsers .dnnFormItem span.dnnFormMessage.dnnFormError
	{
		position: absolute;
		left: 130px;
		top: 0;
		width: 80px;
		z-index: 9999;
	}

	.dnnUser .register
	{
		min-width: 0px;
	}
}

/* Android Optimizaton */
@media only screen and (max-device-height: 960px) and (max-device-width: 960px) and (max-width: 960px) and (min-width: 560px) and (-webkit-min-device-pixel-ratio:0)
{
	#footer_a
	{
		background-image: url(images/FooterRight.gif);
	}
	
	#footer_b
	{
		background-image: url(images/FooterLeft.gif);
	}
}