/* $Id: acer.css,v 1.50 2009/09/18 06:40:11 sam Exp $ */
@media print {
    #header,#footer,#quickSearch,#userMenu {
        display: none;
    }
    #main-content {
        padding: 0px 10px;
        text-align: left;
    }
}

@media screen {
    #main-content {
        padding: 0px 10px;
        text-align: left;
        margin: 0px;
    }
    body {
        line-height: 1.5em;
        background: #999999;
        text-align: center; /* this centers the wrappers in older IEwin versions */
        min-width: 940px;
    }
}

body,table,p,td {
    font: 70%/1.2 Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color:#000;
    margin:0px;
    padding: 10px 0px 10px 0px;
}
h1 {
    background: #E4E4E4 none repeat scroll 0%;
    border: 1px solid #CCCCCC;
    clear: both;
    font-size: 140%;
    padding:0pt 0.5em 0pt 10px;
}
h2 {
    /*clear:both;*/
    font-size: 130%;
    font-weight: 600;
    color: #484848; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px;
}
h3 {
    font-size: 120%;
    margin:0pt;
    padding:1em 0.5em 0.5em 10px;
    color: #484848; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#main-content p {
    margin:0pt;
    padding:0.5em 0px 1em 0px;
}

h4 {
    margin:0pt;
    padding:0.5em 0.5em 0.5em 0px;
    font-size: 100%;
    color: #484848;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
    text-decoration: underline;
    color: #8f488f; 
}
a:hover {
    text-decoration: none;
}
a.cart:link, a.cart:visited {
  font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #663366;
}

td.label {
    text-align: right;
    font-weight: bold;
}

img {
    border: none;
}
#wrapper { 
    width: 890px;
    margin: 0 auto;
    text-align: left; 
    background-color: #ffffff;
}

img {
    border:0; margin:0; padding:.1em .3em .3em .3em ;
}

ul {
    list-style-image:url(/acer-shop/images/bullet.gif) !important;
    list-style-image:url(/acer-shop/images/ie_bullet.gif);
}
ol {
    list-style-image: none;
}
li {
    padding: 5px 0px;
}

/******************************* HEADER *************************************/
#header {
    background: url(/acer-shop/images/whiteheader.gif) #fff repeat-x top;
    margin:0 auto;height: 7em; 
    width: 100%;
    display: table;
    border-bottom: 1px solid #efefef;
}
#header-left {    
    float:left;    
    width:40%; 
    text-align:left;
}

#header-left img{    
    border: 0;    
    padding: .5em 0 .5em .5em ;    
    margin: 0;
}
#header-right {    
    height: 5em;    
    background: url(/acer-shop/images/whiteearmark.gif) no-repeat right top;    
    padding: 1em 6em 0 0 ;    
    float:right;
    width:40%;    
    text-align: right;    
    color: #cccccc;    
    margin-top: 0px; 
    right: -1px; 
}

#quickSearch {
    text-align: left;
}

#quickSearch form {
    padding: 5px;
    margin: 0px;
}
#quickSearch a {
    font-size: 0.8em;
}

#submitSearch {
    font-size: 0.9em;
}

.userMenuTable table {
    /**margin: 0;
    width: 100%;
    height: 50%
    background-color: #663366;
    background:#663366 url(/acer-shop/images/nav-inactive.gif) repeat-x scroll left top;**/
    
    background:#663366 url(/acer-shop/images/nav-inactive.gif) repeat-x scroll left top;
    border-bottom: 1px solid #663366;
    width:100%;
    padding: 0px;
    height: 36px;
    margin-bottom: 5px;
}
.userMenuTable table td {
    padding: 0px;
}
#header-right #login {
    float: right;
    /*width: 39%;*/
    text-align: right;
    height: 1.8em;
    text-decoration: none;
    color: #666666;
    font-size:1.0em;
    margin:0px;
    padding: 0px;
}
#header-right #login a{
    font-weight: bold;
}

#login img {
    padding: 4px 2px;
}

#userMenu #account {
    float: left;
    font-size:0.9em;
}
#userMenu #search {
    float: right;
    font-size:0.9em;
    padding: 2px;
    padding-right: 10px;
}

#userMenu img {
    vertical-align: middle;
}

#userMenu #account ul#primary, #userMenu #search ul#primary {
    margin:0;
    padding:0;
    clear:both;
    height: 36px;
}
#userMenu #account ul#primary li, #userMenu #search ul#primary li {
    display: inline;
    list-style: none;
}
#userMenu #account ul#primary a,#userMenu #account ul#primary span,#userMenu #account ul#primary a.current {
    display: block;
    float: left;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    border-right: 1px solid #996699;
    border-left: 1px solid #996699;
    background: url(/acer-shop/images/tab_back.jpg) repeat-x top left #663366;
    color: #fff;
}

