/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}
 
body {
font: small/1.5em Verdana, Helvetica, Arial, Verdana, sans-serif;
color:#333;
background:#333 url(../images/bg_shadow.jpg) no-repeat center 0;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-weight:normal;
}
 
h1 {
font-size:2em;
line-height:1.1em;
font-weight:bold;
padding-bottom:20px;
color:#333;
}

h2 {
font-size:1.75em;
line-height:1.1em;
font-weight:bold;
padding-bottom:20px;
color:#444;
text-transform:uppercase;
}
 
h3 {
font-size:1.5em;
line-height:1.1em;
font-weight:bold;
padding-bottom:20px;
color:#333;
}

h4 {
font-size:1.3em;
line-height:1.1em;
font-weight:bold;
padding-bottom:20px;
color:#333;
}

h5 {
font-size:1.15em;
line-height:1.1em;
font-weight:bold;
padding-bottom:10px;
color:#333;
}

h6 {
font-size:1.1em;
line-height:1.1em;
font-weight:bold;
padding-bottom:0;
color:#333;
}


/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}

dl, dt, dd {
margin:0;
padding:0;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}

a {
color:#333;
}

a:link {
color:#333;
}

a:hover {
color:#ff0000;
}

 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}

 
/***** Global Classes *****/
 
.clear          { clear:both; }
.float-left     { float:left; }
.float-right    { float:right; }
 
.text-left      { text-align:left; }
.text-right     { text-align:right; }
.text-center    { text-align:center; }
.text-justify   { text-align:justify; }
 
.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.underline      { border-bottom:1px solid; }
.highlight      { background:#ffc; }
 
.wrap           { width:930px;margin:0 auto; }
 
.img-left       { float:left;margin:4px 10px 4px 0; }
.img-right      { float:right;margin:4px 0 4px 10px; }
 
.padding        { padding:15px; }
.padding-top    { padding-top:10px; }
.padding-right  { padding-right:25px; }
.padding-bottom { padding-bottom:10px; }
.padding-left   { padding-left:10px; }
.nopadding      { padding:0; }
.noindent       { margin-left:0;padding-left:0; }
.nobullet       { list-style:none;list-style-image:none; }

.black          { color:#333; }
.white          { color:#fff; }

.hide           { display:none; }
.inline         { display:inline; padding-right:10px; }



/***** Structure *****/
 
#aspnetForm {
display:block;
height:100%;
}

#wrap {
position:relative;
padding:0;
min-height:100%;
height:auto !important;
height:100%;
margin:0 0 -75px 0;
width:960px;
text-align:left;
background:#fff url(../images/bg-wrap.png) no-repeat 0 0;
}

body.home #wrap {
position:relative;
padding:0;
min-height:100%;
height:auto !important;
height:100%;
margin:0 0 -75px 0;
width:960px;
text-align:left;
background:#fff url(../images/bg-wrap-home.png) no-repeat 0 0;
}

#header {
position:relative;
padding:0 0 0 0;
width:960px;
height:73px;
background:none;
border-top:solid 7px #0e76a6;
overflow:hidden;
}

#logo {
position:relative;
float:left;
width:272px;
height:73px;
overflow:hidden;
}

#logo img {
padding:8px 0 0 39px;
}

#logo a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#letterbox {
float:left;
position:relative;
width:330px;
height:340px;
}

body.home #letterbox {
float:none;
position:relative;
width:960px;
height:340px;
}

#flashcontent {
position:absolute;
top:0;
right:0;
width:630px;
height:340px;
background:#fff url(../images/bg-wrap.png) no-repeat bottom right;
}

#side-nav {
float:left;
margin:55px 0 0 0;
padding:44px 0 0 0;
width:330px;
height:231px;
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#fff;
background:url(../images/bg-leftnav.png) no-repeat 0 0;
}

#side-nav ul {
margin:0;
padding:15px 0 0 40px;
font-size:1.1em;
font-weight:normal;
line-height:1.5em;
list-style:none;
}

