/* Typography */ * { margin: 0; padding: 0; } img,fieldset {border:0px;} body{background: #c5e0ec url(../images/body-bg.jpg) repeat-x 0 0; color: #0d3a4c; font-family:Arial,georgia,verdana,tahoma,sans-serif;padding-bottom:10px; font-size:100%;line-height:100%; text-align: center;} input,select,textarea{font-size:1.0em;border: solid 0px #000;font-family:Arial,georgia,verdana,tahoma,sans-serif; } input,textarea{line-height:120%;height:1.35em;padding-left:2px;padding-right:2px;} address{ font-style:normal;} /* to avoid ff<1.03 bug (instead of *) and normalise spacing */ html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p,pre,address{margin-bottom:0.8em;} form input, form select, form textarea {} legend {font-size:1.4em; line-height: 115%;} h1, h2, h3, h4, h5 { color: #fff; padding-bottom: 0px; text-transform: uppercase;} h1 { font-size:1.4em; line-height: 115%; margin-bottom:0.1em;} h2 { font-size:1.2em; margin-bottom:0.5em;} h3 { font-size:1.2em; } h4 { font-size:1.0em; padding-bottom: 0px; } h5 { font-size:0.9em; padding-bottom: 0px; font-weight:bold;} h1 a, h2 a { text-decoration: none;} a { color:#fff; text-decoration: none;} a:hover { text-decoration:underline;} a:visited {} sup {font-size: .9em; line-height: 2em;} .equation {margin:1em 0em;} dl {margin:1em 2em;} .error {color:Red;} /* Template Structure */ #container {font-size:.69em; line-height:120%;margin-left: auto;margin-right: auto;padding: 10px 0px 0px;position: relative; text-align: left;} #container {width:950px;} .hide {display:none;} .clear {clear: both;line-height:0px;} .clear-right {clear: right;line-height:0px;} .clear-left {clear: left;line-height:0px;} .right {float:right;} .left {float:left;} .highlight{font-weight:bold;} div.hr, div.hr-black {background-repeat: repeat-x; width: auto; height: 3px; margin: 3px 0 3px 0;} div.hr {background-image: url(../images/white-dash.gif);} div.hr-black {background-image: url(../images/black-dash.gif);} div.hr hr, div.hr-black hr { display: none;} input.submit {text-align: center; text-transform:uppercase; margin-left: 5px; height: 1.35em; background: #86bad0; border: solid 0px #000; color: #0f5a77;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* Header */ #container #headerarea {width:930px;position:relative; border: 10px solid #fff; background: #b1d5e4 url(../images/header-bg.jpg) repeat-x 0 0; text-transform: uppercase;color: #fff;} #container #headerarea a {color: #fff;} #container #headerarea li {display:inline;} #container #headerarea .top { height: 1.5em; min-height: 1.5em; padding: 7px 35px .5em 35px; color: #fff;} #container #headerarea .top li {background: transparent url(../images/list-arrow-light.gif) no-repeat 0px 2px;padding-left: 10px; padding-right: 5px;} #container #headerarea .top #search {float:left;} #container #headerarea .top #search input.search {width: 7.53em; text-transform:none;} #container #headerarea .top .faqs {float:left; padding-left: 1em; padding-bottom: 1em;} #container #headerarea .top .privacy {float:left; padding-left: 1em; padding-bottom: 1em;} #container #headerarea .top .account {float:right;padding-bottom: 1em;} #container #headerarea .top .account .user { background-image: none;} #container #headerarea .main {height: 6.7em; min-height: 6.7em;} #container #headerarea .main { padding: 0px 35px 0 35px; margin: 0px;} #container #headerarea .main .imageReplace {float:left;} #container #headerarea .main .imageReplace .replace {padding: 0; margin: 0;} #container #headerarea .main .imageReplace a {text-indent: -999999px; display:block; background: transparent url(../images/rubiks-logo.gif) 0 0 no-repeat;width:172px;height:71px;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* Navigation */ #container #headerarea .main .navigation {padding-top: 0.0em; float:right; width: 600px; font-size:1.1em; line-height:110%; font-weight:bold; } #container #headerarea .main .navigation li {width: 75px; height: 75px;} #container #headerarea .main .navigation li {display: block; float: left;margin-left: 30px; text-align: center;} #container #headerarea .main .navigation li .inner {padding: 30px 0.5em 0em 0.5em; display:block;} #container #headerarea .main .navigation li.home {margin-left: 0px;background: transparent url(../images/home-nav.gif) no-repeat;} #container #headerarea .main .navigation li.green {background: transparent url(../images/forum-nav.gif) no-repeat;} #container #headerarea .main .navigation li.green .inner {padding-top: 22px;} #container #headerarea .main .navigation li.red {background: transparent url(../images/games-nav.gif) no-repeat;} #container #headerarea .main .navigation li.blue {background: transparent url(../images/world-nav.gif) no-repeat;} #container #headerarea .main .navigation li.blue .inner {padding-top: 22px;} #container #headerarea .main .navigation li.yellow {background: transparent url(../images/tips-nav.gif) no-repeat; color: #160d0d;} #container #headerarea .main .navigation li.yellow a {color: #000;} #container #headerarea .main .navigation li.yellow .inner {padding-top: 22px;} #container #headerarea .main .navigation li.white {background: transparent url(../images/shop-nav.gif) no-repeat; color: #160d0d;} #container #headerarea .main .navigation li.white a {color: #000;} #container #headerarea .bottom {height: 1.38em; min-height: 1.38em; padding: 0px 35px 5px 35px;} /* Breadcrumb */ #container #headerarea .bottom #breadcrumb { float:left; color: #4591b0; width:650px;} #container #headerarea .bottom #breadcrumb .heading {color: #0f6384; font-weight: bold;} #container #headerarea .bottom #breadcrumb ul { display: inline; } #container #headerarea .bottom #breadcrumb li { display: inline; padding: 0 5px 0 5px; border-right: solid 1px #4591b0;} #container #headerarea .bottom #breadcrumb li a {color: #4591b0;} #container #headerarea .bottom #breadcrumb li.end {border-right: solid 0px #4591b0;} #container #contentarea {width: 930px; border: 10px solid #fff; border-top: 0px solid #fff; border-bottom: 0px solid #fff;} #container #contentarea {min-height:100%;} #container #contentarea .main .inner {font-size: 1.04em;line-height:130%;} #container #contentarea .main .inner a {color:#4a94b1; text-decoration: underline;} #container #contentarea .main .inner .copy {width:415px;float:left;} #container #contentarea .main .inner .copy img {padding:10px;} #container #contentarea .main .inner .copy .left img {padding:10px 10px 10px 0px;} #container #contentarea .main .inner .quote {text-align:center;color:#fff;font-size:1.3em;line-height:130%;width:176px;float:left; padding:19px;margin:0.2em 19px 0.2em 0px;} #container #contentarea .main .inner .quote a {color:#fff;} #container #contentarea .main .inner .display {width:226px;float:left;padding-left:15px;} #container #contentarea .main .inner .display p {font-style:italic; text-align:center;} #container #contentarea .main .inner ul {margin-left:19px;} #container #contentarea .main .inner li {list-style-image:url(../images/bullet-star.jpg);padding-left:10px;padding-bottom:12px;} /* Main Box */ #container #contentarea .mainBox {width:691px; padding:0 0 0 0;} #container #contentarea .mainBox .header { padding: 12px 0 0 0; margin:0px; position:relative;} #container #contentarea .mainBox .header h2 {padding: 0em 0em 12px 18px; margin:0px} #container #contentarea .mainBox .inner {width:659px; padding: 14px 16px 1.5em 16px;background: #fff;} *>#container #contentarea .mainBox .inner {min-height:100%;} *#container #contentarea .mainBox .inner {height:100%;} #container #contentarea .mainBox .footer {width:691px; padding:0; margin:0em 0em 0.72em 0em;height: 16px;background: transparent url(../images/white-bottom-main.gif) no-repeat left bottom;} #container #contentarea .mainBox .green .header {background: transparent url(../images/green-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .green .header h2 {background:#3c9f35;} #container #contentarea .mainBox .red .header {background: transparent url(../images/red-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .red .header h2 {background:#c91434;} #container #contentarea .mainBox .orange .header {background: transparent url(../images/orange-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .orange .header h2 {background:#dd7d26;} #container #contentarea .mainBox .blue .header {background: transparent url(../images/blue-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .blue .header h2 {background:#4a94b1;} #container #contentarea .mainBox .yellow .header {background: transparent url(../images/yellow-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .yellow .header h2 {background:#e2ce23; color:#0d3a4c;} #container #contentarea .mainBox .grey .header {background: transparent url(../images/grey-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .grey .header h2 {background:#f0eeed; color:#0d3a4c;} #container #contentarea .mainBox .white .header {background: transparent url(../images/white-top-main.gif) no-repeat left top;} #container #contentarea .mainBox .white .header h2 {background:#ffffff; color:#0d3a4c;} /* Huge Box */ #container #contentarea .hugeBox {width:424px; padding:13px 0 0 18px; float: left;} #container #contentarea .hugeBox .header { padding: 12px 0 0 0; margin:0px; position:relative;} #container #contentarea .hugeBox .header h2 {padding: 0em 0em 12px 16px; margin:0px} #container #contentarea .hugeBox .inner {width:392px; padding: 14px 16px 0 16px;background: #fff;} *>#container #contentarea .hugeBox .inner {min-height:10.4em;} *#container #contentarea .hugeBox .inner {height:10.4em; } #container #contentarea .hugeBox .footer {width:424px; padding:0; margin:0em 0em 0.72em 0em;height: 13px;position:relative;background: transparent url(../images/white-bottom-huge.gif) no-repeat left bottom;} #container #contentarea .hugeBox .green .header {background: transparent url(../images/green-top-huge.gif) no-repeat left top;} #container #contentarea .hugeBox .green .header h2 {background:#00a04c;} #container #contentarea .hugeBox .red .header {background: transparent url(../images/red-top-huge.gif) no-repeat left top;} #container #contentarea .hugeBox .red .header h2 {background:#d32032;} #container #contentarea .hugeBox .orange .header {background: transparent url(../images/orange-top-huge.gif) no-repeat left top;} #container #contentarea .hugeBox .orange .header h2 {background:#dd7d26;} #container #contentarea .hugeBox .blue .header {background: transparent url(../images/blue-top-huge.gif) no-repeat left top;} #container #contentarea .hugeBox .blue .header h2 {background:#4085b7;} #container #contentarea .hugeBox .yellow .header {background: transparent url(../images/yellow-top-huge.gif) no-repeat left top;} #container #contentarea .hugeBox .yellow .header h2 {background:#e2ce23; color:#0d3a4c;} #container #contentarea .hugeBox .grey .header {background: transparent url(../images/grey-top-huge.gif) no-repeat left top;} #container #contentarea .hugeBox .grey .header h2 {background:#f0eeed; color:#0d3a4c;} /* Large Box */ #container #contentarea .largeBox {width:340px; padding:17px 0 0 18px; float: left;} #container #contentarea .largeBox .header { padding: 12px 0 0 0; margin:0px; position:relative;} #container #contentarea .largeBox .header h2 {padding: 0em 0em .90em .90em; margin:0px} #container #contentarea .largeBox .inner {width:308px; padding: 0 16px 0 16px;background: #fff;} *>#container #contentarea .largeBox .inner {min-height:9.0em;} *#container #contentarea .largeBox .inner {height:9.0em; } #container #contentarea .largeBox .footer {width:340px; padding:0; margin:0em 0em 0.72em 0em;height: 13px;position:relative;background: transparent url(../images/white-bottom-large.gif) no-repeat left bottom;} #container #contentarea .largeBox .green .header {background: transparent url(../images/green-top-large.gif) no-repeat left top;} #container #contentarea .largeBox .green .header h2 {background:#00a04c;} #container #contentarea .largeBox .red .header {background: transparent url(../images/red-top-large.gif) no-repeat left top;} #container #contentarea .largeBox .red .header h2 {background:#d32032;} #container #contentarea .largeBox .orange .header {background: transparent url(../images/orange-top-large.gif) no-repeat left top;} #container #contentarea .largeBox .orange .header h2 {background:#dd7d26;} #container #contentarea .largeBox .blue .header {background: transparent url(../images/blue-top-large.gif) no-repeat left top;} #container #contentarea .largeBox .blue .header h2 {background:#4085b7;} #container #contentarea .largeBox .yellow .header {background: transparent url(../images/yellow-top-large.gif) no-repeat left top;} #container #contentarea .largeBox .yellow .header h2 {background:#e2ce23; color:#0d3a4c;} #container #contentarea .largeBox .grey .header {background: transparent url(../images/grey-top-large.gif) no-repeat left top;} #container #contentarea .largeBox .grey .header h2 {background:#f0eeed; color:#0d3a4c;} /* Wide Box */ #container #contentarea .wideBox {width:290px; padding:17px 0 0 18px; float: left;padding-bottom:1em; position:relative;} #container #contentarea .wideBox .header { padding: 7px 0 0 0; margin:0px; position:relative;} #container #contentarea .wideBox .header h2 {padding: 0em 0em .90em .90em; margin:0px} #container #contentarea .wideBox .inner {width:270px; padding: 10px 10px 1em 10px; margin:0px; background: #fff;} *>#container #contentarea .wideBox .inner {min-height:8.6em;} *#container #contentarea .wideBox .inner {height:8.6em; } #container #contentarea .wideBox .footer {width:290px; padding:0; margin:0em 0em 0.72em 0em;height:13px;position:relative;background: transparent url(../images/white-bottom-wide.gif) no-repeat left bottom;} #container #contentarea .wideBox .green .header {background: transparent url(../images/green-top-wide.gif) no-repeat left top;} #container #contentarea .wideBox .green .header h2 {background:#00a04c;} #container #contentarea .wideBox .red .header {background: transparent url(../images/red-top-wide.gif) no-repeat left top;} #container #contentarea .wideBox .red .header h2 {background:#d32032;} #container #contentarea .wideBox .orange .header {background: transparent url(../images/orange-top-wide.gif) no-repeat left top;} #container #contentarea .wideBox .orange .header h2 {background:#dd7d26;} #container #contentarea .wideBox .blue .header {background: transparent url(../images/blue-top-wide.gif) no-repeat left top;} #container #contentarea .wideBox .blue .header h2 {background:#4085b7;} #container #contentarea .wideBox .yellow .header {background: transparent url(../images/yellow-top-wide.gif) no-repeat left top;} #container #contentarea .wideBox .yellow .header h2 {background:#e2ce23; color:#0d3a4c;} #container #contentarea .wideBox .grey .header {background: transparent url(../images/grey-top-wide.gif) no-repeat left top;} #container #contentarea .wideBox .grey .header h2 {background:#f0eeed; color:#0d3a4c;} /* Wide Box 2 */ #container #contentarea .wideBox2 {width:246px; padding:17px 0 0 18px; float: left;padding-bottom:1em; position:relative;} #container #contentarea .wideBox2 .header { padding: 12px 0 0 0; margin:0px; position:relative;} #container #contentarea .wideBox2 .header h2 {padding: 0em 0em .90em .90em; margin:0px} #container #contentarea .wideBox2 .inner {width:226px; padding: 10px 10px 1em 10px; margin:0px; background: #fff;} *>#container #contentarea .wideBox2 .inner {min-height:9.4em;} *#container #contentarea .wideBox2 .inner {height:9.4em; } #container #contentarea .wideBox2 .footer {width:246px; padding:0; margin:0em 0em 0.72em 0em;height: 12px;position:relative;background: transparent url(../images/white-bottom-wide2.gif) no-repeat left bottom;} #container #contentarea .wideBox2 .green .header {background: transparent url(../images/green-top-wide2.gif) no-repeat left top;} #container #contentarea .wideBox2 .green .header h2 {background:#00a04c;} /* Medium Box */ #container #contentarea .mediumBox {width:203px; padding:17px 0 0 18px; float: left;padding-bottom:1em; position:relative;} #container #contentarea .mediumBox .header { padding: 7px 0 0 0; margin:0px; position:relative;} #container #contentarea .mediumBox .header h2 {padding: 0em 0em .90em .90em; margin:0px} #container #contentarea .mediumBox .inner {width:183px; padding: 10px 10px 1em 10px; margin:0px;background: #fff;} *>#container #contentarea .mediumBox .inner {min-height:8.4em;} *#container #contentarea .mediumBox .inner {height:8.4em; } #container #contentarea .mediumBox .footer {width:203px; padding:0; margin:0em 0em 0.72em 0em; height: 13px; position:relative;background: transparent url(../images/white-bottom-medium.gif) no-repeat left bottom;} #container #contentarea .mediumBox .green .header {background: transparent url(../images/green-top-medium.gif) no-repeat left top;} #container #contentarea .mediumBox .green .header h2 {background:#00a04c;} #container #contentarea .mediumBox .red .header {background: transparent url(../images/red-top-medium.gif) no-repeat left top;} #container #contentarea .mediumBox .red .header h2 {background:#d32032;} #container #contentarea .mediumBox .orange .header {background: transparent url(../images/orange-top-medium.gif) no-repeat left top;} #container #contentarea .mediumBox .orange .header h2 {background:#dd7d26;} #container #contentarea .mediumBox .blue .header {background: transparent url(../images/blue-top-medium.gif) no-repeat left top;} #container #contentarea .mediumBox .blue .header h2 {background:#3a7aa8;} #container #contentarea .mediumBox .yellow .header {background: transparent url(../images/yellow-top-medium.gif) no-repeat left top;} #container #contentarea .mediumBox .yellow .header h2 {background:#d9e223; color:#0d3a4c;} #container #contentarea .mediumBox .grey .header {background: transparent url(../images/grey-top-medium.gif) no-repeat left top;} #container #contentarea .mediumBox .grey .header h2 {background:#f0eeed; color:#0d3a4c;} /* Small Box */ #container #contentarea .smallBox {width:160px; padding:17px 0 0 18px; float:left;padding-bottom:1em; position:relative;} #container #contentarea .smallBox .header { padding: 12px 0 0 0; margin:0px; position:relative;} #container #contentarea .smallBox .header h2 {padding: 0em 0em .90em .90em; margin:0px;} #container #contentarea .smallBox .inner {width:140px; padding: 10px 10px 1em 10px; margin-bottom:0px;background:#fff;} *>#container #contentarea .smallBox .inner {min-height:12.9em;} *#container #contentarea .smallBox .inner {height: 12.9em; } #container #contentarea .smallBox .footer {width:160px; padding:0; margin:0em 0em 0.72em 0em; height: 13px; background: transparent url(../images/white-bottom.gif) no-repeat left bottom;} #container #contentarea .smallBox .green .header {background: transparent url(../images/green-top-small.gif) no-repeat left top;} #container #contentarea .smallBox .green .header h2 {background:#00a04c;} #container #contentarea .smallBox .red .header {background: transparent url(../images/red-top-small.gif) no-repeat left top;} #container #contentarea .smallBox .red .header h2 {background:#d32032;} #container #contentarea .smallBox .orange .header {background: transparent url(../images/orange-top-small.gif) no-repeat left top;} #container #contentarea .smallBox .orange .header h2 {background:#dd7d26;} #container #contentarea .smallBox .blue .header {background: transparent url(../images/blue-top-small.gif) no-repeat left top;} #container #contentarea .smallBox .blue .header h2 {background:#4085b7;} #container #contentarea .smallBox .yellow .header {background: transparent url(../images/yellow-top-small.gif) no-repeat left top;} #container #contentarea .smallBox .yellow .header h2 {background:#e2ce23; color:#0d3a4c;} #container #contentarea .smallBox .grey .header {background: transparent url(../images/grey-top-small.gif) no-repeat left top;} #container #contentarea .smallBox .grey .header h2 {background:#f0eeed; color:#0d3a4c;} #container #contentarea .smallBox .inner .icon {text-align:center;} /* Arrow Links */ #container #contentarea .inner .arrow {font-size:.96em; z-index:10; position:absolute; bottom:1em; height: 30px; padding:7px 27px 8px 0; text-transform: uppercase;background: url(../images/arrow-blue.gif) no-repeat 100% 0;} #container #contentarea .inner .arrow a {position:relative; padding: 0px 2px 1px 4px; margin: 0;background: #86bad0; color: #fff; text-decoration:none;} #container #contentarea .inner .arrow a:hover {text-decoration:underline;} /* Homepage */ #container #contentarea #home .top {height: 19.46em; min-height: 19.46em;border-bottom: 10px solid #fff; background: transparent url(../images/home-main-bg.jpg) no-repeat top right; margin: 0 0 0 0; width: 898px; padding-right:32px;position:relative;} /* flash underlay */ #container #contentarea #home .top #flash object, #container #contentarea #home .top #flash embed {width:378px;height:19.46em;position:absolute;top:0px;left:0px;} #container #contentarea #home .top #flash {display:block;float:left;} #container #contentarea #home .top .wideBox {padding-left:386px;} #container #contentarea #home .inner .arrow {padding:8px 27px 8px 0;} #container #contentarea #home .bottom {height:17.6em; min-height:17.6em; background: #d32432 url(../images/home-bottom-bg.jpg) repeat-x 0px 0px; margin: 0 0 0 0; width: 916px; padding-left:14px;} /* Side Nav */ #container #contentarea #sideNav {width:159px;color: #fff;padding: 21px 14px 0 21px;float:left;position:relative;} #container #contentarea #sideNav ul {width:159px;text-transform:uppercase;margin:0em; padding:0px; list-style:none;font-weight:bold;} #container #contentarea #sideNav li li {padding:0; margin:0px; list-style-position:outside; margin-top:15px;padding-left:5px;margin-left:15px; } /* Main */ #container #contentarea .main {width:690px;height:100%; min-height:100%;position:relative;} #container #contentarea .main {margin-left: 194px;border-left: 10px solid #fff;} #container #contentarea .main {padding: 11px 18px 15px 18px;} * html #container #contentarea .main {padding: 11px 16px 15px 16px;} #container #contentarea .main .top {border-bottom: 10px solid #fff; height: 217px; min-height: 217px;position: relative;width: 726px;margin: -11px -18px 0px -18px;} #container #contentarea .main .bottom {position: relative; height:100%; min-height:100%;width: 726px;margin: 0px -18px -15px -18px;} /* Generic */ #container #contentarea #generic {background: #e2ce23;} #container #contentarea #generic #sideNav {color: #0d3a4c;} #container #contentarea #generic #sideNav li li { list-style-image: url(../images/bullet-generic.gif);} #container #contentarea #generic .main {background: #c5e0ec url(../images/blue-gradient-bg.jpg) repeat-x 0 0;} #container #contentarea #blue .main .inner .quote {background:#e2ce23;} /* Promotional Cubes */ #container #contentarea .buttons {margin-left:auto;margin-right:auto;width:265px;display:table;margin-top:25px;} #container #contentarea .buttons .button {position:relative;padding:0px 10px;float:left;text-align:center;margin-right:25px;width:86px;height:60px;background: #fff url(../images/blue-button.jpg) no-repeat 0 0;} #container #contentarea .buttons .button a {display:block;margin-top:15px;width:86px;height:60px;color:#0d3a4c;font-weight:bold;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #promo {position:relative;} #container #contentarea #promo .product {position:relative;text-align:center;width:190px;height:190px;background: #c5e0ec url(../images/promo-product-box.jpg) no-repeat 0 0;float:left;margin-right:25px;} #container #contentarea #promo .product .arrow {bottom:0;left:25%;} #container #contentarea #promo .product .arrow a {} /* World */ #container #contentarea #blue {background: #4a94b1;} #container #contentarea #blue #sideNav li li { list-style-image: url(../images/white-pointer.gif);} #container #contentarea #blue .main {background: #c5e0ec url(../images/blue-gradient-bg.jpg) repeat-x 0 0;} #container #contentarea #blue .main .inner .quote {background:#4a94b1;} #container #contentarea #blue .main .inner h1, #container #contentarea #blue .main .inner h2 {padding-top:10px;} #container #contentarea #blue .main .inner h1, #container #contentarea #blue .main .inner h2, #container #contentarea #blue .main .inner h3, #container #contentarea #blue .main .inner h4, #container #contentarea #blue .main .inner h5 { color: #4a94b1;} #container #contentarea #blue .main .inner h2, #container #contentarea #blue .main .inner h3, #container #contentarea #blue .main .inner h4, #container #contentarea #blue .main .inner h5 {text-transform:none;} #container #contentarea #blue .top {background: transparent url(../images/world-top-bg.jpg) no-repeat 0px 0px;} #container #contentarea #blue .top .hugeBox {padding-left:250px;} #container #contentarea #blue .bottom {background: #f0eeed url(../images/world-bottom-bg.jpg) repeat-x 0px 0px;} /* Tips */ #container #contentarea #yellow {background: #e2ce23;color: #0d3a4c;} #container #contentarea #yellow #sideNav {color: #0d3a4c;} #container #contentarea #yellow #sideNav a {color: #0d3a4c;} #container #contentarea #yellow #sideNav li li { list-style-image: url(../images/bullet-generic.gif);} #container #contentarea #yellow .main {background: #c5e0ec url(../images/blue-gradient-bg.jpg) repeat-x 0 0;} #container #contentarea #yellow .main .inner .quote {background:#e2ce23; color:#0d3a4c;} #container #contentarea #yellow .top {background: transparent url(../images/tips-top-bg.jpg) no-repeat 0px 0px;} #container #contentarea #yellow .top .hugeBox {padding-left:250px;} #container #contentarea #yellow .bottom {background: #c5e0ec url(../images/tips-bottom-bg.jpg) repeat-x 0px 0px;} /* Forum */ #container #contentarea #green {background: #00a04c;} #container #contentarea #green #sideNav {color: #0d3a4c;} #container #contentarea #green #sideNav li li { list-style-image: url(../images/white-pointer.gif);} #container #contentarea #green .main {background: #d9e224 url(../images/forum-gradient-bg.jpg) repeat-x 0 0; color:#1d4758;} #container #contentarea #green .main input {border:solid 1px #a5cee0;} #container #contentarea #green .main table.forumMain td {padding: 15px 10px;border-bottom: solid 1px #8abcd1;border-right: solid 1px #8abcd1; } #container #contentarea #green .main table.forumMain td.forumGroup {padding:5px 10px;} #container #contentarea #green .main table.forumMain td.end {border-right: solid 0px #8abcd1;} #container #contentarea #green .main table.forumMain td .title {font-size:1.2em;} #container #contentarea #green .main table.forumMain th {font-size:1.2em;font-weight:bold; padding: 10px;background:#d9e224;border-bottom: solid 1px #8abcd1;border-top: solid 1px #8abcd1;border-right: solid 1px #8abcd1;} #container #contentarea #green .main table.forumMain th.end {border-right: solid 0px #8abcd1;} #container #contentarea .login label {font-weight:bold;} #container #contentarea .login .input {margin:5px 0px;font-weight:normal;border:solid 1px #a5cee0;width: 14.3em;} #container #contentarea .login {width:260px;padding:18px 38px .5em 18px;position:relative;} #container #contentarea .login .input {} #container #contentarea .login .topPadding {padding-top: 2.85em;} #container #contentarea .login .submit {border:solid 1px #d32032;text-transform:none;padding: 0 .5em;height:2.0em;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #green .latestMember {text-align:center;} #container #contentarea #green .latestMember .image {padding-bottom:1em;} #container #contentarea #green .latestMember .name {text-transform:uppercase;font-size:1.3em;font-weight:bold;color:#00a04c;} #container #contentarea #green .moderator {color:#0d3a4c;padding-top:5px;} #container #contentarea #green .moderator p {float:left;width:210px;} #container #contentarea #green .moderator img {float:right;} #container #contentarea #green .latestPosts {padding-top:5px;} #container #contentarea #green .latestPosts a {text-decoration:none;} #container #contentarea #green .latestPosts a:hover {text-decoration:underline;} #container #contentarea #green .latestPosts li {padding:0px 0px 3px 24px;list-style-image:url(../images/list-arrow-forum.gif);} #container #contentarea #green .latestPosts .subject {color:#00a04c;font-weight:bold;} #container #contentarea #green .latestPosts .date {color:#5a9fbb;font-size:1em;} #container #contentarea #green .registerForm {width: 35.24em;} #container #contentarea #green .registerForm .left {float: left; width: 14em; padding-left:10px;} #container #contentarea #green .registerForm .right {float: left; width: 14em; padding-left:24px;} #container #contentarea #green .registerForm .input {width: 14em;} #container #contentarea #green .registerForm .topPadding {margin-top: 2.85em;} #container #contentarea #green .main .inner h1, #container #contentarea #green .main .inner h2 {padding-top:10px;} #container #contentarea #green .main .inner h1, #container #contentarea #green .main .inner h2, #container #contentarea #green .main .inner h3, #container #contentarea #green .main .inner h4, #container #contentarea #green .main .inner h5 { color: #00a04c;} #container #contentarea #green .main .inner h2, #container #contentarea #green .main .inner h3, #container #contentarea #green .main .inner h4, #container #contentarea #green .main .inner h5 {text-transform:none;} #container #contentarea #green table.threads td {border:solid 1px #8abcd1;} #container #contentarea #green table.threads td.column {background:#d9e224;padding:0px} #container #contentarea #green .reason {margin:5px 0px;font-weight:normal;border:solid 1px #a5cee0;height:10em;} #container #contentarea #green .postIcons {margin-bottom:20px;} #container #contentarea #green .postIcons td {padding:2px 5px;} #container #contentarea #green .postIcons td input {margin-right:5px;} .ctl03_ctl01_ctl00_PostForm_PostBody_Editor_DesignBox {width:659px !important;} #container #contentarea #green .top {background: transparent url(../images/forum-top-bg.jpg) no-repeat 0px 0px;} #container #contentarea #green .top .wideBox2 {padding-left:273px;} *>#container #contentarea #green .top .smallBox .inner {min-height:9.4em;} *#container #contentarea #green .top .smallBox .inner {height:9.4em; } #container #contentarea #green .bottom {background: #d9e023 url(../images/forum-bottom-bg.jpg) repeat-x 0px 0px;} /* Games */ #container #contentarea #red {background: #c91434;} #container #contentarea #red #sideNav {color: #cccccc;background: #c91434;} #container #contentarea #red #sideNav li li {list-style-image: url(../images/white-pointer.gif);} #container #contentarea #red .main {background: #c5e0ec url(../images/blue-gradient-bg.jpg) repeat-x 0 0;} #container #contentarea #red .main .inner .quote {background:#d32032;} /*#container #contentarea #red .main .inner .arrow {position:relative; padding:8px 27px 8px 0;margin:1em 0em;} #container #contentarea #red .main .inner .arrow a {position:absolute;right:27px; padding: 0px 2px 0px 4px; margin: 0;} #container #contentarea #red .main .inner .arrow a:hover {text-decoration:underline;} */ #container #contentarea #red .main .inner .arrow {bottom:auto;} #container #contentarea #red .main .inner h1, #container #contentarea #red .main .inner h2 {padding-top:10px;} #container #contentarea #red .main .inner h1, #container #contentarea #red .main .inner h2, #container #contentarea #red .main .inner h3, #container #contentarea #red .main .inner h4, #container #contentarea #red .main .inner h5 { color: #c91434;} #container #contentarea #red .main .inner h2, #container #contentarea #red .main .inner h3, #container #contentarea #red .main .inner h4, #container #contentarea #red .main .inner h5 {text-transform:none;} #container #contentarea #red .top {background: transparent url(../images/game-top-bg.jpg) no-repeat 0px 0px;} #container #contentarea #red .top .hugeBox {padding-left:250px;} #container #contentarea #red .bottom {background: #d9e223 url(../images/game-bottom-bg.jpg) repeat-x 0px 0px;} #container #contentarea #red #flashGame {text-align:center;} /* Shop */ #container #contentarea #white {background: #f0eeed;} #container #contentarea #white #sideNav {background: #f0eeed;} #container #contentarea #white #sideNav,#container #contentarea #white #sideNav a {color: #3f839e;} #container #contentarea #white #sideNav li li { list-style-image: url(../images/bullet-generic.gif);} #container #contentarea #white .main {background: #c5e0ec;} #container #contentarea #white .header {} #container #contentarea #white .main a.highlight {color:#d32032; text-transform: uppercase; text-decoration:none;} #container #contentarea #white .main a.highlight:hover {text-decoration:underline;} #container #contentarea #white .main a.highlight {color:#d32032; text-transform: uppercase; text-decoration:none;} /* Product Box */ #container #contentarea #white .product {width:153px; padding:10px 19px 0 0px; float: left;padding-bottom:1em;} #container #contentarea #white .product .header { padding: 10px 0 0 0; margin:0px; position:relative; background: transparent url(../images/product-top.gif) no-repeat left top;} #container #contentarea #white .product .inner { text-align:center; font-weight:bold; width:131px; padding: 0 10px 0em 10px; margin-bottom:0px;background: #fff url(../images/product-inner-bg.gif) repeat-x left bottom; border-left:solid 1px #a6bbc4;border-right:solid 1px #a6bbc4;} *>#container #contentarea #white .product .inner {min-height:15em;} *#container #contentarea #white .product .inner {height: 15em; } #container #contentarea #white .product .footer {width:153px; padding:0; margin:0em 0em 0.72em 0em; height: 11px; background: transparent url(../images/product-bottom.gif) no-repeat left bottom;} #container #contentarea #white .product .ShippingText {color:#4591b0;} .productContent .ShippingText {font-weight:bold;color:#4591b0;} #container #contentarea #white .main .mainBox .inner {padding-top:0px;} #container #contentarea #white .main .mainBox .inner .productImage {width:309px;padding-right:22px;float:left;} #container #contentarea #white .main .mainBox .inner .productContent {width:307px;float:left;} #container #contentarea #white .main .mainBox .inner .productContent p {margin:15px 0px;} #container #contentarea #white .main .mainBox .inner h2 {color:#4a94b1;font-weight:normal;text-transform:none;} #container #contentarea #white .main .mainBox .inner .productContent dl {margin:15px 0px;} #container #contentarea #white .main .mainBox .inner .productContent dt {color:#4a94b1;font-size:1.2em;} #container #contentarea #white .main .mainBox .inner .productContent input.quantity {border:solid 1px #dcdcdc;width:50px} #container #contentarea #white .main .mainBox .inner .productContent .actions .submit {text-transform:none; text-align:left; color:#d32032;background:transparent;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #white .main .mainBox .inner .productContent .input {margin:5px 0px;color:#0d3a4c;font-weight:normal; width: 14.3em;border:solid 1px #dcdcdc;cursor:text; /* hand-shaped cursor */ cursor:text; /* for IE 5.x */} #container #contentarea .main .head {padding:10px 0px;position:relative;margin-bottom:1em;} #container #contentarea .main .head #paging {width:350px;float:left;color:#d32032;font-size:1.0em;text-transform:uppercase;font-weight:bold;} #container #contentarea .main .head #paging a {color:#d32032;} #container #contentarea .main .head #paging .previous {float:left;} #container #contentarea .main .head #paging .next {float:right;} #container #contentarea .main .head #view {width:350px;float:left;} #container #contentarea .main .head #cart {float:right;width:190px;background:transparent url(../images/cart.gif) no-repeat;padding-left:30px;} #container #contentarea .main .head #cart span {margin-right:10px;} /* Shopping Cart */ /* Generic */ #container #contentarea #shoppingCart {color:#0d3a4c;position:relative;} #container #contentarea #shoppingCart a {color:#0d3a4c;} #container #contentarea #shoppingCart label {font-weight:bold;} #container #contentarea #shoppingCart .input {margin:5px 0px;font-weight:normal;border:solid 1px #a5cee0;width: 14.3em;} #container #contentarea #shoppingCart select.input {width: 14.75em;} #container #contentarea #shoppingCart .inputAddress1, #container #contentarea #shoppingCart .inputAddress2, #container #contentarea #shoppingCart .inputAddress3 {font-weight:normal;border:solid 1px #a5cee0;width: 14.3em;margin-bottom:2px;} #container #contentarea #shoppingCart .inputAddress1 {margin-top:5px;} #container #contentarea #shoppingCart .inputAddress3 {margin-bottom:5px;} #container #contentarea #shoppingCart .topPadding {padding-top: 2.85em;} #container #contentarea #shoppingCart .left {} #container #contentarea #shoppingCart .right {} #container #contentarea #shoppingCart .inner h2, #container #contentarea #checkout .inner h2 {font-size:1.4em;margin:0em 0em .5em;} #container #contentarea #checkout {color:#0d3a4c;float:left;position:relative;} #container #contentarea #checkout a {color:#0d3a4c;} #container #contentarea #checkout label {font-weight:bold;width:auto;clear:both;display:block;} #container #contentarea #checkout .input {margin:5px 0px;font-weight:normal;border:solid 1px #3a7aa8;width: 14.3em;} #container #contentarea #checkout select.input {width: 14.75em;} #container #contentarea #checkout .inputAddress1, #container #contentarea #checkout .inputAddress2, #container #contentarea #checkout .inputAddress3 {font-weight:normal;border:solid 1px #3a7aa8;width: 14.3em;margin-bottom:2px;} #container #contentarea #checkout .inputAddress1 {margin-top:5px;} #container #contentarea #checkout .inputAddress3 {margin-bottom:5px;} #container #contentarea #checkout .topPadding {padding-top: 1.5em;} #container #contentarea #checkout .info {width:401px !important;} #container #contentarea #checkout .info, #container #contentarea #checkout .error {float:left; background:#fff;border:solid 1px #ff0000;padding:5px;width:auto;} #container #contentarea #checkout span.error {display:block;margin-bottom:1em;width:158px;} #container #contentarea #checkout div.info {margin-bottom:1em;} #container #contentarea #shoppingCart #orderTrail, #container #contentarea #checkout #orderTrail {width:658px;padding:9px 0px 1.3em;margin:0px;float:left;position:relative;} #container #contentarea #shoppingCart #orderTrail ul, #container #contentarea #checkout #orderTrail ul {padding:0px;margin:0px;font-weight:bold;} #container #contentarea #shoppingCart #orderTrail ul li, #container #contentarea #checkout #orderTrail ul li {background:#ddeef6;color:#224e60;width:101px;display:block;float:left;padding:5px 15px;margin:0px;list-style-image:none;list-style-type:none;} #container #contentarea #shoppingCart #orderTrail ul li.selected, #container #contentarea #checkout #orderTrail ul li.selected {background:#a8cfdf;} #container #contentarea #shoppingCart #orderTrail ul li.end, #container #contentarea #checkout #orderTrail ul li.end {width:104px;} /* Step 1 */ #container #contentarea #shoppingCart table{width:658px;margin:.5em 0;border-collapse:collapse;text-align:left;float:left;} #container #contentarea #shoppingCart th{border:0px solid #fff;padding:5px; font-size:1.3em; font-weight:normal;} #container #contentarea #shoppingCart th.item {background:#a8cfdf; width:264px;} #container #contentarea #shoppingCart th.quantity {background:#ddeef6; width:182px;} #container #contentarea #shoppingCart th.price {background:#b8d1dc; width:86px;} #container #contentarea #shoppingCart th.total {background:#ddeef6; width:87px;} #container #contentarea #shoppingCart td{padding:5px;vertical-align:middle;} #container #contentarea #shoppingCart #total {float: right;} #container #contentarea #shoppingCart p.actions {float: right;clear:both;padding:.5em 0;} #container #contentarea #shoppingCart p.actions input {border:solid 1px #d32032;font-size:1.3em;height:100%;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #shoppingCart p.actions .update {width:182px;color:#fff;background:#d32032;} #container #contentarea #shoppingCart p.actions .empty {width:182px;color:#d32032;background:#fff;} #container #contentarea #shoppingCart p.actions .checkout {width:193px;color:#fff;background:#d32032;} #container #contentarea #shoppingCart p.actions .continue {width:193px;color:#d32032;background:#fff;} #container #contentarea #shoppingCart legend, #container #contentarea #checkout legend {color:#3a7aa8;width:222px;margin:0px 0px 1em -8px;padding:0px;clear:both;} #container #contentarea #shoppingCart .legend, #container #contentarea #checkout .legend {width:222px;float:left;} #container #contentarea #shoppingCart .submit, #container #contentarea #checkout .submit {width:100px;border:solid 1px #d32032;text-transform:none;color:#fff;background:#d32032;padding: 0 0.5em;height:2.0em;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #shoppingCart input.quantity {border: solid 1px #cbcbcb; padding:0 5px;} #container #contentarea #shoppingCart #total {font-size:1.3em; width:193px;text-align:center;} #container #contentarea #shoppingCart dl#total {margin:0em;} #container #contentarea #shoppingCart #total dt {padding:5px 11px;margin:0px;} #container #contentarea #shoppingCart #total dt.subTotal { background:#ddeef6;} #container #contentarea #shoppingCart #total dt.delivery {background:#ddeef6;} #container #contentarea #shoppingCart #total dt.total {background:#b8d1dc;} #container #contentarea #shoppingCart #total dd {margin:1.3em 11px;} #container #contentarea #shoppingCart #total dd.delivery {text-align:left !important;} #container #contentarea #shoppingCart #total dd.delivery .deliveryOptions {margin:0 -11px 10px;} #container #contentarea #shoppingCart #total dd.delivery .deliveryOptions input {float:left;margin-right:10px;} #container #contentarea #shoppingCart #total dd.delivery .deliveryOptions label {margin-bottom:5px;display:block;float:left;width:150px;} #container #contentarea #shoppingCart #total dd.delivery .deliveryOptions br {clear:both;} #container #contentarea #shoppingCart #total label {text-align:left;font-size:0.8em;} #container #contentarea #shoppingCart #total label .input {margin:0 -11px;width:15.55em;} #container #contentarea #shoppingCart #total label select.input {margin:0 -11px;width:16em;} #container #contentarea #shoppingCart .securitylogo{position:absolute; bottom:82px; left:165px;} /* Step 2 */ #container #contentarea #checkout .register {width:260px;float:left;padding:18px 38px .5em 18px;background:#ddeef6;margin-right:25px;min-height:28em;position:relative;} #container #contentarea #checkout .register .input {} #container #contentarea #checkout .register fieldset {} #container #contentarea #checkout .login {width:260px;float: left;background:#a8cfdf;padding:18px 38px .5em 18px;position:relative;} #container #contentarea #checkout .login .input {} *>#container #contentarea #checkout .login {min-height:28em;} *#container #contentarea #checkout .login {height:28em;} /* Step 3 */ #container #contentarea #checkout .address {width:622px;margin:0px;padding:18px 18px 1em 18px;background:#ddeef6;float:left;} #container #contentarea #checkout .address div.delivery {width:411px;float:left;margin-right:20px;} #container #contentarea #checkout .address .address_submit {margin-left:304px;} #container #contentarea #checkout .address .address_submit .submit {margin-top:12px;} #container #contentarea #checkout .address p.error {width:401px;} /* Step 4 */ #container #contentarea #checkout .payment {width:622px;margin:0px;padding:18px 18px 1em 18px;background:#ddeef6;float:left;} #container #contentarea #checkout .payment .column {float:right;} #container #contentarea #checkout .payment p.error {width:401px;} #container #contentarea #checkout .cost {width:184px;position:relative;margin-bottom:2.0em;float:right;} #container #contentarea #checkout .cost dl#total {font-size:1.0em; width:172px;text-align:center;background:#fff;padding:6px;margin-bottom:1.0em ;} #container #contentarea #checkout .cost dl#total {margin:0em;} #container #contentarea #checkout .cost dl#total dt {padding:5px 11px;margin:0px;} #container #contentarea #checkout .cost dl#total dt.subTotal { background:#ddeef6;} #container #contentarea #checkout .cost dl#total dt.delivery {background:#ddeef6;} #container #contentarea #checkout .cost dl#total dt.total {background:#b8d1dc;} #container #contentarea #checkout .cost dl#total dd {margin:0.7em 11px;} #container #contentarea #checkout .cost dl#total dd.total {margin-bottom:0.0em ;} #container #contentarea #checkout .payment .payment_paypal {width:172px;padding:6px;position:relative;} #container #contentarea #checkout .payment .payment_paypal .paypal_submit {background:transparent url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif) no-repeat 0 0;width:145px;height:42px;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #checkout .payment .creditcard {width:169px;margin:0px;padding-bottom:1em;padding-right:6em;float:left;position:relative;} #container #contentarea #checkout .payment .creditcard .input {} #container #contentarea #checkout .payment .creditcard input.cv2 {border:solid 1px #3a7aa8;width:50px;margin:5px 0px;font-weight:normal;float:left;} #container #contentarea #checkout .payment .creditcard img.cv2 {float:left;margin-left:20px;} #container #contentarea #checkout .payment .creditcard .month {width: 6.0em;margin:5px 0px;font-weight:normal;border:solid 1px #3a7aa8;float:left;} #container #contentarea #checkout .payment .creditcard .year {width: 6.0em; padding-left:0px;margin:5px 0px 0px 5px;font-weight:normal;border:solid 1px #3a7aa8;} #container #contentarea #checkout .payment .address {width:168px;float:left;padding:0px;padding-bottom:1em;position:relative;} #container #contentarea #checkout .payment .payment_submit {margin-left:304px;} #container #contentarea #checkout .payment .payment_submit .submit {margin-top:0;} /* PayPal */ #container #contentarea #paypal div.delivery {width:194px;float:left;/*padding-right:157px;*/padding-right:80px;margin:0em 0 1em;} #container #contentarea #paypal div.billing {width:194px;float:left;margin:0em 0 1em;} /* Step 5 */ #container #contentarea #checkout .confirm {width:658px;margin:0px;padding:0px 0px 1em 0px;position:relative;} /* #container #contentarea #checkout .confirm table {width:418px;text-align:left;padding: 20px 0px;} #container #contentarea #checkout .confirm th {color:#3a7aa8;font-size:1.3em;font-weight:normal;padding:0px;margin:0px;} #container #contentarea #checkout .confirm th{border:0px solid #fff;padding:5px 10px 5px 0px; font-size:1.3em; font-weight:normal;} #container #contentarea #checkout .confirm th.item {background:transparent; width:252px;} #container #contentarea #checkout .confirm th.quantity {background:transparent; width:40px;} #container #contentarea #checkout .confirm th.price {background:transparent; width:63px;} #container #contentarea #checkout .confirm th.total {background:transparent; width:63px;} #container #contentarea #checkout .confirm td {padding:10px 10px 10px 0px;vertical-align:middle;} #container #contentarea #checkout .confirm td.quantity {text-align:center;} #container #contentarea #checkout .confirm #total {text-align:left; float:left; width:63px;padding:0px 0px 1em 351px} #container #contentarea #checkout .confirm #total dt {padding:5px 0px;color:#3a7aa8;font-size:1.1em;font-weight:normal;} #container #contentarea #checkout .confirm #total dt.subTotal {background:transparent; } #container #contentarea #checkout .confirm #total dt.delivery {background:transparent;} #container #contentarea #checkout .confirm #total dt.total {background:transparent;} #container #contentarea #checkout .confirm #total dd {margin:0.3em 0px;} #container #contentarea #checkout .confirm #total dd.total {font-size:1.3em;} */ #container #contentarea #checkout .confirm div.delivery {width:194px;float:left;/*padding-right:157px;*/padding-right:80px;margin:0em 0 1em;} #container #contentarea #checkout .confirm div.billing {width:194px;float:left;margin:0em 0 1em;} #container #contentarea #checkout .confirm table{width:658px;margin:0em 0 1em;border-collapse:collapse;text-align:left;} #container #contentarea #checkout .confirm th{border:0px solid #fff;padding:5px; font-size:1.3em; font-weight:normal;} #container #contentarea #checkout .confirm th.item {background:#a8cfdf; width:264px;} #container #contentarea #checkout .confirm th.quantity {background:#ddeef6; width:182px;} #container #contentarea #checkout .confirm th.price {background:#b8d1dc; width:86px;} #container #contentarea #checkout .confirm th.total {background:#ddeef6; width:87px;} #container #contentarea #checkout .confirm td{padding:5px;vertical-align:middle;} #container #contentarea #checkout .confirm #total {float: right;font-size:1.3em; width:193px;text-align:center;} #container #contentarea #checkout .confirm dl#total {margin:0em;} #container #contentarea #checkout .confirm #total dt {padding:5px 11px;margin:0px;} #container #contentarea #checkout .confirm #total dt.subTotal { background:#ddeef6;} #container #contentarea #checkout .confirm #total dt.delivery {background:#ddeef6;} #container #contentarea #checkout .confirm #total dt.total {background:#b8d1dc;} #container #contentarea #checkout .confirm #total dd {margin:1.3em 11px;} /* My Account */ #container #contentarea #account .tabs {padding:0px;margin:0px 0px 10px -16px;height:37px;width:691px; background:#4a94b1;position:relative;} #container #contentarea #account .tabs li {display:block;float:left; margin:0px;padding:0px;list-style:none; height:37px;width:230px; background:url(../images/tab_noselect.jpg) repeat-x; text-transform:uppercase;} #container #contentarea #account .tabs li.last{width:231px;} #container #contentarea #account .tabs li a {display:block; text-decoration:none; padding:0 0 0 15px; color:#fff;font-size:1.2em;line-height:2.7em;} #container #contentarea #account .tabs a {color:#ffffff;} #container #contentarea #account .tabs a.selected {color:#4a94b1;} #container #contentarea #account .tabs li a.selected{background:url(../images/tab_select.jpg);} #container #contentarea #account .tabs li a:hover {text-decoration:underline;} #container #contentarea #account .address {background:#fff;} #container #contentarea #account .radiobtnlabel{height:25px; margin-left:5px; vertical-align:top;} #container #contentarea #account .smallBox {padding-left:0; margin-left:0; width:150px;} #container #contentarea #account #forumOptions .radio label {font-weight:normal;width:auto;clear:none;display:inline;} #container #contentarea #account #forumOptions span.label {font-weight:bold;} #container #contentarea #account #forumOptions select {width: 14.75em;} #container #contentarea #account #orderHistory tr, #container #contentarea #account #orderHistory td, #container #contentarea #account #orderHistory th {margin:0px;padding:0px;} #container #contentarea #account #orderHistory tr.alt, #container #contentarea #account #orderHistory tr.alt td {background:#E7E7FF;} #container #contentarea #account #orderHistory th {padding:5px;border-bottom:solid 1px #000;height:3em;} #container #contentarea #account #orderHistory th.orderno {width:50px;} #container #contentarea #account #orderHistory th.orderitems {width:150px;} #container #contentarea #account #orderHistory th.orderdate {width:120px;} #container #contentarea #account #orderHistory th.ordercost {width:100px;} #container #contentarea #account #orderHistory th.orderstatus {width:150px;} #container #contentarea #account #orderHistory td {padding:5px;height:3em;} /* Media Library */ #container #contentarea #library {background: #4a94b1;color: #0d3a4c;} #container #contentarea #library #sideNav {color: #4a94b1;} #container #contentarea #library #sideNav li li { list-style-image: url(../images/white-pointer.gif);} #container #contentarea #library .main {background: #c5e0ec url(../images/blue-gradient-bg.jpg) repeat-x 0 0;} #container #contentarea #library .main .intro {width:427px;padding:0px 24px 34px 0px;float:left;} #container #contentarea #library .main .actions {width:188px;float:left;border:solid 1px #e0dedd;padding:1em 0px .5em 14px;} #container #contentarea #library .main .column {width:201px;padding-right:24px;float:left;} #container #contentarea #library .main .column.end {padding-right:0px;} #container #contentarea #library .main .column ul {margin:5px 0px 0px;list-style:none;} #container #contentarea #library .main .column .item {padding:0px 0px 10px;list-style-image:none;} #container #contentarea #library .main .column .item .img {width:140px;} #container #contentarea #library .main .column .item a {color:#0d3a4c;} /* Arrow Links */ #container #contentarea #library .inner .actions .arrow {position:relative;bottom:auto; height: 30px; padding:7px 27px 7px 0;margin-right:40px; text-transform: uppercase;background: url(../images/arrow-blue.gif) no-repeat 100% 0;} #container #contentarea #library .inner .actions .arrow a {position:absolute;right:27px; padding: 0px 2px 2px 4px; margin: 0;background: #86bad0; color: #fff;text-decoration:none;} #container #contentarea #library .inner .actions .arrow a:hover {text-decoration:underline;} #container #contentarea #library .main .inner h1, #container #contentarea #library .main .inner h2 {padding-top:10px;} #container #contentarea #library .main .inner h1, #container #contentarea #library .main .inner h2, #container #contentarea #library .main .inner h3, #container #contentarea #library .main .inner h4, #container #contentarea #library .main .inner h5 {color: #4a94b1;} #container #contentarea #library .main .inner h2, #container #contentarea #library .main .inner h3, #container #contentarea #library .main .inner h4, #container #contentarea #library .main .inner h5 {text-transform:none;} /* History */ #container #contentarea #history ul { margin:0px; padding:0px;} #container #contentarea #history li {height:146px;border-left:solid 1px #94c1d6;list-style-type:none;list-style-image:none;margin:0px 0px;padding:0px 0px 40px 5px;display:block;} #container #contentarea #history li.end {border-left:solid 0px #94c1d6;} #container #contentarea #history .date {color:#3d77a5;width:53px;float:left;} #container #contentarea #history .image {width:222px;padding-right:32px;float:left;} #container #contentarea #history .copy {width:317px;color:#0f3a4d;float:left;} /* Calendar / Events */ #container #contentarea .events .intro {width:446px;} #container #contentarea .events .calendar {width:254px;float:left;margin-right:20px;border:solid 1px #d7d7d7;background:#e7f6fd;} #container #contentarea .events .calendar tbody {} #container #contentarea .events .calendar a {text-decoration:none;} #container #contentarea .events .calendar a:hover {text-decoration:underline;} #container #contentarea .events .calendar .title {font-size:1.3em;margin:0px;border:solid 0px #d7d7d7;background:#e7f6fd;color:#3a79a5;text-transform:uppercase;} #container #contentarea .events .calendar td {border:solid 0px #d32033;} #container #contentarea .events .calendar .dayHeader {color:#4284b4;text-transform:uppercase;} #container #contentarea .events .calendar .day {width:28px;height:28px;background:transparent url(../images/calendar-day-bg.gif) no-repeat;} #container #contentarea .events .calendar .weekend {background:transparent url(../images/calendar-weekend-bg.gif) no-repeat;} #container #contentarea .events .calendar .otherMonth {background:transparent;} #container #contentarea .events .calendar .today {border:solid 1px #d32033;} #container #contentarea .events .calendar .eventDay {background:transparent url(../images/calendar-event-bg.gif) no-repeat;color:#f7e2e1;} #container #contentarea .events .calendar .selectedDate {background:transparent url(../images/calendar-selected-bg.gif) no-repeat;color:#0e6284;} #container #contentarea .events .event {width:338px;float:right;border:solid 1px #d7d7d7;padding:10px 16px 16px;position:relative;margin-bottom:1em;} #container #contentarea .events .event h2 {font-weight:normal;} #container #contentarea .events .event .location {font-style:italic;} #container #contentarea .events .event .description {padding:18px 0px 0px;} #container #contentarea .events .event .arrow {position:relative; padding:8px 27px 8px 0;margin:1em 0em;} #container #contentarea .events .event .arrow a {position:absolute;right:27px; padding: 0px 2px 1px 4px; margin: 0;} #container #contentarea .events .event .arrow a:hover {text-decoration:underline;} /* Contact */ #container #contentarea #contact .input {margin:5px 0px;font-weight:normal;border:solid 1px #a5cee0;width: 15em;} #container #contentarea #contact .message {margin:5px 0px;font-weight:normal;border:solid 1px #a5cee0;width: 20em;height:14em;} #container #contentarea #contact .topPadding {padding-top: 2.00em;} /* Sitemap */ #container #contentarea #sitemap {padding:10px;} #container #contentarea #sitemap ul {margin-left:2em;padding:0px;} #container #contentarea #sitemap li {padding:2px 0px;} /* Footer */ #container #footer {clear: both; padding-top: 8px; background:#fff; color: #106284; text-transform: uppercase;padding:5px 10px;} #container #footer a { color: #106284;} #container #footer div.country {float: left; padding-right: 55px;} #container #footer div.country select.country {width:12em;text-transform:uppercase;color:#106284;border:solid 1px #106284;} #container #footer .nav {float: left; padding-right:15px; padding-top:2px; } #container #footer .nav li {background: transparent url(../images/list-footer-arrow.gif) no-repeat 0px 2px; padding-left: 10px; padding-right: 5px;display: inline;} #container #footer .update {float: right;position:relative;} #container #footer .update input.email {width:6.0em; text-transform:none;color:#0d3a4c;} /* Flags */ .flagHolder{ width: 320px; padding: 0px !important; } .flagRow{ float: left; vertical-align:middle; width: 320px; padding: !important; } .flagImageHolder{ width: 32px; height: 29px; float: left; padding: !important; }