/* STRUCTURE STYLES. 

Might be best to leave these alone */
* {
margin:0;
padding:0;
}

.validate_error {
font-size:0.8em;
width:215px;
height:8px;
margin-left:182px;
color:red;
}

@media print {
div#header {
display:none;
}

div#right {
display:none;
}

div#left {
display:none;
}
}

html,body {
font-family:verdana, helvetica, arial, sans-serif;
font-size:0.9em;
text-align:center;
margin:0;
padding:0;
}

#wrapper {
float:left;
width:100%;
margin:10px 0 0;
padding:0;
}

#container {
width:990px;
margin:auto;
text-align:left;
}

#content {
margin:0 160px;
padding:0;
}

#contentOther {
margin:0 10px 0 160px;
padding:0;
}

#left {
float:left;
width:150px;
margin:10px 0 0 -990px;
display:inline;
}

#right {
float:left;
width:150px;
margin:10px 0 0 -150px;
line-height:20px;
}

#footer {
font-size:0.9em;
line-height:1.4em;
color:#333;
clear:left;
width:100%;
}

#footer p {
padding:0 10px 10px;
}

.footerbackground {
background:url(../theme/backgrounds/footer_background.png) no-repeat top left;
position:relative;
left:-17px;
width:1024px;
height:18px;
z-index:3;
}

table {
font-size:1em;
}

.clear {
clear:both;
}

img {
border:0;
}

a img {
vertical-align:bottom;
}

/* GENERAL TEXT STYLES

The following styles appear throughout the site */
a {
color:#333;
outline:none;
/* @ Firefox 1.5, remove ugly dotted border */
}

h1 {
font-size:17px;
font-weight:700;
padding-bottom:10px;
}

h1.sectionTitle {
font-size:22px;
font-weight:400;
color:#333;
display:inline;
}

h1.sectionSubTitle {
font-size:17px;
font-weight:400;
color:#333;
display:inline;
}

h1.sectionCrossSell {
font-size:14px;
font-weight:400;
color:#333;
display:inline;
margin-top:10px;
}

.tiny {
font-size:0.8em;
}

.tinybold {
font-size:0.8em;
font-weight:700;
}

.smallText {
font-size:0.9em;
}

.small {
font-size:0.9em;
}

.smallbold {
font-size:0.9em;
font-weight:700;
}

.financesmallbold {
font-size:0.9em;
font-weight:700;
color:#007e4e;
}

.main {
font-size:1em;
}

.mainbold {
font-size:1em;
font-weight:700;
}

.biggrey {
font-size:1.4em;
color:#333;
}

.bigbold {
font-size:1.4em;
font-weight:700;
}

.price {
font-size:1em;
font-weight:700;
color:red;
}

.pricetitle {
font-size:1em;
font-weight:700;
color:red;
}

.bigprice {
font-size:1.4em;
font-weight:700;
color:red;
}

.best_price a {
color:red;
}

.deliveryprice {
font-size:0.9em;
font-weight:700;
color:red;
}

.deliverybigprice {
font-size:1.1em;
font-weight:700;
color:red;
}

.redBold {
color:red;
font-weight:700;
}

.considered {
color:#fee70b;
}

/* Forms and drop down menus */
select {
background-color:#fff;
color:#333;
font-size:0.9em;
border:#999 1px solid;
}

textarea {
border-color:#999;
border-style:solid;
border-width:1px;
}

.keywordinput {
font-size:0.9em;
border:#999 1px solid;
padding:1px;
}

.headerinput {
font-size:0.9em;
border:#999 1px solid;
padding:1px;
width:349px;
}

/* HEADER STYLES. 

Use for changing the background images, etc. To change the logo use the ~header.php file */
#header {
height:70px;
margin:0;
background-color:red;
}

#header_logo {
float:left;
padding:5px 0 0 36px;
margin-top:-55px;
}

h1.logo {
color:#fff;
margin-top:12px;
}

