html, body { background-color: #ffffff; height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; } body { background: #000000 none repeat scroll 0 0; color: #ffffff; font-family: Helvetica, Arial, Sans-Serif; font-size: 100%; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; text-align: center; position: fixed; } p { padding: 5px; } img.bg { left: 0; top: 0; position: fixed; width: 100%; height: 100%; min-width: 866px; min-height: 563px; z-index: 1; } #scrollable { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; min-width: 865px; overflow: auto; } #header { background: transparent url(../images/jagx_header_bg.png) repeat scroll left top; border: 0 none; height: 107px; margin: 0 auto; padding: 0; width: 865px; } .headerimg { margin: 0; padding: 0; border: none; float: left; background-color: transparent; } #nav { background: transparent url(../images/jagx_nav_bg.gif) repeat-x scroll right top; color: #ffffff; font-size: 10pt; height: 31px; letter-spacing: 1px; margin: 0 auto; width: 865px; } #nav div#navItems { float: left; margin: 0; padding: 7px 0px 5px 18px; width: 250px; } #ddlCountry { border: solid 1px #ffffff; } #nav div#accountItems { float: right; margin: 0; padding: 0; width: 264px; } #nav #accountLinks { vertical-align: middle; float: right; padding: 7px 10px 5px 10px; } #nav div#accountItems div.loginBtn { float: right; margin: 0; padding: 0; } #nav div a { color: #ffffff; font-weight: bold; text-decoration: none; } #nav div a:hover { text-decoration: underline; } #nav img.loginOff { border: 0; } #nav img.loginOver { border: 0; } #content { margin: 0 auto; width: 865px; min-height:200px; padding: 0; } #contentChoose { margin: 0 auto; width: 865px; min-height:200px; padding: 0; } #nav #accountItems a.logButton { padding: 0; margin: 0; float: right; width: 90px; height: 28px; border: none; position: relative; top: 1px; right: 2px; z-index: 600; } #nav #accountItems #login a { background: transparent url(../images/jagx_logButton_sprite.gif) no-repeat scroll center top; } #nav #accountItems #login a:hover { background: transparent url(../images/jagx_logButton_sprite.gif) no-repeat scroll center -29px; } #nav #accountItems #logout a { background: transparent url(../images/jagx_logButton_sprite.gif) no-repeat scroll center -58px; } #nav #accountItems #logout a:hover { background: transparent url(../images/jagx_logButton_sprite.gif) no-repeat scroll center -87px; } #top { background: transparent url(../images/jagx_topbot_frame_sprite.gif) repeat-x scroll right top; height: 9px; width:865px; padding: 0; margin: 0; } #bottom { background: transparent url(../images/jagx_topbot_frame_sprite.gif) repeat-x scroll right top; height: 9px; width:865px; padding: 0; margin: 0; } #bottomLeft { background: transparent url(../images/jagx_topbot_frame_sprite.gif) repeat-x scroll right top; height: 9px; width:226px; padding: 0; margin: 0; } #bottomRight { background: transparent url(../images/jagx_topbot_frame_sprite.gif) repeat-x scroll right top; height: 9px; width:629px; padding: 0; margin: 0; } .divLeft { width: 226px; padding-left:10px; float:left; background: transparent url(../images/jagex_frame_236.png) repeat-y scroll left top; } .divLeftMain { min-height:454px; } .divRight { width: 629px; float:left; background: transparent url(../images/jagex_frame_629.png) repeat-y scroll left top; } .leftImgHeader { } #leftNavBottom { background: transparent url(../images/jagx_topbot_frame_sprite.gif) repeat-x scroll left -10px; height: 8px; left: 3px; width: 236px; } #leftNavFiller { background: transparent url(../images/jagx_navleft_bg.gif) repeat-y scroll left top; height: 68px; margin: 0 0 0 4px; } .imgFeatureProduct { width: 224px; } #main { padding: 0 8px; min-height: 454px; } #mainContent { } #nav div#navCountrySelect { float: left; margin: 0; padding: 7px 0px 5px 50px; font-weight: bold; width: 263px; } #lstCountrySelect { margin: 0; padding: 0; position:relative; z-index: 1000; } #lstCountrySelect li { margin: 0; padding: 0; list-style: none; float: left;} .countryHeader { display: block; margin: 0 1px 0px 0; padding: 0px 0px 0px 0px; width: 200px; text-align: center; text-decoration: none; } .countryItem { display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 150px; text-align: center; text-decoration: none; } .smallHeaderText { font: 11px arial; font-weight:normal; } #lstCountrySelect li a:hover { text-decoration: none; } #lstCountrySelect div { position: absolute; visibility: hidden; margin: 0; padding: 17px 0px 0px 0px; } #lstCountrySelect div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: 200px; white-space: nowrap; text-align: left; text-decoration: none; background: transparent url(../images/ddlButton.png) no-repeat scroll center top; font: 11px arial} #lstCountrySelect div a:hover { background: transparent url(../images/ddlButton.png) no-repeat scroll center -28px; } .divCategoryMenu { background: transparent url(../images/jagx_navleft_bg.gif) repeat-y scroll left top; width:226px; min-height:186px; } .divCategoryMenuItem { background-color:Red; width:226px; font-size: 10pt; text-align: left; background: transparent url(../images/jagx_left_nav_sprite.png) no-repeat scroll center top; height: 30px; margin-top:0px; } .divCategoryMenuItem:hover { background: transparent url(../images/jagx_left_nav_sprite.png) no-repeat scroll center -32px; } .divCategoryMenuItem a { color: #ffffff; display: block; height: 30px; margin: 0; padding: 5px 0px 0px 20px; text-decoration: none; text-transform: capitalize; width: 209px; } #categoryNav { font-size: 10pt; margin: 0; padding: 0; text-align: left; } #categoryNav li { background: transparent url(../images/jagx_left_nav_sprite.png) no-repeat scroll center top; height: 30px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: relative; width: 231px; } #categoryNav li a { color: #ffffff; display: block; height: 22px; margin: 0; padding: 5px 0 0 20px; text-decoration: none; text-transform: capitalize; width: 209px; } #categoryNav li:hover { background: transparent url(../images/jagx_left_nav_sprite.png) no-repeat scroll center -32px; } #pcMain { overflow:hidden; background-color:White; min-height:454px; } table.pcMainTable { border-collapse: collapse; border-spacing: 0; overflow:hidden; } table.pcMainTable td { padding: 0; margin: 0; } .pcMainTable h1 { background: #e5e5e5 url(../images/jagx_header_bg.gif) repeat scroll left top; color: #ffcc33; font-family: Trajan Pro, Times New Roman, Serif; font-size: 18px; margin: 0px 0px 10px 0px; padding: 4px 4px 4px 15px; text-transform: capitalize; font-variant: small-caps; text-shadow: 0.1em 0.1em #000000; } .pcMainTable p { margin: 0 10px; } #footer { font-size: 11px; clear: both; font-size: 11px; } #footer a { color: #ffffff; text-decoration: none; } #footer a { color: #ffffff; text-decoration: underline; } #pcMain a:link { color: #cc9900; font-family: Helvetica, Arial, Sans-Serif; } #pcMain a:hover { color: #000; } #pcMain a:visited { color: #cc9900; } #pcMain .submit { padding: 0px 3px 0px 3px; } div.pcErrorMessage { margin: 0 10px 10px; position: relative; top: 5px; width: 580px; background-color: #fff; border: 1px solid #ff9900; color: #333333; font-size: 12px; font-weight: bold; text-align: center; } table.pcMainTable td.pcSectionTitle { padding: 10px; } table.pcShowProducts tr { padding: 0; } table.pcShowProducts p { padding: 0; } .pcShowProducts { padding: 0; } #pcMain img { padding: 0px; } #pcMain img#mainImg { } #pcMain a:link, #pcMain a:visited { text-transform: none; color: #330000; text-decoration: underline; font-size: 11px; } #pcMain a:hover { text-transform: none; color: #330000; text-decoration: none; font-size: 11px; } #submit { padding: 0px 3px 0px 3px; } .pcErrorMessage { background-color: #fff; border: 1px solid #ff9900; color: #ff9900; font-size: 12px; font-weight: bold; margin: 15px; padding: 4px; text-align: center; width: 90%; } .productOption { color: #000000; padding-top: 5px; } table#productDescription td { padding-left: 15px; } #pcMain .iform, #pcMain .AddToCartImg, #pcMain .AddToWishListImg { vertical-align: bottom; padding: 0; margin: 0 5px 0 0; } .pcShowProducts { border: none; } table.pcMainTable tr.pcSectionTitle td { background-color: transparent; padding: 10px 0 0 0; margin: 0; } #pcMain hr { display: none; } #breadCrumbs { display: inline; padding: 0 0 0 10px; margin: 0; } #sortProducts { float: right; display: inline; clear: left; padding: 0 10px 0 0; margin: 0; } #viewCartTotal { padding: 0; margin: 0; font-weight: bold; } table#viewCartTable { width: 590px; margin: 0 auto; } table#viewCartTable th, table#viewCartTopTable th, table#viewOrderAddress th, table#shipOptions th, table#orderCompleteTable th, table#cvpDAddressTable th, table#cvpDorderTable th { background-color: #ffcc33; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; font-size: 12px; font-weight: bold; padding: 3px 10px; white-space: nowrap; } table#cvpDAddressTable th { text-align: left; padding-left: 0; } table#shipOptions td { padding: 2px 5px; } table#orderCompleteTable th { padding: 3px 5px; } table#viewOrderAddress th { padding: 3px 5px 3px 10px; } table#viewCartTopTable td, table#viewCartTable td { padding: 2px 10px; vertical-align: middle; } .totalsLine { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } table#viewOrderAddress { width: 590px; margin: 0 auto; } table#viewOrderAddress td hr { display: block; } div#shipAgreeTitle { padding: 0 0 0 5px; } div#shipAgreement { padding: 10px; } div#shipAgreement div { float: right; width: 565px; padding-bottom: 13px; } div#shipAgreement .boxes { width: inherit; } table.pcMainTable table tr td.overrideCell { padding: 0; margin: 0; text-align: center; } div.addressOverride { background-color: #ffffff; border: 1px solid #ff9900; color: #333333; font-size: 12px; font-weight: bold; margin: 0 auto 10px; padding: 3px 5px; text-align: center; top: 5px; width: 580px; } table#longinTable, table#paymentTable { width: 590px; margin: 0 auto; } table#orderCompleteTable, table#pfpPaymentTable, table#cvpDAddressTable, table#cvpDorderTable, table#cvpDorderStatusTable { margin: 0 auto; width: 590px; } table#cvpDAddressTable td, table#cvpDorderTable td, table#orderCompleteTable td, table#pfpPaymentTable td,table#viewOrderAddress td, table#ovAddress td { padding: 3px 3px 3px 5px; vertical-align: middle; } .pcSectionTitle { background-color: Transparent; color: #333; font-size: 12px; padding-top: 10px; } table#viewOrderAddress tr td.orderPriceCol { padding: 5px; } table#coLoginTable { margin-top: 0; } table#coLoginTable tr td P { padding-left: 15px; } table#coLoginTable tr.pcSectionTitle td p { padding-left: 0; } div#orderContinueButton { float: right; } table#viewCartTable hr, table#orderCompleteTable hr, table#cvpDorderTable hr, table#cvpDAddressTable hr { display: block; } #pcMain ul.custprefcols { padding: 0 10px; } #pcMain ul li.custprefcols a { text-decoration: none; } fieldset { border: 0; } #signin { clear:both; float:left; } #signin fieldset label { display:block; margin:0 0; } #signin input { width: 200px; } #signin p.button input { padding:0; border: 0; width: inherit; vertical-align: middle; } #signin p { margin: 0 5px; padding: 5px 0; } div.create_account { float:left; margin: 10px; width:283px; background:transparent url(../images/create_bottom.png) no-repeat scroll 0 100%; height: 175px; } div.create_account h3 { color:#242424; font-weight:bold; background:transparent url(../images/create_top.png) no-repeat scroll 0 0; margin: 0; } div.sign_in { float:left; margin: 10px; width:283px; background:transparent url(../images/signin_bottom.png) no-repeat scroll 0 100%; height: 175px; } div.sign_in h3 { color:#242424; font-weight:bold; background:transparent url(../images/signin_top.png) no-repeat scroll 0 0; margin: 0; } span.forgotpass { vertical-align: middle; } div.pcPageNav { padding: 10px; margin: 0; } .divAddToCart { } .divAddToCartQuantity { width:53px; padding:0 0 0 0; margin:3px 0 0 0; position:absolute; } .divAddToCartQuantity input { width:53px; } .divAddToCartButton { width:95px; padding:0 0 0 0; margin:0 0 0 58px; position:absolute; } .divWishListButton { width:87px; padding:0 0 0 0; margin:0 0 0 158px; position:absolute; } .divTellAFriendButton { width:87px; padding:0 0 0 0; margin:22px 0 0 158px; position:absolute; }