* { margin: 0px; padding: 0px; border: none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #FBF9EF; padding: 0px 6%; } #container { float: left; } #header { float: left; width: 100%; border-bottom: 1px dotted #5D5A53; margin-bottom: 10px; } #header h1 { font-size: 18px; float: left; background: url(logo.png) no-repeat; padding: 45px 0px 5px 0px; } #promotion { height: 300px; width: 700px; background: url(home-showcase.png) no-repeat; } ul li a { font-size: 16px; } #main { overflow: hidden; padding: 0 0 15px 10px; float: left; } ul { list-style-type: square; margin-left: 25px; font-size: 14px; } ul#album-list { list-style: none; margin-left: 0px; } ul#album-list li { height: 130px; width: 100px; float: left; margin: 10px; text-align: center; } ul#album-list li a, ul#album-list li .button { font-size: 13px; float: left; } ul#album-list li a span { color: #9b9993; text-decoration: underline; } #cart { float: right; } #update-message { color: #F6855E; font-weight: bold; } .button, input[type=submit] { clear: both; display: inline-block; padding: 5px; margin-top: 10px; border: 1px; background: #5e5b54; color: #fff; font-weight: bold; } .button a { color: #fff !important; } #footer { clear: both; padding: 10px; text-align: right; border-top: 1px dotted #8A8575; border-bottom: 1px dotted #8A8575; font-family: Constantia, Georgia, serif; } /******************** Top Navigation ************************/ ul#navlist { float: right; } ul#navlist li { display: inline; } ul#navlist li a { border-left: 1px dotted #8A8575; padding: 10px; margin-top: 10px; color: #8A8575; text-decoration: none; float: left; } ul#navlist li:first-child a { border: none; } ul#navlist li a:hover { color: #F6855E; } /********************* End top navigation ***************************/ p { margin-bottom: 15px; margin-top: 0px; } h2 { color: #5e5b54; } h2, h3 { margin-bottom: 10px; font-size: 16px; font-style: italic; font-weight: bold; } h3 { color: #9B9993; } #header h1 a, h3 em { color: #5E5B54; } a:link, a:visited { color: #F6855E; text-decoration: none; font-weight: bold; } a:hover { color: #333333; text-decoration: none; font-weight: bold; } a:active { color: #006633; text-decoration: none; font-weight: bold; } /***************************** sidebar navigation ****************************/ #categories { font-family: Constantia, Georgia, serif; list-style-type: none; border-right: #5d5a53 1px dotted; padding-right: 10px; margin: 0 25px 0 0; float: left; } #categories a:link, #categories a:visited { color: #9B9993; text-decoration: none; } #categories a:hover { color: #F46739; } div#album-details p { margin-bottom: 5px; color: #5e5b54; font-weight: bold; } p em { color: #9b9993; } /* Form styles */ legend { padding: 10px; font-weight: bold; } fieldset { border: #9b9993 1px solid; padding: 0 10px; margin-bottom: 10px; clear: left; } div.editor-field { margin-bottom: 10px; } input[type=text], input[type=password], input[type=number], input[type=email], select { border: 1px solid #8A8575; width: 300px; } #logon-message, #register-message { color: #ff0000; } #part-user { float: right; padding-top: 20px; } /* Styles for validation helpers */ .field-validation-error { color: #ff0000; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: #ff0000; } .validation-summary-valid { display: none; } /* Tables */ table { border: 1px solid #000; border-collapse: collapse; color: #666666; min-width: 500px; width: 100%; } tr { border: 1px solid #000; line-height: 25px; } th { background-color: #9b9993; color: #000; font-size: 13px; text-align: left; } th, td { padding-left: 5px; } tr:hover { background-color: #fff; }