#header_search {
padding:15px 240px 0 270px;
color:#fff;
}

#header_links {
float:right;
position:relative;
top:-8px;
padding-right:20px;
color:#fff;
text-align:right;
font-size:0.8em;
margin-top:-40px;
}

#header_tagline {
position:relative;
top:-22px;
right:25px;
margin:0 0 0 auto;
width:232px;
height:18px;
font-size:0.7em;
color:#fff;
}

.header_phone_no {
float:right;
font-size:1.7em;
font-weight:700;
letter-spacing:-0.05em;
}

a.header_links:link {
color:#fff;
}

a.header_links:visited {
color:#fff;
}

a.header_links:hover {
color:#ffec6c;
}

#header_secure {
float:right;
position:relative;
top:-10px;
line-height:1.5em;
text-align:center;
padding-right:40px;
}

#header_corner {
border:0;
padding:0;
margin:0;
}

/* HOMEPAGE FEATURES. 

All of these styles apply to the content on the homepage but they are also used on the product homepages, ie. Alloy Wheels, Brake Pads, etc. The safest way to re-style the homepage would be to create new styles and leave these as they are. */
.shophp {
font-size:0;
}

.home_feature {
border:#ccc 2px solid;
background-color:#fff;
}

.big_feature {
width:330px;
float:left;
}

.big_feature_copy {
width:326px;
font-size:1.1em;
line-height:1.6em;
color:#C2C4B7;
background-color:#1E1E1E;
text-align:left;
}

.big_feature_text {
padding:5px;
}

.big_feature_copy_column {
font-size:0.71em;
line-height:1.3em;
padding:5px;
}

.big_feature_copy_column a {
color:#C2C4B7;
}

.latest {
width:330px;
float:left;
margin-left:10px;
}

.homeofferbox {
width:326px;
font-size:0.8em;
}

.homeofferbox p {
margin-top:-120px;
z-index:20;
height:122px;
}

.homeofferboxnew,.homeofferboxkiller,.homeofferboxtop {
width:326px;
border:#ccc 2px solid;
margin-bottom:10px;
}

.homeofferboxheadernew,.homeofferboxheaderkiller,.homeofferboxheadertop {
padding:5px;
font-size:1.2em;
font-weight:700;
color:#333;
background-color:#ddd;
}

.homeofferboxcontent {
width:326px;
color:#333;
}

.homeofferboxcontent a {
color:#000;
}

.homeofferboxfooter {
position:relative;
top:-5px;
}

.homeofferboxcontent img {
float:left;
margin:5px;
}

.homeofferboxcontent p {
font-size:0.8em;
margin-right:5px;
}

.homecopyboxcontent {
width:326px;
color:#333;
}

.homecopyboxcontent p {
font-size:0.8em;
padding:0 5px 5px;
}

.homecar {
background:url(../theme/home/home_car.jpg) no-repeat bottom right;
width:330px;
height:127px;
}

.latest h1 {
font-size:0.9em;
padding:3px;
margin-top:5px;
margin-bottom:3px;
}

.big_feature_copy h1 {
font-size:1em;
color:#fc0;
background-color:#1e1e1e;
border:#ddd 0 solid;
padding:0;
margin-top:0;
width:150px;
}

.features_heading {
color:#fff;
background-color:red;
width:660px;
padding:5px;
font-size:0.8em;
font-weight:700;
margin-top:10px;
}

.features_column {
width:210px;
margin:10px 5px;
float:left;
font-size:0.8em;
line-height:1.3em;
}

.features_column h1 {
font-size:1.1em;
padding-top:10px;
text-transform:uppercase;
}

.features_column p {
margin-bottom:5px;
}

#productthumbnails {
}

#productthumbnails .quickLinks {
display:none;
}

/* MENU.

Use these to change the color of the menu. The headers of the menu are background images. These also style the POTN Recommends / Recently Viewed / Add These To Your Order boxes */
.menucontainer {
width:150px;
line-height:100%;
}

