body {
position:relative;
top:10px;
margin:auto;
width:970px;
height:auto;
text-align:left;
font-family:arial;
font-size:14px;
}

h3{
font-size:16px;
font-weight:bold;
color:red;
}

.history {
    white-space:nowrap;
    vertical-align:top;
    border-bottom:2px white dashed;
}

.historyheader 
{   border-bottom:solid 2px white;
    font-size:12px;
    vertical-align:bottom;
    text-align:left;    
}

#homelink
{font-size:16px;font-weight:bold;color:white;}
#homelink a:link{font-size:16px;font-weight:bold;color:white;}

#homelink a:hover{
color:#000000;
text-decoration:underline;
font-size:16px;
font-weight:bold;
color:#333333;
}

#lblContainer 
{
width:288px;
height:288px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:black;
background-image:url(images/bkLabel.jpg);
}

#lblGiftFrom{
padding-left:10px;
padding-top:15px;
float:left;
}

#lblGiftFromWide{

}

#lblLogo{
padding-top:10px;
padding-right:20px;
width:110px;
height:110px;
float:right;
}

#lblLogoWide{

}

#lblMessage{
width:85%;
height:30px;
margin-left:15px;
padding-top:5px;
float:left;
}

#lblMessageWide{
float:left;
}

#lblGiftTo{
float:left;
width:180px;
padding-top:60px;
padding-left:10px;
}


#lblCodes{
float:left;
padding-top:65px;

}
#logobar
{   width:95%;
    height:100px;
    margin:5px;
    margin-left:30px;
    text-align:center;
    float:left;
}

#ourLogo
{
width:400px;
text-align:left;
text-indent:70px;
padding-top:25px;
float:left;
}

#yourLogo
{
width:400px;
text-align:right;
padding-top:5px;
padding-right:20px;
float:right;
}

#myGift
{
width:600px;
vertical-align:middle;
text-align:left;
padding-left:62px;
padding-top:10px;
height:100px;
}

#labelLogo
{
margin-top:15px;
margin-right:15px;
float:right;
}

.submitbtn {
  border:solid 3px #023141;
  background:#295A6B;
  color:#C7D6DB;
  cursor:pointer;
  height:26px;
}

.specialarea{
margin:0px;
margin-left:4px;
margin-right:4px;
OVERFLOW:auto;
WIDTH: 98%;
HEIGHT:340px;
TEXT-ALIGN:center;
SCROLLBAR-FACE-COLOR: #c0c0c0;
SCROLLBAR-HIGHLIGHT-COLOR: #000080;
SCROLLBAR-SHADOW-COLOR: #c0c0c0;
SCROLLBAR-3DLIGHT-COLOR: white;
SCROLLBAR-ARROW-COLOR: #000080;
SCROLLBAR-TRACK-COLOR: #000080;
SCROLLBAR-DARKSHADOW-COLOR: black;
SCROLLBAR-BASE-COLOR: white;
}

a:link {
color:darkblue;
text-decoration:none;
font-family:arial;
font-size:12px;
}

a:visited {
color:darkblue;
text-decoration:none;
font-size:12px;
}

a:active {
color:darkblue;
text-decoration:none;
font-size:12px;
}

a:hover {
color:black;
text-decoration:none;
font-size:12px;
}

#theBigDiv {
float:left;
width:980px;
margin:0px;
padding:0px;
}

#header{
width:970px;
height:110px;
background-image:url(images/bkTop.jpg);
}

#topNav{
width:970px;
height:45px;
background-image:url(images/bkTopMenu.jpg);
}

#topNav ul {
list-style-type: none;
padding: 0px;
margin: 0px;
margin-top:0px;
}

#topNav li {
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
font-size:16px;
font-weight:bold;
color:white;
}

#topNav a:link{
color:#000000;
text-decoration:none;
font-size:18px;
font-weight:bold;
color:white;
padding-right:20px;
padding-left:20px;
}

