/* ---------------------------
*     TOP MENU STYLES
*  --------------------------- */
#mainMenu 
{
	/* original */
	position: relative;
	margin: 0px;
	padding: 0px;
	/* added */
	z-index: 100;
    float: left;
}

#menuList {
	width: 945px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(images/mainNavBg.gif) repeat-x;
}

/* set positioning of Primary and Secondary Navs */
#mainMenu .menuBar a {
    /* added */
    padding: 5px 8px 7px 8px !important;
    /* IE 7 and Below */
    padding: 7px 8px 6px 8px;
    text-decoration: none;
    border: 0;
}

#menuList ul 
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
}

#menuList li 
{
    z-index: 100;
    position: relative;
    line-height: 27px;
    height: 27px;
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	background: transparent url(images/mainNavBg.gif) 100% 0;
}

/* All Rollovers */
#menuList :hover
{
    z-index: 100;
    color: #fff;
}

/* Secondary Rollovers */
#menuList li:hover
{
    background-color: #337294;
    text-transform: none;
}

/* Higlighted Main Default Color */
#menuList li a
{
    color: #aac4d2;
    text-transform: none;
}

/* Higlighted Main Navigation */
#menuList li a.selected 
{
    color: #fff;
}

#menuList ul li li
{
    top: -1px;
}


#menuList a 
{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 200px;
    background: transparent url(http://www.sandybelk.com/test/images/mainNavBorder.gif) repeat-y right top;
}



/* End Setting Width for Each SubCategory */

#menuList li ul li {
    line-height: 1;
	height: auto;
	clear: left;
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: #004f78;
}

#menuList li ul li :hover {
    background-color: #337294;
}

.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	
}

.menu li {
	/* added */
	z-index: 200;
	border-top: solid 1px #337294;
}

.menu li a {
	/* background: #5AB0C5;
	background-color: #004F78;  */
	display: block;
	font-size: 1em;
	padding: 2px;
	text-decoration: none;
	margin-top: -2px;
}

.menu li a:hover, .menu li a:active, .menu li a:focus {
	color: #fff;
	background-color: #337294;
}


/* ---------------------------
*     General Text Styles
*  --------------------------- */
body {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	color: #000;
	margin-bottom: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #f1f8fe;
}

a {
    color: #000066;
    text-decoration: none;
    border-bottom: 1px dotted #000066;
    outline: 0;
}

a:hover {
    color: #cb8600;
    text-decoration: none;
    border-bottom: 1px dotted #cb8600;
}

p {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 0 10px 0;
	line-height: 1.3em;
}

#content p img.detailImage {
	width: 180px;
	margin: 5px 10px 10px 0;
	padding: 10px;
	border: #909090 1px solid;
	float: left;
}

#content p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.3em;
}

#contentRight img {
	text-align: left;
	padding: 0;
}


}
/* ---------------------------
*    General Heading Styles
*  --------------------------- */
h1 {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 12pt;
	font-weight:bold;
	color: #98b4cb;
}

h2 {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	font-size: 30px;
	font-weight:bold;
	}

h3 {
    font-size: 16px;
	font-weight:bold;
    color: #98b4cb;
    padding: 10px;
}

h5 {
    font-size: 16px;
	font-weight:bold;
    color: #98b4cb;
    margin-left: 10px;
	margin-right: 10px;
    padding: 20;
}

h4 {
    font-size: 12px;
	font-weight:bold;
    color: #98b4cb;
    margin-left: 10px;
	margin-right: 10px;
    padding: 0;
}

h4 a{
    font-size: 12px;
	font-weight:bold;
    color: #000066;
    margin: 0;
    margin-left: 10px;
	margin-right: 10px;
    text-decoration: none;
}

h4.executiveHeader {
    margin: 10px 0 0 0;
    padding: 0;
}






/* -----------------------------------------
*  General Page Structure and Element Styles
*       (gp.com - global)
*  -----------------------------------------*/

/* --->>>FLOATS<<<--- */
.floatRight {float:right;}
.floatLeft {float:left;}

img.floatLeft {
    float: left;
    margin: 4px;
}

img.floatRight {
    float: right;
    margin: 4px;
}


/* --->>>WRAPPER<<<--- */
#wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 945px;
	position: relative;
}


