/*	Primary order is by TAG, ID, CLASS
//{{{
Secondary order is case-insensitive alpha-numeric with each alpha group separated by a single line

Element names must have a trailing space
Brackets must have space inside
Semi-colons must have a trailing space
All declarations are required to end in a semi-colon
No white-space is permitted between attributes and colons
FOO { bar:100un; foo:200un; }

Html tag elements are SCREAMING CAPS
FOOBAR { bar:100un; foo:200un; }
Id elements are PascalCase
FooBar { bar:100un; foo:200un; }
Class elements are camelCase
fooBar { bar:100un; foo:200un; }

Where possible, each declaration is on a single line
Use tabs for indentation instead of spaces
Comments should be placed above or to the side of a declaration - never inside
Browser-specific hacks must have an accompaning comment and be called out by the keyword HACK
Avoid browser-specfic hacks at all costs

Exceptions to the above rules are permitted only when the exception enchances reability or is required by a UA bug
Hyperlink Pseudo-class Ordered Cascade
:link:focus, :visited:focus {  }
:link {  }
:visited {  }
:link:hover{ }
:visited:hover {  }
:link:active, :visited:active {  }
//}}}
*/


/***** Tags *****/
HTML, BODY { height: 100%;} 
HTML { margin: 0; padding: 0; }
BODY { background-color: #ffffff; margin: 0; padding: 0;}
EM { font-style: italic; }
H1 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 26pt; }
H1.toplevel { font-family: Times New Roman, Serif; font-size: 28pt; }
H1.internal { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 18pt; margin: 5px 0 5px 0;}
H2 { font-size: 20pt; margin-bottom: 15px;}
H3 { font-size: 16pt; }
P { font-size: 10pt; }
STRONG { font-weight: bold; }
LABEL { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; font-weight: bold; color: #8e8d90;}
INPUT { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; }
INPUT.fieldError { border-color: red; border-style: solid; border-width: 1px;}
TEXTAREA { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; }
TEXTAREA.fieldError { border-color: red; border-style: solid; border-width: 1px;}
SELECT { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; }
SELECT.fieldError { border-color: red; border-style: solid; border-width: 1px;}
OPTION { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; }
OPTION.fieldError { border-color: red; border-style: solid; border-width: 1px;}

/***** Id's *****/
#Main{ margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #8e8d90; width: 768px; }

/* header and util navigation */
#Header { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; color: #8e8d90; width: 100%; margin: 0px; padding: 0px;}
#Logo { float: left; margin: 15px 0 0 35px; }
#PremierName { width: 565px; border-left: 1px solid #8e8d90; font-size: 10pt; font-weight: bold; float: right; padding: 7px 3px 7px 13px; margin: 15px 0 0 0; }
#PremierNameIndex { width: 565px; border-left: 1px solid #8e8d90; font-size: 10pt; font-weight: bold; float: right; padding: 7px 3px 7px 13px; margin: 15px 0 0 0;  color: #8e8d90;}

/* 
mozilla white space fix 
#Middle{padding:0 0 0 35px; width:733px; height:313px; min-height: 400px; } 
*/
#Middle{padding:0 0 0 35px; width:733px; } 

#NavUtil { clear: both; text-align: right; padding: 3px; } 
#NavUtil IMG { margin-bottom: 2px; }
#NavUtil A { color: #a9a9a9; text-decoration: none; margin: 0 5px 0 5px;}
#NavUtil A:hover { color: #a9a9a9; }
#NavUtil A:visited { color: #a9a9a9; }

#NavSection {margin-top: 10px; font-weight: bold; font-size: 7.5pt}

/* start primary navigation */
#NavTop { position: relative; Z-INDEX: 2; margin: 0px; padding: 0px; width: 768px; height: 39px; border-top: 1px solid #aaa8ab; border-bottom: 1px solid #8e8d90; }
#NavSpot { position: absolute; top: 0px; left: 0px; width: 115px; height: 39px; background-color: #f6982d; }
#NavIdeas { position: absolute; top: 0px; left: 116px; width: 115px; height: 39px; background-color: #d5c730; }
#NavGifts { position: absolute; top: 0px; left: 232px; width: 115px; height: 39px; background-color: #c6b77a; }
#NavEcards { position: absolute; top: 0px; left: 348px; width: 115px; height: 39px; background-color: #669fbc; }
#NavIcons { position: absolute; top: 0px; left: 464px; width: 304px; height: 39px; }

.menu { font-family: Arial, Helvetica, Sans-serif; font-size: 10pt; text-align: center; border-right: 1px solid #8e8d90; cursor: hand; }
.menuText { margin: 10px 0 0 0; padding: 0px; } /* lcl: revist menuText margin when we localize, try to get rid of this class */
A.primaryGifts { text-decoration: none; color: #fff; }
A.primaryGifts:hover  { color: #fff; }
A.primaryGifts:visited { color: #fff; }
A.primaryEcards { text-decoration: none; color: #fff; }
A.primaryEcards:hover { color: #fff; }
A.primaryEcards:visited { color: #fff; }
A.primarySpot { text-decoration: none;  color: #fff; }
A.primarySpot:hover { color: #fff; }
A.primarySpot:visited { color: #fff; }
A.primaryIdeas { text-decoration: none; color: #fff; }
A.primaryIdeas:hover { color: #fff; }
A.primaryIdeas:visited { color: #fff; }
/* end primary navigation */

/* start secondary and tertiary navigation */
#NavSpotPrimary { position: absolute; top: 40px; left: 0px; width: 116px; background-color: #f6982d; min-width: 105px;}
#NavSpotCards { position: absolute; top: 40px; left: 117px; width: 116px; background-color: #f8ad57;}

#NavIdeasPrimary { position: absolute; top: 40px; left: 116px; width: 116px; background-color: #d5c730; min-width: 105px;}

#NavGiftsPrimary { position: absolute;top: 40px; left: 231px; width: 117px; background-color: #c6b77a; min-width: 105px;}
#NavGiftsCategory { position: absolute; top: 40px; left: 348px; width: 116px; background-color: #d1c595;}
#NavGiftsPrice { position: absolute; top: 63px; left: 348px; width: 116px; background-color: #d1c595; } 

#NavEcardsPrimary { position: absolute; top: 40px; left: 347px; width: 117px; background-color: #669fbc;}

.subMenu { z-index: 1; filter: alpha(opacity=95); opacity: .95; -moz-opacity: .95; } 
.subMenuItem { clear: both; margin: 5px 2px 5px 5px;}
.subMenuItem A { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; text-decoration: none; float: left; color: #ffffff;}
.subMenuItem A:visited { color: #ffffff; }
.subMenuItem A:hover { color: #000000; }
.navArrow { float: right; margin-top: 4px; }

/*#NavGiftsPrimary .subMenuItem A { color: #ffffff;  }
#NavGiftsPrimary .subMenuItem A:hover { color: #000000; }
#NavGiftsPrimary .subMenuItem A:visited { color: #ffffff; }

#NavGiftsCategory .subMenuItem A { color: #ffffff; }
#NavGiftsCategory .subMenuItem A:hover { color: #000000; }
#NavGiftsCategory .subMenuItem A:visited { color: #ffffff; }

#NavGiftsPrice .subMenuItem A { color: #ffffff; }
#NavGiftsPrice .subMenuItem A:hover { color: #000000; }
#NavGiftsPrice .subMenuItem A:visited { color: #ffffff; }

#NavEcardsPrimary .subMenuItem A { color: #ffffff; }
#NavEcardsPrimary .subMenuItem A:hover { color: #000000; }
#NavEcardsPrimary .subMenuItem A:visited { color: #ffffff; }

#NavSpotPrimary .subMenuItem A { color: #ffffff; }
#NavSpotPrimary .subMenuItem A:hover { color: #000000; }
#NavSpotPrimary .subMenuItem A:visited { color: #ffffff; }

#NavSpotCards .subMenuItem A { color: #ffffff; }
#NavSpotCards .subMenuItem A:hover { color: #000000; }
#NavSpotCards .subMenuItem A:visited { color: #ffffff; }

#NavIdeasPrimary .subMenuItem A { color: #ffffff; }
#NavIdeasPrimary .subMenuItem A:hover { color: #000000; }
#NavIdeasPrimary .subMenuItem A:visited {  color: #ffffff; }*/

A.navText:hover { font-weight: bold; }

/* end secondary and tertiary navigation */

#Content { Z-INDEX: 1; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #333333; width: 768px; min-height: 348px;}
/* IE height hack  */
* html #Content { height: 348px; }

#Footer { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; color: #a9a9a9; width: 100%; margin: 0px; padding: 0px }
#SearchBar { position: relative; border-top: 1px solid #8e8d90; border-bottom: 1px solid #8e8d90; font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #a3c5d7; color: #a9a9a9; width: 100%; text-align: right; margin: 0px; padding: 0px; height:20px} 
#NavBottom { color: #8e8d90; margin: 0px; padding: 15px 5px 10px 35px; }
#NavBottom IMG { margin-bottom: 2px; }
#NavBottom A { color: #8e8d90; text-decoration: none; margin: 0 5px 0 5px; }
#NavBottom A:hover { color: #8e8d90; }
#NavBottom A:visited { color: #8e8d90; }
#ErrorMessages { border: 1px solid Red; padding: 10px; margin: 10px; }
#InfoMessages { border: 1px solid Green; padding: 10px; margin: 10px; }

/* Paging */
#Paging{ clear:both; list-style-type:none; color:#8e8d90;font-size:9pt;}
#Paging LI{ display:inline; padding:0; margin:0 10px 0 0;}
#Paging IMG{border:0; vertical-align:middle;}

/***** Classes *****/
.copyright { margin-right: 5px; }
.searchForm { display: inline; margin: 0px; padding: 0px; }
.searchForm INPUT { position: absolute; top: 0px; right: 19px; font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; border-top: 0px; border-right: 1px solid #8e8d90; border-bottom: 3px solid #E0ECF2; border-left: 1px solid #8e8d90;padding-left:5px }
.LanguageSelect { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #e0ecf2; color: #8e8d90; }
.service { padding: 15px; }
.error { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; font-weight: bold; color: #ff0000; margin-right: 0px; } 
.message { font-family: Arial, Helvetica, Sans-serif; font-size: 9pt; font-weight: bold; color: Green; margin-right: 0px; } 
/* lcl: depreciate submit, switch to button and kill */
.submit { padding: 1px 5px 1px 5px; margin: 0 0 1px 0; color: #ffffff; border: 0px; height: 18px;}
.button { padding: 1px 5px 1px 5px; margin: 0 0 1px 0; color: #ffffff; border: 0px; height: 18px;}
.redButton { padding: 1px 5px 1px 5px; margin: 0 0 1px 0; color: #ff0000; border: 0px; height: 18px;}
.greenButton { padding: 1px 5px 1px 5px; margin: 0 0 1px 0; color: #ff00; border: 0px; height: 18px;}
.blueButton { padding: 1px 5px 1px 5px; margin: 0 0 1px 0; color: #0000ff; border: 0px; height: 18px;}
.unbold{ font-weight:normal; }
.viewExample { padding-left: 15px; }

/* Paging */
.page {font-size:9pt;}
.nextPage{border:0;}

.page A:link:focus, .page A:visited:focus { color:#8e8d90; text-decoration:underline;  font-size:9pt; }
.page A:link { color:#8e8d90; text-decoration:none;  font-size:9pt; }
.page A:visited { color:#8e8d90; text-decoration:none;  font-size:9pt; }
.page A:link:hover, .page A:visited:hover { color:#8e8d90; text-decoration:underline;  font-size:9pt; }
.page A:link:active, .page A:visited:active { color:#8e8d90; text-decoration:underline;  font-size:9pt; }

/* Main Navigation Links */
#NavUtil div { float: right; }
.bullet { width: 5px; padding: 3px 3px 1px 2px; }
#NavUtil .home { padding-right: 5px; }
#NavUtil .myAccount { padding-left: 5px; padding-right: 5px; }
#NavUtil .share { padding-left: 5px; padding-right: 5px; }
#NavUtil .logout { padding-left: 5px; padding-right: 5px; }
#NavUtil .serviceNav { padding-left: 5px; padding-right: 5px; }
#NavUtil .cart { padding-left: 5px; padding-right: 5px; }
#NavUtil .redeem { padding-left: 5px; padding-right: 5px; }
#NavUtil .padding { width: 1px; padding: 1px 15px 1px 5px; }

/* Footer Navigation Links */
#NavBottom div { float: left; }
#NavBottom .privacyPolicy { padding-left: 5px; padding-right: 5px; }
#NavBottom .contactInfo { padding-left: 5px; padding-right: 5px; }
#NavBottom .ourStory { width: 115px; padding-right: 10px;padding-bottom:2px; }
#NavBottom .line {width: 5px; padding-right: 16px; }

/* lcl: Section Intro  */
#SectionIntro, #SubSection{color:#8e8d90; font-size:10.5pt; width:55%; }
#SectionIntro{margin-left:0px; line-height:200%; font-family: Times New Roman, Serif; font-size: 12.5pt; }
#SubSection{line-height:normal;font-size:8pt;}

/* Override this class in all css files to put the correct background on the searchbar */
.searchColor { background-color: #E0ECF2; color: #8e8d90; text-indent: 4px;}

/* MOZILLA BUG FIXES */
.input2 { font-weight: normal; }
.input2_error { font-weight: normal; }
.formButton { font-weight: normal; }