/*----------------------------------------------------------
Credit Tool default css
----------------------------------------------------------*/
body {background-color: #8e2219;font-size: .75em;font-family: Verdana, Helvetica, Sans-Serif;margin: 0;padding: 0;color: #000;} 
a:link {color: #0033CC; text-decoration: underline;}
a:visited{color: #8e2219; text-decoration: underline;}
a:hover {color: #FF3502;text-decoration: none;}
a:active {color: #0033CC;}
p, ul {margin-bottom: 20px;line-height: 1.6em;}

/* HEADINGS   
    ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size: 1.5em;color: #000;font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 2em;padding-bottom: 0;margin-bottom: 0;}
h2 {padding: 0 0 0 0;margin-bottom: 0;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

/* this rule styles <h2> tags that are the 
    first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0;}

/* PRIMARY LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
    page width. Or, you can specify an exact pixel width. */
.page {width: 1024px;margin-left: auto;margin-right: auto; margin-bottom:20px;}
.pageContent {background-image:url("../doc/comps2/border_content.gif"); background-repeat:repeat-y; padding:0px 15px 15px 15px;}
.pageLeft { padding-top:2;}
.pageHeader { vertical-align:top;}
.pageFooter {background-image:url("../doc/comps2/border_footer.gif"); background-repeat:repeat-y; padding:15px;}
.pageRight { margin-left:25px; margin-bottom:10px; padding-top:5px;}

/* TAB MENU   
    ----------------------------------------------------------*/
ul#menu {border-bottom: 2px #000 solid;padding: 0 0 0px;position: relative;margin: 0;text-align: left;}
ul#menu li {display: inline;list-style: none;}
ul#menu li#greeting {padding: 5px 10px;font-weight: bold;text-decoration: none;line-height: 2em;color: #fff;}
ul#menu li a {padding: 5px 20px;font-weight: bold;text-decoration: none;line-height: 2em;background-color: #E87839;color: #000;}
ul#menu li a:hover {background-color: #fff;text-decoration: none;}
ul#menu li a:active {background-color: #fff;text-decoration: none;}
ul#menu li a.selected {background-color: #F7BE81;color: #000;}

/* FORM LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

fieldset {margin: 1em 0;padding: 1em;border: 1px solid #CCC;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset label {display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px;}

textArea {width: 500px;border: 1px solid #ccc; margin-top:3px; color:#0033cc;}
input[type="text"] {width: 200px;border: 1px solid #ccc; margin-top:3px; color:#0033cc;}
input[type="password"] {width: 200px;border: 1px solid #ccc; margin-top:3px; color:#0033cc;}
input#amount, input#confirmAmount {width: 110px;}
input#confirmAmount {margin-right: 88px;}
select {width: 200px;border: 1px solid #ccc;}
select#monthList {width: 90px;}
select#yearList {width: 98px;}
select#currencyList {width: 80px;}
label {font-weight:bold;}
.focusField {background-color:Yellow;}
input[type="text"].newsletter {width: 150px; height:18px; border: 1px solid #ccc; color:#0033cc;}
input[type="text"].phoneGroup {width: 50px; border: 1px solid #ccc; color:#0033cc;}
input[type="text"].street {width: 500px; border: 1px solid #ccc; color:#0033cc;}
input[type="text"].tiny {width: 50px; border: 1px solid #ccc; color:#0033cc;}
input[type="text"].creditcard {width: 200px; border: 1px solid #ccc; color:#0033cc;}
input[type="text"].cvv {width: 80px; border: 1px solid #ccc; color:#0033cc;}
select.year {width: 70px;border: 1px solid #ccc;}

/* TABLE
    ----------------------------------------------------------*/
table.form {border: solid 1px #e8eef4; border-collapse:collapse;}
table.form td {padding: 5px;border: solid 1px #e8eef4; vertical-align:top;}
table.form th {padding: 6px 5px;text-align: left;background-color: #e8eef4;border: solid 1px #e8eef4; vertical-align:bottom}

table.none {border-width: 0px;}
table.none td {padding: 0px;border: none; vertical-align:top;}
table.none th {padding: 0px;text-align: left;background-color: #e8eef4;border-width: 0px;}

/* MISC  
    ----------------------------------------------------------*/
.clear {clear: both;}
.error {color: Red;}
.important {color: Red;}
.success {color: Green;}

#menucontainer {margin-top: 40px;}
div#title {display: block;float: left;text-align: left; margin-top:20px;}
#logodisplay {text-align: right;display: block; margin-top:20px;}
#logindisplay {font-size: 1.1em;display: block;text-align: right;margin: 10px;color: White;}
#logindisplay a:link {color: white;text-decoration: underline;}
#logindisplay a:visited {color: white;text-decoration: underline;}
#logindisplay a:hover {color: white;text-decoration: none;}

.field-validation-error {color: #ff0000;}
.input-validation-error {border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors {font-weight: bold;color: #ff0000;}

label.error {float: none;color: red;padding-left: .5em;vertical-align: top;}
.reminder{font-size: 1.3em;}

/* ITEMS CONTROL
	----------------------------------------------------------*/
.itemName {font-size: 11px;padding-bottom: 5px;padding-top: 5px;padding-left: 10px;padding-right: 7px;}
.itemPrice {font-size: 11px;padding-bottom: 3px;padding-top: 3px;padding-left: 10px;padding-right: 7px;color: #FF0000;}
.itemPrice2 {font-size: 11px;padding-bottom: 3px;padding-top: 3px;padding-left: 10px;padding-right: 7px;color: #000000;}
.itemSalePrice {font-size: 11px;padding-bottom: 3px;padding-top: 3px;padding-left: 10px;padding-right: 7px;color: #FF0000;}

/* HEADER
	----------------------------------------------------------*/
input[type="text"].email {width: 120px; height:18px; border: 1px solid #ccc; margin-left:5px;}
input[type="password"].email {width: 100px; height:18px; border: 1px solid #ccc; margin-left:5px;}
.headerText {color:White; padding-left:5px;}

/* CONFIRMATION
	----------------------------------------------------------*/
.printerdisplay {text-align: right;display: block; margin-top:20px; float:right;}

/* RIGHT
	----------------------------------------------------------*/
div.pageRight div.header { margin-top:20px; margin-bottom:10px;}
div.pageRight div.detailcat {margin-top:3px; margin-bottom:3px; padding: 3px 3px 3px 8px;}
div.pageRight div.detailcat:hover { background-color:#dddddd;}
div.pageRight div.detailcat a {}
div.pageRight div.detailcat a:link {color: #aa0713; text-decoration: underline; }
div.pageRight div.detailcat a:visited{color: #aa0713; text-decoration: underline;}
div.pageRight div.detailcat a:hover {color: #aa0713;text-decoration: none;}
div.pageRight div.detailcat a:active {color: #aa0713;}
div.pageRight div.detail {margin-top:3px; margin-bottom:3px; padding: 3px 3px 3px 8px;}
div.pageRight div.detail:hover { background-color:#dddddd;}
div.pageRight div.detail a {}
div.pageRight div.detail a:link {color: #0033CC; text-decoration: underline; }
div.pageRight div.detail a:visited{color: #0033CC; text-decoration: underline;}
div.pageRight div.detail a:hover {color: #0033CC;text-decoration: none;}
div.pageRight div.detail a:active {color: #0033CC;}
div.pageRight div.contactInfo { margin-left:5px;}

/* SECTIONS
	----------------------------------------------------------*/
div.sectionFullGroup { margin-top:10px; }
div.sectionGroup { margin-top:10px;}
div.sectionMemberProgram {margin-right:10px;}
div.sectionNewsletter {}
div.sectionTitleItem { color: #aa0713; font-size:14px; font-weight:bold; margin-left:5px; padding-bottom:13px;}
.sectionInnerContainer{}
div.sectionTitle { color: #000000; font-size:14px; font-weight:bold; margin-left:5px; margin-bottom:10px;}
div.sectionContent { margin-left:5px; margin-bottom:10px;}
div.sectionContentEnd { margin-left:5px; margin-bottom:20px;}
div.sectionError { margin-left:5px; margin-bottom:20px; color:Red; border-style:solid; border-width:1px; border-color:Red; padding:5px;}
div.sectionSuccess { margin-left:5px; margin-bottom:20px; color:Green; border-style:solid; border-width:1px; border-color:Green; padding:5px;}
div#newsletterResponse { margin-left:5px; margin-bottom: 5px;}

/* PAGING
	----------------------------------------------------------*/
span.paging { margin: 15px;}
span.pageSummary { margin-left:5px; margin-bottom:5px; font-weight:bold;}
span.pageNumber { padding:5px; display:inline;}

/* ITEM DETAIL
	----------------------------------------------------------*/
div.itemDetail { margin-top:15px;}
div.itemImages { margin-top:10px;}
.detailName { font-size:20px; color:#aa0713; padding-bottom:15px;}
.detailText { padding-bottom:10px; width:110px; clear:left; float:left;}
.detailDesc { padding-bottom:20px; padding-top:5px; width:325px; clear:left;}
.detailValue { padding-bottom:10px; float:left; width:230px;}
.detailPriceText { padding-bottom:10px; width:110px; clear:left; float:left;}
.detailPriceValue { padding-bottom:10px;color:#aa0713; font-size:16px; float:left; width:230px;}
.detailPriceValue2 {padding-bottom:10px; float:left; width:230px;}
.detailHeavyText { margin-bottom:10px; margin-top:10px; color:#aa0713; font-weight:bold;}
.detailHeavyInfo { width:325px;}
.detailHeavyNote { width:325px; font-style:italic;}

/* FOOTER
	----------------------------------------------------------*/
.pageFooter div.copyright { margin-bottom: 20px;}
.pageFooter div.links { margin-bottom: 10px;}