﻿body 
{
	margin:0;
	padding:0;
	font-family: Tahoma, Arial;
	font-size:16px;
	color:#555;
	background-color: #EDEDED;
	background-image: url(../WebMarketingImage/gradient.png);
	background-repeat: repeat-x;
	
}

#wrapper 
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;	
	border-left: solid 4px #dddddd;
	border-right: solid 4px #dddddd;
	border-bottom: solid 4px #dddddd;
	overflow: visible;
}

#centerpanel
{
	background-color: #FFFFFF;	
	width: 900px;
	overflow: visible;
}

#top
{
    width: 900px;
    height: 70px;
    background-color: Transparent;
    margin-bottom: 5px;
    margin-top: -10px;
}

#navigation
{
    margin-top: 8px;
    margin-left:auto;
    margin-right:auto;	
    width:880px;	
    height: 70px;	
    padding-left: 10px;
    background-image: url(../WebMarketingImage/widdopnavbar.png);
    background-repeat: repeat-x;
    background-position: 0px 15px;
}

#navcontainer
{
    margin-top: 15px;
    height: 30px;
    width: 690px;
    float: right;
}     

#navigationcentered
{
    width: 690px;
    height: 30px;
    background-color: Transparent; /*#04477E;*/
	float: left;
    z-index: 5000;
}

#nav
{
    float: left;	
}

#navleft
{
    float: left;
    color : White;
    z-index: 5000;
}

#sddm
{	margin: 0;
    padding: 0;
    z-index: 1000;}

#sddm li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: normal 12px verdana;
}

#sddm li a
{	
    display: block;
    margin: 0 1px 0 0;
    padding: 8px 8px 12px 8px;
    background: ;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    z-index: 5000;
}

#sddm li a:hover
{	
    background: ;
}

#sddm div
{	position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #CCC;
    z-index: 5000;
}

#sddm div a
{	position: relative;
    display: block;
    margin: 0;
    padding: 10px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #DDD;
    color: #FFFFFF;
    font: 11px arial;
    width: 180px;
    z-index: 5000;
    font-size: 14px;
    color: #000;
}

#sddm div a:hover
{
    background: #333;
    color: #FFF;
}

#banner 
{
	margin-left:auto;
	margin-right:auto;
	width:870px;	
	height:295px;
	margin-bottom: 5px;	
}

#bannerleft
{
	float: left;
	width: 580px;
	height: 300px;	
}

#bannerright
{	
	float: right;
	width: 290px;
	height: 300px;
}

#content 
{
	margin-left:auto;
	margin-right:auto;
	min-height:450px;
	width: 870px;
	background-color:Transparent;
	padding-left: 10px;
	padding-right: 10px;
}

#footernav
{
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	width: 870px;
	height: 20px;	
	background-color: #E6E6E6;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;	
	text-align:center;
	color: #333333;
}

#footerdisc
{
	margin-left:auto;
	margin-right:auto;	
	height: 20px;
	width: 870px;
	background-color: #333333;	
	margin-bottom: 10px;	
	color: #FFF;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

#contactdetail 
{
	width:880px;
	float:left;
}

#logolink {
position:absolute;
margin-top:30px;
margin-left:30px;
width:149px;
height:62px;
background-color:Transparent
}

#topbasketsummary {
width:750px;
height:22px;
margin-top:-15px
}

#title {
width:760px;
height:30px;
position:absolute;
padding-top:6px;
margin-top:0;
padding-left:200px;
font-size:14pt;
color:#555;
font-family:Helvetica;
font-style:italic;
font-weight:700;
text-align:left
}

#clearancecontent {
float:right;
width:650px;
margin-right: 10px;
}

#clearancebottom {
float:right;
width:685px
}

#clearancetopleft {
float:left
}

#clearancetopright {
float:right
}

#left {
float:left;
width:275px;
text-align:justify;
line-height: 15pt;
}

#middle
{
float:right;
width:275px;
text-align:justify;
padding-left:5px;
}

#right {
float:right;
width:300px;
}

#center {
margin-top:5px;
margin-left:5px;
width:675px;
float:left
}

#blockquote {
padding-left:0;
padding-bottom:8px;
margin-bottom:10px;
width:250px;
border:2px solid #555;
background-color:Transparent;
color:#FFF;
font-size:11pt;
font-style:italic;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:center;
height:72px
}

#award {
position:absolute;
height:125px;
width:400px;
margin-left:0;
margin-top:133px
}

#leftcontent {
float:left;
width:320px;
padding-left:10px
}

#rightcontent {
width:410px;
float:right
}

#promodetailleft {
float:left;
width:165px;
font-size:10pt
}

#promodetailright {
float:right;
width:575px
}

#promoleft {
float:left;
width:300px
}

#promoright {
float:right;
width:300px;
text-align:right
}

#promotop {
width:100%;
height:22px
}

#dolphincontainer{
position:relative;
height:40px;
color:#E0E0E0;
background:#FFF;
width:967;
font-family:Helvetica,Arial,Verdana,sans-serif;
margin-left: 0px;
}

#dolphinnav{
position:relative;
height:33px;
font-size:17px;
background:#FFF url(../WebMarketingImage/dolphin_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}

#dolphinnav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#dolphinnav ul li{
display:block;
float:left;
margin:0 1px;
}

#dolphinnav ul li a{
display:block;
float:left;
color:#000;
text-decoration:none;
padding:0 0 0 20px;
height:33px;
}

#dolphinnav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;
}

#dolphinnav ul li a:hover{
color:#000;
background:transparent url(../WebMarketingImage/dolphin_left-ON.gif) no-repeat top left;
}

#dolphinnav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;
background:transparent url(../WebMarketingImage/dolphin_right-ON.gif) no-repeat top right;
}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
color:#000;
background:transparent url(../WebMarketingImage/dolphin_left-ON.gif) no-repeat top left;
line-height:38px;
}

#dolphinnav ul li a.current span{
display:block;
padding:0 18px 0 0;
width:auto;
background:transparent url(../WebMarketingImage/dolphin_right-ON.gif) no-repeat top right;
border-style: none;
height:33px;
}


#divMessage
{
   width: 850px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top:5px;
   text-align: justify;
   margin-left:auto;
   margin-right: auto;
   border:solid 0.5px grey;
}

.qtyPanel
{     
    width:200px; 
    height:200px; 
    border:solid 2px White; 
    background-color:Black;   
    text-align:center;    
}

.rejectPanel
{
    width:250px; 
    height:270px; 
    border:solid 2px White; 
    background-color:Black;   
    text-align:center; 
    padding-left:5px;
    padding-right:5px;
}

#warningMessage
{
    padding:10px 10px 10px 10px;
    border: 1px solid #555555; 
    margin-left:15px;
    margin-right:15px; 
    text-align:center; 
}
