body {
	background-color: #595959;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Trebuchet MS", Arial;
	color: #000000;
	font-size: 11px;
	text-align: center;
}

h1 {
	font-size: 16px;
	height: 24px;
	margin: 0px;
	padding: 0px;
}


h1#seo{
  line-height:12px;
  height: 14px;
  text-align:center;
  font-weight:normal;
  font-size:11px;
  border:0px solid #fff;
  color:#F1F1F1;
  }



img{border:0px solid #0f0;}

table {border-collapse: collapse;}
td {vertical-align: top;}

div#basketNav{
  border:0px solid #f00;
  width:620px;
}

div#basketNav a.on{
  font-weight:bold;
  background:#FFBFE6 ;
  color:#00AEEF;
  padding:2px;
  margin:2px;
}

table#basket {
  
  width:100%;
  border: 0px solid #00AEEF;
}
table#basket th {
  border: 1px solid #ccc;
}
table#basket td {
  border: 1px solid #ccc;
}

table#basket td#total{
  font-size:12px; font-weight: bold;
  text-align:right;
  border-top: solid 3px #f00;
  border-bottom: solid 3px #f00;
  }

table#checkout {
  
  width:100%;
  border: 0px solid #00AEEF;
}
table#checkout th {
  border: 1px solid #ccc;
}
table#checkout td {
  border: 1px solid #ccc;
}
   

#main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#foot-links{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	color: #DFDFDF;
}
div#foot-links a{
	color: #DFDFDF;
	text-decoration:none;
}


#foot {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}

#foot a{
	color:#fff;
}

#bg-top {
	width: 880px;
	background-image: url(/images-css/bg-top.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
}
#bg-btm {
	width: 880px;
	background-image: url(/images-css/bg-btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#left {
	float: left;
	width: 220px;
}
#right {
	float: left;
	width: 650px;
	border:0px solid #f00;
	margin-left: 10px;
}
.clear {
	clear: both;
}
ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#left ul li {
	/* height: 23px; */
	width: 220px;
	border:0px solid #000;
}
.menu a {
	display: block;
	background-image: url(/images-css/menu-bg.gif);
	height: 23px;
	width: 220px;
	text-indent: 25px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 600;
	color: #00aeef;
	text-decoration: none;
}
.menu-sub a {
	display: block;
	background-image: url(/images-css/menu-bg-sub.gif);
	height: 23px;
	width: 220px;
	text-indent: 40px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 600;
	color: #00aeef;
	text-decoration: none;
}

.menu-shop a {
  display: block;
	background-image: url(/images-css/list-onlineshop.gif);
	height: 48px;
	text-indent: 25px;
	line-height: 48px;
	font-size: 11px;
	font-weight: 600;
	color: #00aeef;
	text-decoration: none;
	width: 216px;
	border-top:2px solid #bbb;
	border-left:2px solid #bbb;
	border-right:2px solid #bbb;
}
.menu-shop-sub a {
  display: block;
	background-image: url(/images-css/menu-shop-sub-bg.gif);
	height: 23px;
	text-indent: 40px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 600;
	color: #00aeef;
	text-decoration: none;
	width: 216px;
	border-left:2px solid #bbb;
	border-right:2px solid #bbb;
}


