@charset "UTF-8";

/* CSS Base Document - Sugars Mascot */

html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:100.01%;
	background:url(../documents/Image/global/bg01.jpg) #cccccc top left repeat-x;
}

/*==========================================================*/
/*						LAYOUT DIVS  						*/
/*==========================================================*/

div#wrapper {
	background:url(../documents/Image/global/footprints.png) top center no-repeat;
}

div#contained {
	poistion:relative;
	width:960px;
	margin:0 auto;
	padding:0px;
	background:url(../documents/Image/global/content-bg.png) top center repeat-y;
}

* html div#contained { background:url(../documents/Image/global/content-bg.gif) top center repeat-y; }

div#top {
	position:relative;
	width:auto;
	height:170px;
	background:url(../documents/Image/global/top-bg.jpg) top center no-repeat;
}

div#navigation {
	position:relative;
	background:url(../documents/Image/global/nav-bg.png) top center repeat-y;
	width:auto;
	height:68px;
}

div#content {
	overflow:auto;
	height:100%;
}

div#left {
	float:left;
	width:610px;
	background:none;
	padding:20px 30px 20px 40px;
}

div#right {
	float:left;
	width:280px;
	padding:20px 0px 20px 0px;
	background:none;
}

div#full {
	width:880px;
	padding:20px 40px 20px 40px;
	background:none;
}

div#footer {
	position:relative;
	width:100%;
	background:url(../documents/Image/global/footer-bg.jpg) #E10D06 top left repeat-x;
}

div.footer-content {
	margin:0 auto;
	width:920px;
	padding:20px 20px;
}

div.box {
	width:auto;
	background:url(../documents/Image/global/box-bg.jpg) bottom left no-repeat;
	margin-top:5px;
	/*font:normal 0.8em/140% Arial, Helvetica, sans-serif;*/
}

div.box-heading {
	width:auto;
	height:55px;
}

div.box .news { background:url(../documents/Image/global/heading-news.gif) top left no-repeat; }

div.box .testimonial { background:url(../documents/Image/global/heading-testimonial.gif) top left no-repeat; }

div.box .featured { background:url(../documents/Image/global/heading-featured.gif) top left no-repeat; }

div.box-content {
	padding:0px 45px 30px 15px;
	border:0px solid #000;
}

div.box-content a {
	font:bold 10pt/100% Arial, sans-serif;
	color:#333;
}

/*==========================================================*/
/*						NAVIGATIONS							*/
/*==========================================================*/

/*- MAIN NAV -*/

div#navigation ul {
	list-style-type:none;
	margin:0px;
	padding:4px 30px 0px 30px;
	overflow:auto;
	height:45px;
	border:0px solid #000;
}

div#navigation ul li {
	float:left;
}

div#navigation ul li a {
	display:block;
	padding:13px 11px;
	background:none;
	color:#fff;
	text-decoration:none;
	font:bold 10pt/100% Helvetica, Arial, sans-serif;
}

div#navigation ul li a:hover {
	background:#a00;
}

/*- BREADCRUMB -*/

ul#breadcrumb {
	border:1px solid #000;
	padding:1px 40px !important;
	margin:0px !important;
	height:25px !important;
}

ul#breadcrumb li {
	padding-right:5px;
}

ul#breadcrumb li a {
	display:block;
	padding:0px !important;
	background:none;
	color:#333 !important;
	text-decoration:none;
	font:normal 0.80em/100% Helvetica, Arial, sans-serif !important;
}

ul#breadcrumb li a:hover {
	background:none !important;
}

/*- DropDown -*/

#nav li:hover, #nav li.hover {  
	position: static;  
} 

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin:0px;
	padding:0px;
	width:175px;
	z-index:2000;
	background:#a00;
	border-bottom:1px solid #c00;
	/*overflow:auto;*/
	height:auto;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li ul li {
	clear:left;
	/*border-left:1px solid #fff;*/
}

#nav li ul a {
	display: block;
	width: 155px;
	
	font:normal 0.8em/140% Arial, Helvetica, sans-serif !important;
	
	padding:8px 10px !important;
	margin:0px;
}

#nav li ul a:hover {
	background:#ffffff !important;
	color:#000 !important;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul
{
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul
{ 
	left: auto; /* lists nested under hovered list items */
}

#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:175px;
	top:auto;
	margin-top:-31px;
}

#nav li:hover, #nav li.sfhover { background:#a00 !important; color:#fff !important; }