#userMenu #account ul#primary a, #userMenu #search ul#primary a {
    padding: 7px;
    height: 20px;
    margin: 0px;
    background: url(/acer-shop/images/nav-inactive.gif) repeat-x top left #f9f9f9;
    color: #333;
    border-right: 1px solid #ccc;
    border-left: 1px solid #fff;
}
#userMenu #account ul#primary a:hover, #userMenu #search ul#primary a:hover {
    color: #996699;
}
#userMenu #account ul#primary a.current, #userMenu #search ul#primary a.current {
    color: #fff; 
}
#userMenu #account ul#primary a.current:hover, #userMenu #search ul#primary a.current:hover {
    color: #fff;
}
#userMenu #account ul, #userMenu #search ul {
    margin:0;
    padding:0;
    list-style:none;
}
#userMenu #account li, #userMenu #search li {
    display:inline;
    margin:0;
    padding:0;
}

#resultsInfo {
    text-align: left;
}

#resultsInfoLeft {
	float: left;
    text-align: left;
}

#resultsInfoRight {
	float: right;
    text-align: right;
}

#searchPageNav {
    text-align: center;
    font-size: 9px;
}

#searchPageNav .nextPreviousLink {
    font-weight: bold;
    font-style: italic;
    color: #8f488f;
}

#searchPageNav .currentPage {
    font-weight: bold;
    color: #000000;
}

#searchPageNav a:link {
    color: #8f488f;
}

#searchPageNav a:visited {
    color: #663366;
}

#searchPageNav a:hover {
    color: #663366;
}

#searchPageNav a:active {
    color: #8f488f;
}

.searchResult p {
    margin-left: 20px;
}

.searchResult a:link {
    color: #8f488f;
}

.searchResult a:visited {
    color: #663366;
}

.searchResult a:hover {
    color: #663366;
}

.searchResult a:active {
    color: #663366;
}

.searchResult h2 {
    font-weight: normal;
    color: #365483;
    margin-top: 20px;
    border: 0;
}

.searchResult h3 {
    margin-left: 20px;
    color: #949494;
    margin-bottom: 4px;
    margin-top: 4px;
}

.searchResult h4 {
    margin-left: 20px;
    color: #949494;
    margin-bottom: 4px;
    margin-top: 4px;
}

.groupDisplayView img.graphic {
    float: left;
    margin-right: 15px;
    /*margin-bottom: 15px;*/
}

.groupDisplayView p {
    margin-left: 20px;
    margin-bottom: 20px;
}

.groupDisplayView a:link {
    color: #8f488f;
}

.groupDisplayView a:visited {
    color: #663366;
}

.groupDisplayView a:hover {
    color: #663366;
}

.groupDisplayView a:active {
    color: #8f488f;
}
/*
.groupDisplayView h2 {
    color: #663366;
    margin-top: 20px;
}*/

.groupDisplayView h2 {
    margin-top: 20px;
}

.groupDisplayView ul {
    /*list-style-position: inside;*/
}

.groupDisplayView ol {
    /*list-style-position: inside;*/
}

.groupDisplayView .code {
    font-size: xx-small;
}

.groupDisplayView .isbn {
    font-size: xx-small;
}
.adminGroupProducts {
    float: right;
    width: 55%;
    cursor: move;
}
.adminCategoryProducts {
    width: 80%;
    cursor: move;
}
#newGroupProducts {
    width: 38%;
}

#productExtras {
     float: right;
     text-align: right;
}

#pricingInfo {
    float: right;
    text-align: right;
}

#modificationInfo {
    -moz-border-radius: 5px;
    background-color: #CCCCCC;
}

#modificationInfo td {
    font-size: 80%;
}

#review h4 {
    color: #663366;
    padding:1em 0.5em 0.5em 10px;
    padding:5px 5px 5px 5px;
}

#review p {
    color: #663366;
}

.productTable table {
    width: 100%;
    clear: both;
}

.productTable th {
    background-color: #663366;
    text-align: left;
    color: white;
    font-weight: bold;
    padding: 8px 4px;
}

.productTable table td{
    padding: 8px 4px;
}

.productTable tr.odd {
    background-color: #f8f8f8;
    text-align: left;
    color: black;
    font-weight: normal;
}