.menuHead {
background-color:red;
color:#fff;
font-size:0.9em;
font-weight:700;
padding:3px 0 0 5px;
height:17px;
}

.menuHead h3 {
margin-top:-3px;
font-size:1em;
padding-top:2px;
}

.menuHead2 {
background-color:#eee;
font-size:1em;
color:red;
font-weight:700;
padding-left:5px;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
}

.menuSpace {
background-color:red;
height:5px;
padding-left:8px;
margin-bottom:15px;
}

.menuSpaceWhite {
background-color:red;
height:5px;
padding-left:8px;
margin-bottom:15px;
}

.menuSpaceWhiteR {
background-color:red;
height:5px;
padding-left:8px;
margin-bottom:15px;
}

.footerFooter {
height:10px;
}

.footerShadow {
height:15px;
}

.advertSpace {
height:5px;
}

UL.nav {
line-height:170%;
list-style:none;
cursor:pointer;
font-size:0.8em;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
}

li.nav {
border-bottom:1px solid #ccc;
text-indent:5px;
text-decoration:underline;
width:148px;
}

UL.nav a:link {
display:block;
background-color:#eee;
}

UL.nav a:visited {
display:block;
background-color:#eee;
}

UL.nav a:hover {
display:block;
background-color:#ffec6c;
}

UL.nav a:active {
display:block;
background-color:#F5E06C;
}

UL.nav2 {
list-style:none;
font-size:0.9em;
background-color:#F8F8F8;
background-image:url(../../../includes/themes/backgrounds/headershadow.gif);
background-repeat:repeat-x;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
padding-top:4px;
}

UL.nav3 {
list-style:none;
font-size:0.9em;
background-color:#eee;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
}

ul.submenu {
list-style:none;
font-size:0.9em;
text-indent:10px;
line-height:170%;
}

li.submenu {
border-top:#ccc 1px solid;
display:block;
width:148px;
}

UL.submenu a:link {
display:block;
background-color:#FFFEC2;
}

UL.submenu a:visited {
display:block;
background-color:#FFFEC2;
}

UL.submenu a:hover {
display:block;
background-color:#ffec6c;
}

UL.submenu a:active {
display:block;
background-color:#F5E06C;
}

.submenu {
display:none;
color:#000;
}

.brandcontainer {
width:150px;
line-height:100%;
}

li.brands {
border-bottom:#ccc 1px solid;
text-align:center;
}

li.recomended {
border-bottom:#ccc 1px solid;
text-align:center;
padding:5px;
}

.recommendedPicture {
border:#ccc 1px solid;
}

li.news {
border-bottom:#ccc 1px solid;
font-size:0.85em;
line-height:1.2em;
padding:5px;
background-color:#eee;
}

a.news {
font-weight:700;
}

.alternativeProductBox {
font-size:0.9em;
background-color:#eee;
border:#ccc 1px solid;
border-top:0;
border-bottom:0;
padding:0 5px 5px;
}

.alternativeProductBoxTop {
background-color:red;
height:8px;
}

.alternativeProductBoxTR {
background-color:red;
height:8px;
}

.alternativeProductDescription {
height:50px;
width:73px;
overflow:hidden;
margin-top:5px;
}

#poweredby {
margin:0 10px;
background:url(../../../sites/~library/theme/banners/poweredby.png) no-repeat;
height:52px;
width:130px;
}

/*SHOPPING BASKET.

These styles control both the Shopping Basket box that appears on every page and the Shopping Basket page itself. Certain Shopping Basket box styles appear under the MENU section (scroll up for that). Other styles for the Shopping Basket page can be found in the accountpayment.css stylesheet. */
.shoppingBasketShadow {
width:148px;
height:1px;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
}

.shoppingBasket {
width:144px;
font-size:0.8em;
line-height:1.2em;
border-right:#ccc 1px solid;
border-left:#ccc 1px solid;
padding:4px 2px 2px;
}