a {color: #ec008c;}

/* CANT GET THIS TO WORK!, so style is embedded*/
a.bread {
	font-size: 12px; 
	color:#ec008c;
	text-decoration:none;
	}
	
input, select {
  height: 18px;
	font-size: 11px;
	font-family: Verdana, "Trebuchet MS", Arial;
	color: #535353;
	border: 1px solid #6b6b6b;
}



textarea {
	font-size: 11px;
	font-family: Verdana, "Trebuchet MS", Arial;
	color: #535353;
	border: 1px solid #6b6b6b;
}
#left input{width: 150px;}

#right .box {padding: 10px; padding-bottom: 0px; font-size:12px;
  border: 0px solid #0f0;}

.txt-small {
	font-size: 10px;
	color: #666666;
	font-weight: 300;
}

.products-designer {
	font-weight: 600;
	vertical-align: top;
	margin-bottom: 15px;
}
.txt-redbig {
	font-size: 20px;
	color: #cc0000;
	font-weight: 600;
}
.txt-14 {
	font-size: 14px;
	font-weight: 600;
}
.product-info {
	float: left;
	width: 265px;
}
.txt-18 {
	font-size: 18px;
	font-weight: 600;
}

.txt-price {text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

.txt-oldprice {text-decoration: line-through;
	font-size: 14px;
	font-weight: 600;
}
.pic {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.box ul li {
	background-image: url(/images-css/dot.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 15px;
	margin-bottom: 5px;
}

.txt-14red {
	font-size: 14px;
	color: #cc0000;
	font-weight: 600;
}
.txt-16red {
	font-size: 16px;
	color: #cc0000;
	font-weight: 600;
}

.menu a#sunglasses-a:hover {
	color: #ec008c;
}
.menu a#sunglasses-a {
	display: block;
	background-image: url(/images-css/list-sunglasses.gif);
	height: 46px;
	width: 220px;
	text-indent: 25px;
	line-height: 46px;
	font-size: 11px;
	font-weight: 600;
	color: #00aeef;
	text-decoration: none;
}
#left ul li#sunglasses-l {
	height: 46px;
	width: 220px;
}



#right-head {height: 100px; width: 640px;}
#right-head div {margin-right: 20px; text-align: right; color:#595959; font-size:10px;}
#right-head a{color:#595959;}


#right-top{	margin-top:10px;background-image: url(/images-css/right-top-bg.jpg);	height: 36px;	width: 100%; line-height: 36px; text-indent: 5px; font-weight: bold; margin-bottom: 10px;}
#right-top a, #right-topbig a{font-size: 10px; color:#000000; text-decoration:none;}

#right-topbig{padding:5px 5px 0 5px;	border:0px solid #000;background-image: url(/images-css/right-top-bg.jpg);	height: 43px; text-indent: 20px; font-weight: bold; margin-bottom: 10px;}
#right-topbig table{border:0px solid #00f; width:100%;} 
#right-topbig td {line-height: 20px;}
td#pages-list {text-align:center; color: #9ea0a2;  font-size: 10px; font-weight:normal;}

td#pages-list div{
  border: 0px solid #f00;
  }

div.pagination1{
	float:left;
  width:250px;
  text-align:left;
  }

div.pagination2{
	float:left;
  width:250px;
  text-align:center;
  }

div.pagination3{
	float:right;
  width:100px;
  text-align:right;
  }
  
#pages-list a, #right-btm a{color: #ec008c; text-decoration: none;}
#right-btm{	background-image: url(/images-css/right-top-bg.jpg);	height: 36px;	width: 650px; line-height: 36px; font-size: 10px; text-align:center; color: #9ea0a2; }


div.content {margin-top:10px;background-image: url(/images-css/content-bg.jpg);	background-repeat: no-repeat;}
div.content-home {margin-top:0px;background-image: url(/images-css/content-bg.jpg);	background-repeat: no-repeat;}