#anotherorder{
color:white;
text-decoration:none;
font-size:18px;
font-weight:bold;
}
#anotherorder:hover {
text-decoration:underline;
font-size:18px;
font-weight:bold;
color:#333333;
}

#topNav a:active{
color:#000000;
text-decoration:none;
font-size:18px;
font-weight:bold;
color:white;
padding-right:20px;
padding-left:20px;
}

#topNav a:visited{
color:#000000;
text-decoration:none;
font-size:18px;
font-weight:bold;
color:white;
padding-right:20px;
padding-left:20px;
}

#topNav a:hover{
color:#000000;
text-decoration:underline;
font-size:18px;
font-weight:bold;
color:#333333;
padding-right:20px;
padding-left:20px;
}

#leftTopNav{
width:250px;
padding-top:15px;
padding-left:15px;
padding-right:15px;
float:left;
font-weight:bold;
color:red;
text-align:right;
}

#leftTop{
background-color:#6D9DB1;
width:280px;
height:16px;
margin-top:3px;
padding-bottom:1px;
text-align:center;
color:white;
}

#leftTop ul {
list-style-type: none;
padding: 0px;
margin: 0px;
margin-top:0px;
}

#leftTop li {
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
font-size:12px;
font-weight:bold;
color:white;
}

#leftTop a:link{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:white;
padding-left:15px;
padding-right:15px;
}

#leftTop a:hover{
text-decoration:underline;
font-size:12px;
font-weight:bold;
color:#333333;
padding-left:15px;
padding-right:15px;
}

#leftTop a:active{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:white;
padding-left:15px;
padding-right:15px;
}

#leftTop a:visited{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:white;
padding-left:15px;
padding-right:15px;
}

#rightTopNav{
text-align:right;
font-size:12px;
font-weight:bold;
color:white;
padding-top:15px;
white-space:nowrap;
margin-left:0px;
margin-right:0px;
}

#leftPanel{
width:280px;
height:500px;
background-color:#C7D6DB;
float:left;
}

#leftPanel2{
width:280px;
background-color:#C7D6DB;
float:left;
}

#leftPanelHeader2 h3{
font-size:16px;
font-weight:bold;
color:red;
margin-left:15px;
margin-top:3px;
padding:0px;
}

#historyBox{
width:230px;
height:151px;
margin-top:15px;
margin-left:5px;
padding:10px;
text-align:right;
font-size:12px;
font-weight:bold;
color:black;
}

#viewCart{
margin-top:10px;
margin-left:5px;
padding:5px;
font-size:12px;
font-weight:bold;
color:black;
}

#logInBox{
width:230px;
height:151px;
background-image:url(images/bkLogin.jpg);
background-repeat:no-repeat;
margin-top:15px;
margin-left:15px;
padding:10px;
text-align:right;
font-size:10px;
font-weight:bold;
color:darkblue;
}


#signupbox{
width:320px;
height:300px;
margin-top:10px;
margin-left:2px;
white-space:nowrap;
padding:2px;
text-align:left;
font-size:10px;
font-weight:bold;
color:black;
}

#signupbox{
width:320px;
margin-top:0px;
margin-left:2px;
white-space:nowrap;
padding:2px;
text-align:left;
font-size:10px;
font-weight:bold;
color:black;
}

#thelabel 
{
    width:3in;
    height:3in;
    color:black;
    margin:2px;
	background-image:url(images/bkLabel.jpg);
	}
#Company_ID 
{
    font-size:10px;
    
}

#logInBox input{
border:1px solid darkgray;
margin:0px;
padding:0px;
height:20px;
width:160px;
font-size:13px;
}
#logInBox h3{
font-size:12px;
font-weight:bold;
color:#333333;
margin-top:2px;
margin-bottom:12px;
padding:0px;
}

#blackBox{
width:220px;
height:210px;
margin-top:15px;
margin-left:15px;
padding:15px;
padding-top:30px;
text-align:left;
font-size:11px;
font-weight:bold;
color:#000000;
background-image:url(images/bkBlackBox.jpg);
}

