/* Global Styles */

body, td, p, a, h1, h2, input, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #1b6792; text-decoration : none;}
a:visited					{color : #1b6792; text-decoration : none;}
a:hover						{color : #1b6792; text-decoration : underline;}

a.naviorrightcol:link						{color : #eeeeee; text-decoration : none;}
a.naviorrightcol:visited					{color : #eeeeee; text-decoration : none;}
a.naviorrightcol:active						{color : #eeeeee; text-decoration : none;}
a.naviorrightcol:hover						{color : #eeeeee; text-decoration : none;}

div.goodmsg a:link					{color : #FFFFFF; text-decoration : underline;}
div.goodmsg a:visited					{color : #FFFFFF; text-decoration : underline;}
div.goodmsg a:hover					{color : #FFFFFF; text-decoration : none;}

div.compmsg a:link					{color : #FFFFFF; text-decoration : underline;}
div.compmsg a:visited					{color : #FFFFFF; text-decoration : underline;}
div.compmsg a:hover					{color : #FFFFFF; text-decoration : none;}

div.badmsg a:link					{color : #FFFFFF; text-decoration : underline;}
div.badmsg a:visited				{color : #FFFFFF; text-decoration : underline;}
div.badmsg a:hover				{color : #FFFFFF; text-decoration : none;}

.tickerheader a:link					{color : #990000; text-decoration : none;}
.tickerheader a:visited					{color : #990000; text-decoration : none;}
.tickerheader a:active					{color : #990000; text-decoration : none;}
.tickerheader a:hover					{color : #990000; text-decoration : none;}

body
{
background : #eee url(../../images/bg-365-body.png) top center repeat-x;
margin : 0px;
color : #333;
font-size : 12px;
letter-spacing : normal;
line-height : normal;
}

#container 
{
background : #fff url(../../images/bg-365-container.png) top center no-repeat;
border : 0px;
margin: 0 auto;
padding: 14px 6px;
width : 960px;
}

.alignleft
{text-align : left;}

.floatleft
{float : left;}

.alignright
{text-align : right;}

.floatright
{float : right;}

.aligncenter
{text-align : center;}

.hide
{display : none;}

.clear
{clear : both;}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

div.goodmsg
{
border : #006600 solid 1px;
-moz-border-radius:6px; -webkit-border-radius:6px;
color: #FFFFFF;
margin : 12px;
padding : 12px;
background : #00AA00;
}

div.goodmsg a:link a:visited a:hover
{
color: #FFFFFF;
}

div.salemsg
{
border : #006600 solid 1px;
-moz-border-radius:6px; -webkit-border-radius:6px;
color: #FFFFFF;
margin : 12px;
padding : 12px;
background : #82CAFF;
}

div.salemsg a:link a:visited a:hover
{
color: #FFFFFF;
}


div.badmsg
{
border : #AA0000 solid 1px;
-moz-border-radius:6px; -webkit-border-radius:6px;
color: #FFFFFF;
margin : 12px;
padding : 12px;
background : #CC0000;
}

div.badmsg a:link a:visited a:hover
{
color: #FFFFFF;
}

div.neutralmsg
{
border : #999999 solid 1px;
-moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;
color: #333333;
margin : 12px;
padding : 12px;
background : #EEEEEE;
}

div.productpagepoints
{
border : #999999 solid 1px;
-moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;
color: #333333;
margin : 6px;
padding : 6px;
background : #EEEEEE;
font-size: 10px;
}

div.compmsg
{
border : #666666 solid 1px;
-moz-border-radius:6px; -webkit-border-radius:6px;
color: #FFFFFF;
margin : 12px;
padding : 12px;
background : #82CAFF;
}

div.compmsg a:link a:visited a:hover
{
color: #FFFFFF;
}

.price
{
font-size:14px;
font-weight:bold;
color:#232020;
padding:0px;
text-align:center;
}

.saveonrrp
{
font-size:10px;
font-weight: bold;
color:#e44245;
padding:0px;
text-align:center;
}

hr
{
border : #eee solid 1px;
height : 1px;
}

html>body hr
{
border : #fff solid 0px;
border-top : #eee solid 1px;
border-bottom : #fff solid 0px;
display : block;
margin : 6px;
background : #fff;
}

div.break
{clear:both; height:0px;}

div.box
{
background:#fff;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
}

img
{border:0px;}

div.whybuyfrom365
{
	float: right;
	width: 200px;
	border: 1px solid #eeeeee;
	margin: 0px 6px 0px 6px;
}

/* TOP START *********/

#toptickermessage{
    float: left;
    padding-top: 9px;
    padding-left: 10px;
}

#tophiddenbar{
    height: 30px;
    padding: 0px;
    margin: -10px;
}

#topsociallinks {
    padding: 9px 0px 0px 360px;
    margin-top: 5px;
    /*width: 550px;*/
    /*border: 1px solid #000000;*/
}

#logo
{
float:left;
padding:4px 0px 20px 30px;
margin:0px;
width:270px;
}

#logo img
{border:0px;}

#search
{
float:left;
padding:8px 6px 6px 6px;
margin:0px;
width:348px;
}

#myaccount
{
float:left;
padding:8px 6px 6px 6px;
margin:0px;
width:288px;
}

#flags {
    padding: 9px 0px 0px 800px;
}

#flags a {
    padding-left:5px;
}

#flags a.uk, a.euro, a.usa, a.aus, a.ukselected, a.euroselected, a.usaselected, a.ausselected
{
display:inline-block;
width:29px;
height:29px;
font-family: Georgia,'Times New Roman',times,serif;
}

#flags a.uk
{background: url(../../images/gbp.png) top center no-repeat;}

#flags a.uk:hover
{background: url(../../images/gbp.png) bottom center no-repeat;}

#flags a.usa
{background: url(../../images/usa.png) top center no-repeat;}

#flags a.usa:hover
{background: url(../../images/usa.png) bottom center no-repeat;}

#flags a.euro
{background: url(../../images/euro.png) top center no-repeat;
}


#flags a.euro:hover
{
 background: url(../../images/euro.png) bottom center no-repeat;
}

#flags a.aus
{background: url(../../images/aus.png) top center no-repeat;}

#flags a.aus:hover
{background: url(../../images/aus.png) bottom center no-repeat;}

#flags a.ukselected
{background: url(../../images/gbp.png) bottom center no-repeat;}

#flags a.euroselected
{background: url(../../images/euro.png) bottom center no-repeat;}

#flags a.usaselected
{background: url(../../images/usa.png) bottom center no-repeat;}

#flags a.ausselected
{background: url(../../images/aus.png) bottom center no-repeat;}

#currencysymbol {

    font-size: 18px;
    vertical-align:top;
    color:#666666;
}

#ukcurrencysymbol:hover, #eurocurrencysymbol:hover, #usacurrencysymbol:hover {

 vertical-align:top;
 font-size: 22px;
 color:#000000;
}

#ukcurrencysymbol, #eurocurrencysymbol, #usacurrencysymbol {
 vertical-align:top;
 font-size: 22px;
 color:#000000;
}


#myaccount div.header
{
width:102px;
height:45px;
text-align:center;
background:#fff;
border:#eee 1px solid;
border-right:0px;
margin:0px;
padding: 23px 0px 0px 0px;
float:left;

-moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;
-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
-moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
}

#myaccount div.content
{
width:184px;
height:68px;
background:#f8f8f8;
border:#eee 1px solid;
border-left:0px;
margin:0px;
padding:0px;
float:left;

-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;
-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
}

#myaccount a
{color:#e44245;}

#myaccount div.content div.signin
{
color:#999;
font-size:12px;
padding:28px 12px 0px 12px;
}

#myaccount div.content div.signin span
{font-size:9px;}


#myaccount div.content div.signedin
{
color:#999;
font-size:9px;
padding:6px 12px;
}

#myaccount div.content div.signedin strong
{color:#eee;}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{
background: url(../../images/bg-365-topnavi.gif) top center no-repeat;
clear:both;
padding:6px;
margin:0px auto;
height:60px;
width:936px;
display:block;
}

#topnavi li.button
{
display:block;
padding:5px;
margin:0px;
width:146px;
height:38px;
float:left;
}

#topnavi li.button a
{
display:block;
padding:0px;
margin:0px;
width:146px;
height:38px;
}

#topnavi strong.button
{display:none;}

#topnavi li.button a.games
{background: url(../../images/bt-video-game-2.png) top center no-repeat;}
#topnavi li.button a.games:hover
{background: url(../../images/bt-video-game-2.png) bottom center no-repeat;}

#topnavi li.button a.new
{background: url(../../images/bt-new-releases-2.png) top center no-repeat;}
#topnavi li.button a.new:hover
{background: url(../../images/bt-new-releases-2.png) bottom center no-repeat;}

#topnavi li.button a.offers
{background: url(../../images/bt-special-offers-2.png) top center no-repeat;}
#topnavi li.button a.offers:hover
{background: url(../../images/bt-special-offers-2.png) bottom center no-repeat;}

#topnavi li.button a.preorders
{background: url(../../images/bt-pre-orders-2.png) top center no-repeat;}
#topnavi li.button a.preorders:hover
{background: url(../../images/bt-pre-orders-2.png) bottom center no-repeat;}


#topnavi li.button a.comingsoon
{background: url(../../images/bt-coming-soon-2.png) top center no-repeat;}
#topnavi li.button a.comingsoon:hover
{background: url(../../images/bt-coming-soon-2.png) bottom center no-repeat;}

#topnavi li.button a.cheapgames
{background: url(../../images/bt-cheap-games-2.png) top center no-repeat;}
#topnavi li.button a.cheapgames:hover
{background: url(../../images/bt-cheap-games-2.png) bottom center no-repeat;}

#bottomnav p.aligncenter
{top:105%;}

#ddContainer {
position: absolute;
display: none;
/*left: -10055px;*/
}
#topnavi li:hover #ddContainer {
display: block;
z-index: 50;
/*left: 100px;*/
}

/* styles for drop-down */
#ddContainer {
background: #F8F8F8;
border: 1px solid #CCCCCC;
-moz-border-radius:6px; -webkit-border-radius:6px;
padding: 12px 0 18px 0;
/*line-height: 24px;*/
/*margin-top: 12px;*/
width: 780px;
}

#ddContainer ul.list{
margin: 0;
padding: 0;
}

#ddContainer li.list{
list-style-type: none;
margin-left:0px;
}

#topnavi li.list a
{
display:block;
padding:0px;
margin:0px;
width:100px;
height:20px;
}

#ddContainer h2 {
color: #000000;
font-size: 14px;
padding: 6px 18px 0;
font-weight: bold;
}

#ddContainer a {
color: #000000;
text-decoration: none;
padding-left: 3px;
width: auto !important;
}

#ddContainer a:hover {
background: #EEEEEE;
}

#topnavi .ddc1, 
#topnavi .ddc2, .ddc3, .ddc4, .ddc5, .ddc6, .ddc7, .ddc8, .ddc9, .ddc10 {
float: left; 
width: 105px;
margin-left: 3px;
/*padding-left: -9px;*/
/*border: 1px solid #000000;*/
}

#topnavi .ddc1 {
margin-left: 18px;
/*padding-left: -9px;*/
}

/*#ddContainer ul{
display:default;
}*/

/* TOP NAVI END */

/* MENU START *********/
  
#menu {  
    clear:both;
    padding:6px;
    list-style:none;  
    width:936px;  
    margin:20px auto 0px auto;  
    height:35px;  
  
    /* Rounded Corners */  
  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
  
    /* Background color and gradients */  
  
    background: url(../../images/bg-365-topnavi2.gif) top center no-repeat;
    /*background: #21b8f0;  
    background: -moz-linear-gradient(top, #21b8f0, #274c5d);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#21b8f0), to(#274c5d));  */
  
    /* Borders */  
  
    /*border: 1px solid #000000;  
  
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
    box-shadow:inset 0px 0px 1px #edf9ff;  */
}  
  
#menu li {  
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:5px;
    margin-left:11px;
    margin-top:3px;
    border:none;
}  
  