/* --->>>CONTENT WRAPPERS<<<--- */

/* Content with Secondary Nav and Without Callouts */
.wrapperNavOnly {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	width: 950px;
	padding: 0;
	margin: 10px 0 10px 0;
	background: #fff url(/images/vertLine.gif) repeat-y 172px;
}

.wrapperNavOnly #contentLeft {
	margin: 0 10px 0 0!important;
	padding: 0;
	float: right;
	width: 526px !important; /* 720(contentWrapper)-144(secondaryNav)-20(space for vertLine) */
	/*For IE6 and under */
	margin: 0 5px 0 0;
}

.wrapperNavOnly #contentRight {
	display: none;
}

/* Content with Secondary Nav and Callouts */
.wrapperNavCallouts {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	width: 945px;
	padding: 0;
	margin: 10px;
	background:url(/images/vertLineCallouts.gif) repeat-y right;
}

.wrapperNavCallouts #contentLeft {
	margin: 0;
	padding: 0;
	float: left;
	width: 144px;
}

.wrapperNavCallouts #contentRight {
	margin: 0;
	padding: 0;
	float: left;
	width: 288px;
}

/* Content Centered Full - One Column */
.wrapperCenteredFull {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	width: 945px;
	padding: 0;
	margin: 10px;
}

.wrapperCenteredFull #content {
	width: 945px;
	padding: 0;
	margin: 0 auto; /* critical for centering */
}

.wrapperCenteredFull #contentLeft {
	width: 945px;
	margin: 0;
	padding: 10px 0 10px 0;
}

.wrapperCenteredFull #contentRight {
	display: none;
}

.wrapperCenteredFull #secondaryNav {
	display: none;
}

/* --->>>FOOTER<<<--- */
#footer {
	clear: both;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 920px;
	text-align: center;
	background: #ffffff;
	color: #b4ccd8;
	border-top: 1px #B9CFDA solid;
}


#bottomShadow {
	margin: 0px auto;
	padding: 0px 10px;
	width: 945px;
	height: 20px;
	padding-bottom: 10px;
	background: #e9e2c6 url(http://www.sandybelk.com/test/images/bgBottom.gif) repeat-x;
}



/* --->>>HOME PAGE<<<---
*                      */

#homeOuterWrapper {
	width: 950 px;
	text-align: center;	
	padding: 10px 0 0 0;
	margin: 0 4px 0 4px;
	background: #fff url(http://www.sandybelk.com/test/images/gradient.jpg) repeat-x;
}
	
#homeInnerWrapper {
	width: 945px;
	margin: 0 auto 5px 0;
	text-align: left;
	padding: 0 0 0 0;
	background: url(http://www.sandybelk.com/test/images/vertLineHome.gif) repeat-y 195px 0px;
}

#homeInnerWrapper h1 {
    visibility: hidden;
    margin: 0px 0 0 0px!important;
    margin: -3px 0 0 5px;
    padding: 0;
    font-size: 12px;
}

#homeInnerWrapper ul {
    margin: 0 0 15px 10px !important;
    margin: -3px 0 15px 10px;
    padding: 0;
    list-style-type: square;
}

#homeInnerWrapper .featurePhoto {
	float: left;
	margin: 2px 5px 0 0;
	padding: 5px;
	background: #fff;
	border: solid 1px #a9a9a9;
}

#homeInnerWrapper .calloutPhoto {
	float: left;
	margin: 2px 5px 0 0;
	padding: 3px;
	background: #fff;
	border: solid 1px #98b4cb;
	width: 95px;
	height: 69px;
}

#homeColumn1 {
	width: 250px;
	margin: 0 !important;
	margin: 0 -3px 0 0;
	padding: 0 10px 10px  15px!important;
	padding: -3px 7px 0 5px;
	float: left;
	vertical-align: top;
}

#homeColumn1 ul li
{
    background: url(/images/secondaryBullet.gif) no-repeat;
    background-position: 0 5px;
}


#homeColumn1 li {
	text-align: left;
	height: auto;
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	padding-left: 8px;
	font-size: 8pt;
	line-height: 9.5pt;
	list-style-type: none;
	background-position: 0 5px; 
}


#homeColumn1 select {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