.productTable tr.even {
    background-color: #e8eaea;
    text-align: left;
    color: black;
    font-weight: normal;
}

.qualificationsTable table {
    width: 100%;
}

.qualificationsTable th {
    background-color: #663366;
    text-align: left;
    color: white;
    font-weight: bold;
}

.qualificationsTable tr {
    background-color: #DDEEFF;
    text-align: left;
    color: black;
    font-weight: normal;
}

.categoriesTable table {
    width: 100%;
}

.categoriesTable th {
    background-color: #663366;
    text-align: left;
    color: white;
    font-weight: bold;
}

.categoriesTable tr {
    background-color: #DDEEFF;
    text-align: left;
    color: black;
    font-weight: normal;
}

.discountsTable {
    width: 100%;
}

.discountsTable td {
	padding: 3px;
}
.discountsTable table {
	padding: 0px;
}

.nameColumnHeader, .startDateColumnHeader, .endDateColumnHeader, .promoCodeColumnHeader,
.productCodeColumnHeader, .discountAmtStringColumnHeader, .archiveColumnHeader {
    background-color: #663366;
    text-align: center;
    color: white;
    font-weight: bold;
    border: 1px solid white;
}

.nameColumnHeader a, .startDateColumnHeader a, .endDateColumnHeader a, .promoCodeColumnHeader a,
.productCodeColumnHeader a, .discountAmtStringColumnHeader a, .archiveColumnHeader a {
    background-color: #663366;
    text-align: left;
    color: white;
    font-weight: bold;
}

.nameColumnValue, .startDateColumnValue, .endDateColumnValue, .promoCodeColumnValue,
.productCodeColumnValue, .discountAmtStringColumnValue {
    background-color: #DDEEFF;
    text-align: left;
    color: black;
    font-weight: normal;
    border: 1px solid white;
}

.archiveColumnValue {
    background-color: #DDEEFF;
    text-align: center;
    color: black;
    font-weight: normal;
    border: 1px solid white;
}

.promoCode {
    background-color: #EEEECC;
    padding: 5px 0px 5px 0px;
    color: black;
}

.cartTable table {
    width: 100%;
}

.cartTable th {
    background-color: #663366;
    text-align: center;
    color: white;
    font-weight: bold;
}

.cartTable tr.odd {
    background-color: #EEEEEE;
    text-align: left;
    color: black;
    font-weight: normal;
}

.cartTable tr.even {
    background-color: #DDDDDD;
    text-align: left;
    color: black;
    font-weight: normal;
}

#validationErrors {
    background-color: #FFBBBB;
    font-size: x-small;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.requiredMarker {
    color: #FF0000;
    font-size: 10px;
}

.requiredFieldsText {
    font-size: 10px;
}

.validationError {
    color: #FF0000;
    font-size: 10px;
}

.alert {
    color: #da0000;
}

.highlight {
    background-color: yellow;
}

.important {
    color: #ff0000;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

/* Styles for palette component */
TABLE.tapestry-palette TH {
    font-size: 9px;
    font-weight: bold;
    text-decoration: underline;
    color: white;
    background-color: #663366;
    text-align: center;
}

TD.available-cell SELECT {
    font-weight: normal;
    font-size: x-small;
    background-color: #FFFFFF;
    width: 310px;
}

TD.selected-cell SELECT {
    font-weight: normal;
    font-size: x-small;
    background-color: #FFFFFF;
    width: 310px;
}

TABLE.tapestry-palette TD.controls {
    text-align: center;
    vertical-align: middle;
    width: 57px;
}

/* End styles for palette component */
.outline {
    /*margin: 10px;*/
    padding: 5px;
    border: 1px solid #cccccc;
    background: #eeeeee;
}

.formTip {
    font-size: xx-small;
    vertical-align: top;
    padding-top: 0px;
    font-weight: normal;
    font-style: italic;
}

.helpLink {
    font-size: xx-small;
    /*vertical-align: top;*/
    padding-top: 0px;
    font-weight: normal;
    font-style: italic;
}

.helpLink img{
    margin: 0px;
    padding: 0px;
}

#pageMessages {
    -moz-border-radius: 5px;
    background-color: #ccff99;
    padding: 5px;
}

#pageErrorMessages {
    -moz-border-radius: 5px;
    background-color: #FFBBBB;
    padding: 5px;
}

#pageWarningMessages {
    -moz-border-radius: 5px;
    background-color: #FFEE66;
    padding: 5px;
}