#menu li:hover {  
    border: 1px solid #777777;  
    padding: 4px 9px 4px 9px;  
  
    /* Background color and gradients */  
  
    background: #fff;  
    /*background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  */
  
    /* Rounded corners */  
  
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  
}  
  
#menu li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:14px;  
    color: #EEEEEE;  
    display:block;  
    outline:0;  
    text-decoration:none;  
    text-shadow: 1px 1px 1px #000;
}  
  
#menu li:hover a {  
    color:#161616;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  
#menu li .drop {  
    padding-right:21px;  
    background:url("img/drop.png") no-repeat rightright 8px;  
}  
#menu li:hover .drop {  
    background:url("img/drop.png") no-repeat rightright 7px;  
} 
  
/* Drop Down */  
  
.dropdown_1column,  
.dropdown_2columns,  
.dropdown_3columns,  
.dropdown_4columns,  
.dropdown_5columns,
.dropdown_6columns{  
    z-index: 50;
    margin:4px auto;  
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid #777777;  
    border-top:none;  
  
    /* Gradient background */  
    background: #fff;  
    /*background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  */
  
    /* Rounded Corners */  
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}  
  
.dropdown_1column {width: 150px;}  
.dropdown_2columns {width: 300px;}  
.dropdown_3columns {width: 450px;}  
.dropdown_4columns {width: 600px;}  
.dropdown_5columns {width: 750px;}  
.dropdown_6columns {width: 900px;}  
  