#homeColumn2 {
	width: 450px;
	float: left;
    margin: 0 !important;
	margin: 0 -3px 0 5px;
	padding: 0;
}


#homeColumn3 {
	width: 185px;
	float: right;
	margin: 0 !important;
	margin: 0 -3px 0 0;

}


#homeFeature p {
	font-size: 8pt;
	margin-left: -1px;
	margin-right: -1px;
}

#homeFeafla p {
	font-size: 8pt;
}
#homeNews p {
	font-size: 8pt;
	padding: 5px 0 0 0;
}

#homeNews a {
	font-size: 9pt;
}

#homeSweeps {
	font-size: 8pt;
}

#homeCommunity p {
	font-size: 8pt;
	padding: 0 0 5px 0;
}

#homeBrands img {
	float: left;
	padding: 0 5px 0 0;
}

.homeVerticalLine {
	width: 21px;
	background: url(images/vertLine.gif) repeat-y 10px;
	float: left;
	margin: 0 0 0 0!important;
	margin: 10px 0 0 0;
}

.homeHorizLine {
	height: 4px;
	padding: 0 0 15px 0 !important;
	padding: 0;
	background: url(/images/horizLine.gif) repeat-x 3px;
}
	
.homeCallout {
	width: 115px;
	float: left;
}

#familySites{
    width: 180px;
    float: left;
    padding: 0 0 8px 0;
    height: auto;
}

#homeFlashHeader {
	width: 945px;
	height: 200px;
	clear: both;
	background-color: #c0c0c0;
}

#homeLeftWrapper {
	width: 420px;
	padding: 10px 0 0 5px;
	float: left;
}

#homeRightWrapper {
	width: 280px;
	padding: 10px 5px 10px 0;
	float: left;
}

#homeLinksRight {
	width: 180px;
	float: left;
	padding: 0 0 0 10px;
}

#homeLinksBottom {
	width: 420px;
}

#homeCalloutTop {
	width: 270px;
	padding: 0 0 0 5px;
}

#homeCalloutLeft {
	width: 124px;
	float: left;
	padding: 0 0 0 10px;
}

#homeCalloutRight {
	width: 125px;
	float: left;
	padding: 0 0 0 5px;
}

#homeVerticalLine {
	width: 1px;
	min-height: 210px;
	padding: 0 4px 0 4px;
	background: #fff url(/images/vertLine.gif) repeat-y 4px;
	float: left;
}

#homeVert2 {
	width: 1px;
	min-height: 300px;
	padding: 0 4px 0 4px;
	background: #fff url(/images/vertLine.gif) repeat-y 4px;
	float: left;
}

.homeHorizLine {
	height: 1px;
	min-width: 200px;
	padding: 5px 0 5px 0;	
	clear: both;
	background: #fff url(/images/horizLine.gif) repeat-x 5px;
}
/* END OF HOME PAGE STYLES */




/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #headerContent h1 {
    visibility: hidden;
    margin: 23px 0px;
    font-size: 16px;
}

.sIFR-hasFlash #homeHeadline h1 {
    visibility: hidden;
}

.sIFR-hasFlash #homeHeadline h2 {
    visibility: hidden;
}

.sIFR-hasFlash #productsHeader h1 {
visibility: hidden;
margin: 14px 0 0 10px!important;
margin: 14px 0 0 5px;
padding: 0;
font-size: 18px;
}

.sIFR-hasFlash #productsHeader h3 {
visibility: hidden;
padding: 0;
margin: 12px 0 0 4px;
width: 11px;
font-size: 18px;
}

.sIFR-hasFlash #productsHeader h2 {
visibility: hidden;
margin: 15px 0 0 0;
font-size: 18px;
}

.sIFR-hasFlash #productsHeader h2.noParent {
visibility: hidden;
margin: 11px 0 0 5px;
font-size: 20px;
}

.sIFR-hasFlash #homeInnerWrapper h1 {
visibility: hidden;
margin: 0 0 0 0;
padding: 0;
font-size: 12px;
}

.sIFR-hasFlash #contentLeft h1 {
	visibility: hidden;
	top: -5px;
	font-size: 16px;
}

/* Homepage sifr */
.sIFR-hasFlash #homeLinks h1 {
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    margin: 10px 0 0 0;
}

