DIV.centerpage {
  width: 770px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -385px;
}


/** ocean start editing stylesheet**/
BODY {
  background-image:url(detour_images/body_bg.gif);
  background-position: left top;
  background-repeat:repeat;
  margin: 0px;
  padding-top:15px;
  padding-bottom:15px;
}
img{border:none}

.header_logo{
	background-image:url(detour_images/Header_logo.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:826px;
	height:153px;
}

#banner_nav{
	background-image:url(detour_images/nav_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width:56%;
	height:25px;
	padding-left:20px;
	padding-right:0px;
	float: left;
}
#banner-right {
	float: right;
	width: 40%;
	height:25px;
	background-image:url(detour_images/shopping_cart_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding-right:10px;
	padding-top:0px;
	text-align: right;
}



#banner_nav ul{
	float: left;
	MARGIN: 0px;   
    padding:0px;
	BORDER: 0px;   
	LIST-STYLE-TYPE: none;   
	TEXT-ALIGN: left;   
	DISPLAY: inline;
}

#banner_nav  li{
	float: left;   
	DISPLAY: block; 
	TEXT-ALIGN: left;     
	padding-top:4px;
}

#banner_nav ul li#ocean1 a{ DISPLAY: block; height: 18px; WIDTH: 60px;font-family:Arial, Helvetica, sans-serif;font-size: 14px; color: #ffffff; text-decoration: none;} 
#banner_nav ul li#ocean1 a:hover{ text-decoration:underline;}

#banner_nav ul li#ocean2 a{ DISPLAY: block; height: 18px; WIDTH: 100px;font-family:Arial, Helvetica, sans-serif;font-size: 14px; color: #ffffff; text-decoration: none;} 
#banner_nav ul li#ocean2 a:hover{ text-decoration:underline;}

#banner_nav ul li#ocean3 a{ DISPLAY: block; height: 18px; WIDTH:  60px;font-family:Arial, Helvetica, sans-serif;font-size: 14px; color: #ffffff; text-decoration: none;} 
#banner_nav ul li#ocean3   a:hover{ text-decoration:underline;}

#banner_nav ul li#ocean4 a{ DISPLAY: block; height: 18px; WIDTH: 65px;font-family:Arial, Helvetica, sans-serif;font-size: 14px; color: #ffffff; text-decoration: none;} 
#banner_nav ul li#ocean4 a:hover{ text-decoration:underline;}

#banner_nav ul li#ocean5 a{ DISPLAY: block; height: 18px; WIDTH: 120px;font-family:Arial, Helvetica, sans-serif;font-size: 14px; color: #ffffff; text-decoration: none;} 
#banner_nav ul li#ocean5 a:hover{ text-decoration:underline;}

.shopbybrand_bg{
	background-image:url(detour_images/shopbybrand_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:168px;
	height:68px;
}

#shoppingcart_price{
	background-image:url(detour_images/shopping_cart_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:286px;
	height:25px;
	margin-left:337px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding-right:25px;
	padding-top:0px;
}

.search_bg{
	background-image:url(detour_images/search_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:168px;
	height:68px;
}

#SearchBox_input{
	width: 143px;
	padding-top:20px;
	padding-left:27px;
	padding-right:3px;
}
	
#content_info{
	width:637px;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:10px;
}

.footer_bg{
	background-image:url(detour_images/footer.gif);
	background-position: bottom center;
	background-repeat:no-repeat;
	width:826px;
	height:30px;
}


#footerbrand{
	height:20px;
	background-color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color:#000000;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	margin-bottom:15px;
}
#footerbrand a{
	line-height:15px;
	color:#000000;
	text-decoration:none;
}
#footerbrand a:hover{
	color:#000000;
	text-decoration:underline;
}

/** end of stylesheet**/



SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FF0000;
  font-weight: bold;
}

.orderEdit {
  font-family : Verdana, Arial, sans-serif, Tahoma;
  font-size : 10px;
  color: #FF0000;
  text-decoration: underline;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  line-height: 1.5;
}

TD.main2, P.main2 {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #0000A0;
  text-decoration: underline;
}

FORM {
   display: inline;
}

.boxText {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  color: #FF0000;
}

.inputRequirement {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FF0000;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
  background: #000080;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background: #000080;
  color: #FFFFFF;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #FFFFFF;
}

.errorBox {
  font-family : Verdana, Arial, sans-serif, Tahoma;
  font-size : 10px;
  background: #00007F; font-weight: bold;
}

.stockWarning {
  font-family : Verdana, Arial, sans-serif, Tahoma;
  font-size : 10px;
  color: #FF0000;
}

TR.headerError {
  background: #FF0000;
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background: #FF0000;
  color: #000080;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #FF0000;
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background: #FF0000;
  color: #000080;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #000080;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background: #000080;
  color: #FFFFFF;
  font-weight: bold;
}

.infoBox {
  background: #000080;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.infoBoxContents {
  background: #D9FFFF;
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
  background: #000080;
  color: #FFFFFF;
}

.PlainContents {
  background: #D9FFFF;
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.infoBoxNotice {
  background: #00007F;
}

.infoBoxNoticeContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: 000080;
  border-spacing: 1px;
}

TABLE.infoBox-button {
  border: 1px;
  border-style: solid;
  border-color: 000080;
  border-spacing: 1px;
}

TABLE.user-table {
  border: 0px;
  border-style: solid;
  border-color: 000080;
  border-spacing: 1px;
}

TR.user-data {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background: #D9FFFF;
}

TD.user-data {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.productListing-heading {
	font-family: Verdana, Arial, sans-serif, Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
}

.productListing-heading:hover {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background: #000080;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #000000;
  background: #808080;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  color: #FF0000;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
}

TABLE.formArea {
  background: #FFFFFF;
  border-color: 000080;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
}

.moduleRow {
}

.moduleRowOver {
  background-color: #FFFFFF;
  cursor: pointer;
  cursor: hand;
}

.moduleRowSelected {
  background-color: #FFFFFF;
}

.checkoutBarFrom, .checkoutBarTo {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
}

.checkoutBarCurrent {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
  font-weight: bold;}

.productsNotifications {
  background: #FFFFFF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #FFFFFF;
}

TR.infoBoxContents-button {
  background: #FFFFFF;
}

TR.subBar {
  background: #FFFFFF;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #0000A0;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.messageBox { font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.messageStackError, .messageStackWarning {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background-color: #00007F;
}

.messageStackSuccess {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background-color: #99ff00;
}
