* {padding: 0; margin:0;}
body {background: #254e5d url(images/pagebg.jpg) no-repeat center top; color: #fff; margin: 0; padding: 0;}
#topnav {background: #ffd61f;width: 100%; height: 30px;font: bold 8pt tahoma, arial, sans-serif; color: #000;}
#topnav ul {float: left; width: 600px; list-style: none; margin-top: 8px;}
#topnav ul li {display: inline; padding: 0 6px;}
#topnav ul li a:link, #topnav ul li a:visited {font: bold 9pt tahoma, arial, sans-serif;color: #000; text-decoration: none; padding: 0 6px;}
#topnav ul li a:hover, #topnav ul li a:active {color: #428aa5; text-decoration: underline;}
#headcart {float: right: width: 500px; font: bold 8pt tahoma, arial, sans-serif; color: #000; text-align: right; padding: 8px 20px 8px 0;}
#logorow {width: 990px; margin: 0 auto; margin-top: 20px;}
#logo {float: left; background:url('images/logo.png') no-repeat;width: 230px; height: 53px; padding-left: 30px;}

/* \ */
* html #logo {background:none; float:left; width:230px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='includes/sts_templates/dvdspider/images/logo.png', sizingMethod='scale'); }
/* */

#logorow_right {float: right; width: 500px; text-align: right;padding-right: 50px;}
#slogan {float:right; width: 600px; font: bold 14pt tahoma, arial, sans-serif; color: #18a5d9; text-align: right; padding-top: 40px;}

#intro {background: url(images/maindisplay.png) no-repeat; width: 854px; height: 255px; margin: 0 auto;}
/* \ */
* html #intro {background:none;width:845px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='includes/sts_templates/dvdspider/images/maindisplay.png', sizingMethod='scale'); }
/* */
#introtext {float: left; width: 550px; padding: 10px;}
	#introtext .callout {font: bold 12pt tahoma, arial, sans-serif; color: #ffd61f; margin-top: 10px; margin-left: 10px;}
	#introtext .text {font: bold 10pt tahoma, arial, sans-serif; color: #fff; margin-left: 10px;}
#movie {float: right; width: 275px; margin-top: 20px;}
#mainbody {width: 854px; margin: 0 auto;}
#breadcrumb {font: bold 8pt tahoma, arial, sans-serif; color: #ffd61f; padding: 5px 5px 5px 0;}
#breadcrumb a:link, #breadcrumb a:visited {font: bold 8pt tahoma, arial, sans-serif; color: #fff; padding: 5px 5px 5px 0;text-decoration: none;}
#breadcrumb a:hover, #breadcrumb a:active {font: bold 8pt tahoma, arial, sans-serif; color: #fff;text-decoration: underline;}
#leftcol {float: left; width: 180px; padding: 0 10px; padding-right: 10px;}
#rightcol {float: right; width: 630px; padding: 0 10px;}

.infoboxheading {background: #193640; font: bold 10pt tahoma, arial, sans-serif; color: #18a5d9; padding: 5px 10px;}
.infoBoxContents {border: 1px solid #347289; padding: 10px;}
.boxText {font: normal 8pt tahoma, arial, sans-serif; color: #fff;padding: 3px 10px;}
.boxText a:link, .boxText a:visited {font normal 8pt tahoma, arial, sans-serif; color: #fff; text-decoration: none; line-height: 1.5;}
.boxText a:hover, .boxText a:active {color: #18a5d9; text-decoration: underline;}

checkbox, input, radio, select {border: 1px solid #347289; background: #193640; font: normal 9pt tahoma, arial, sans-serif; color: #fff; padding: 0; margin-bottom: 5px;}
input.button {border: 0; padding: 0;}
textarea {border: 1px solid #347289; background: #193640; font: normal 8pt tahoma, arial, sans-serif; color: #fff; padding: 2px;}

#footer {background: #00061a; width: 100%; height: 60px; font: normal 8pt tahoma, arial, sans-serif; color: #fff; text-align: center; padding: 10px 0;}

a:link, a:visited { font: bold 8pt tahoma, arial, sans-serif; color: #fff; text-decoration: underline;}
a:hover, a:active {color: #18a5d9; text-decoration: underline;}

/*misc*/
img { border: 0;}
.vspacer_3 {height: 3px; clear:both;}
.vspacer_5 {height: 5px; clear:both;}
.vspacer_10 {height: 10px; clear:both;}
.vspacer_20 {height: 20px; clear:both;}
.hline {background:#347289; height:1px;margin: 5px 0;}
p {margin: 10px 0;}




/* Original OSC Styles */


form {display: inline;}


.errorBox {font: bold 8pt tahoma, arial, sans-serif;  background: #ffb3b5;  }
.stockWarning { font: bold 8pt tahoma, arial, sans-serif;  color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font: normal 8pt tahoma, arial, sans-serif; color: #70d250; text-decoration: underline; }


tr.headerError {background: #ff0000;}
td.headerError {font: bold 9pt tahoma, arial, sans-serif; ;background: #ff0000; color: #fff;font-weight : bold;
  text-align : center;}
tr.headerInfo {background: #00ff00;}
td.headerInfo {font: bold 9pt tahoma, arial, sans-serif;background: #00ff00;color: #fff;
  text-align: center;}

.infoBox {}
table.box {border-top: 1px solid #347289; border-bottom: 1px solid #347289; padding: 5px;}
table.box td {padding: 3px 10px;}

.infoBoxNotice {background: #ff8e90;}
.infoBoxNoticeContents {background: #ffe6e6; font: normal 8pt tahoma, arial, sans-serif;}

td.infoBox, SPAN.infoBox {font: normal 8pt tahoma, arial, sans-serif; color: #fff; padding: 5px;}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {padding: 10px;}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {padding: 10px;}

TABLE.productListing {border: 1px solid #347289; border-collapse: collapse;}
.productListing-heading {background: #193640; font: bold 10pt tahoma, arial, sans-serif; color: #18a5d9; padding: 5px 10px;}
TD.productListing-data  {border: 1px solid #347289; border-collapse: collapse; font: normal 8pt tahoma, arial, sans-serif; padding: 5px;}
A.pageResults  {color: #0000ff;}
A.pageResults:hover {color: #0000ff;background: #ffff33;}
TD.pageHeading, DIV.pageHeading{font: bold 14pt tahoma, arial, sans-serif;color: #18a5d9;}
TR.subBar {background: #f4f7fd;}
TD.subBar {font: normal 8pt tahoma, arial, sans-serif;color: #fff;}
TD.main, P.main {font: normal 8pt tahoma, arial, sans-serif; color: #fff; line-height: 1.5;}
TD.smallText, SPAN.smallText, P.smallText  {font: normal 8pt tahoma, arial, sans-serif; color: #fff; padding: 10px;}
TD.accountCategory {font: bold 10pt tahoma, arial, sans-serif;color: #aabbdd;}
TD.fieldKey{font: bold 9pt tahoma, arial, sans-serif;}
TD.fieldValue {font: normal 9pt tahoma, arial, sans-serif;}
TD.tableHeading {font: bold 9pt tahoma, arial, sans-serif;}
SPAN.newItemInCart  {font: normal 8pt tahoma, arial, sans-serif;color: #ff0000;}
SPAN.greetUser{font: bold 9pt tahoma, arial, sans-serif;color: #f0a480;}
TABLE.formArea  {background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;}
TD.formAreaTitle{font: bold 9pt tahoma, arial, sans-serif;}
SPAN.markProductOutOfStock {font: normal 9pt tahoma, arial, sans-serif;color: #c76170;}
SPAN.productSpecialPrice {font: bold 8pt tahoma, arial, sans-serif;color: #ff0000;}
SPAN.errorText  {font: normal 8pt tahoma, arial, sans-serif;color: #ff0000;}

.modRow {border: 1px solid #347289; margin: 5px; padding: 5px;}
.moduleRow{}
.moduleRowOver {background-color: #479dbe; font: normal 8pt tahoma, arial, sans-serif; cursor: pointer; cursor: hand; padding: 3px; }
.moduleRowSelected { background-color: #3e88a5;  font: normal 8pt tahoma, arial, sans-serif; padding: 3px; }

.checkoutBarFrom, .checkoutBarTo { font: normal 8pt tahoma, arial, sans-serif;  color: #fff; }
.checkoutBarCurrent  { font: normal 8pt tahoma, arial, sans-serif;  color: #fff; }

/* message box */

.messageBox {font: normal 8pt tahoma, arial, sans-serif;  }
.messageStackError, .messageStackWarning  {background-color: #ffd61f; font: bold 9pt tahoma, arial, sans-serif; color: #000; padding: 5px; }
.messageStackSuccess  {background-color: #ffd61f; font: bold 9pt tahoma, arial, sans-serif; color: #000; padding: 5px;}

/* input requirement */

.inputRequirement { font: normal 8pt tahoma, arial, sans-serif;  color: #ffd61f; }