#menu li:hover .dropdown_1column,  
#menu li:hover .dropdown_2columns,  
#menu li:hover .dropdown_3columns,  
#menu li:hover .dropdown_4columns,  
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_6columns {  
    left:-1px;  
    top:auto;  
}  
  
/* Columns */  
  
.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5
.col_6 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}  
.col_1 {width:140px;}  
.col_2 {width:280px;}
.col_3 {width:420px;}  
.col_4 {width:560px;}  
.col_5 {width:700px;}  
.col_6 {width:840px;}  
  
/* Right alignment */  
  
#menu .menu_right {  
    /*float:right;*/
    margin-right:0px;  
}  
#menu li .align_right {  
    /* Rounded Corners */  
    -moz-border-radius: 5px 0px 5px 5px;  
    -webkit-border-radius: 5px 0px 5px 5px;  
    border-radius: 5px 0px 5px 5px;  
}  
#menu li:hover .align_right {  
    left:auto;  
    right:-1px;  
    top:auto;  
} 
  
/* Drop Down Content Stylings */  
  
#menu p, #menu h2, #menu h3, #menu ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    /*line-height:21px;  */
    font-size:12px;  
    text-align:left;  
    /*text-shadow: 1px 1px 1px #FFFFFF;  */
}  
#menu h2 {  
    font-size:18px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 7px 7px;  
    /*padding-bottom:7px;  */
    /*border-bottom:1px solid #666666;  */
}  
#menu h3 {  
    font-size:14px;  
    margin:7px 0 0px 0;  
    padding-bottom:0px;  
    border-bottom:1px solid #888888;  
}  
#menu p {  
    /*line-height:18px;  */
    margin:0 0 10px 0;  
}  
  