.sIFR-hasFlash #homeLinks h2 {
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: normal;
    font-size: 14px;
}
/* END OF STANDARD SIFR STYLES */

/* Clears */

.clearLeft {
clear: left;
}

.clearRight {
clear: right;
}

.clearBoth {
clear: both;
}

img {
border: 0;
display: block;
}




/* Landing Page Positioning */
.wrapperLanding {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	width: 740px;
	padding: 0;
	margin: 10px 0 10px 0;
	background: #fff url(/images/bgLandingRight.gif) repeat-y 573px;
}

.wrapperLanding #contentLeft {
	float: left;
	padding: 0;
	margin: 0 0 0 10px!important;
	margin: 0 0 0 5px;
	width: 553px;
}

.wrapperLanding #contentRight {
	margin: 0 6px 0 0;
	margin: 0 3px 0 0;
	padding: 0;
	float: right;
	width: 132px;
}

.wrapperLanding #contentRight h4 {
	clear: both;
	color: #606060;
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 0;
}

.wrapperLanding #contentRight p {
	font-size: 11px;
}


/* CLEARFIX: This allows Background Image of Container to Show; also fixes IE Guillotine Bug */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE and mac \*/
/* END CLEARFIX */





/* Photo gallery template ||| Joshuaink.com ||| March 2005 ||| Free to use but this credit must remain in place */

*{
	margin:0;
	padding:0;
	font-size:100%;

}

body{
	font: Verdana, Helvetica, sans-serif;
	color:#666;
	margin:20px;
	padding: 3px;
	background:#F6F5F0;
	text-align:center;
}

a{
	color:#666;
	text-decoration:none;
}

#photo_gallery {
	width:930px;
	margin:0 auto;
	position:relative;
}

#photo_gallery li{
	width:150px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

#photo_gallery a img {
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

/* See license.txt for terms of usage */

.firebugHighlight {
    z-index: 2147483647;
    position: absolute;
    background-color: #3875d7;
}

.firebugLayoutBoxParent {
    z-index: 2147483647;
    position: absolute;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px dashed #BBBBBB;
}

.firebugRulerH {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 14px;
    background: url(chrome://firebug/skin/rulerH.png) repeat-x;
    border-top: 1px solid #BBBBBB;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px solid #000000;
}

.firebugRulerV {
    position: absolute;
    top: 0;
    left: -15px;
    width: 14px;
    height: 100%;
    background: url(chrome://firebug/skin/rulerV.png) repeat-y;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #000000;
    border-bottom: 1px dashed #BBBBBB;
}

.overflowRulerX > .firebugRulerV {
    left: 0;
}

.overflowRulerY > .firebugRulerH {
    top: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.firebugLayoutBoxOffset {
    z-index: 2147483647;
    position: absolute;
    opacity: 0.8;
}

.firebugLayoutBoxMargin {
    background-color: #EDFF64;
}

.firebugLayoutBoxBorder {
    background-color: #666666;
}

.firebugLayoutBoxPadding {
    background-color: SlateBlue;
}

.firebugLayoutBoxContent {
    background-color: SkyBlue;
}

/*.firebugHighlightGroup .firebugLayoutBox {
    background-color: transparent;
}

.firebugHighlightBox {
    background-color: Blue !important;
}*/

.firebugLayoutLine {
    z-index: 2147483647;
    background-color: #000000;
    opacity: 0.4;
}

.firebugLayoutLineLeft,
.firebugLayoutLineRight {
    position: fixed;
    width: 1px;
    height: 100%;
}

.firebugLayoutLineTop,
.firebugLayoutLineBottom {
    position: absolute;
    width: 100%;
    height: 1px;
}

.firebugLayoutLineTop {
    margin-top: -1px;
    border-top: 1px solid #999999;
}

.firebugLayoutLineRight {
    border-right: 1px solid #999999;
}

.firebugLayoutLineBottom {
    border-bottom: 1px solid #999999;
}

.firebugLayoutLineLeft {
    margin-left: -1px;
    border-left: 1px solid #999999;
}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
	#xfadeContainer {
	height:200px;
	margin-bottom: 1px;
}

#xfadeContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}




.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:740px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:740px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}