/*---------------
MASTER STYLESHEET
---------------*/

/*Reset
==============================*/
body, h1, h2, h3, p, ul, ol, li {margin: 0; padding: 0;}
/*Fonts
==============================*/
body {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3 {}
/*General
==============================*/
body {text-align: center; font-size: 62.5%; background-image: url(i/body-BG.jpg); background-repeat: repeat-x; background-color: #767676; color: #ffffff;}
h1 {font-size: 1.7em; line-height: 1.2; margin: 10px 0 10px 0;}
h2 {font-size: 1.4em; line-height: 1.2; margin: 0 0 10px 0;}
h3 {font-size:1.4em; color:#cccccc; margin:0px; padding:0px; }
p {font-size: 1.3em; line-height: 1.2; margin: 0 0 10px 0;} /* was 1.3em */
ul {font-size: 1.2em;}
li {list-style-position: inside}
a, a:hover, a.selected {color: #ffff00; text-decoration: none; font-weight: bold; font-size: 1.1em;}
a img {border: none;}
.clear {height: 0px; font-size: 1%; width: 100%; clear: both;}
/* tinyMCE style options 
==============================*/
body.mceContentBody, body.mceContentBody ul { background: #575757; color: #ffffff; text-align: left;}
.smallest { font-size:0.9em; }
.small { font-size:1em; }
.standard { font-size:1.1em; }
.medium { font-size:1.2em; }

/*Main Layout Elements
==============================*/
#outer-container {text-align: left; width:1150px; overflow: visible; height: auto; margin: 0 auto 0 auto; position: relative; }
#container {text-align: left; width: 610px; overflow: visible; height: auto; margin: 0 auto 0 auto; position: relative;}
#header {height: 208px; width: 1150px; margin: 0 auto 0 auto;  }
#content {overflow: visible; height: auto; width: 610px; float: left;}
.content-short {overflow: visible; height: auto; width: 415px; float: left;}
.rightCol {overflow: visible; height: auto; float: right; width: 186px;}
#footer {width: 100%; height: auto; overflow: visible; clear: both; position: relative;}
/*Specific Styles
==============================*/
/*Boxes*/
.box {background-color:#575757; position:relative; background-position:bottom left; background-repeat:no-repeat; margin:0 0 10px 0; padding:0px 0 5px 0; overflow:hidden;  } /* padding here controls padding around boxes esp. at bottom */
.box .corners {background-position:top left; background-repeat:no-repeat; position:absolute; top: 0px; left:0px; height:6px; width:100%;}
.boxShop {width:610px; background-image:url(i/rc-610-bottom.gif);}
.boxShop .corners {background-image:url(i/rc-610-top.gif);}
.boxProduct {width:610px; background-image:url(i/rc-610-bottom.gif);}
.boxProduct .corners {background-image:url(i/rc-610-top.gif);}
/*
!NOTE boxShip now combined with boxOffers
.boxShip {width:610px; background-image:url(i/rc-610-bottom.gif);}
.boxShip .corners {background-image:url(i/rc-610-top.gif);}
.boxShip h3 {font-size:2.4em; font-weight:normal; color:white;}
*/
.boxOffers {width:610px; background-image:url(i/rc-610-bottom.gif);}
.boxOffers .corners {background-image:url(i/rc-610-top.gif);}
.boxCart {width:610px; background-image:url(i/rc-610-bottom.gif);}
.boxCart .corners {background-image:url(i/rc-610-top.gif);}
.boxPop {width:610px; background-image:url(i/rc-610-bottom.gif);}
.boxPop .corners {background-image:url(i/rc-610-top.gif);}
.box415 {width:415px; background-image:url(i/rc-415-bottom.gif);}
.box415 .corners {background-image:url(i/rc-415-top.gif);}
.box186 {width:186px; background-image:url(i/rc-186-bottom.gif);}
.box186 .corners {background-image:url(i/rc-186-top.gif);}
.box h2 {margin:0; padding:0 12px 10px 12px; font-size:2.4em; font-weight:normal; }
.box h2.no-padding {margin:0px; padding:0px; line-height:1.1; }
.box h3 {margin:0; padding:0 12px 0px 12px; font-weight:normal; }
/* .large {font-size:1em;} */
.x-large {font-size:1.6em;}
.x-x-large {font-size:2.0em;}
.small {font-size:0.9em;}
.x-small {font-size:0.7em;}
.yellow {color:#ffff00;}
.white {color: #ffffff;}
.gray {color:#cccccc;}
.large-gray {font-size:1.3em; color:#cccccc;}
.large-yellow {font-size:1.3em; color:#ffff00;}
.large-pink {font-size:1.3em; color: #ffbfbd;}
.darkGray{color:#888888;}
.galleryTitle{font-size:1.1em; font-weight: normal; }
.gallerySubtitle{color:#cccccc; font-size:0.7em; font-weight: normal; }
.box .price {font-size:3em;}
.box p {margin:0; padding:0 10px 5px 12px; }
.box415 .three-col {width:135px; float:left;}
.boxShop .col-one {width:190px; float:left; padding:10px 0 0 8px;}
.boxShop .col-two {width:240px; float:left; padding:10px 0 0 0;}
.boxShop .col-two input {width:20px; height:; 20px; vertical-align:top; font-size:1em;}
.boxShop .col-two .quantity {text-transform:uppercase; position: relative; top: -5px; color:#ffff00; font-size:0.8em;}
.boxShop .col-three {width:155px; float:left; padding:10px 0 0 0;}
.boxShop h3 {font-size:2.4em; font-weight:normal; color:white;}
.boxShop table {padding:0 0 0 90px; margin:0 0 20px 9px;}
.boxShop table th  {color:#ffff00; padding:0px; vertical-align:top; width:115px;}
.boxShop table td  {padding:0px; vertical-align:top; width:115px;}
.boxProduct .col-one {width:200px; float:left; padding:10px 0 0 8px;}
.boxProduct .col-two {width:399px; float:left; padding:10px 0 0 0;}
.boxProduct .col-two .col-a {float:left;}
.boxProduct .col-two .col-b {padding: 0 5px 0 0; float:right;} /* was width:170px; float: left; padding: 0 0 0 5px; */
.boxProduct h3 {font-size:2.4em; font-weight:normal; color:white;}
.boxProduct p {clear:both;}
.boxProduct .prices-buy {text-transform:uppercase; position: relative; top: -5px; color:#ffff00; font-size:0.8em;}
.boxOffers .col-one {float:left; width: 198px;}
.boxOffers .col-two {float:left; width: 196px;}
.boxOffers .col-three {float:left; width: 187px;}
.boxOffers h3 {color:white; font-size:1.6em; margin:9px 0 9px 2px;}
.boxOffers table {padding:0 0 0 0px; margin:0 0 20px 9px;}
.boxOffers table th  {color:#ffff00; padding:0px; vertical-align:top; width:115px;}
.boxOffers table td  {padding:0px; vertical-align:top; width:115px;}
.boxCart table {margin:0px 0 0 9px; padding:0px 0 0 0px; }
.boxCart table p {margin:0 10px 5px 0px; padding:0px;}
.boxCart table p.price {font-size:1.8em; color:black; background-color:white; padding:2px; font-weight:bold;}
.boxCart table th {color:#ffff00; font-size:1.8em; font-weight:normal; padding:0 0 5px 0;}
.boxCart table td {vertical-align:top;}
.boxCart table h3 {font-size:1.4em; color:#ffff00; margin:0px; padding:10px 0 5px 0; }
.boxCart table input {width:20px; height:; 20px; vertical-align:top; font-size:1em;}
.boxCart table input.postcode {width:60px;}
.boxCart td.col-one {padding:0 20px 10px 0;}
.boxCart td.col-two {padding:20px 20px 0 0; width:200px; border-bottom:1px dashed #ababab;}
.boxCart td.col-three {padding:20px 20px 0 0; width:150px; border-bottom:1px dashed #ababab;}
.boxCart td.col-four {padding:20px 20px 0 0; border-bottom:1px dashed #ababab;}
.boxCart td.subTotal {padding:5px 20px 0 0;}
.boxCart table a, .boxCart table a:hover {color:#ffff00; text-transform:uppercase; font-size:0.8em;}
.boxPop p {margin:0px 0 10px 0; padding:0px; }
.boxPop h2 {margin:0px 0 0px 0px; padding:0px; }
.boxPop .col-one {width:455px; float:left; padding:0 0 0 10px; margin:10px 0 0 0;}
.boxPop .col-two {width:140px; float:left; margin:10px 0 0 0;}
.boxPop .col-two a, .boxPop .col-two a:hover {display:block; margin:0 0 10px 0;}
/*-----*/
#small-nav {position:absolute; top:5px; right:0px;}
#small-nav a, #small-nav a:hover {padding:0 0 0 5px; color: #000000; }
#small-nav img {position:relative; top:5px;}
/* #accessibility {position: absolute; font-size: 0.0em; text-align: -5000em; display:none;} */
/*
MENU v2
#strip {margin:15px 0 15px 0; padding:0px;  }
#strip ul {margin:0; padding:0 0 0 0px; width:415px; height:19px; color: white; font-size:1.6em; float:left; }
#strip li {margin:0; padding:0px; list-style: none; float:left;}
#strip a, #strip a:hover {margin:0px 2px 0 0px; padding:0px; text-indent:-5000em; display:block; overflow:hidden; width:67px; height:19px; background: url(i/menu.gif) top left; }
#strip li.m1 a, #strip li.one a:hover {background-position: 0px 0px; margin:0px 3px 0 0px; }
#strip li.m1 a:hover, #strip li.m1 a.selected {background-position: 0px -36px; }
#strip li.m2 a, #strip li.two a:hover {background-position: -70px 0px;}
#strip li.m2 a:hover, #strip li.m2 a.selected {background-position: -70px -36px;}
#strip li.m3 a, #strip li.three a:hover {background-position: -139px 0px; }
#strip li.m3 a:hover, #strip li.m3 a.selected {background-position: -139px -36px;}
#strip li.m4 a, #strip li.four a:hover {background-position: -209px 0px;}
#strip li.m4 a:hover, #strip li.m4 a.selected {background-position: -209px -36px;}
#strip li.m5 a, #strip li.five a:hover {background-position: -278px 0px;}
#strip li.m5 a:hover, #strip li.m5 a.selected {background-position: -278px -36px;}
#strip li.m6 a, #strip li.six a:hover {background-position: -347px 0px;}
#strip li.m6 a:hover, #strip li.m6 a.selected {background-position: -347px -36px;}
#contact {float:right; height:20px; width:185px;}
*/

/* MENU v3 */
#topNav { background:white; border-bottom:3px solid black; z-index:1000; position: relative; width:auto;margin:0 auto 0 auto;  }
#topNav ul {margin:0 auto 0 auto; padding:0 270px 0 263px; width:617px; height:25px; color: white; font-size:1.6em;  z-index:1000; position: relative; position: relative; left:3px;  }
#topNav li {margin:0; padding:0px; list-style: none; float:left; position: relative; }
#topNav a, #topNav a:hover {margin:0px 2px 0px 3px; padding:0px; text-indent:-5000em; display:block; overflow:hidden; width:83px; height:25px; background: url(i/menu.gif) top left; }

#topNav li:hover.m1 a, #topNav li.m1 a, #topNav li.one a:hover {background-position: 0px 0px; }
#topNav li:hover.m1 a, #topNav li.m1 a:hover, #topNav li.m1 a.selected {background-position: 0px -25px; }
#topNav li:hover.m2 a, #topNav li.m2 a, #topNav li.two a:hover {background-position: -89px 0px;}
#topNav li:hover.m2 a, #topNav li.m2 a:hover, #topNav li.m2 a.selected {background-position: -89px -25px;}
#topNav li:hover.m3 a, #topNav li.m3 a, #topNav li.three a:hover {background-position: -178px 0px; }
#topNav li:hover.m3 a, #topNav li.m3 a:hover, #topNav li.m3 a.selected {background-position: -178px -25px;}
#topNav li:hover.m4 a, #topNav li.m4 a, #topNav li.four a:hover {background-position: -267px 0px;}
#topNav li:hover.m4 a, #topNav li.m4 a:hover, #topNav li.m4 a.selected {background-position: -267px -25px;}
#topNav li:hover.m5 a, #topNav li.m5 a, #topNav li.five a:hover {background-position: -356px 0px;}
#topNav li:hover.m5 a, #topNav li.m5 a:hover, #topNav li.m5 a.selected {background-position: -356px -25px;}
#topNav li:hover.m6 a, #topNav li.m6 a, #topNav li.six a:hover {background-position: -445px 0px;}
#topNav li:hover.m6 a, #topNav li.m6 a:hover, #topNav li.m6 a.selected {background-position: -445px -25px;}
#topNav li:hover.m7 a, #topNav li.m7 a, #topNav li.seven a:hover {background-position: -534px 0px;}
#topNav li:hover.m7 a, #topNav li.m7 a:hover, #topNav li.m7 a.selected {background-position: -534px -25px;}


#topNav ul li ul {position: absolute; width:170px; margin:0px; padding:0px; height:auto; font-size:0.7em; text-align:left; z-index: 1000; font-family: Arial, Helvetica, sans-serif; display:none; left:2px; }
#topNav ul li:hover ul, #topNav ul li.hover ul {display:block;}

#topNav ul ul li {float:left; margin:0px; padding:0px;}

#topNav ul ul li a, #topNav ul ul li a:hover {color:black; display:block; width:155px; margin:0px; padding:5px 5px 5px 10px; text-indent:0; background-image:url(i/submenu-bg.jpg); background-position: bottom left !important; background-color:white; background-repeat:repeat-x; overflow:visible; height:auto; } 

#topNav ul ul li a:hover {color:white; background-image:url(i/submenu-bg-on.jpg); background-position: bottom left !important; background-color:#999; background-repeat:repeat-x;}



#leftMenu {margin:0px; padding:0px; position: absolute; top:15px; left:0px; width:270px; font-size:1.1em;  }
#leftMenu li {margin:0px; padding:0px; list-style:none; list-style-position:outside; }
#leftMenu li a, #leftMenu li a:hover {color:black;}
#leftMenu li a:hover {text-decoration:underline; }
#leftMenu li a span, #leftMenu li a:hover span {color:white;}


#strip {margin:0px 0 0px 0; padding:0px 0 0px 0px; position: relative;   }
#breadcrumb {position: absolute; left:0px; top:15px; color:white; font-size:1.1em; font-weight:bold; margin:0px; padding:0px; }
#breadcrumb a, #breadcrumb a:hover {color:black;}
#breadcrumb a:hover {text-decoration:underline; }
/* #welcome {float:left; height:20px; width:414px; background-image:url(i/phoneWelcome.gif); background-repeat:no-repeat; background-position:top left;} */
/* #welcome p { margin:0px; padding:0px; color:white; font-weight:bold; font-size:1.2em; } */
#contact {text-indent:-5000em; float:left; background-repeat:no-repeat; background-position:100% 13px; height:20px; width:480px; margin:0px; padding:15px 0 15px 0; }
/*>>>>>>>>>>>>>>>>>>>>>>>>>End of changes */

#header {display: block; width: 636px; height: 208px; text-indent: -5000em; background-image: url(i/logo.jpg); background-repeat:no-repeat; text-indent:-5000em; overflow:hidden;}
#rightCol ul {font-size: 1.1em; margin: 0 0 50px 0;}
#rightCol li {list-style: none;}
#rightCol li a {text-decoration: none;}
#rightCol li a:hover {text-decoration: none;}
#footer p {font-size: 1.1em; padding: 15px 0 10px 0;}
a.findOutMore {font-size: 0.9em; font-weight: bold;}
.three-col a {font-weight: bold;}
/*-----*/
.productAdminBox {float:left;width:150px;text-align:center;}
.productAdminBox a {color:#000000;}
#cds {
clear:both;
height:auto;
overflow:visible;
position:relative;
width:100%;
}
.addthis_button { float: right; padding: 15px 0 15px 0; }
#atffc { display: none; }