.warning {
    -moz-border-radius: 5px;
    background-color: #FFEE66;
    padding: 5px;
    margin: 5px;
}
/*
############################  class for the javascript highlighter  ####################### 
*/
.highlighted {
    color: #dd0000;
}
/******************************* FOOTER *************************************/

#copyright {
    background: #666; 
    border-top: 3px solid #663366; 
    clear:both; 
    width:100%; 
    height: 2em; 
    color: #ffffff;
    width:100%; 
    display: block;
    font-size:.8em;
    text-align: center; 
}
#copyright a {
	color: #ffffff;
}
#contactInfo {
    font-size: 10px;
    text-align: center;
    padding: 5px;
    line-height: normal;
    background-color: #ffffff;
    clear: both;
}

/* These next two are for a min-height hack that works in all browsers */
.prop {
    height: 300px;
    float: right;
    width: 1px;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.show-hide-link {
    cursor: pointer;
    font-size: x-small;
    color: blue;
    text-decoration: underline;
}

.twoColDiv {
    background: #ffffff;
    border: none;
}

.leftColumn {
    width: 50%;
    top: 0px;
    left: 4px;
    display: inline;
    float: left;
}

.rightColumn {
    top: 0px;
    padding: 0px 10px 15px 10px;
    border: 1px solid #cccccc;
    background: #eeeeee;
    display: inline;
    float: right;
    width: 45%;
    margin-right: 20px;
}

.categoryTable {
    width: 100%;
    margin: 0px auto;
}

.categoryCell {
    text-align: center;
    width: 25%;
}

.categoryCell img {
    /*display: block;*/
    margin: 0px auto;
}

#featured {
    overflow: auto;
}

#featured h2 {
    background: #E4E4E4 none repeat scroll 0%;
    border: 1px solid #CCCCCC;
}

#featured img {
    float: left;
    padding-right: 8px;
}

.fieldBlock {
    clear: both;
    margin: 0 auto;
    width: 80%;
    display: block;
    padding: 4px;
}
.fullWidth {
    width: 100%;
}
.fieldLabel {
    float: left;
    width: 40%;
    text-align: right;
    padding-right: 4px;
    font-weight: bold;
}
.labelSize2 {
    width: 12%;
}
.labelSize1 {
    width: 25%;
}
.field {
    float: right;
    width: 57%;
    text-align: left;
    padding-left: 4px;
}
.fieldSize2 {
    width: 85%;
}
.fieldSize1 {
    width: 72%;
}
.formBlock {
    padding-bottom: 20px;
}
.formBlockWidth {
    width: 600px;
}
.unBold {
    font-weight: normal;
}
/*
######################################################################
##############--- purchase products admin page ---####################
######################################################################
*/
.purchaseTable {
    width: 100%;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}

.purchaseTable td {
    padding: 3px;
}
.purchaseTable table {
    padding: 0px;
}

.IdColumnHeader, .idColumnHeader, .fullNameColumnHeader, .accountNumberColumnHeader,
.DateColumnHeader, .dateColumnHeader, .UsernameColumnHeader, .accountNumberColumnHeader,
.ProcessedColumnHeader {
    background-color: #663366;
    text-align: center;
    color: white;
    font-weight: bold;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.IdColumnHeader a, .idColumnHeader a, .fullNameColumnHeader a, .accountNumberColumnHeader a,
.DateColumnHeader a, .dateColumnHeader a, .UsernameColumnHeader a, .accountNumberColumnHeader a,
.ProcessedColumnHeader a {
	background-color: #663366;
    text-align: left;
    color: white;
    font-weight: bold;
}

.IdColumnValue, .idColumnValue, .fullNameColumnValue, .dateColumnValue,
.DateColumnValue, .UsernameColumnValue, .accountNumberColumnValue,
.ProcessedColumnValue {
    background-color: #DDEEFF;
    text-align: left;
    color: black;
    font-weight: normal;
    border: 1px solid #cccccc;
}

/*
**********************   date picker classes   *******************
*/
.grid td {
    padding: 2px 0px;
}
.calendarHeader td, .footerTable {
    padding: 0px;
}
/*
######################################################################
##############--- convenience shortcut classes ---####################
######################################################################
*/
.inline {
    display: inline;    
}
.floatLeft {
    float: left 
}
.floatRight {
    float: right;   
}
.cursorMove {
    cursor: move;
}
.centre {
    text-align: center;
}

#categorylist a {
    font-size: 125%;
}

#tinymce { 
    min-width: 200px;
    margin: 0 auto;
    text-align: left; 
    background-color: #ffffff;
}