.parent { background:url(../images/parent_bg.jpg) top right no-repeat !important; }

/*- SIDE NAV -*/

/*- FOOTER NAV -*/

div#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:22px;
	border:0px solid #000;
}

div#footer ul li {
	float:left;
	padding-right:8px;
}

div#footer ul li a {
	display:block;
	padding:0px;
	background:none;
	color:#fff;
	text-decoration:none;
	font:normal 0.85em/100% Helvetica, Arial, sans-serif;
}

div#footer ul li a:hover {
	background:#c00;
}

/*==========================================================*/
/*						MAIN STYLES							*/
/*==========================================================*/

/*- TEXT STYLES */

a, input { outline:none; position:relative; }

h1, h2, h3, h4, h5, h6 { margin:0px; }

h1 { font:bold 2.40em/100% Bookman Old Style, Georgia, serif; padding:15px 0px; color:#0098FF; }

h2 { font:normal 2em/100% Georgia, serif; padding:10px 0px; }

h3 { font:normal 1.5em/100% Helvetica, Arial, sans-serif; padding:10px 0px; }

h4 { font:bold 1em/100% Helvetica, Arial, sans-serif; padding:10px 0px 0px 0px; color:#0099FF; }

h4 a { font-size:1.3em; color:#444; text-decoration:none; padding:0px 0px 15px 0px; } h4 a:hover { color:#000; }

h5 { font:normal 1em/100% Georgia, serif; padding:5px 0px; }

div#content p, div#content li, div#content .main, blockquote { font:normal 0.85em/150% Arial, Helvetica, sans-serif; color:#303030; margin:0px; }

div#content p { padding:8px 0px; }

div#content li { padding:2px 0px; }

div#content .main {  }

div#content blockquote { margin:0px 40px; padding:10px 0px; font-style:italic; color:#777; }

div#content p a { color:#000; } div#content p a:hover { color:#c00; }

/*- ELEMENT STYLES -*/

/*==========================================================*/
/*						  CLASSES							*/
/*==========================================================*/

/*- GALLERY -*/

div.gallery-category { border-bottom:1px solid #ccc; padding:15px 0px; overflow:auto; height:100%; }

div.gallery-category-image { float:left; width:140px; }

div.gallery-category-image img { width:115px; display:block; padding:3px; border-top:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #ddd; }

div.gallery-category-description { float:left; width:470px; }

a.view-gallery { font:bold 1.2em/100% Helvetica, Arial, sans-serif; font-style:italic; color:#0098FF !important; }

div.gallery { overflow:auto; height:100%; padding:15px 0px; }

div.gallery a { float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:0px 15px 15px 0px; }

div.gallery img { float:left; height:120px; display:block; padding:3px; border-top:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #ddd; }

/*- TEXT CLASSES -*/

/*- MISC -*/

div.clearer { clear:both; }

.logo { position:absolute; top:0px; left:50px; }

div.footer-top { }

div.breadcrumb { }

/* new button */

div.request-info { padding:0 0 15px; }

div.request-info a { display:block; width:250px; height:50px; background:url(../documents/Image/global/request-info-b.jpg) top left no-repeat; }

div.request-info a:hover { background-position:0 -50px; }

div.request-info span { display:none; }

/* old button 

div.request-info { position:absolute; top:0px; right:75px; }

div.request-info a { display:block; width:175px; height:135px; background:url(../documents/Image/global/request-info.jpg) top center no-repeat; }

div.request-info a:hover { background:url(../documents/Image/global/request-info-over.jpg) top center no-repeat; }

div.request-info span { display:none; }

*/

div.nav-left { position:absolute; top:0px; left:-20px; z-index:100; background:url(../documents/Image/global/nav-left.jpg) top left no-repeat; width:20px; height:68px; }

div.nav-right { position:absolute; top:0px; right:-20px; z-index:100; background:url(../documents/Image/global/nav-right.jpg) top left no-repeat; width:20px; height:68px; }

.enlarge a {  }

.enlarge img { border:0px solid #000; }

.img-right { float:right; margin:0px 0px 20px 20px; }

.img-left { float:left; margin:0px 20px 20px 0px; }

.featured-mascot-image { float:left; margin:0px 10px 10px 0px; }

.featured-mascot-image { border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #888; border-bottom:1px solid #888; padding:3px; background:white; }

/*==========================================================*/
/*						   OTHER							*/
/*==========================================================*/