@charset "utf-8";
/* =universal ------------------------------------------------------------------------- */
html {background-color:#FFFFFF;}
* {margin: 0px; padding: 0px;}
img {border:none}
body {position:relative; margin: 0px; padding: 0px;}
body {margin-top: 2px;}
/* =fonts ------------------------------------------------------------------------- */
/* =p ------------------------------------------------------------------------- */
p {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight:normal; color:#333333; line-height:normal; text-decoration: none; padding: 0px 10px 10px 10px;}
.info {margin: 320px 0px 0px 0px;}
#framemiddle p {padding: 5px 20px 10px 20px;}
#address p, #customer p {margin: 0px 0px 5px 40px; padding: 0px;}

/* =hx ------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
h1 {font-size: 16px; line-height: 30px; margin: 1px 0px 0px 15px; padding:0px; color: #B351B3; }
#textarea771 h1 {color:#FFFFFF; padding-left:130px;}
#textarea771 #framemiddle h1 {color:#43439D; margin: 0px; padding-left: 20px;}
#framemiddleprod h1, #framemiddleprodlge h1 {color:#FFFFFF;}
#privacyinfo h1 {color:#FFFFFF; margin: 0px 0px 0px 5px; padding:0px;}
/* =h2 ------------------------------------------------------------------------- */
h2 {font-size: 16px; line-height: 16px; margin: 10px 0px 0px 0px; padding: 0px 7px 0px 7px; color: #FFFFFF;}
#sidebar1 h2, #sidebar1 h2 {padding: 0px 3px}
#frametop h2, #frametop853 h2 {line-height: 26px; margin: 0px; padding:0px 0px 0px 150px;}
#frametop853 h2 {line-height: 26px; margin: 0px; padding:0px 0px 0px 150px; }
#framemiddle h2 {font-size: 13px; color:#B351B3; margin: 0px; padding: 0px 0px 10px 20px;}
#productimages h2 img#imagemain {position:absolute; width: 155px; height:150px; border:none; margin: 0px 0px 0px -162px; padding: 0px 0px 0px 0px;}
#frametop h2 {position:relative;line-height: 26px; margin: 0px; padding:0px 0px 0px 150px; vertical-align:middle;}
#framemiddle_sitemap h2 {position:relative;font-size: 13px; color:#B351B3; width:200px/*170px*/; margin: 0px; padding: 0px 0px 10px 10px;}
#framemiddle_sitemap li.two h2 {line-height: 12px; width: 170px; margin: 0px; padding: 0px 0px 0px 0px;}
/* =h3 ------------------------------------------------------------------------- */
h3 {font-size: 10.5px; line-height: 14px; margin: 0px;/* padding::7px;*/ color:#FFFFFF;}
#framemiddle h3 {font-size: 12px; font-weight:bold; color:#B351B3;  margin: 0px 0px 5px 0px; padding: 5px 20px 10px 20px;}
#framemiddleprod h3, #framemiddleprodlge h3 {font-size: 12px;line-height: 14px;font-weight: normal; margin: -10px 0px 0px 0px; color: #b351b3;}
#termslist li h3 {margin: 0px; padding: 0px;}
/* =h4 ------------------------------------------------------------------------- */
h4 {font-size: 12px; line-height: 14px; font-weight:normal; margin: 5px 0px 0px 0px; padding:0px; color:#43439D;}
#framemiddleprod h4, #framemiddleprodlge h4 {position:absolute; top:70px; left: 0px; color: #43439d; margin: 0px 0px 0px 0px; padding:0px;}
h4.productintro { font-weight:bold; padding:0px 30px 10px 40px}
/* =h5 ------------------------------------------------------------------------- */
h5 {font-size: 11px; line-height: 24px; margin: 0px; /*padding::7px;*/ color:#FFFFFF;}
/* =h6 ------------------------------------------------------------------------- */
h6 {font-size: 13px; line-height: 18px; margin: 0px; /*padding::7px;*/ color: #B351B3;}
#productimages li h6 {font-size:12px; font-weight:normal; float:left; width:120px; text-align:center; text-decoration:none; margin: 120px 0px 0px -100px;}
li#imageonefb h6, li#imageonefw h6 {margin-left:-145px;}
li#imageonefw h6 {margin-left:-125px;}
/* ========================================================================================================================*/
/* =============== Element Positioning ====================================================================================*/
/* ========================================================================================================================*/

/* =li#images - Position List Elements ------------------------------------------------------------------------- */
li#imageone, li#imagetwo, li#imagethree, li#imagefour, li#imagefive, li#imagesix, li#imageseven, li#imageeight, li#imageonefb, li#imageonefw  {position:relative;}
/* =li#images - Position List Images ------------------------------------------------------------------------- */
#productimages li img {position:relative; float:left; width:100px; height: 85px; border:none; margin: 35px 0px 0px 15px;padding: 0px 0px 0px 0px;}
#productimages li#imageonefb img {width:200px;}
#productimages li#imageonefw img {width:154px;}
/* =p a ------------------------------------------------------------------------- */
p a {font-size: 13px; font-weight:bold; color:#B351B3; width:600px; margin: 0px; padding: 0px 0px 0px 0px;}
/* =li#images a ------------------------------------------------------------------------- */
#productimages li a {text-decoration:none}

ul#productimages {position:relative; list-style-type: none; width: 680px; margin-left:160px;}
#productimages li{width: 200px; display:inline;}
ul#productlist {list-style-type:none; width:845px; margin:0px 0px 0px 3px; padding:0px;}
ul#productlist li {position:relative; float:left; width: 200px; height: 230px; background : url(../../Images/mainproductbox.jpg) no-repeat; margin-top: 0px; padding: 0px;}

ul#productmainlist {list-style-type:none; width:850px; margin:0px 0px 0px 3px; padding:0px;}
ul#productmainlist li {position:relative; float:left; width: 425px; height: 137px; background : url(../../Images/mainproductbox.jpg) no-repeat; margin-top: /*10px 0px 0px*/ 0px; padding: 0px;}

/* =delivery------------------------------------------------------------------------- */
#delivery {width: 600px; margin: 0px 0px 0px 25px; padding: 0px 10px 0px 20px;}
#deliverytitle {margin: 0px 0px 0px 120px; padding: 0px 0px 0px 10px;}
#deliveryinfo {background-image : url(../Images/sitemapcurve.jpg); background-repeat:no-repeat;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;}
ul#deliverynote {display: block; list-style-type:none; margin: 15px 0px 15px 20px; padding: 0px;}
/* =Positioning ------------------------------------------------------------------------- */
/* =navbar------------------------------------------------------------------------- */
#shoppingcart a {color:#4c9be3; text-decoration:none;}
/* =topbox ------------------------------------------------------------------------- */
#topbox { position:relative; width: 853px; background: #FFFFFF; margin: 0 auto; padding: 10px 0px 0px 0px; text-align: left; overflow:auto;}
/* =Main Header ------------------------------------------------------------------------- */
#header { position:relative; text-align:center; margin: 0px; padding: 0px;}
#fader  {position:absolute; top:10px; left: 673px;} 
a#discountlink, a#deliverylink, a#postagelink, a#securitylink {position: absolute; left: 0px; width: 171px; height: 23px; margin: 0px; padding:0px; background-image:url(../images/spacer.gif)}
a#discountlink {top:0px;}
a#deliverylink {top:28px;}
a#postagelink {top:56px;}
a#securitylink {top:84px;}
/* =container ------------------------------------------------------------------------- */
#container { position:relative; /*height:1500px;*/ width: 853px; background: #FFFFFF; margin: 0 auto; padding: 5px; border: 1px solid #000000; text-align: left; overflow:auto}
#containerhome { position:relative; height:944px; width: 853px; background: #FFFFFF; margin: 0 auto; padding: 5px; border: 1px solid #000000; text-align: left; overflow:hidden}
#containerprod { position:relative; width: 855px; background: #FFFFFF; margin: 0 auto; padding: 5px; border: 1px solid #000000; text-align: left; overflow:auto;}
/* =nav ------------------------------------------------------------------------- */
#navbar a { color:#FFFFFF; text-decoration:none;padding: 0px 0px 0px 10px; width:90px; height: 24px; display: block;}
#navdiv {width: 853px; height:24px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; background:#EECAEE;}
#navbar li {float: left; list-style-type:none; width:100px; height: 24px; padding: 0px 7px 0px 0px; background-image: url(../../images/NormalButton.jpg); background-repeat:no-repeat;}
#navbar li.last {padding: 0px 0px 0px 0px;}
#navbar li:link {background-image: url(../../images/DarkButton.jpg);}
#navbar li:visited {background-image: url(../../images/LightButton.jpg);}
#navbar li:hover {background-image: url(../../images/DarkButton.jpg);}
#navbar li:active {background-image: url(../../images/LightButton.jpg);}
/* =sidebar1 Left -------------------------------------------------------------------------*/
#sidebar1 {position: relative; float: left; width: 190px; background:#B351B3; height: 780px; margin: 5px 0px 5px 0px; padding: 0px;}
ul {margin:0px; padding:0px;}
ul#leftbar {position: relative; float: left;}
#leftbar li {padding: 3px 3px}
#leftbar li#leftbarlist1 {padding-top: 0px}
ul#pricelist li {float:left; margin:0px; padding: 0px; list-style-type:none;}
#leftbar li img {border:none;}
#leftbar li {position:relative; float: left; list-style-type:none; width:174px; border:none;}
#leftbar li a {color:#FFFFFF; text-decoration:none;padding: 0px 0px 5px 0px;}
#leftbar li a h3 {position:absolute; top:68px; left:20px; width: 82px; font-size:20px; color:#000099; line-height:18px;}

#pricelist li#product {height:14px; width:145px; /*background-color:*/}
#pricelist li#item {height:14px; width:120px; background-color:#F4E1F0}
#pricelist li#price {height:14px; width:35px; background-color:#F4E1F0;}
#pricelist .product {font-size:10px; font-weight: bold; margin: 0px 0px 0px 3px; padding:0px;}
#pricelist .item {font-size:10px; margin: 0px 0px 0px 3px; padding:0px}
#pricelist .price {font-size:10px; margin: 0px 0px 0px 0px; padding:0px}
/* =sidebar2 Right------------------------------------------------------------------------- */
#sidebar2 {position: relative; float: right; width: 190px; background:#43439D; background-image: url(../../images/WhiteCurved.jpg); background-repeat:no-repeat; background-position: 8px 50px; height: 780px; margin: 5px 0px 5px 0px; padding: 0px; clear: none;}
ul#ideasbar {position: absolute; top: 70px; left: 30px; /*display: compact;*/ list-style-type:none;}
/* =textarea ------------------------------------------------------------------------- */
#textarea, #textarea456, #textarea771, #textarea853, #textarea855 {position: relative; float: left; background:#FFFFFF; padding: 0px 0px 0px 0px;}
#textarea456 { width: 456px; /*height: 767px;*/ margin: 0px 0px 5px 0px;}
#textarea771 { width: 771px; /*height: 400px;*/ margin: 15px 0px 15px 40px; overflow:auto;}
#textarea855 { width: 853px;/*855px; height: 2300px;*/ margin: 15px 0px 15px 0px; overflow:auto;}
#textarea853 { width: 853px; height: 970px; margin: 15px 0px 15px 0px;}
#textarea { width: 456px; /*height: 767px;*/ margin: 0px 0px 5px 0px;}
/* =headngs ------------------------------------------------------------------------- */
#heading1home, #heading1, #heading2, #heading3 {float:left;}
#heading1home, #heading2 {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 20px; width: 454px; height: 30px; background : url(../../Images/whiteoval.jpg) no-repeat 50% 100%;}
#heading1home {}
#heading1 {margin: 5px 0px 5px 2px; padding: 0px 0px 0px 0px; width: 850px; height: 30px; background : url(../../Images/whiteovallong.jpg) no-repeat 50% 100%;}
#heading2 {margin: 0px 0px 5px 0px;}
#heading3 {margin: -2px/*0px*/ 0px 5px 0px; padding: 0px 0px 0px 10px; width: 454px; height: 26px;}
/* =frames ------------------------------------------------------------------------- */
#framemiddleprod, #framemiddleprodlge, #frametop, #frametop853, #framebottom, #framebottom853 {background-repeat:no-repeat; margin:0px; padding: 0px;}
#framemiddleprod {position:relative; width: 847px; height: 237px; background-image : url(../../Images/productsframe.jpg); margin: 5px 0px 0px 5px; overflow:auto;}
#framemiddleprodlge {position:relative; width: 847px; height: 382px; background-image : url(../../Images/productsframelarge.jpg); margin: 5px 0px 0px 5px; overflow:auto;}
#frametop {width: 771px; height: 65px; background-image : url(../../Images/frametop.jpg);}
#frametop853 {width: 853px; height: 65px; background-image : url(../../Images/frametop853.jpg);}
#framemiddle, #framemiddle_sitemap {width: 771px; /*height: 470px;*/ background-image : url(../../Images/framemiddle.jpg); margin:0px; padding: 0px; overflow:auto;}
#framemiddle853 {width: 853px; /*height: 470px;*/ background-image : url(../../Images/framemiddle853.jpg); margin:0px; padding:0px; overflow:auto;}
#framebottom {width: 771px; height: 65px; background-image : url(../../Images/framebottom.jpg);}
#framebottom853 {width: 853px; height: 65px; background-image : url(../../Images/framebottom853.jpg);}
/* =Products List Pages ------------------------------------------------------------------------- */
#products li img {border:none;}
#products li img {position:absolute; top: -70px; Left: 0px; margin: 0px; padding:0px; border:none;}
#products li {position:relative; float: left; display: inline; list-style-type:none; text-align:center; width:86px; height: 22px; margin: 70px 0px 0px 0px; padding: 3px 0px 3px 0px; background-image:url(../../images/BlueGradientPiece.jpg);background-repeat:repeat-x;}
#products li.bluel {width:11px; background-image:url(../../images/BlueGradEndL.jpg);background-repeat:repeat-x;}
#products li.bluer {width:11px; background-image:url(../../images/BlueGradEndR.jpg);background-repeat:repeat-x;}
#products li a {color:#FFFFFF; text-decoration:none; padding-left:0px;}
/* =Privacy ------------------------------------------------------------------------- */
#privacyinfo {background-image : url(../../Images/sitemapcurve.jpg); background-repeat:no-repeat;margin: 0px 0px 0px 25px; padding: 0px 0px 0px 10px;}
/* # Sitemap ====================================================================================================*/
/* =nav ------------------------------------------------------------------------- */
#sitemaptitle {margin: -4px 0px 0px 120px; padding: 0px 0px 0px 10px;}
#sitemap1, #sitemap2, #sitemap3 {position: relative; float: left; width: 200px; background:#FFFFFF; height: 800px; margin: 0px 0px 5px 5px; padding: 0px;}
#sitemap1 {margin-left: 125px;}
/* =img ------------------------------------------------------------------------- */
#sitemap1 img, #sitemap2 img, #sitemap3 img {border:none;}
#sitemap1 li img, #sitemap2 li img, #sitemap3 li img {position:absolute; top: 5px; Left: 0px; margin: 0px; padding:0px; border:none;}
ul#sitemap1 {position: absolute; top: 30px; left: 10px; display: block; list-style-type:none; margin: 20px 0px 0px 0px; padding: 0px;}
#sitemap1 li, #sitemap2 li, #sitemap3 li {position:relative; float: left; list-style-type:none; width:170px; height: 14px; margin:0px; padding: 0px 0px 0px 10px; border:none;}
#sitemap1 li.one, #sitemap2 li.one, #sitemap3 li.one {width: 197px/*178px*/; height:22px; background-image : url(../../Images/sitemapcurve2.jpg); background-repeat:repeat-x; margin: 10px 0px 0px 0px; padding:0px 0px 0px 0px;}
#sitemap1 li.two, #sitemap2 li.two, #sitemap3 li.two {width: 197px/*140px*/; height: 13px; background-image : url(../../Images/sitemapbearsbox.jpg); background-repeat:repeat-x; margin: 5px 10px 0px 0px; padding:0px 0px 0px 0px;}
#sitemap1 li.first, #sitemap2 li.first, #sitemap3 li.first {width: 178px; height: 13px; margin: 5px 10px 0px 0px; padding:0px 0px 0px 10px;}
#sitemap1 li a, #sitemap2 li a, #sitemap3 li a {font-size: 10px; line-height: 14px;/*padding::7px;*/ color:#B351B3; text-decoration: none; width: 178px; margin: 0px 0px 0px 2px; padding: 0px;}
#sitemap1 li.one a, #sitemap2 li.one a, #sitemap3 li.one a {font-size: 13px; line-height: 18px; width: 200px/*170px*/; color:#FFFFFF;}
#sitemap1 li.two a, #sitemap2 li.two a, #sitemap3 li.two a {font-size: 10px; line-height: 12px; color:#FFFFFF; width:178px;}
/* # Terms ====================================================================================================*/
#termsinfo {background-image : url(../../Images/sitemapcurve.jpg); background-repeat:no-repeat;margin: 0px 0px 0px 25px; padding: 0px 0px 0px 10px;}
ul#termslist {width: 730px; display: block; list-style-type:none; margin: 0px 0px 0px 20px; padding: 0px;}
/* # Postage ====================================================================================================*/
ul#postage {width:450px; margin: 0px 2px 0px 2px; padding: 0px; border-left: solid #FFFFFF 160px; border-right: solid #FFFFFF 150px; }
ul#postage li {float:left; height:20px; width:150px; margin: 0px 0px 10px 0px; padding: 0px; list-style-type:none;}
li#eurozone, li#zone1, li#zone2 {background-color:#F4E1F0}
.eurozone, .zone1, .zone2 {font-size:10px;}
/* # Signup ====================================================================================================*/
#signup img {float:left; margin: 0px 2px}
.button {width:102px; height:24px; border: none; color:#FFFFFF; background:url(../../images/NormalButtonWhite.gif) no-repeat top left; padding: 2px 8px; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold;}
.buttondisp {width:102px; height:24px; border: none; color:#FFFFFF; background:url(../../images/NormalButtonWhite.gif) no-repeat top left; padding: 2px 8px; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold;}
.email {font-size: 13px; font-weight:bold; color:#B351B3; width:600px; margin: 0px; padding: 0px 0px 0px 0px;}
/* # Sens to Phone ====================================================================================================*/
#sms {position:relative; width:750px; margin: 0px 0px 0px 5px;}
#smsimages {float:left;}
#smsimages img {margin: 0px 10px 0px 5px;}
#smsphone {position:relative; float:left; width:550px; height: 284px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:none}
#smsphone img {float:left;}
#smsphonetext {float:right; width:374px; height: 284px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:none}
#smstext {width:518px; margin: 300px 0px 0px 260px;}
#smsconditions {float:left; width:518px; height: 120px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:none}
#userminicool {position:absolute; top:35px; left:31px; width:70px; height:99px; background-color:#99FF00;}

#smsphonetext h3.step1, #smsphonetext h3.step2 { font-size:24px; font-weight:bold; height:25px; margin: 0px 0px 0px 0px; color:#FFFFFF; background-color:#B351B3; ; padding: 7px 0px 7px 10px;}
#smsphonetext h3.step2 {background-color:#43439D;}
#smsphonetext p.step1text, #smsphonetext p.step1Atext, #smsphonetext p.step2text {font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#DAA5DA;}
#smsphonetext p.step1text {height:63px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 5px;}
#smsphonetext p.step1Atext {height:20px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px;}
#smsphonetext p.step2text {height:73px; margin: 0px 0px 10px 0px; padding: 25px 0px 0px 5px;}
#smsconditions p.conditions {font-size:12px; width: 553px; margin: 30px 0px 10px 0px; padding: 0px 0px 0px 0px;}

/* =General Table Replace ------------------------------------------------------------------------- */
#contact_tablereplace img, #myaccount_tablereplace img, #password_tablereplace img, #loginfailed_tablereplace img, #loggedout_tablereplace img, #thanks_tablereplace img {float:left; margin: 0px 10px 0px 2px}
/*#thanksimage img, #contact img {float:left; margin: 0px 2px}*/
#accessdenied_tablereplace img, #loginfailed_tablereplace img, #loggedout_tablereplace img {float:left; margin: 0px 30px 0px 2px}	
#thanks_tablereplace, #loggedout_tablereplace, #loginfailed_tablereplace {position:relative; width:700px;}
#mycharacters {width:619px;}
/*#tablereplace {position:relative; width:700px;}*/
/*#loggedout_tablereplace {position:relative; width:700px;}*/
/*#loginfailed_tablereplace {position:relative; width:700px;}*/
/*#password_tablereplace {position:relative; width:700px;}*/

/*#loginfailed_tablereplace img {float:left; margin: 0px 30px 0px 2px}*/
#tablereplace img {float:left; margin: 0px 50px}
img#button {margin: 0px 10px 0px 0px; padding: 0px 448px 8px 0px;}

#leftbar h5 {width: 174px; height:51px; background-image:url(images/MinicoolSamples.jpg); margin: 8px 0px 0px 4px; padding: 0px 0px 0px 0px;}
#leftbar h5 a {width:174px; display:block}
img#helpstar {position:absolute; top:5px; left:480px; z-index:1000;}