#menu li:hover div a {  
    font-size:12px;  
    color:#015b86;  
}  
#menu li:hover div a:hover {  
    color:#029feb;  
}  
.strong {  
    font-weight:bold;  
}  
.italic {  
    font-style:italic;  
}  
.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { /* Image sticks to the left */  
    width:auto;  
    float:left;  
    margin:5px 15px 5px 5px;  
}  
#menu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    text-shadow: 1px 1px 1px #000;  
    padding:4px 6px 4px 6px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
  
    /* Shadow */  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
#menu li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
}  
#menu li ul li {  
    font-size:12px;  
    line-height:18px;  
    position:relative;  
    text-shadow: 1px 1px 1px #ffffff;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
}  

#menu .col_2 ul li{width: 270px;}

#menu li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
}  
#menu li .greybox li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:116px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  
#menu li .greybox li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
}

#menu .new{
    font-size: 60%;
    vertical-align: top;
    color: #FF0000;
    font-weight: bold;
}

/* MENU END */

/* MAIN START *********/

#main
{
border : 0px;
width : 600px;
float : left;
padding :6px 0px;
margin : 0px;
}

#breadcrumb
{
background:#f8f8f8;
color:#ccc;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
font-size:9px;
padding:4px 12px;
margin:0px 6px;
}

.productsfilters
{
background:#f8f8f8;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
font-size:11px;
padding:4px 12px;
margin:0px 6px;
}

.productsfilters select,label,checkbox{
    font-size: 11px;
    vertical-align:baseline;
}

div.mailinglistinline
{
background:#f8f8f8;
color:#ccc;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
font-size:9px;
padding:4px 12px;
margin:0px 6px;
}