#blackBoxYes{
width:220px;
height:400px;
background-color:#e2eaed;
margin-top:5px;
margin-left:15px;
padding:15px;
padding-top:10px;
font-size:11px;
text-align:left;
font-weight:bold;
color:#000000;
background-repeat:no-repeat;
background-position:top;
background-image:url(images/bkBlackBox.jpg);
}

#mainPanel{
width:690px;
height:500px;
background-color:#FFFFFF;
float:left;
}

#mainPanel2{
width:690px;
height:33px;
background-color:#FFFFFF;
float:left;
}

#mainPanelHeader{
padding-left:15px;
padding-right:15px;
padding-top:24px;
width:660px;
height:30px;
background-image:url(images/bkMainPanelHeader.jpg);
}

#mainPanelHeader2{
padding-left:15px;
padding-right:15px;
padding-top:28px;
width:660px;
height:33px;
font-size:12px;
color:Red;
font-weight:bold;
vertical-align:top;
background-image:url(images/bkMainPanelHeader2.jpg);
}


#mainPanelHeader h3{
font-size:16px;
font-weight:bold;
color:red;
margin:0px;
padding:0px;
}

#mainPanelBody{
border-left:4px solid white;
padding-left:15px;
padding-right:15px;
padding-top:4px;
padding-bottom:10px;
width:656px;
height:433px;
background-color:#C7D6DB;
overflow:auto;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

#mainSignupPanelBody{
border-left:4px solid white;
padding-left:15px;
padding-right:15px;
padding-top:4px;
padding-bottom:10px;
width:656px;
height:432px;
background-color:#C7D6DB;
overflow:auto;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

#mainSignupPanelBody2{
padding-left:15px;
padding-right:15px;
padding-top:4px;
padding-bottom:10px;
width:940px;
height:424px;
background-color:#C7D6DB;
}

#cartBody
{
font-size:11px;
border-left:4px solid white;
padding-left:15px;
padding-right:15px;
padding-top:4px;
padding-bottom:10px;
width:656px;
height:432px;
background-color:#C7D6DB;
overflow:auto;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

.cartSubscription
{
padding-top:8px;
width:620px;
height:52px;
border:1px solid black;
margin-bottom:5px;
float:left;
background-color:#E2EAED;
}

.cartPrepay
{
padding-top:8px;
width:620px;
height:28px;
border:1px solid black;
margin-bottom:5px;
float:left;
background-color:#E2EAED;
}

.cartTotal
{
padding-top:8px;
width:620px;
height:28px;
border:1px solid black;
background-color:#E2EAED;
}
.cardTotal
{
margin-top:5px;
margin-bottom:5px;
margin-left:28px;
padding-top:8px;
width:578px;
height:28px;
border:1px solid black;
float:left;
background-color:#E2EAED;
}

#cardTable
{
margin-top:5px;
margin-bottom:5px;
margin-left:28px;
padding:10px;
width:578px;
height:370px;
border:1px solid black;
float:left;
background-color:#E2EAED;
}

#loading
{
float:none;    
}
#loading img 
{
    float:left;
}

#loading p
{
    padding-top:5px;
    text-indent:15px;
    font-size:12px;
    font-weight:bold;
}

#payStatus
{
font-size:12px;
font-weight:bold;
visibility:hidden;
}


.csEdit
{
width:40px;
margin-left:10px;
margin-right:10px;
float:left;   
}


.csDesc
{
padding-left:3px;
width:315px;
height:16px;
border:1px solid black;
float:left; 
margin-right:10px;
background-color:#ffffff;
}

.csCode
{
padding-left:3px;
height:16px;
width:90px;
border:1px solid black;
float:left; 
margin-right:10px;
background-color:#ffffff;
}

.csPrice
{
padding-left:3px;
height:16px;
width:80px;
border:1px solid black;
margin-right:10px;
background-color:#ffffff;
}

.csDelete
{
margin-top:7px;
width:40px;
margin-left:10px;
margin-right:10px;
float:left;   
}


.csSendTo
{
padding-left:3px;
margin-top:7px;
width:515px;
height:16px;
border:1px solid black;
float:left;
background-color:#ffffff;
}

.cpLabel
{
padding-left:10px;
width:60px;
margin-right:10px;
float:left;
}

.cpQty
{
padding-left:3px;
height:16px;
width:130px;
border:1px solid black;
margin-right:10px;
background-color:#ffffff;
float:left;
}

.cpRate
{
padding-left:3px;
height:16px;
width:130px;
border:1px solid black;
margin-right:10px;
background-color:#ffffff;
float:left;
}

.cpTotal
{
padding-left:3px;
height:16px;
width:206px;
border:1px solid black;
margin-right:10px;
background-color:#ffffff;
float:left;
}

.ctLabel
{
padding-left:260px;
width:100px;
margin-right:10px;
float:left;
font-weight:bold;
}

.ctPrice
{
padding-left:3px;
height:16px;
width:206px;
border:1px solid black;
margin-right:10px;
background-color:#ffffff;
float:left;
}

.cdLabel
{
padding-left:108px;
width:100px;
margin-right:8px;
float:left;
font-weight:bold;
}

.cdPrice
{
padding-left:3px;
height:18px;
width:150px;
border:1px solid black;
margin-right:10px;
background-color:#ffffff;
float:left;
}


#fanBox{
width:690px;
height:200px;
background-color:#C7D6DB;
float:left;
background-image:url(images/bkFan.jpg);
}
#fanBoxTest{
width:690px;
height:200px;
background-color:#ffffff;
float:left;
}

