/*CSS reset*/
body, div, h1, h2, ul, li {  
    margin:0;
    padding:0;}
 
img {
    border:0 !important;}


/*Site template*/
body {
    background:url(background-gradient.png) top repeat-x;}
    
div#siteContainer {
    position:relative;
    width:850px;
    margin:0 auto 15px;
    padding:20px 25px 35px;
    overflow:hidden;
    border:1px solid #000;
    border-top:none;
    background:#001850;
    color:#fff;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;}
    
div#header {
    margin-bottom:25px;
    overflow:hidden;}
    
img {
    _behavior: url(iepngfix.htc);}
    
img#oLogo {
    float:left;
    margin-right:10px;}
    
img#slogan {
    position:relative;
    top:6px;}
    
a.headerLink {
    float:right;
    margin:5px 0 0 15px;
    padding:3px 6px;
    font-size:0.8em;
    background:#203870;
    color:#fff !important;
    text-decoration:none !important;}
    
a.headerLink:hover, a#selected {
    background:#405890 !important;}
    
a#firstHeaderLink {
    margin-right:18px !important;}
    
img#shirtIcon {
    position:absolute;
    right:24px;
    top:70px;
    height:25px;}
    
a#selected {
    cursor:default;}
    
div.pageSection {
    margin-bottom:25px;}
    
div.pageDescription {
    line-height:1.5em;}
    
div.stepContainer {
    margin:30px auto 10px;
    float:left;
    text-align:center;}
    
div#step1 {
    width:210px;
    margin-left:20px;}
    
div#step2 {
    width:300px;
    margin-left:40px;
    margin-right:40px;}
    
div#step3 {
    width:205px;}
    
div.stepText {
    position:relative;
    padding-left:30px;
    margin-bottom:15px;
    text-align:left;
    font-size:0.8em;}
    
div.stepNumber {
    position:absolute;
    top:50%;
    left:0;}
    
div.stepNumber img {
    position:relative;
    top:-10px;
    width:19px;
    height:19px;}
    
a.packingSlip {
    display:block;
    position:relative;
    width:612px;
    height:792px;
    margin:20px auto 0;
    border:3px solid #405890;
    color:#000 !important;}
    
a.packingSlip:hover {
    border-color:#6078b0;}
    
a.packingSlip span {
    position:absolute;
    top:10px;
    right:10px;}
    
ul#faq {
    line-height:1.25em;
    list-style-type:none;}
    
ul#faq li {
    margin-top:20px;
    font-weight:bold;}
    
ul#faq li.first {
    margin-top:10px;}
    
ul#faq li div {
    font-size:0.8em;
    margin-left:10px;
    font-weight:normal;}
    
div#footer {
    position:relative;
    top:25px;
    clear:both;
    text-align:center;}


/*Text styles*/
body {
    font:1em "Lucida Grande", "Lucida Sans Unicode", "Arial", sans-serif;
    -webkit-text-size-adjust:none;}

h1 {
    font-size:1.75em !important;
    margin-bottom:5px;}

div#footer, a.packingSlip {
    font:0.65em "Verdana", "Lucida Sans Unicode", "Arial", sans-serif;}

a:link {
    color:#8399ff;
    text-decoration:none;}

a:visited {
    color:#8399ff;
    text-decoration:none;}
   
a:hover, a:link:active {
    cursor:pointer;
    text-decoration:underline;}