#breadcrumb a:hover
{color:#e44245; text-decoration:none;}

#main h1
{
font-size : 20px;
padding:12px 12px 6px 12px;
margin:0px 6px;
font-weight:normal;
}

#main h2, #main h3
{
background:#232020;
border:#232020 0px solid;
color:#fff;
-moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;
-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;
-moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px;
padding: 4px 12px;
font-size:14px;
font-weight:bold;
margin:6px 6px;
clear:both;
}

#main h2 span, #main h3 span
{
font-size:12px;
float:right;
padding:2px 0px 0px 0px;
font-weight:normal;
}

#main h2 a, #main h3 a
{color:#e44245;}

#main h3
{
background:none;
border:0px;
border-bottom:#eee 1px solid;
color:#333;
}

#main p, #main li
{
padding:6px 12px;
margin:0px 6px;
color:#333;
font-size:12px;
line-height:17px;
}

#main li
{padding:3px 12px;}

#main div.badmsg li
{
line-height:12px;
color: #FFFFFF;
}

/* Six Column */
#main div.product6block
{
width:88px;
float:left;
padding:6px;
margin:0px;
}

#main div.product6block div.product6bg
{
background:#f8f8f8;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
padding:5px;
margin:0px;
width:76px;
}

#main div.product6block div.product6bg div.product6text
{
padding:6px;
text-align:center;
}

/* Four Column */
#main div.product4block
{
width:138px;
float:left;
padding:6px;
margin:0px;
}

#main div.product4block div.product4bg
{
/*background:#f8f8f8 url(../../images/bg-365-block.png) top center repeat-x;*/
background:#f8f8f8;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
padding:5px;
margin:0px;
width:126px;
}

#main div.product4block div.product4bg div.product4text
{
padding:6px;
text-align:center;
height:55px; /* Change to fit content */
}

#main div.product4block div.product4bg div.product4text a
{
color:#e44245;
}

#main div.product4block div.product4bg div.price
{
font-size:14px;
font-weight:bold;
color:#232020;
padding:0px;
text-align:center;
}

/* Three Column */
#main div.product3block
{
width:188px;
float:left;
padding:6px;
margin:0px;
}

#main div.product3block div.product3bg
{
background:#eee;
border:#eee 1px solid;
/*border-bottom: #eee 100px solid;*/
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
padding:5px;
margin:0px;
width:176px;
}

#main div.product3block div.product3bg div.product3text
{
padding:6px;
text-align:center;
height:55px; /* Change to fit content */
}

#main div.producttop
{
width:388px;
float:left;
padding:6px;
margin:0px;
}

/* Two Column */
#main div.product2block
{
width:288px;
float:left;
padding:6px;
margin:0px;
}

#main div.product2block div.product2bg
{
background:#fff;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
padding:5px;
margin:0px;
width:276px;
}

#main div.product2block div.product2bg div.product2text
{
padding:6px;
text-align:center;
}



#main fieldset
{
background:#f8f8f8 url(../../images/bg-365-block.png) top center repeat-x;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
margin:0px 6px;
}

#main legend
{
background:#232020;
border:#232020 0px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
padding:4px 12px 6px 12px;
margin:12px 0px 0px 0px;
font-size:12px;
font-weight:bold;
color:#fff;
}

#main td p
{
padding : 0px;
margin : 0px;
}

#main fieldset.productoption
{
clear : both;
border : solid 1px #EEEEEE;
background : #F8F8F8;
margin-top : 3px;
margin-bottom : 3px;
}

#main fieldset.left
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 5px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.left
{
margin : 6px 5px 6px 12px;
padding : 0px 12px 12px 12px;
}

#main fieldset.right
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 0px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.right
{
margin : 6px 0px 6px 6px;
padding : 0px 12px 12px 12px;
}


#main img
{
border : solid 0px #EEEEEE;
}

#main fieldset.news
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #999999;
text-align : center;
}

#main fieldset.news strong
{
color : #000000;
}

#main .restrictdel{
	font-size: smaller;
	color: #FF0000;
}

#main .twittersharebutton
{
float: left;
padding: 6px 0px 0px 12px;
margin:0px 6px;
}

#main .facebooksharebutton
{
border: none;
overflow: hidden;
width: 300px;
height: 25px;
padding-top: 5px;
}

#main object {
  display:block;
  margin: auto;
}

/* MAIN END */



/* NAVI START *********/

#navi, #rightcol
{
border : 0px;
width : 180px;
float : left;
padding : 0px;
margin : 0px;
}

#navi div.block, #rightcol div.block
{
padding:6px;
}

#navi h2, #rightcol h2
{
border: #eee 1px solid;
background:#fff;
margin:0px;
padding:0px;
height:50px;
}

#navi h2
{
-moz-border-radius-topleft:12px; -webkit-border-top-left-radius:12px;
-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;
-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
}

#rightcol h2
{
-moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;
-moz-border-radius-topright:12px; -webkit-border-top-right-radius:12px;
-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
}

#navi h2 strong, #rightcol h2 strong
{display:none;}