#sidenav1 a, 
#sidenav2 a, 
#sidenav3 a, 
#sidenav4 a, 
#sidenav5 a, 
#sidenav6 a, 
#sidenav7 a, 
#sidenav8 a {
color:#fff;
text-decoration:none;
}

#sidenav1 a:hover, 
#sidenav2 a:hover, 
#sidenav3 a:hover, 
#sidenav4 a:hover, 
#sidenav5 a:hover, 
#sidenav6 a:hover, 
#sidenav7 a:hover, 
#sidenav8 a:hover {
color:#fff;
text-decoration:underline;
}

body.merchantdiscounts #sidenav1 a, 
body.brandbestsellers  #sidenav2 a, 
body.digitalmusicmobile #sidenav3 a, 
body.videogames #sidenav4 a, 
body.licensedmerchandise #sidenav5 a, 
body.giftcards #sidenav6 a, 
body.brandedgear #sidenav7 a, 
body.redemptioninsurance #sidenav8 a {
color:#37a0d1;
text-decoration:none;
}

#content {
float:left;
position:relative;
padding:50px 0 25px 0;
width:600px;
font-size:1em;
line-height:1.5em;
background:#fff;
}

body.home #content {
position:relative;
padding:0px 50px 25px 50px;
width:830px;
font-size:1em;
line-height:1.5em;
overflow:hidden;
}

#inside-top-visual {
margin-bottom:15px;
}

#left-side {
clear:left;
float:left;
position:relative;
width:275px;
}

#right-side {
float:right;
position:relative;
padding-left:25px;
width:225px;
background:none;
}

.fader {

}

.left-column {
float:left;
position:relative;
width:275px;
}

.right-column {
float:right;
position:relative;
width:585px;
}

.list2column {
float:left;
margin-right:15px;
}

#giftcards {
position:relative;
margin:25px 0 0 -100px;
width:700px;
}

#giftcards img {
padding-right:10px;
}

.mainhead-home {
position:relative;
padding-bottom:10px;
width:860px;
height:80px;
}

.mainhead-home span {
position:absolute;
display:block;
width:100%;
height:100%;
background:url(../images/mainhead-home.png) no-repeat 0 0;
}

#footer {
clear:both;
position:relative;
width:960px;
height:75px;
margin:0 0 0 0;
text-align:center;
font-size:.85em;
color:#fff;
background:url(../images/bg_footer.png) no-repeat 0 bottom;
}

.push {
clear:both;
position:relative;
height:75px; /* .push must be the same height as .footer */

}


/* ---------------------------------------------------------------------------

=navigation

--------------------------------------------------------------------------- */

#navigation {
float:left;
position:relative;
margin:0;
padding:0 0 0 56px;
}

#nav {
margin:0;
padding:0;
width:535px;
height:31px;
list-style:none;
overflow:hidden;
}

#nav li {
float:left;
margin:0;
height:31px;
text-indent:-9999px;
}

#nav li a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#nav_home, #nav_home a {
padding:0 1px 0 0;
width:67px;
background:url(../images/nav_home.png) no-repeat 0 0;
}

#nav_company, #nav_company a {
padding:0 1px 0 0;
width:160px;
background:url(../images/nav_company.png) no-repeat 0 0;
}

#nav_mall, #nav_mall a {
padding:0 1px 0 0;
width:179px;
background:url(../images/nav_mall.png) no-repeat 0 0;
}

#nav_contact, #nav_contact a {
width:120px;
background:url(../images/nav_contact.png) no-repeat 0 0;
}


/* hover state */

#nav li a:hover {
background-position:0 -31px;
}

/* here states */

body.home #nav #nav_home, body.home #nav #nav_home a, body.home #nav #nav_home a:hover,
body.contact #nav #nav_contact, body.contact #nav #nav_contact a, body.contact #nav #nav_contact a:hover {
background-position: 0 0;
}