.shoppingBasket p {
font-weight:700;
margin:0 2px 5px;
}

.shoppingBasket a {
cursor:pointer;
}

.shoppingBasketDescription {
height:62px;
overflow:hidden;
}

.shoppingBasketFinance {
font-size:0.9em;
font-weight:400;
line-height:1.2em;
color:#007e4e;
}

.shoppingBasketPicture {
float:left;
margin-right:2px;
}

.shoppingBasketPrice {
text-align:center;
font-weight:700;
line-height:2em;
}

/* product listing page 						I Have no idea			*/
.headTextBox {
width:320px;
float:left;
margin:10px 5px;
}

.headTextBoxLogo {
margin-bottom:10px;
width:320px;
text-align:center;
}

.headTextBox p {
margin-bottom:10px;
font-size:0.8em;
line-height:130%;
}

.headTextBox p img {
margin:0 5px 5px 0;
float:left;
}

.headTextBox h2 {
font-size:0.9em;
margin-bottom:3px;
}

.headTextBox ul {
font-size:0.8em;
line-height:130%;
margin-bottom:3px;
}

.cat_text {
color:#000;
font-size:0.8em;
}

.cat_text:hover {
background:#ffc;
}

/* PRODUCT HOMEPAGES.

These styles apply to any catagory page, ie. Alloy Wheels, Manifolds, etc. These include the Featured Products and the Which Product Is Right For You section. */
.searchTitle {
font-weight:700;
}

.searchTitleSub {
float:left;
margin-left:12px;
font-size:1em;
font-weight:700;
}

.searchDropDownSub {
float:left;
position:relative;
left:10px;
font-size:0.9em;
}

.BrandSearch1 {
float:left;
height:50px;
margin:5px 0;
text-align:center;
font-size:0.8em;
}

div#BrandDropDown {
float:left;
width:74px;
margin:25px 0 0;
font-size:0.9em;
text-align:center;
}

#BrandImages {
border-bottom:1px solid;
border-color:#e6e6e6;
}

.VerticalLine {
border-left:1px solid;
border-color:#999;
margin:0 7px 2px;
height:10px;
}

.smallVerticalLine {
border-left:1px solid;
border-color:#999;
float:left;
margin-left:30px;
}

#OtherSearches {
float:none;
margin:10px 0 0;
text-align:center;
font-size:0.9em;
}

.BrandSearchBox {
width:675px;
padding:5px 3px 10px;
border-bottom:#999 1px solid;
}

.explainLink {
font-size:0.8em;
color:red;
text-decoration:underline;
cursor:pointer;
margin:0 10px 0 5px;
}

#product_head_cat {
margin:8px 0;
}

.quickLinkBox {
border-top:1px #ccc solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
padding:5px 5px 0;
font-size:0.9em;
width:658px;
}