h3 {color: #9ea0a2; font-size: 14px; font-weight: 600; margin: 0px; margin-bottom:10px;}
h4 {color: #9ea0a2; font-size: 10px; font-weight: 600; margin: 0px; margin-bottom:10px;
	background-image: url(/images-css/dot-h4.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;	padding-left: 15px;}

.faqs-list a {color: #000000; font-size: 10px; font-weight: bold; text-decoration:none;}
.toright {text-align: right;}

.login-top {background-image: url(/images-css/loginbg-top.jpg);	background-repeat: no-repeat;}
.login-btm {	background-image: url(/images-css/loginbg-btm.jpg);	background-repeat: no-repeat;	background-position: left bottom;}
/* .login-top input {width: 200px;} */

table.register-form input.text {width: 200px;}
table.register-form td {border:0px solid #000; font-size: 11px; font-weight: bold;}

table.login-form input.text {width: 200px;}



table.products{border:0px solid #0f0; margin-top:-10px;}

table.products td {
 background-image: url(/images-css/product-btm.jpg);	
 background-repeat: no-repeat; 	
 background-position: bottom left; 
 width: 210px;
 padding-top:10px;
 border:0px solid #000;
 }

div.table-btm{background-image: url(/images-css/product-top.jpg);	background-repeat: no-repeat; 	background-position: top; width: 210px;
  border:0px solid #00f;
  }
div.table-btm div {border:0px solid #f00;padding: 10px; }
div.table-btm div.top {border:0px solid #0f0;height:176px}

div.emptyBasket{
	text-align:center;
	border:1px dashed #EC008C;
}

div.emptyBasket div {
	width:200px;
	margin:0px auto;
	text-align:center;
	padding:25px;
	border:1px dashed #EC008C;
	background-color:#eee;
	}



/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {

}

.block { display: block; }
form.cmxform label.error { display: none;}

em.error {
  background:url("/images-css/unchecked.gif") no-repeat 3px 0px;
  padding-left: 36px;
  font-weight:bold;
  color: #f00;
}
em.success {
  background:url("/images-css/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}


form.cmxform legend {
	padding-left: 0;
	font-weight:bold;
	font-size:1.2em;
	color:#9EA0A2;
}

form.cmxform legend.big-legend {
	padding-left: 0;
	font-weight:bold;
	font-size:1.2em;
	color:#000;;
}

form.cmxform p {clear: both; padding:0;margin:0; border:0px solid #0f0;}

form.cmxform label {
	font-weight:bold;
  color: #000;
  margin-bottom:6px;
  border: 0px solid #ccc;
}

form.cmxform input {
  margin-bottom:6px;
}

form.cmxform fieldset {
	border: 0px solid #ccc;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	background:url("/images-css/unchecked.gif") no-repeat 3px 0px;
	margin-bottom:5px;
}


form.cmxform input.chk{ 
  border:0px solid #0f0;
  margin:0 2px 0 2px;
  padding:0 2px 0 2px;
  }

div.error { display: none; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }



form#order label {  }
form#order input.submit { margin-left: 3px; }

form#reminder{ margin-left:10px;}
form#reminder label {float:left; width:80px; text-align:right; line-height:18px; }
form#reminder input.text {float:right;width:150px; line-height:18px;  }
form#reminder input.submit {  }
form#reminder input.image{ margin-left: 10px; border:0px solid #f00;}
form#reminder label.error {
  background:url("/images-css/unchecked.gif") no-repeat 3px 0px;
  width:200px;
}


form#loginx{ margin-left:10px;}
form#loginx label {float:left; text-align:right; width:90px; line-height:18px;  }
form#loginx input.text {float:right; width:150px; line-height:18px;}
form#loginx input.submit {  }
form#loginx input.image{ border:0px solid #f00;}
form#loginx label.error {
  text-align:left;
  text-indent:20px;
  background:url("/images-css/unchecked.gif") no-repeat 3px 0px;
  width:200px;
}


form#registration{ margin-left:0px;width: 500px;}
form#registration label {float:left; text-align:right; width:250px; line-height:18px;}
form#registration input.text {float:right; width:200px; line-height:18px; }
form#registration input.submit {  }
form#registration input.image{ margin-left: 260px; border:0px solid #f00;}


form#user{ width: 500px;border:0px solid #f00;}
form#user label {float:left; text-align:right; width:250px; line-height:18px; }
form#user input.text {float:right;width:200px; line-height:18px; }
form#user input.submit {  }
form#user input.image{ margin-left: 260px; border:0px solid #f00;}


  
form#billing{ width: 500px;border:0px solid #f00;}
form#billing label {float:left; text-align:right; width:250px; line-height:18px; }
form#billing input.text {float:right;width:200px; line-height:18px; }
form#billing input.submit {  }
form#billing input.image{ margin-left: 260px; border:0px solid #f00;}

  
form#delivery{ width: 500px;border:0px solid #f00;}
form#delivery label {float:left; text-align:right; width:250px; line-height:18px;  }
form#delivery input.text, form#delivery select {float:right;width:200px; line-height:18px; }
form#delivery textarea {float:right;width:200px;}
form#delivery input.submit {  }
form#delivery input.image{ margin-left: 260px; border:0px solid #f00;}

form#orderdetail input.image{ border:0px solid #f00;}


#home-flash {width:290px; height: 255px; float: left; margin-bottom:10px;}
#brands-flash {width:220px; height: 60px;}

.home-list {width: 360px; height: 255px; background-color:#00aeef; float: left; margin-bottom:10px;}
.home-list a {color: #FFFFFF; text-decoration: none;}

.home-list1 { width: 150px; float: left; margin-top: 10px; }
.home-list1 li {background-image: url(images/li-white.gif);	background-repeat: no-repeat; 	background-position: 19px 5px; padding-left: 29px;font-size: 14px;margin-bottom: 5px;}

.home-list2 { width: 170px; float: left; margin-top: 10px; }
.home-list2 li {background-image: url(images/li-white.gif);	background-repeat: no-repeat; 	background-position: 19px 5px; padding-left: 29px; margin-bottom: 5px;}


div.message{
	font-size: 11px;
	background-color:#EC008C;
	font-weight:bold;
	color: #fff;
	border-bottom: 3px solid #00AEEF;
  padding:5px;
  margin-bottom:3px;
  }

div.message a{
	color: #fff;
  }
  
div.warning{
	background-color:#f00;
	color: #fff;
	border-bottom: 3px solid #00AEEF;
  padding:5px;
  margin-bottom:3px;
  text-align:left;
  }
    
div.superGlobals{
	font-size: 11px;
	background-color:#000;
	color: #fff;
	border: 3px solid #6b6b6b;
  padding:5px;
  margin:5px;
  text-align:left;
  }
  
/***********************************
 ImageBox
 ***********************************/
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(/images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(/images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(/images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

/***********************************
 END ImageBox
 ***********************************/