body {
background-color:#000;
background-image:url(../images/bodyBackground.gif);
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
/* Fix to contain floated elements with an outer div */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:block;
min-height:100%;
margin:0;
padding:0;
}
/* End of Fix */
div#outerOuter {
width:100%;
text-align:center;
min-height:100%;
float:left;
margin:0 auto;
padding:0;
}
div#outer {
text-align:center;
width:770px;
background-color:#FFF;
background-image:url(../images/pageBackground.jpg);
background-repeat:repeat-x;
background-position:top left;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
padding:0 0 20px;
}
div#outer div#header {
width:718px;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
padding:8px 0 0;
}
div#outer div#header div#headerCol1 {
text-align:left;
width:304px;
background-image:url(../images/callUsNow.gif);
background-repeat:no-repeat;
background-position:left 64px;
background-color:#FFF;
height:89px;
float:left;
}
div#outer div#header div#headerCol1 ul {
list-style-type:none;
border-bottom:1px solid #CCC;
margin:0;
padding:6px 0 5px;
}
div#outer div#header div#headerCol1 li {
display:inline;
font-size:11px;
font-weight:bold;
color:#666;
border-right:2px solid #666;
margin:0;
padding:0 6px 0 7px;
}
div#outer div#header div#headerCol1 li.first {
padding-left:0;
}
div#outer div#header div#headerCol2 {
text-align:right;
width:108px;
background-image:url(../images/a.gif);
background-repeat:no-repeat;
background-color:#FFF;
height:89px;
float:left;
margin:0 0 0 1px;
padding:0;
}
div#outer div#header div#headerCol3 {
width:304px;
background-image:url(../images/companyStrap.gif);
background-repeat:no-repeat;
background-position:right 64px;
background-color:#FFF;
height:89px;
float:left;
text-align:right;
margin:0;
padding:0;
}
div#outer div#header div#headerCol3 p {
font-size:11px;
color:#666;
font-weight:bold;
margin:0;
padding:0;
}
div#outer div#header div#headerCol3 form {
border-bottom:1px solid #CCC;
margin:0;
padding:0 0 4px;
}
div#outer div#header div#headerCol3 input {
font-size:11px;
height:16px;
color:#666;
margin:0;
padding:0;
}
div#outer div#header div#headerCol3 input.goButton {
border:none;
background:none;
background-image:url(../images/goButton.gif);
width:30px;
height:20px;
margin:0;
padding:0;
}
div#outer div#mainSections {
margin-left:auto;
margin-right:auto;
width:718px;
padding:0;
}
div#outer div#mainSections div#mainSectionCol1 {
float:left;
width:238px;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
margin:0;
padding:0;
}
div.categoryInfo {
text-align:left;
height:285px;
border-top:1px solid #fff;
margin:0;
padding:4px;
}
div.categoryInfo h4 {
font-size:12px;
margin:4px 0 6px 6px;
padding:0;
}
div.categoryInfo ul {
list-style-type:none;
font-size:12px;
margin:0;
padding:0 0 10px 6px;
}
div.categoryInfo ul li a {
text-decoration:none;
color:#fff;
font-weight:bold;
}
div.categoryInfo ul li a:hover {
text-decoration:underline;
}
div.categoryInfo p {
font-size:11px;
color:#FFF;
margin:0;
padding:0 0 8px;
}
div#outer div#mainSections div#mainSectionCol1 div.categoryInfo {
background-color:#A272B1;
}
div#outer div#mainSections div#mainSectionCol2 div.categoryInfo {
background-color:#999;
}
div#outer div#mainSections div#mainSectionCol3 div.categoryInfo {
background-color:#B5A2CE;
}
div.categorySelect {
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
background-color:#999;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
}
div.categorySelect select {
font-size:11px;
width:199px;
}
div.categorySelect input.goButton {
font-size:11px;
color:#666;
border:none;
background:none;
background-image:url(../images/goButton.gif);
width:30px;
height:20px;
margin:0;
padding:0;
}
div#lowerLinks {
text-align:center;
clear:both;
width:716px;
background-color:#666;
border-top:2px solid #FFF;
margin:0 auto;
}
div#lowerLinks ul {
list-style:none;
margin:0;
padding:0 0 16px;
}
div#lowerLinks ul li {
display:inline;
background-image:url(../images/linkBullet.gif);
background-repeat:no-repeat;
padding-left:10px;
font-size:12px;
font-weight:bold;
}
div#lowerLinks ul li a,div#lowerLinks ul li a:link,div#lowerLinks ul li a:visited,div#lowerLinks ul li a:active {
text-decoration:none;
color:#fff;
padding:0 12px;
}
div#lowerLinks ul li a:hover {
text-decoration:underline;
padding:0 12px;
}
div.lowerLinks-hp {
text-align:center;
background-color:#666;
border-top:2px solid #FFF;
margin:0;
}
div.lowerLinks-hp li {
list-style-image:url(../images/linkBullet.gif);
padding:7px 0 7px 0;
font-size:12px;
font-weight:bold;
}
div.lowerLinks-hp li a,div.lowerLinks-hp li a:link,div.lowerLinks-hp li a:visited,div.lowerLinks-hp li a:active {
text-decoration:none;
color:#fff;
padding:0 12px 0 0;
margin-top:4px;
}
div.lowerLinks-hp li a:hover {
text-decoration:underline;
padding:0 12px 0 0;
}
div#addressBox {
width:716px;
clear:both;
margin-left:auto;
margin-right:auto;
border-top:2px solid #FFF;
border-bottom:2px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
background-color:#999;
text-align:center;
}
div#addressBox p {
font-size:11px;
color:#FFF;
margin:0;
padding:6px;
}
div#brandsBox {
width:720px;
text-align:left;
padding-top:20px;
padding-bottom:660px;
margin:0 auto;
}
div#brandsBox div.brandHeader {
background-image:url(../images/brandsHeader.jpg);
background-position:top left;
background-repeat:no-repeat;
height:13px;
width:114px;
margin-bottom:6px;
clear:both;
}
div#brandsBox div.brandsOuter div.brand {
background-color:#FFF;
text-align:center;
border:1px solid #8D609C;
float:left;
}
div#piranha {
margin-left:auto;
margin-right:auto;
width:770px;
text-align:center;
padding:0;
}
div#piranha p {
font-size:11px;
color:#CCC;
margin:0;
padding:0;
}
/* Category Page */
div#categoryHeader {
width:716px;
height:42px;
clear:both;
text-align:left;
border-top:1px solid #FFF;
background-color:#666;
margin:0 auto;
}
div#categoryHeader div.breadcrumbs {
float:left;
margin:0;
padding:13px 0 0 3px;
}
div#categoryHeader div.breadcrumbs ul {
list-style:none;
margin:0;
padding:0;
}
div#categoryHeader div.breadcrumbs li {
display:inline;
font-size:11px;
font-weight:bold;
border-right:1px solid #FFF;
margin-left:7px;
padding-right:6px;
color:#FFF;
}
div#mainContentRegion {
width:716px;
text-align:left;
border-top:1px solid #FFF;
background-color:#999;
margin:0 auto;
padding:5px 0 10px;
}
div#mainContentRegion p {
font-size:12px;
color:#FFF;
font-weight:normal;
margin:0;
padding:10px 0 0;
}
div#mainContentRegion div.categoryBoxPurp {
float:left;
background-color:#D8CDE4;
border:1px solid #333;
height:110px;
margin:3px;
}
div#mainContentRegion div.categoryBoxPurp td.imageCell {
width:75px;
margin:0;
padding:0;
}
div#mainContentRegion div.categoryBoxGrey {
float:left;
background-color:#CCC;
border:1px solid #333;
height:110px;
margin:3px;
}
div#mainContentRegion div.categoryBoxPurp-cats {
float:left;
background-color:#D8CDE4;
border:1px solid #333;
height:110px;
width:335px;
margin:3px;
padding:3px;
}
div#mainContentRegion div.categoryBoxGrey-cats {
float:left;
background-color:#CCC;
border:1px solid #333;
height:110px;
width:335px;
margin:3px;
padding:3px;
}
div#mainContentRegion div.categoryBoxPurp-cats img,div#mainContentRegion div.categoryBoxGrey-cats img {
border:1px #000 solid;
}
div#mainContentRegion div.imagePreview {
width:70px;
height:100px;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #333;
background-color:#FFF;
cursor:pointer;
float:left;
margin:0;
padding:0;
}
div#mainContentRegion div.categoryBoxGrey div.imagePreview {
width:70px;
height:100px;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #333;
background-color:#FFF;
cursor:pointer;
margin:0;
padding:0;
}
div#mainContentRegion div.categoryDetails {
float:right;
padding-left:8px;
width:230px;
}
div#mainContentRegion div.categoryDetails p {
font-size:11px;
color:#000;
margin:0;
padding:0;
}
div#mainContentRegion div.categoryBrands {
width:100%;
background-color:#666;
margin:4px 0 0;
padding:3px 0;
}
div#mainContentRegion div.categoryBrands p {
font-size:11px;
font-weight:normal;
color:#FFF;
margin:0;
padding:0 0 0 6px;
}
div#mainContentRegion div.brandImage {
width:118px;
border:1px solid #333;
margin:2px;
padding:0;
}
div#mainContentRegion div.leftImageColumn {
margin-left:6px;
float:left;
width:200px;
padding-right:10px;
}
div#mainContentRegion div.leftImageColumn div.contentImage {
float:left;
height:400px;
}
div#mainContentRegion div.leftImageColumn img {
border:1px solid #FFF;
}
div#mainContentRegion h1 {
color:#FFF;
font-size:18px;
margin:0;
padding:0;
}
div#mainContentRegion h2 {
color:#000;
font-size:16px;
}
div#mainContentRegion h4 {
color:#EEE;
font-size:13px;
}
div#mainContentRegion ul {
padding-top:10px;
padding-bottom:10px;
margin:0 0 0 10px;
}
div#mainContentRegion li {
margin-left:10px;
color:#FFF;
font-size:11px;
font-weight:bold;
}
/* productDetail page */
div#productDetails-column-1 {
float:left;
width:180px;
margin-left:10px;
}
div#productDetails-column-2 {
float:left;
width:485px;
margin-bottom:10px;
}
div#mainContentRegion div.productDetails {
background-color:#FFF;
width:715px;
margin-top:20px;
margin-bottom:10px;
border:1px solid #666;
float:left;
}
div#mainContentRegion div.productDetails div.referencesBox {
border:2px solid #666;
float:left;
width:200px;
height:200px;
margin:10px 6px 6px;
}
div#mainContentRegion div.productDetails div.referencesBox div.productReference {
background-color:#D8CDE4;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
div#mainContentRegion div.productDetails div.referencesBox div.productReference h2 {
font-size:15px;
margin:0;
padding:8px;
}
div#mainContentRegion div.productDetails div.referencesBox div.productTitle p {
color:#000;
margin:0;
padding:8px;
}
div#mainContentRegion div.productDetails div.productImage {
float:left;
border:2px solid #666;
margin:10px 6px 6px;
}
div#mainContentRegion div.productDetails div.colourDetails {
float:left;
width:260px;
clear:left;
margin:10px 6px 6px 0;
}
div#mainContentRegion p.pageNote {
font-size:10px;
}
div#mainContentRegion div.productDetails div.colourDetails table td {
font-size:11px;
font-weight:bold;
}
div#mainContentRegion div.productDetails div.colourDetails td.colorCell {
border:1px solid #000;
height:24px;
width:20px;
}
div#mainContentRegion div.productDetails p {
color:#000;
margin:0;
}
div#mainContentRegion div.productDetails div.productDescription {
clear:both;
width:370px;
float:left;
}
div#mainContentRegion div.productDetails div.sizeDetails {
width:268px;
float:left;
}
div#mainContentRegion div.productDetails div.sizeDetails table {
width:100%;
margin:0;
padding:0;
}
div#mainContentRegion div.productDetails div.orderBox {
width:695px;
float:left;
margin-left:10px;
}
div#mainContentRegion div.productDetails div.orderBox h2 {
font-size:15px;
}
div#mainContentRegion div.productDetails div.orderBox th {
text-align:left;
font-size:11px;
border-bottom:1px solid #000;
}
div#mainContentRegion div.productDetails div.orderBox td {
text-align:left;
font-size:11px;
}
div#mainContentRegion div.orderFilter {
text-align:right;
width:690px;
margin:0 10px;
padding:0;
}
div#mainContentRegion div.orderFilter p {
font-size:11px;
color:#EEE;
font-weight:bold;
margin:0;
padding:0;
}
div#mainContentRegion div.returnDetails {
margin-left:6px;
font-size:11px;
color:#EEE;
width:200px;
text-align:left;
}
div#mainContentRegion div.pageNav {
float:right;
margin-right:22px;
font-size:11px;
}
p.indented {
padding-left:20px;
}
div#mainContentRegion div.contentColumn div#orderTable {
background-color:#FFF;
color:#000;
text-align:left;
width:100%;
margin-top:10px;
padding:0 0 20px;
}
div#mainContentRegion div.contentColumn div#contactTable {
background-color:#FFF;
margin-top:10px;
color:#000;
margin-bottom:10px;
float:left;
width:695px;
padding:0;
}
div#mainContentRegion div.contentColumn div#contactTable p {
color:#000;
margin:0 10px 0 0;
padding:6px 0 0;
}
div#mainContentRegion div.contentColumn div#contactTable table {
text-align:left;
float:left;
width:630px;
margin:0 auto;
padding:0;
}
div#mainContentRegion div.contentColumn div#contactTable th {
font-size:12px;
font-weight:bold;
text-align:left;
color:#000;
}
div#mainContentRegion div.contentColumn div#contactTable textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
div#mainContentRegion div.contentColumn div#orderTable h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border-bottom:2px solid #606;
color:#606;
margin:0 30px;
padding:0;
}
div#mainContentRegion div.contentColumn div#orderTable p {
color:#000;
margin:0;
padding:6px 0 0;
}
div#mainContentRegion div.contentColumn div#orderTable table {
width:660px;
margin-top:10px;
margin-left:18px;
}
div#mainContentRegion div.contentColumn div#orderTable th {
font-size:12px;
font-weight:bold;
text-align:left;
color:#000;
background-color:#BC9AC7;
}
div#mainContentRegion div.contentColumn h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:6px;
border-bottom:2px solid #FFF;
color:#FFF;
margin-right:6px;
}
div#mainContentRegion div.contentColumn a {
font-weight:bold;
}
div#mainContentRegion div.contentColumn div#orderTable textarea {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:90%;
}
div#mainContentRegion div.contentColumn input.bigbutton {
background-color:#E9E3F0;
border:1px solid #666;
background-image:url(../images/buttonBack.jpg);
background-repeat:repeat-y;
background-position:top left;
font-weight:bold;
font-size:11px;
height:25px;
text-align:right;
padding-right:4px;
}
span.mand {
color:#C00;
font-weight:bold;
font-size:11px;
}
.display-none {
display:none;
}
.clear-both {
clear:both;
}
.float-left {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.float-right {
float:right;
margin-left:10px;
margin-bottom:10px;
}
div#outer div#header div#headerCol1 li.last,div#categoryHeader div.breadcrumbs li.noborder {
border-right:none;
}
div#outer div#header div#headerCol1 a:link,div#outer div#header div#headerCol1 a:visited {
color:#666;
text-decoration:none;
}
div#outer div#header div#headerCol1 a:link:hover,div#outer div#header div#headerCol1 a:visited:hover,div#addressBox a:link:hover,div#addressBox a:visited:hover,div#mainContentRegion div.contentColumn a:link:hover,div#mainContentRegion div.contentColumn a:visited:hover {
color:#C00;
text-decoration:underline;
}
div#outer div#mainSections div#mainSectionCol1 img,div#mainContentRegion div.contentColumn div#contactTable h3 {
margin:0;
padding:0;
}
div#outer div#mainSections div#mainSectionCol2,div#outer div#mainSections div#mainSectionCol3 {
float:left;
width:238px;
border-right:1px solid #FFF;
margin:0;
padding:0;
}
div.categorySelect form,div#mainContentRegion div.categoryBrands form,div#mainContentRegion div.contentColumn div#contactTable form {
margin:0;
padding:0;
}
div#addressBox a:link,div#addressBox a:visited,div#categoryHeader div.breadcrumbs a:link,div#categoryHeader div.breadcrumbs a:visited {
color:#FFF;
text-decoration:none;
}
div#addressBox span.p-bold,div#mainContentRegion div.categoryBoxGrey p,div#mainContentRegion div.categoryBoxPurp p {
color:#000;
font-weight:bold;
}
div#piranha a:link,div#piranha a:visited {
font-weight:bold;
color:#FFF;
text-decoration:none;
}
div#piranha a:link:hover,div#piranha a:visited:hover {
font-weight:bold;
color:#C00;
text-decoration:none;
}
div#categoryHeader div.breadcrumbs a:link:hover,div#categoryHeader div.breadcrumbs a:visited:hover,div#mainContentRegion div.contentColumn a:link,div#mainContentRegion div.contentColumn a:visited {
color:#FFF;
text-decoration:underline;
}
div#categoryHeader div.headerText,div#mainContentRegion div.contentColumn div#orderTable div.pageNav {
float:right;
}
div#mainContentRegion div.categoryBoxGrey h2,div#mainContentRegion div.categoryBoxPurp h2,div#mainContentRegion div.categoryDetails h2 {
font-size:13px;
margin:0;
padding:4px 0 0;
}
div#mainContentRegion div.categoryBoxGrey a:link,div#mainContentRegion div.categoryBoxPurp a:link,div#mainContentRegion div.categoryBoxGrey a:visited,div#mainContentRegion div.categoryBoxPurp a:visited,div#mainContentRegion div.categoryDetails a:link,div#mainContentRegion div.categoryDetails a:visited {
color:#006;
text-decoration:none;
}
div#mainContentRegion div.categoryBoxGrey a:link:hover,div#mainContentRegion div.categoryBoxPurp a:link:hover,div#mainContentRegion div.categoryBoxGrey a:visited:hover,div#mainContentRegion div.categoryBoxPurp a:visited:hover,div#mainContentRegion div.categoryDetails a:link:hover,div#mainContentRegion div.categoryDetails a:visited:hover,div#mainContentRegion div.categoryBrands a:link:hover,div#mainContentRegion div.categoryBrands a:visited:hover,div#mainContentRegion div.returnDetails a:link:hover,div#mainContentRegion div.returnDetails a:visited:hover,div#mainContentRegion div.pageNav a:link:hover,div#mainContentRegion div.pageNav a:visited:hover {
color:#C00;
}
div#mainContentRegion div.categoryImage,div#mainContentRegion div.contentColumn div#orderTable div.returnDetails {
float:left;
}
div#mainContentRegion div.imagePreview:hover,div#mainContentRegion div.categoryBoxGrey div.imagePreview:hover {
border:1px solid #C00;
}
div#mainContentRegion div.categoryBoxPurp div.categoryImage img,div#mainContentRegion div.categoryBoxGrey div.categoryImage img {
border:1px solid #666;
margin:2px 2px 3px;
}
div#mainContentRegion div.categoryDetails p.productDesc,div#mainContentRegion div.categoryDetails p.categoryDescription {
font-weight:normal;
}
div#mainContentRegion div.categoryBrands select,div#mainContentRegion div.productDetails div.orderBox input,div#mainContentRegion div.productDetails div.orderBox select,div#mainContentRegion div.orderFilter select,div#mainContentRegion div.contentColumn div#orderTable input,div#mainContentRegion div.contentColumn div#orderTable select {
font-size:11px;
}
div#mainContentRegion div.categoryBrands input,div#mainContentRegion div.orderFilter input {
font-size:11px;
width:30px;
}
div#mainContentRegion div.categoryBrands a:link,div#mainContentRegion div.categoryBrands a:visited {
color:#00F;
}
div#mainContentRegion div.contentColumn,div#mainContentRegion div.productDetails div.referencesBox div.referenceBrandImage {
padding:8px;
}
div#mainContentRegion div.productDetails div.colourDetails table,div#mainContentRegion div.productDetails div.orderBox table {
width:100%;
}
div#mainContentRegion div.productDetails div.sizeDetails th,div#mainContentRegion div.productDetails div.sizeDetails td {
font-size:11px;
text-align:left;
margin:0;
padding:0 0 0 3px;
}
div#mainContentRegion div.productDetails div.orderBox tr.row1,div#mainContentRegion div.contentColumn div#contactTable tr.row1,div#mainContentRegion div.contentColumn div#orderTable tr.row1 {
background-color:#E9E3F0;
}
div#mainContentRegion div.productDetails div.orderBox tr.row2,div#mainContentRegion div.contentColumn div#contactTable tr.row2,div#mainContentRegion div.contentColumn div#orderTable tr.row2 {
background-color:#BC9AC7;
}
div#mainContentRegion div.returnDetails a:link,div#mainContentRegion div.returnDetails a:visited,div#mainContentRegion div.pageNav a:link,div#mainContentRegion div.pageNav a:visited {
color:#FFF;
}
div#mainContentRegion div.contentColumn div#contactTable td,div#mainContentRegion div.contentColumn div#orderTable td {
color:#000;
}
div#mainContentRegion div.contentColumn div#contactTable p.totalCost,div#mainContentRegion div.contentColumn div#orderTable p.totalCost {
color:#000;
font-weight:bold;
margin:0;
padding:0;
}