#homeContentBox{
width:686px;
height:300px;
background-color:#C7D6DB;
float:left;
border-left:4px solid white;
}

#faqContentBox
{
width:686px;
height:490px;
background-color:#C7D6DB;
float:left;
border-left:4px solid white;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

#homeCo1 {
width:207px;
height:255px;
float:left;
margin-top:15px;
padding:10px;
overflow:auto;
font-size:11px;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

#homeCo1and2 {
width:414px;
height:255px;
float:left;
margin-top:15px;
padding:10px;
overflow:auto;
font-size:11px;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
float:left;
}

#homeCo2 {
width:207px;
height:255px;
/* border-right:2px solid white; */
float:left;
margin-top:15px;
padding:10px;
overflow:auto;
font-size:11px;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

#homeCo3 {
width:207px;
height:255px;
margin-top:15px;
float:left;
padding:10px;
overflow:auto;
font-size:11px;
scrollbar-3dlight-color:#6D9DB1; 
scrollbar-arrow-color:#295A6B; 
scrollbar-base-color:#023141; 
scrollbar-darkshadow-color:#6D9DB1; 
scrollbar-face-color:#C7D6DB; 
scrollbar-highlight-color:#C7D6DB; 
scrollbar-shadow-color:#C7D6DB;
}

#faqContentBox{
width:686px;
height:300px;
background-color:#C7D6DB;
float:left;
border-left:4px solid white;
}
#footer{
margin-top:4px;
width:970px;
height:40px;
font-size:12px;
background-color:#E2EAED;
float:left;
color:#608EA5;
}

#footerNav {
width:680px;
float:left;
padding-left:10px;
padding-top:15px;
}

#copyRight {
width:260px;
float:right;
text-align:right;
padding-top:15px;
padding-right:20px;
}

#footerNav ul {
list-style-type: none;
padding: 0px;
margin: 0px;
margin-top:0px;
}

#footerNav li {
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
font-size:12px;
font-weight:bold;
color:#608EA5;
}

#footerNav a:link{
color:#608EA5;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding-right:20px;
padding-left:20px;
}

#footerNav a:active{
color:#608EA5;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding-right:20px;
padding-left:20px;
}

#footerNav a:visited{
color:#608EA5;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding-right:20px;
padding-left:20px;
}

#footerNav a:hover{
font-size:12px;
font-weight:bold;
padding-right:20px;
padding-left:20px;
color:#333333;
text-decoration:underline;
}