﻿/* Element Styles */
html { overflow-y:scroll; }
ul { list-style:none; padding:0px; margin:0px; }
ul li { list-style:none; padding:0px; margin:0px; float:left; }
* { font-family:Helvetica, Arial, Sans-Serif; outline:none; background-repeat:no-repeat; text-decoration:none; }
a { color:#d2232a; }
img { border:none;  }
body { background-color:#f5f5f5; margin:0px; color:#6d6e71; background-image:url( ../images/global/background.gif); background-repeat:repeat-y; background-position:center top;}
p { font-size:16px; }

/* Shared Classes */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }

/* Template Styles */
/*#page { width:908px; padding:21px 25px 25px 25px; background-color:White; margin:0px auto 0px auto; min-height:100%; } 
#page { width:958px;  background-color:White; position:absolute; left:50%; height:100%; margin-left:-479px; top:0px;   } */
#page { width:958px;  background-color:White; margin:0 auto 0 auto;   } 

#masthead { margin:21px 25px 0px 25px; } 
#main { clear:both; margin:0px 25px 25px 25px; }
#navigation1 { margin-top:2px; margin-left:2px; margin-bottom:12px; height:26px; float:left;  }
#navigation1 li { font-size:20px; color:#6e6f72; margin-right:3px; }
#navigation1 li a, #navigation1 li span { color:#6e6f72; text-decoration:none; text-indent:-10000px; display:block;  background-image:url( ../images/global/navigation2.png); height:21px;}
#navigation1 li a:hover, #navigation1 li.active a { color:#d72127;  }
#navigation1 li span { background-position:-251px top; width:10px; }

/* Nav image Placment */
#navigation1 li.navHome a { width:51px; }
#navigation1 li.navShop a { width:43px; background-position:-52px 0px; }
#navigation1 li.navAbout a { width:50px; background-position:-95px 0px; }
#navigation1 li.navHelp a { width:38px; background-position:-148px 0px; }
#navigation1 li.navContact a { width:63px; background-position:-187px 0px;}
#navigation1 li.navNotepad a { width:75px; background-position:-263px 0px; }

#navigation1 li.navHome a:hover, #navigation1 li.active.navHome a {background-position:0px bottom; }
#navigation1 li.navShop a:hover, #navigation1 li.active.navShop a { background-position:-52px bottom; }
#navigation1 li.navAbout a:hover, #navigation1 li.active.navAbout a {  background-position:-95px bottom; }
#navigation1 li.navHelp a:hover, #navigation1 li.active.navHelp a { background-position:-148px bottom; }
#navigation1 li.navContact a:hover, #navigation1 li.active.navContact a {  background-position:-187px bottom;}
#navigation1 li.navNotepad a:hover, #navigation1 li.active.navNotepad a { background-position:-263px bottom; }

.twitterLink {float:right; display:block; background-image:url(../images/global/Twitter-logo.gif); width:30px; height:30px; text-indent:-10000px; margin-top:-8px;  }
.facebookLink {float:right; display:block; background-image:url(../images/global/facebook.png); width:30px; height:30px; text-indent:-10000px; margin-top:-8px; margin-right:2px;  }
.followUs {float:right; display:block; margin-right:5px;font-size:12px; font-weight:bold; margin-top:6px; text-indent:-10000px;background-image:url(../images/global/followUs.gif); height:16px; width:79px;}

h1 { text-indent:-10000px; width:300px; height:60px; background-image:url(../../Resources/PageImages/Logo.jpg); background-repeat:no-repeat; margin:0px;  }
h2 { font-size:20px; color:#6e6f72; font-weight:normal; margin:0px; }
h3 { font-size:16px;   font-weight:bold; margin:0px;   }

/* Home */
.latestReleases { margin-top:5px; }
.latestReleases h2 { display:block; width:200px; float:left; }
.latestReleases ul { float:right; }
.latestReleases ul li {margin-left:12px; }

/* Shop */
#shopBar a { color:inherit; }
#shopBar { height:30px; background-color:#4d4d4f;  color:White; font-size:13px;}
#shopBar .basket { display:block; width:30px; height:22px; background-image:url(../images/global/basket.png); text-indent:-10000px; float:left; margin-top:3px; margin-left:25px;}
#shopBar span { display:block; float:left; margin-top:7px; }
#shopBar span.bContent { margin-left:10px; margin-right:5px; }
#shopBar span.bTotal { margin-left:5px;  }
#shopBar ul.paging { float:right; }
#shopBar ul.paging li { padding-top:4px; margin-top:3px; height:19px; margin-right:10px;  }
#shopBar ul.paging li.active { font-weight:bold; }
#shopBar ul.paging li.pPrev { padding-left:10px; padding-right:20px; background-image:url(../images/global/diagonalSmall.gif); margin-top:2px; margin-bottom:0px; padding-top:5px; padding-bottom:3px; background-position:right top;}
#shopBar ul.paging li.pNext { padding-left:20px; background-image:url(../images/global/diagonalSmall.gif); margin-top:2px; margin-bottom:0px; padding-top:5px; padding-bottom:3px;}
#shopBar ul.paging li.pShowAll { border-left:solid 2px white; padding-left:10px;  }
#shopBar .diagDiv {width:17px; height:28px; background-image:url(../images/global/diagonalSmall.gif); margin-top:2px; margin-right:0px; }
#shopBar .paging .diagDiv { margin-top:-5px; }
#shopBar .paging .backToShop { margin-left:5px; }



.productListing { background-color:#f1f1f2; padding-left:234px; padding-bottom:20px; }
.productListing li { margin-left:20px; margin-top:20px; width:198px; height:235px; overflow:hidden; background-color:White; }
.productListing li img { display:block; margin-top:5px; margin-left:5px; width:185px; background-image:url(../images/shop/MissingImage.jpg);}
.productListing li a { display:block; height:200px; }
.productListing li span { display:block; font-size:15px; margin-left:5px; margin-top:5px; color:#777777;}

/* Product Details */
.productDetails  a { color:inherit; }
.productDetails { border-bottom:solid 1px black; }
.productDetails .left { width:458px; height:490px; float:left;   }
.productDetails .left img { width:450px;  }
.productDetails .right { width:350px; height:440px; padding:50px 70px 0px 30px; float:left; background-color:#f3f3f4; color:#7e7e80; font-size:17px;  }
.productDetails div.tab a { color:#d72127; }

.productDetails .quantity  {  margin-top:18px;}
.productDetails .quantity input { width:50px; border:none; height:20px; }
.productDetails .addToCart { margin-top:20px;}
.productDetails div.tab .addToCart a {   display:block; padding:2px 4px 2px 4px; background-color:#d71921; color:White; float:left; font-size:14px; font-weight:bold;}
.otherImages { margin-top:5px; }
.otherImages .label { margin-top:3px; }
.otherImages li a { display:block; width:75px; height:92px; margin-left:20px;  }
.otherImages li img { width:75px;  }

.infoNav { width:350px;height:30px;  background-position:-15px 0px; color:#666666; overflow:hidden;  }
.infoNav li { background-color:White; background-image:url(../images/global/infonavsep.png); background-position:right top;  }
.infoNav li.last { background-image:none; }
.infoNav li.last a { background-image:none; }
.infoNav li a { margin-left:-17px;    display:block; background-image:url(../images/global/infoNavRight.png);background-position:right -30px;     }
.infoNav li a span { width:110px; height:26px;padding-top:4px; padding-left:22px;     display:block; font-size:17px; background-image:url(../images/global/infoNavLeft.png);  background-position:0px -30px;     }
.infoNav li a.active { background-color:#949599; color:White; background-position:right 0px;}
.infoNav li a.active span { background-position:left 0px;}
.tabs div.tab { display:none; }

.productDetails h2 { margin-top:15px; }
.productDetails h2 .price { float:right; margin-right:5px; }

.productDetails .sizes li { clear:both; }
.productDetails .sizes label { display:block; float:left; width:130px; }
.productDetails .sizes input { display:block; float:left;   }
.productDetails .sizes span.stockWarning { display:block; float:left;   font-size:13px; margin-left:5px; }
.productDetails span.code  {   font-size:14px;  }

/* Shopping Bag */
.titleBar { background-color:#f3f3f5; border-bottom:solid 2px #9b999a; padding:16px 0px 16px 5px; height:28px; }
.titleBar span { float:right; font-size:25px; display:block; margin-right:11px; font-weight:bold; }
.shoppingBag h2 { background-image:url(../images/shop/ttlShoppingBag.png); width:152px; height:28px; text-indent:-10000px; float:left; }

.shoppingCart  { padding-top:2px; }
.shoppingCart li.cartItem { float:none; clear:both; margin-top:6px; border-bottom:solid 2px #9b999a; height:140px;}
.shoppingCart li img { float:left; }
.shoppingCart li ul  { float:left; margin-left:22px; margin-top:6px; width:765px;  }
.shoppingCart li ul li { margin:0 0 1px 0; float:none;}
.shoppingCart li ul li label { float:left; display:block; width:100px;}
.shoppingCart li ul li.quantity { margin:21px 0 0 0;}
.shoppingCart li ul li.quantity input { width:71px; border:solid 2px #c1c1c3; float:left; height:18px; padding:0px; padding-left:5px; color:#757678; }
.shoppingCart li ul li.quantity a { display:block; float:left; background-color:#d9dadc; color:#757678; padding-top:2px; margin-left:10px; font-size:15px; width:78px; height:20px; text-align:center; }
.shoppingCart li ul li.quantity span { float:right; display:block; }
.shoppingCart li ul li.quantity span.total { font-size:25px; font-weight:bold; }
.shoppingCart li ul li.quantity span.fwrSlash { width:17px; height:28px; background-image:url(../images/global/forwardSlash.png); margin-right:55px; }

ul.totals { margin-left:18px; margin-top:10px; height:155px; }
li.deliveryDest label { width:120px; display:block; float:left; margin-top:6px; clear:both; }
li.deliveryDest input {   margin-top:8px;}
.destinations li { float:none; clear:both; height:26px; }
.destinations { margin-bottom:5px; width:290px; }
.spacer { background-image:url(../images/global/fowardSlashBig.png); width:388px; height:128px;  }
.cartTotal { width:210px; float:right; margin-top:14px; }

.offerCode { width:200px; margin:40px 0px 0px 60px; }
.offerCode p { font-size:12px; width:150px; margin:0px; padding:0px; height:55px; }
.offerCode input { width:120px; background-image:url(../images/shop/discountBox.png); border:none; border-width:0px; height:26px; padding:0px; padding-left:4px; float:left; display:block; clear:both;}
.offerCode a { display:block;  float:left; height:26px; background-image:url(../images/shop/discountBox.png); background-position:right; width:72px; text-indent:-10000px; }
 
.cartTotal ul li { float:none; margin-bottom:2px; height:30px; }
.cartTotal ul li.discount { color:#D2232A; }

.cartTotal ul li label { width:85px; display:block; float:left; margin-top:4px;   }
.cartTotal ul li span { font-size:25px; font-weight:bold; text-align:right; float:right; }
.cartTotal ul li.finalTotal { border-top:solid 2px #9b999a; margin-top:5px; padding-top:6px; }
.shoppingBag .buttonBar { height:28px; background-image:url(../images/shop/buttonBarBack.png); background-repeat:repeat-x;     }
.shoppingBag .buttonBar a { display:block; text-indent:-10000px; width:206px; height:28px; }
.shoppingBag .buttonBar a.backToShop { float:left;  background-image:url(../images/shop/backToShop.png); }
.shoppingBag .buttonBar a.checkout { float:right;  background-image:url(../images/shop/checkout.png); }




/* Help */
.help { padding-top:1px; }
.help.home {  height:500px; background-image:url( ../../Resources/PageImages/helpBG.jpg); padding-top:1px; }
.help h2 { display:none; }
.helpLinks { margin:110px 0px 0px 585px; }
.helpLinks li { float:none;margin-bottom:20px;  }
.helpLinks li a { display:block; width:180px; height:29px; padding:8px 0px 0px 12px; font-size:18px; color:#6c6c6e; background-image:url( ../images/global/simpleButton.png);   }
.helpLinks li a:hover { color:#d72127; }
.help .content { margin:165px 0px 0px 255px; width:520px; padding-bottom:70px;  }

/* Deliveries */
.help.deliveries { background-image:url( ../../Resources/PageImages/deliveriesBG.jpg);  }

/* Retunrs */
.help.returns { background-image:url( ../../Resources/PageImages/returnsBG.jpg);  }

/* Security */
.help.security { background-image:url( ../../Resources/PageImages/securityBG.jpg );  }

/* Contact */
.contact h2 { display:none; }
.contact { background-image:url( ../../Resources/PageImages/contactBG.jpg );  padding-top:1px;  }
.contact p { font-size:20px; }
.contact .leftContent { margin-left:0px; margin-top:525px; width:350px; padding-bottom:70px; float:left;  }
.contact .leftContent p { font-size:12px; }
.contact .rightContent { margin:190px 0px 0px 180px; width:370px; padding-bottom:70px; float:left;  }

/* About */
.about h2 { display:none; }
.about { background-image:url( ../../Resources/PageImages/aboutBG.jpg );  padding-top:1px;  }
.about p { font-size:20px; }
.about .content { margin:190px 0px 0px 530px; width:370px; padding-bottom:70px;    }
.about .content p { font-size:18px; }

/* Thank You */
.thankYou h2 { display:none; }
.thankYou { background-image:url( ../images/thankyou/background.png);  padding-top:1px;  }
.thankYou p { font-size:20px; }
.thankYou .content { margin:230px 0px 0px 530px; width:370px; padding-bottom:70px;    }
.thankYou .content p { font-size:18px; }


/* Delivery Address */
.form  { float:left; width:600px; }
.form  li { float:none; clear:both; }
.form  li label { float:left; width:90px; display:block; }
.form  li input { float:left; width:330px; display:block; border:solid 1px #999999; margin-bottom:5px; padding:3px; }
.form  li select { float:left; width:208px; display:block; border:solid 1px #999999; margin-bottom:5px; padding:3px; }
.form h3 { margin-bottom:10px; }
.addressDetails { padding-top:0px;   }
.addressDetails h2 { background-image:url(../images/address/ttlPleaseFillIn.png); width:352px; height:28px; text-indent:-10000px; float:left;   }

.addBilling {
    float: left; width:460px;
}

.addShipping {
    float: left;width:430px; 
}
.addShipping h3 { background-image:url(../images/address/ttlDeliveryAddress.png); width:336px; height:19px; text-indent:-10000px; float:left;  margin:3px 0px 10px 0px;  }

.billDelAdd { background-color:#F3F3F5; padding:20px 0px 50px 5px; }
.addressDetails .buttonBar { height:28px; background-image:url(../images/shop/buttonBarBack.png); background-repeat:repeat-x;     }
.addressDetails .buttonBar a { display:block; text-indent:-10000px; width:291px; height:28px; }
.addressDetails .buttonBar a.backToShop { float:left;  background-image:url(../images/shop/backToShop.png); }
.addressDetails .buttonBar a.makePayment { float:right;  background-image:url(../images/address/payment.png); }
.securePayment { margin-left:630px; font-size:12px; width:160px; margin-top:10px; }

/* C Page */
.cPage h2 { display:none; }
.cPage { background-image:url( ../../Resources/PageImages/cpageBG.jpg);  padding-top:1px;  } 
.cPage p { font-size:20px; }
.cPage .content { margin:190px 0px 0px 530px; width:370px; padding-bottom:70px;    }
.cPage .content p { font-size:18px; }

/* Notepad */
.notepad h2 { display:none; }
.notepad { background-image:url( ../../Resources/PageImages/notepadBG.jpg);  padding-top:1px; min-height:200px;  } 
.notepad .content { margin:15px 0px 0px 230px; width:522px; padding-bottom:70px;    }

.notepad .content ul li { display:block; float:none; }
.notepad .content ul li span { color:#db212a; font-size:12px; text-transform:uppercase; }
.notepad .content ul li h3 { color:black; font-size:26px; margin-bottom:22px; }
.notepad .content ul li { color:black;   }
.notepad .content ul li p { color:black; margin-top:5px; font-size:16px;   }
.notepad .content ul li.divider { background-color:Black; height:20px; margin:10px 0px 10px 0px; }