#navi h2.gameon, #rightcol h2.gameon
{background : #fff url(../../images/h2-home.png) center center no-repeat;}
#navi h2.leaderboard, #rightcol h2.leaderboard
{background : #fff url(../../images/h2-leader-board.png) center center no-repeat;}
#navi h2.topsellers, #rightcol h2.topsellers
{background : #fff url(../../images/h2-top-sellers.png) center center no-repeat;}
#navi h2.toppreorders, #rightcol h2.toppreorders
{background : #fff url(../../images/h2-top-preorders.png) center center no-repeat;}
#navi h2.mailinglist, #rightcol h2.mailinglist
{background : #fff url(../../images/h2-mailing-list.png) center center no-repeat;}
#navi h2.toppicks, #rightcol h2.toppicks
{background : #fff url(../../images/h2-top-picks.png) center center no-repeat;}
#navi h2.preorders, #rightcol h2.preorders
{background : #fff url(../../images/h2-pre-orders.png) center center no-repeat;}
#navi h2.mybasket, #rightcol h2.mybasket
{background : #fff url(../../images/h2-my-basket.png) center center no-repeat;}
#navi h2.weeklydeal, #rightcol h2.weeklydeal
{background : #fff url(../../images/h2-weekly-deal.png) center center no-repeat;}
#navi h2.stores, #rightcol h2.stores
{background : #fff url(../../images/h2-365-stores.png) center center no-repeat;}
#navi h2.followus, #rightcol h2.followus
{background : #fff url(../../images/h2-followus.png) center center no-repeat;}
#navi h2.specialoffers, #rightcol h2.specialoffers
{background : #fff url(../../images/h2-special-offers.png) center center no-repeat;}
#navi h2.preorders, #rightcol h2.preorders
{background : #fff url(../../images/h2-pre-order.png) center center no-repeat;}
#navi h2.whyus, #rightcol h2.whyus
{background : #fff url(../../images/h2-why-us.png) center center no-repeat;}
#navi h2.home, #rightcol h2.home
{background : #fff url(../../images/h2-home.png) center center no-repeat;}
#navi h2.upcoming_deal, #rightcol h2.upcoming_deal
{background : #fff url(../../images/h2-latest-deal.png) center center no-repeat;}


#navi div.blockitem, #rightcol div.blockitem, #rightcol div.blocktotal
{
/*background : #fff url(../../images/bg-365-li-button2.png) top center no-repeat;*/
background : #f8f8f8;
border:#eee 1px solid;
border-top:0px;
font-size:12px;
text-decoration:none;
margin:0px;
padding:4px 12px 4px 24px;
display:block;
color:#999;
}

#rightcol div.blockitemwhite
{
background : #ffffff;
border:#eee 1px solid;
border-top:0px;
font-size:12px;
text-decoration:none;
margin:0px;
padding:6px 4px 6px 6px;
display:block;
color:#999;
}

#rightcol div.blocktotal
{
background : #fff url(../../images/bg-365-li-button1.png) top center no-repeat;
font-size:12px;
color:#e44245;
}

#navi div.blockitem strong, #rightcol div.blockitem strong
{color:#333;}

#navi div.blockitem a, #rightcol div.blockitem a
{color:#e44245;}

#navi ul, #rightcol ul
{
background:#fff;
border: #eee 1px solid;
border-top:0px;
border-bottom:0px;
margin : 0px;
padding : 0px;
display : block;
}

#navi li, #rightcol li
{
margin : 0px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a, #rightcol li a 
{
background : #fff url(../../images/bg-365-li-button1.png) top center no-repeat;
border:0px;
border-bottom:#eee solid 1px;
font-size:12px;
text-decoration:none;
margin:0px;
padding:4px 12px 4px 24px;
display:block;
color:#333;
}

#navi li a:hover, #rightcol li a:hover
{background : url(../../images/bg-365-li-button2.png) top center no-repeat; color:#e44245;}

#navi div.blockbase, #rightcol div.blockbase
{
background:#f8f8f8;
-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
-moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
border: #eee 1px solid;
border-top:0px;
margin:0px;
padding:6px 0px;
}

#navi div.blockbase p, #rightcol div.blockbase p
{
padding : 4px 12px;
margin:0px;
font-size : 11px;
color:#666;
}

#navi div.blockbase a
{color:#1B6792; text-decoration:none;}

#navi div.blockbase a:hover
{color:#1B6792; text-decoration:underline;}

/* NAVI END */

/* Page Nav Start ***********/

#pagenav {
 text-align: center;
}

.pagenav {
 text-align: center;
}

/* Page Nav End */

/* RICHTCOL START ***********/

#rightcol
{}

/* RIGHTCOL END */

/* BASE START ***********/

#base
{
clear : both;
background: #000 url(../../images/bg-365-base.png) top center no-repeat;
margin: 0 auto;
padding: 14px 6px;
width : 960px;
}

#base div.base6block
{
width:160px;
float:left;
}

#base div.base6block div.base6text
{
padding:15px;
color:#b8babb;
/*color:#ffffff;*/
font-size:11px;
line-height:14px;
}

#base div.base6block div.base6text span
{font-size:11px;}

#base div.base6block div.base6text a
{color:#e44245;}
/*{color:#ffffff;}*/

#base p
{
text-align : center;
margin : 6px;
font-size : 95%;
line-height : normal;
color : #999999;
}

#base a:link					{color : #666666; text-decoration : none;}
#base a:visited					{color : #666666; text-decoration : none;}
#base a:hover					{color : #666666; text-decoration : underline;}
/*#base a.base:link					{color : #ffffff; text-decoration : none;}
#base a.base:visited					{color : #ffffff; text-decoration : none;}
#base a.base:hover					{color : #ffffff; text-decoration : underline;}*/

/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{font-weight : normal;}

label.formleft, label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 8px 6px 0px 0px;
padding:0px;
font-size:12px;
color:#e44245;
}

label.formcenter, label.formcenterproblems
{
margin : 8px 6px 0px 0px;
padding:0px;
}

label.labelright, label.labelrightproblems
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 8px;
}

html>body label.labelright, label.labelrightproblems
{padding-top : 5px;}

label.formleftproblems, label.labelrightproblems
{color: #CC0000;}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
width : 20px;
float : left;
}
input.checkbox_console
{
margin : 8px 6px 0px 168px;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{width : 200px;}

textarea
{font-size : 12px;}

input, textarea, select, radio
{margin : 3px 0px 0px 0px;}

/* FORM STYLES - END */

table
{padding:12px; border:0px;}

caption
{
text-align : left;

}

th
{
background : #eee;
padding:6px;
text-align : left;
border : 0px;
}

td.right, td.data, td.center
{
background : #f8f8f8;
padding:6px;
border : 0px;
}

td.right
{
text-align : right;
}

input:focus, select:focus, textarea:focus{
	background: #EEEEEE;
}


/* - NOTES - */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */

#slideshownav{
	font-size: 80%;
	float: right;
	margin-right: 21px;
	/*z-index: 50;
	position: absolute;
	top: 12px;
	right: 25px;*/

}
#slideshownav a {margin: 0px 3px; padding: 2px 4px; border: 1px solid #ccc; background: #ffffff; text-decoration: none}
#slideshownav a.activeSlide {background: #EEEEEE}
#slideshownav a:focus {outline: none;}

#imgslideshow, .centralbannerimg{
	margin: 15px 0px 0px 6px;
}

.currencytext {text-align: right; padding-top: 6px; padding-right: 9px; color: #666666; font-size:11px;}

#conversion_subtotal {color: #666666;}
#conversion_total {color: #666666;}

div.paymentselected{
	background: #eee;
	margin: 3px;
	padding: 3px;
	border: #eee 1px solid;
	-moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;
}

div.paymentnotselected{
	background: #fff;
	margin: 3px;
	padding: 3px;
	border: #eee 1px solid;
	-moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;
}

/* Banner system */

.slideshowimgmedium {
    position: relative;
    width:588px;
    height:150px;
    vertical-align:baseline;
}

.slideshowimglarge {
    position: relative;
    width:588px;
    height:250px;
    vertical-align:baseline;
}

.Header{
   position: absolute;
   top: 15px;
   left: 20px;
   font: 30px Tahoma;
   color:#232021;
}

.HeaderRed {
   color:#e44245;
}

.info {
   position: absolute;
   top: 55px;
   left: 24px;
   width: 100%;
   color: #666666;
   font: 14px Tahoma;
}

.price_p1 {
   position: absolute;
   top: 110px;
   left: 24px;
   width: 100%;
   color: #232021;
   font: 18px Tahoma;
}

.price_p2 {
   position: absolute;
   top: 105px;
   left: 75px;
   width: 100%;
   color: #e44245;
   font: 24px Tahoma;
}

.price_p3 {
   color: #232021;
   font: 10px Tahoma;
   padding-left: 1px;
}
.smallprice {
   position: absolute;
   top: 132px;
   left: 24px;
   width: 100%;
   color: #7a7777;
   font: 9px Tahoma;
}

#mcv {
    padding-top: 20px;
    padding-left: 8px;
}

/* Wishlist CSS */
#more{
    padding:5px;
    float:right;
}

#hidden{
   float:right;
   padding:5px;
   text-align:left;
}

#hidden checkbox{
    padding:2px;
}

#wishlist h2 {
    width:500px;
}

.wishlist select{
    width:150px;
}

#wishlistpages{
    text-align: center;
    display : block;    
}

#wishlistcomments{
    float:left;
    padding-left:20px;
    padding-top: 25px;
}

#wishlisttext{
    text-align:center;
    padding:5px 0 5px;
}

#wishlist-update{
     float:left;
     padding-left: 100px;
     padding-top:14px;
     padding-bottom: 20px;
}

#wishlistdelete{
    text-align:center;   
}

#wishlistdelete a {
    color:#FF3300;
}

#competitionmsg {
    font-size: 9px;
}


#whybuylist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#whybuylist li
{
padding-left: 10px;
background-image: url(../../images/green-tick-10x10.gif);
background-repeat: no-repeat;
background-position: 0.5em;
text-indent: 10px;
}

/*#whybuylistnavi div.blockbase
{
margin: 10px;
padding: 10px;
}*/

#navi .whybuylistnavi
{
background:#f8f8f8;
margin: 0px 5px 0px 15px;
padding: 10px;
border: 0;
/*list-style: none;*/
}

#navi .whybuylistnavi ul
{
background:#f8f8f8;
border: #eee 1px solid;
border-top:0px;
border-bottom:0px;
margin : 10px;
padding : 10px;
/*display : block;*/
list-style-image:url("../../images/green-tick-10x10.gif");
}

#navi .whybuylistnavi li
{
display: list-item;
background: #f8f8f8;
font-size: 0.9em;
list-style-image: url("../../images/green-tick-10x10.gif");
}
        /* jQuery Countdown styles 1.5.9. */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
        height: 21px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}

#productsociallinks{
    padding-left: 20px;
    padding-top: 2px;
}

.halfpagewidth{
    float: left;
    margin-left: 5px;
    border : #999999 solid 1px;
    -moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;
    color: #333333;
    background : #EEEEEE;
}

#relateditemscarousel li
{
padding:0px 0px;
margin:0px 0px;
color:#333;
font-size:12px;
line-height:17px;
}

#crosssellcarousel li
{
padding:0px 0px;
margin:0px 0px;
color:#333;
font-size:12px;
line-height:17px;
}

/* ***** JQUERY NEWS TICKER ***** */

/* Ticker Styling */
.ticker-wrapper.has-js {
	/*margin: 20px 0px 20px 0px;
	padding: 0px 20px;*/
        padding-left: 0px;
	padding-top: 3px;
	width: 625px;
	height: 22px;
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	font-size: 0.75em;
}
.ticker {
	width: 625px;
	height: 18px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}
.ticker-title {
	padding-top: 3px;
	color: #990000;
	font-weight: bold;
	background-color: #ffffff;
	text-transform: uppercase;
}
.ticker-content {
	margin: 0px;
	padding-top: 3px;
	position: absolute;
	/*color: #1F527B;*/
	font-weight: bold;
	background-color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	/*line-height: 1.2em;*/
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
.ticker-content a:hover {
	text-decoration: underline;	
	/*color: #0D3059;*/
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #ffffff;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #ffffff;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #f8f8f8;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}

.tickerheader{
    color: #990000;
    font-weight: bold;
    background-color: #ffffff;
    text-transform: uppercase;
}

.pagination{
    /*font-size: 120%;*/
    font-weight: bold;
    border: 1px solid #cccccc;
    margin: 2px;
    padding: 4px;
}

.smallproductimages{
    padding-top: 6px;
    text-align: center;
}

.producttophighlight{
    margin: 3px;
    padding: 3px;
    float: right;
    background: #f8f8f8;
    border : #999999 solid 1px;
    -moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;    
}

.productpagedeal{
    margin: 6px;
    padding: 9px 6px 6px 6px;
    float: right;
    background: #f8f8f8;
    border : #999999 solid 1px;
    /*font-size: 90%;*/
    -moz-border-radius:6px; -webkit-border-radius:6px; o-border-radius:6px; border-radius:6px;
    text-align: center;
}