.quickLinks {
border:1px #ccc solid;
font-size:0.8em;
line-height:1.9em;
background-color:#1e1e1e;
color:#fc0;
padding:10px;
width:648px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

.quickLinks h1 {
color:#fff;
font-size:1.5em;
}

a.quicklinkslink {
color:#eee;
}

a.quicklinkslink:hover {
color:#fc0;
}

.quickLinkBoxSearchRight {
float:right;
position:relative;
top:-5px;
}

.topLink {
float:left;
font-size:0.8em;
color:red;
text-decoration:underline;
margin-top:10px;
}

.backLink {
float:right;
font-size:0.8em;
color:red;
text-decoration:underline;
margin-top:10px;
}

.productHomeFeature {
float:left;
width:320px;
padding:3px 7px 0;
}

.productHomeFeatureText {
line-height:130%;
padding-top:5px;
}

.featuredProductMain,.featuredProductText {
float:left;
width:170px;
margin-top:7px;
font-weight:700;
}

.featuredProductSecondary {
float:left;
width:75px;
font-weight:700;
font-size:0.8em;
}

.productHomeHead {
font-size:2.4em;
font-weight:700;
text-transform:uppercase;
letter-spacing:-0.1em;
}

.featuredProductText {
margin-right:20px;
}

.featuredProductTitle {
color:#fc0;
font-size:1.3em;
}

.featuredProductMain p,.featuredProductText p {
margin-top:7px;
font-weight:400;
font-size:0.8em;
margin-bottom:10px;
}

.featuredProductImage {
float:left;
width:125px;
height:150px;
margin-top:7px;
text-align:center;
}

.featuredProductOffer {
background-color:#fc0;
color:#1e1e1e;
width:306px;
height:44px;
padding:14px 7px;
line-height:1.6em;
}

.featuredProductOffer h1 {
font-size:1.2em;
font-weight:700;
padding-bottom:0;
}

.featuredProductOldPrice {
font-size:1.5em;
text-decoration:line-through;
}

.featuredProductNewPrice {
font-size:1.5em;
color:#d00;
font-weight:700;
}

.featuredProductOfferText {
float:right;
width:220px;
font-size:1.2em;
line-height:120%;
margin-top:7px;
}

.featuredProductOfferText h2 {
font-weight:700;
font-size:1.2em;
color:red;
text-transform:uppercase;
}

.newImage {
background-image:url(../../../includes/themes/icons/new.gif);
height:34px;
width:73px;
position:relative;
top:-5px;
left:10px;
z-index:2;
}

.newSmallImage {
background-image:url(../../../includes/themes/icons/newsmall.gif);
height:31px;
width:47px;
position:relative;
top:3px;
z-index:2;
}

.bestSellerSmallImage {
background-image:url(../../../includes/themes/icons/bestsellersmall.gif);
height:31px;
width:44px;
position:relative;
top:3px;
z-index:2;
}

.lowestPriceBigImage {
background-image:url(../../../includes/themes/icons/lowestpricebig.gif);
height:86px;
width:128px;
position:relative;
top:10px;
left:10px;
z-index:2;
}

.lowestPriceSmallImage {
background-image:url(../../../includes/themes/icons/lowestpricesmall.gif);
height:31px;
width:46px;
position:relative;
top:3px;
z-index:2;
}

.productHomeSearch {
width:310px;
background-color:#eee;
border:1px solid #ccc;
padding:2px 5px;
margin:10px 0;
}

.productHomeSearch select {
float:left;
margin:5px 10px 0 0;
}

.adviceTitle {
background-color:#eee;
width:660px;
height:20px;
padding:5px;
}

.adviceTitle img {
vertical-align:middle;
}

.adviceLink {
margin:10px 0 5px;
font-size:0.8em;
}

.blogBox {
width:310px;
height:62px;
font-size:0.8em;
line-height:1.4em;
color:#fff;
background-color:#1E1E1E;
padding:5px;
}

.blogBox h1 {
color:#fc0;
font-size:1em;
padding-bottom:2px;
}

.blogBox a {
color:#C2C4B7;
}

#OtherSearchBox {
padding:10px 0 30px;
}

#pricelist {
display:inline;
font-size:0.9em;
}

.bannerBoxSmall {
float:left;
margin:0 2px 5px;
}

/* PRODUCT RESULT PAGES.

These styles also apply to any catagory page. These include the light grey box outline that contain the manufacturer logos. */
.ProductResult {
float:left;
margin:5px 3px 10px 2px;
text-align:center;
font-size:0.8em;
}

.ProductResultTest {
float:left;
margin:5px 3px 10px 2px;
border:#ccc 1px solid;
text-align:center;
font-size:0.8em;
}

.catName {
width:72px;
height:25px;
margin:2px;
overflow:hidden;
cursor:pointer;
}

.ProductResultImage {
float:left;
margin:4px 1px 1px;
min-width:72px;
min-height:55px;
}

.ProductResultFrameT {
border-top:#ccc 1px solid;
}

.ProductResultFrameTL {
float:left;
border-left:#ccc 1px solid;
width:1px;
height:27px;
}

