@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Prophecy_Script;
	src: url('Prophecy_Script.ttf');
}

@font-face {
	font-family: Prophecy_Script;
	font-weight: bold;
	src: url('Prophecy_Script.ttf');
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
}

#xmas {
    font-size: 13px;
    height: 30px;
    left: 600px;
    position: absolute;
    top: 10px;
    width: 300px;
    color:#ff6699;
}

#xmas a:link, #xmas a:active, #xmas a:visited {
    color:#ff6699;
}	

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
/*height: 110px; /*Height of top frame div*/
/*overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

color: black;

}
#framecontentTop{
background:white;
z-index:999;
height:100px;
font-weight:bold;
/*letter-spacing:-0.8px;*/
text-transform:uppercase;
}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 40px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background:white;
color: black;
z-index:998;
text-transform:uppercase;
}

#maincontent{
position: fixed; 
margin:0;
padding:0;
/*top: 160px; Set top value to HeightOfTopFrameDiv*/
top:100px;
left: 0;
right: 0;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden; 
z-index:-999;/*ie6fix-21/11*/
background: url(http://www.cleob.com/images/stockists.jpg);
background:white;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
padding:0;
}

* html body{ /*IE6 hack*/
padding: 100px 0 40px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#stretch {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:-1;
}
.atextleft {
width:250px;
min-height:250px;
z-index:99;
margin-right:18px;
float:left;
}

.atextleft p {
padding:3px 0;
}

#iefixo {
padding:25px 30px;
}

/*********************************** body styling ****************************************/
#innertubetop img {
margin:15px 0 0 35px;
}

#innertubetop ul {
padding:10px 0 0 35px;
}

#innertubetop .menu ul ul {padding:0;}

#innertubetop ul li {
display:inline;
float:left;
padding-top:5px;
/*font-size:20px;*/
list-style-type:none;
margin-right:40px;
font-weight:normal;
}

#tr {
position:absolute;
right:35px;
top:15px;
}

#tr p {
	font-family: Prophecy_Script, sans-serif; 
	font-size:26px;
	text-transform:none;
}

#tr p a:link, #tr p a:active, #tr p a:visited {
	color:#C8EDED;
	color:#00c6e3;
	color:black;
}

.innertubebtm ul{
margin:10px 0 0 35px;
}
.innertubebtm ul li {
display:inline;
list-style-type: none;
padding-right: 10px;
font-size:12px;
color:black;
}
.innertubebtm ul li a:link, .innertubebtm ul li a:active, .innertubebtm ul li a:visited {
color:black;
padding-right: 10px;
}

/*********************************** top stuff styling ****************************************/
.white {
background:white;
padding:5px;
font-size:12px;/*10*/
text-transform:uppercase;
}

.toppng {
height:14px;
background-image:url(../images/middle.png);
position:relative;
padding:0;
margin:0;
}
.fl {
float:left;
padding:0;
margin:0;
}

.rt {
float:right;
padding:0;
margin:0;
}

/*********************************** links styling ****************************************/
a:link, a:active, a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}

/*********************************** headings styling ****************************************/
h1, h2 {
font-size:16px;
font-weight:bold;
letter-spacing:-0.8px;
line-height:20px;
padding-bottom:12px;
text-transform:uppercase;
}

#boutique li {
	margin:3px 0;
}

.turq {
color:#00c6e1;
}
/*********************************** homepage specific styling ****************************************/
.homepagebg {
/*background:#ededed url(images/shoes2.jpg) center repeat-x;*/
height:100%;
}


.homepagebgtest {
	
    /*left: 50%;
    margin-left: -450px;*/
    
    /*height: auto;
    margin-top: -281px;
    position: absolute;
    top: 50%;*/
    height:100%;
}

.newhomepage {
	bottom: 0; margin-bottom: -70px; position: absolute; width: 100%;
}

.htextleft {
clear:both; width:250px; position:absolute; bottom:15px; left:30px;
}



.iframe {
	width:286px;
	height:160px;
	border: none;
}


/* ================================================================ 
This copyright notice must be untouched at all times.  background:#373134;

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; w\idth:800px;}



/* remove all the bullets, borders and padding from the default list styling */
.menu ul ul {width:auto;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:138px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:white;z-index:999;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:white;}
.menu ul ul :hover > a.drop {background:red;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
background:none repeat scroll 0 0 white;
border-top:0 solid #000000;
height:auto;
left:-20px;
position:absolute;
top:22px;
visibility:hidden;
width:150px;	
padding-bottom:10px;
	}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{left:147px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:none repeat scroll 0 0 white;
	font-size:14px;
	letter-spacing:-0.8px;
	margin-left:10px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:138px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:black; background:white;}
.menu :hover > a, .menu ul ul :hover > a {/*color: #A99481*/; background:white;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* FB LIKE */
.connect_widget_interactive_area {
    border-collapse: collapse;
    float: right !important;
    margin-right: 15px !important;
}

.connect_widget_number_cloud, 
.connect_widget_connect_button {float: right !important;}




/* SHOP 95 */
#container {
    bottom: 40px;
    left: 0;
    margin: 0;
    overflow-y: scroll;
    padding: 20px 0 0;
    position: fixed;
    right: 0;
    top: 100px;
    z-index: -999;
    background: none repeat scroll 0 0 #C8EDED;
}

#column_left {
    clear: left;
    float: left;
    margin-right: 10px;
    width: 250px;
}

.box .middle {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px;
}

#content {
    float: left;
    margin-bottom: 20px;
    margin-right: 0;
    width: 700px;
    width: 680px;
}

.box .top {
    background: none repeat scroll 0 0 white;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 7px;
    text-transform: uppercase;
}

#content .middle {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    float: left;
    min-height: 380px;
    padding: 10px 10px 1px;
    position: relative;
    width: 660px;
}

#content .top .center {
    background: none repeat scroll 0 0 white;
}

#content .top h1 {
    padding: 8px 0 8px 7px;
}

#content h1, .heading {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.midiv {
    margin-left: 35px;
    text-align: left;
    width: 960px;
    text-transform:uppercase;
    font-size:12px;
}

.midiv h2 {
    font-weight: bold;
    letter-spacing: -auto;
    line-height: auto;
    padding-bottom: auto;
    text-transform: uppercase;
    
	font-family: "Times New Roman",Times,serif;
    font-size: 12px;
}

#add_to_cart {
	background: url('http://www.mobiloot.com/cart/catalog/view/theme/cleo95/image/add_to_basket.png') no-repeat scroll right top transparent; 
	color: white; 
	padding: 4px 20px;
	cursor: pointer;
	
}

#pricebox {
	clear: right;
    float: right;
    margin-top: 15px;
    width: 330px;
}

#prodstuff {
	clear:right; float:right;
	margin-top: 15px;
	margin-bottom:15px;
	background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px;
}

.box .bottom {
    background: none repeat scroll 0 0 white;
    height: 5px;
}

.box {
	margin-bottom: 10px;
}

#category ul {
    list-style-type: none;
}

#category ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}

.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 5px;
	background: url('../image/button_left.png') top left no-repeat;
	text-decoration: none;
	color:#FFF;
	cursor: pointer;
}
.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;
	background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}


.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}


.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}

.cart {
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
}

.cart th {
    background: none repeat scroll 0 0 #EEEEEE;
    font-weight: normal;
    padding: 5px;
}