* { padding: 0px; margin: 0px}

body {background: rgb(255,255,255); font-family: verdana, arial; font-size: 12px; line-height: 160%; color: rgb(0,0,0); text-align: center; background: url(../images/bgr.jpg) 50% 0 no-repeat}
p {color: #464646;}
a {
	color: #C60;
	text-decoration: underline
}
a:hover {
	text-decoration: underline;
	color: #C60;
}
a.ov {color: rgb(51,102,102); text-decoration: underline}
a img {border: none}
.both {clear: both}
.both3 {clear: both; height: 5px; line-height: 4px}


.rg {float: right}
.rg0 { float:left; width:695px; text-align: right; }
.lt {float: left}
table {border: 0px}
table td {text-align: left; vertical-align: top}

#main_box {width: 962px; height: auto; margin: 0px auto; padding: 14px 0px; text-align: left}


/* HEADER FOR ALL */
#header {height:105px; background: url(../images/bg_t.gif) 0 0 no-repeat; background-repeat:no-repeat; }
#header div.logo { margin: 18px 0px 0px 39px; float: left; }
#header h3 {font-size: 16px; font-family: arial; font-weight: bold; color: rgb(0,71,49); margin-top: 18px}
#header p {padding-top: 6px}
#header p img {margin-bottom: -5px; padding-top: 5px;}
#header p a {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(80,110,145); text-decoration: none}
#header p a:hover {text-decoration: underline}
#header p a.ov {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(80,110,145); text-decoration: underline}
#header p a.count {font-size: 9px; line-height: 28px; font-family: verdana; color: rgb(0,0,0); text-decoration: none}
#header p a:hover {text-decoration: underline}

#content {background: url(../images/bg_c.gif) 0 0 repeat-y; margin-top: 7px}
#content .in_0 {background: url(../images/bg_b.jpg) 0 100% no-repeat}
#content .in_1 {background: url(../images/bp_1.jpg) 0 0 no-repeat}
#content .casestudies_in_2 {background: url(../images/bp_test.jpg) 0 220px no-repeat}
#content .in_2 {background: url(../images/bp_test.jpg) 0 180px no-repeat}
#content .in_2_music_store {background: url(../images/bp_music_store.jpg) 0 100% no-repeat}
#content .in_3 {background: url(../images/TRU_key_art.jpg) 0 100% no-repeat}
#content .in_4 {background: url(../images/bp_2.jpg) 0 200px no-repeat}
#content .in_5 {background: url(../images/bp_3.jpg) 0 100% no-repeat}
#content .in_6 {background: url(../images/bp_4.jpg) 0 180px no-repeat}
#content .news_in_7 {background: url(../images/bp_5_test.jpg) 0 140px no-repeat}
#content .in_7 {background: url(../images/bp_5.jpg) 0 180px no-repeat}
#content .in_8 {background: url(../images/bp_6.jpg) 0 200px no-repeat}
#content .in_9 {background: url(../images/bp_7.jpg) 0 200px no-repeat}
#content .in_10 {background: url(../images/bp_8.jpg) 0 200px no-repeat}
#content .in_11 {background: url(../images/bp_9.jpg) 0 150px no-repeat}
#content .in_12 {background: url(../images/bp_10.jpg) 0 240px no-repeat}
#content .in_13 {background: url(../images/bp_11.jpg) 0 240px no-repeat}
#content .in_14 {background: url(../images/bp_12.jpg) 0 100% no-repeat}
#content .in_15 {background: url(../images/bp_13.jpg) 0 240px no-repeat}
#content .in_16 {background: url(../images/bp_14.jpg) 0 100% no-repeat}
#content .in_17 {background: url(../images/bp_15.jpg) 0 100% no-repeat}
#content .in_18 {background: url(../images/bp_16.jpg) 0 180px no-repeat}
#content .in_19 {background: url(../images/bp_19.jpg) 0 150px no-repeat}
#content .in_20 {background: url(../images/bp_20.jpg) 0 100% no-repeat}
#content .in_21 {background: url(../images/bp_21.jpg) 0 200px no-repeat}
#content .in_22 {background: url(../images/bp_22.jpg) 0 200px no-repeat}
#content .in_23 {background: url(../images/bp_23.jpg) 0 200px no-repeat}

#content .in_0 .left {width: 213px; padding-left: 38px; float: left;}
#content .in_0 .left h1, #content .in_0 .left h1 a {font-size: 12px; font-family: arial; line-height: 150%; font-weight: bold; color: rgb(229,113,0); margin-top: 6px; }
#content .in_0 .left h4 a {font-size: 12px; font-family: arial; line-height: 150%; font-weight: normal; color: rgb(80,110,145); padding-left: 32px}
#content .in_0 .left h4 ul {padding-left: 70px}
#content .in_0 .left h4 ul li a {padding-left: 0px}
.bb {border-top: 1px solid rgb(153,153,154); margin-top: 6px; padding-top: 2px; width: 179px}
.bb a, .bc a {font-size: 12px; font-family: arial; line-height: 150%; font-weight: bold; color: rgb(80,110,145)}
.bc {border-bottom: 1px solid rgb(153,153,154); margin-bottom: 4px; padding-bottom: 4px; width: 179px}

#content .in_0 .right {width: 641px; min-height: 450px; padding: 35px; padding-bottom: 5px; float: right;  }/*background-color: White;*/
#content .in_0 .right h1 {font-size: 17px; line-height: 26px; font-weight: normal; color: rgb(230,118,51)}
#content .in_0 .right p {font-size: 10px; line-height: 150%; color: rgb(0,0,0);}
#content .in_0 .right p span {color: #464646}
#content .in_0 .right p a {text-decoration: underline; color: #464646}
#content .in_0 .right p a:hover {text-decoration: none}
#content .in_0 .right .und {width: 162px; height: 250px; float: right; margin-left: 20px; margin-bottom: 15px; color: rgb(0,0,0);}
#content .in_0 .right .und a div { width: 24px; height: 22px; margin: 127px 0px 0px 119px; cursor: hand}
#content .in_0 .right li {	margin-left: 40px; padding-left: 5px;}

/* DOWNLOAD CARD PAGE */
#card-login { width:204px; height:121px; margin:20px 20px; padding-top:70px; background:url(../images/card-login-bg.jpg) top left no-repeat; }
#card-login label { display:inline-block; width:164px; margin:0 20px; color:#FFFFFF; text-align:left; }
#card-login input.dlc-input { width:164px; margin:0 20px 0; border:1px solid #C60; }
#card-login a.dlc-submit { color:#FFFFFF; }

#invalid-login { width:144px;  margin:20px 50px; color:#C00; }

#card-welcome { width:144px;  margin:20px 50px; }

/* DOWNLOAD CARD REGISTER */
#dlc-register label { display:inline-block; width:220px; text-align:right; }
#dlc-register .form-req { display:none; width:170px; margin-left:10px; border:1px solid #C00; padding:0 10px; color:#F00; line-height:17px; text-align:center; background-color:#ffcccc; }
#dlc-register .dlcfield { width:100%; height:30px; text-align:left; }
#dlc-register .dlc-register-field { margin:0 10px; }

#dlc-specs { width:668px; margin:10px; border:1px solid #97b3a5; padding-bottom:20px; text-align:left; }
#dlc-head { width:648px; color:#000; margin-bottom:20px; padding-left:20px; background-color:#97b3a5; font-weight:bold; line-height:20px; }
#dlc-specs ul { line-height:13px; }

#dlc-tunes { width:668px; margin:10px; border:1px solid #97b3a5; padding-bottom:0px; text-align:left; }
#dlc-head { width:648px; color:#000; margin-bottom:20px; padding-left:20px; background-color:#97b3a5; font-weight:bold; line-height:20px; }
#dlc-tunes ul { line-height:13px; }

.req { color:#F00; }
.fld-req { display:none; color:#F00; font-weight:bold; }

/* SHOPPING CART */
#shopping-cart-link { padding:0 14px 5px; text-align:right; }
#cart-header { width:638px; height:40px; margin:0 0 0 20px; border:1px solid #ff7200; background-color:#ffd36b; font-size:10px; }
.cart-item { width:638px; height:20px; margin:0 0 0 20px; border:1px solid #ff7200; border-top:none; font-size:10px; }
.item-remove { float:left; width:70px; }
.item-type { float:left; width:90px; border-left:1px solid #ff7200; }
.item-delivery { float:left; width:110px; border-left:1px solid #ff7200; }
.item-landing { float:left; width:80px; border-left:1px solid #ff7200; }
.item-survey { float:left; width:80px; border-left:1px solid #ff7200; }
.item-quantity { float:left; width:60px; border-left:1px solid #ff7200; }
.item-price-per { float:left; width:50px; padding:0 5px; border-left:1px solid #ff7200; }
.item-total { float:left; width:70px; padding:0 5px; border-left:1px solid #ff7200; }
.item-summary { float:left; width:547px; padding:0 5px; text-align:right; }
.price { text-align:right; }
#cart-continue { float:left; width:318px; margin:5px 0 0 20px; text-align:left; }
#cart-checkout { float:left; width:318px; margin:5px 0 0 0; text-align:right; }

/* CHECKOUT */
.dlc-address { width:638px; margin:10px 0 0 20px; border:1px solid #ff7200; padding-bottom:10px; font-size:11px; text-align:left; }
.dlc-address .address-head { padding:5px 10px; font-weight:bold; text-align:left; }
.dlc-address .address-field { float:left; width:310px; margin-bottom:5px; }
.dlc-address label.name { display:inline-block; width:100px; padding-right:5px; text-align:right; }
.shippingadd { display:none; }

/* PAY */
.address-review { float:left; width:280px; margin:10px 0 0 30px; line-height:12px; }

/* FOOTER FOR ALL */
#footer {height: 73px; padding-right: 38px}
#footer p {padding-top: 6px}
#footer p a {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(80,110,145); text-decoration: none}
#footer p a:hover {text-decoration: underline}
#footer p a.ov {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(80,110,145); text-decoration: underline}
#footer p a.count {font-size: 9px; line-height: 28px; font-family: verdana; color: rgb(0,0,0); text-decoration: none}
#footer p a:hover {text-decoration: underline}