.ProductResultFrameTR {
float:left;
border-right:#ccc 1px solid;
width:1px;
height:27px;
}

.ProductResultFrameB {
border-bottom:#ccc 1px solid;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
}

.ProductResultFrameBR {
float:right;
background:url(../../../includes/themes/backgrounds/productresultbottomright.gif) no-repeat bottom right;
width:2px;
height:27px;
}

.ProductSearchBox {
padding-top:10px;
margin-bottom:15px;
width:670px;
}

.partContainerodd,.partContainereven {
height:75px;
width:660px;
border:#fff 2px solid;
padding:3px;
}

.partContainerodd {
background-color:#eee;
}

.partContainereven {
background-color:#fff;
}

.partDisplayNo {
float:left;
font-size:0.8em;
margin-left:5px;
}

.partPageNo {
float:right;
font-size:0.8em;
margin-right:5px;
}

.blackline {
margin:10px 5px 0;
border-bottom:#ccc 1px dashed;
}

.redline {
margin:5px 0;
border-bottom:#e00000 1px dashed;
}

.partImage {
float:left;
height:75px;
width:65px;
margin:0 5px 0 0;
}

.partTitle {
float:left;
margin:10px 10px 0 5px;
width:375px;
font-size:0.9em;
}

.partInfo {
float:left;
width:93px;
height:45px;
padding:30px 5px 0;
}

.partPrice {
float:left;
margin-top:15px;
width:90px;
text-align:right;
}

/* Brand Pages   										I have no idea   */
.brandLogo {
float:left;
width:360px;
text-align:center;
margin-bottom:10px;
}

.brandProducts {
float:right;
width:270px;
text-align:center;
margin-left:10px;
margin-bottom:10px;
}

.brandLinks {
margin-bottom:20px;
font-weight:700;
line-height:1.3em;
}

.brandLinks a:link {
color:#333;
}

.brandLinks a:hover {
color:#d00000;
}

/* CONTACT DETAILS.

These styles are for every Contact Us, About Us & Customer Service page. There are somethings here that you may want hidden*/
.contactBox {
border:1px #ccc solid;
margin-top:10px;
margin-bottom:20px;
}

.contactItem {
float:left;
width:210px;
padding:20px 6px;
}

.contactDetails {
float:right;
width:140px;
}

.contactIcon {
width:60px;
font-size:0.8em;
font-weight:700;
text-align:center;
}

.phoneNo {
font-size:1.1em;
font-weight:700;
}

.red {
color:#d00000;
}

.contactVerticalLine {
float:left;
border-left:1px #ccc solid;
height:60px;
margin:20px 0;
}

.customerServiceLinks,.popularLinks {
font-size:0.8em;
line-height:1.8em;
color:#000;
margin-top:10px;
}

.popularLinks {
float:left;
width:330px;
}

.customerServiceLinks,.popularLinks a {
font-size:1.1em;
font-weight:700;
}

.customerServiceCopy {
color:#000;
margin:10px 0 20px;
line-height:1.4em;
}

.customerServiceCopy li {
margin-left:20px;
}

.photosPanel {
/* This style shows POTN.com related images on the About Us page. If you dont want these add visibility: hidden; */
float:right;
}

.customerServicePhotos {
padding:5px;
font-size:0.8em;
width:200px;
margin:0 0 10px 10px;
border:1px #ccc solid;
}

#customiseproperties ul {
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

#category_head ul {
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

.fragment ul {
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

/*  Subscribe   */
.subscribe {
margin:4px 0 10px;
font-size:0.8em;
width:150px;
}

.subscribe h2 {
background-color:#666;
color:#fff;
padding:6px 2px;
font-size:1.2em;
width:146px;
text-align:center;
line-height:1.3em;
}

.subscribe input {
border:1px solid #999;
}

.noblog {
display:none;
}

.sagepay {
display:none;
}

.ProductResult .gallery_info {
display:none;
}