/* 
    Document   : cc.css
    Created on : May 10, 2010, 4:12:24 PM
    Author     : Andrei
    Description:
        Purpose of the stylesheet follows.
*/
root {
    display: block;
}

html, body, div, span, iframe, table, tr, th, td, h1, h2, h3, h4,
a, b, u, i, center, dl, dt, dd, img,
form, fieldset, label
{  border: 0;  margin: 0; padding:0; background: transparent; outline: 0; }
label, input
{  border: 0;  margin: 0; padding-top:0; background: transparent; outline: 0; }

input, textarea { border: 1px solid #888888; font-size: 10px; color: #444444;}
input.green { color: #FFFFFF; background-color: #66cc66; float:right; }
input.green_left { color: #FFFFFF; background-color: #66cc66; }
input.red { color: #FFFFFF; background-color: #FF4628; }

label { width: 100px; display: block; float: left;}
ul { color: #888888; }
li { color: #444444; }

.error { color: #FF4628; }

a.more-link { font-size: 11px; text-decoration: underline; float: right; display: block; width: 80px; height: 30px; line-height: 24px;
			background-image: url(../img/arrow.png);
			background-repeat: no-repeat;
			background-position: top right; }
 
body, td { font-family: "Trebuchet MS", Trebuchet, Arial, Verdana; font-size: 12px;
            color: #444444;}
body { text-align: center; }
h1 { color: #888888; font-family: "Times New Roman"; font-size:28px; font-weight: normal; margin: 20px 0px 5px 0px;}
h2 { color: #888888; font-family: "Times New Roman"; font-size:26px; font-weight: normal; margin: 10px 0px 5px 0px;}
h4 { color: #FF4628; font-family: "Times New Roman"; font-size:28px; font-weight: normal; margin: 10px 0px 5px 0px; text-align:etner;}
h5 { color: #888888; font-family: "Times New Roman"; font-size:17px; font-weight: normal; margin: 10px 0px 5px 0px;}
a {text-decoration: none; color: #444444; }
a:hover { color: #FF4628; text-decoration: underline;  outline: 0; }
:focus { outline: 0; }

a img { border: 0px !important; }

/*
OJ 2010_06_24 red Links
*/
a:link, a:visited { color: #DC0000; text-decoration: none}
a:hover { color: #DC0000;  text-decoration: underline}
#topmenu a:link, #topmenu a:visited { color: #000000; text-decoration: none}
#topmenu a:hover { color: #666666;  text-decoration: none} 



body { background: #FFFFFF url(../img/main-bk.png) repeat-x top left scroll; }
.line { width: 100%; height: 1px; margin: 2px;
        background-image: url(../img/dotted-line.gif);
        background-repeat: repeat-x; clear: both;
}

.main-container{
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    width: 990px;
    height: auto;
    margin:  0 auto;
    text-align: left;
    position: relative;
}

.header { height: 238px;  background: transparent url(../img/bk.png) no-repeat 17px 0px; position: relative;}

.content-container{  width: 807px; background-color: #FFFFFF; margin-left: 92px; margin-right: auto; overflow-x: hidden;}

.top-menu { position: absolute; margin-left: 336px; margin-top:5px;}
.top-menu a,.top-menu a:visited, .top-menu a:link {  color: #000000; font-size: 11px;}
.top-menu table td {  width: 72px; text-align: center; vertical-align: middle; line-height: 12px; height: 25px;}  
.top-menu a:hover { color: #666666; }
#top-menu .level1 item a:link, a:visited { color: #000000; text-decoration: none} 

.menu-title {position: absolute; top: 166px; left: 92px;}
.menu-title a { color: #000000; font-family: "Times New Roman"; font-size: 16px;
                text-align: center; display: block; float: left; width: 136px;
               height: 71px; line-height: 71px; text-decoration: none;}
.menu-title a:hover , .menu-title a.selected{ background-image: url(../img/menu-selected.gif);
                      background-repeat: no-repeat; color: #FFFFFF;}

.menu-images   { clear: both; width: 810px; height: 100px;}
.menu-images a { width: 130px; margin-right: 6px; float: left;  display: block; }

.menu-texts {  width: 810px; clear: both; }
.menu-texts .title { font-family: "Times New Roman"; font-size: 14px; color: #AAAAAA;}
.menu-texts a {  color: #666666; width: 130px; margin-right: 4px; margin-left: 2px; float: left;  display: block;  }
.menu-texts a:hover .menu-texts a:link, .menu-texts a:visited{color: #666666; }  
 
.content { clear: both; margin: 30px 10px 10px 10px;}

.footer { clear: both; text-align:center; color: #888888; margin: 20px;}

.list-item 			{ background: #FFFFFF; clear:both; width: 760px;
					  margin: 0px 20px 0px 20px; position: relative; }
.list-item  a 		{ color: #CCCCCC; }
.list-item .image  { width: 170px; float: left; text-align:center;}
.list-item .image  img { margin-top: 20px;}

.list-item .description { float: left; width: 270px; } 
.list-item .description a { color: #000000; }
.list-item .more-info { position: absolute; right: 200px; top: 30px;  width: 100px; height: 120px;} 

.list-item .list-price { float: left; width: 200px; position: absolute; top: 20px;right: 10px; border: 1px dashed #DDDDDD; 
						background: #FFFFFF url(../img/small_gradient.jpg) repeat-x bottom left; } 
.list-title 		{  margin-bottom: 20px; text-align: center;}

.tabs {	float: right; 	}
.tabs a		 { display: block; width: 103px; height: 24px;  line-height: 24px; margin-left: 5px;
			   background-image: url(../img/top-menu.jpg); color: #000000; float: right; text-align: center; }
.tabs a:hover , .tabs a.selected {  background-image: url(../img/top-menu-sel.jpg); color: #FFFFFF; }
.price { color: #111111; font-size: 11px; float:left;}

.add-to-cart { width: 180px; height: 40px; float:left; margin-left: 40px; } 
.add-to-cart img { margin-top: 5px;}
.add-to-cart a { color: #666666; }

.langs { position: absolute; display: inline; width: 100px; height: 20px; top: 145px; right: 90px; }
.langs a {float: right; } 
.langs img{ border: 1px solid #FFFFFF;}

#order-step div { width: 15px; height: 15px; line-height: 15px; text-align: center; border: 1px solid #CCCCCC; background-color: #FFFFFF; float: left; 
				margin-right: 8px;color: #cccccc; cursor: pointer; }
#order-step div.crt_step { background-color: #FF4628; color: #FFFFFF; cursor: pointer;} 				
#order-step div.prev_step { color: #FF4628; border: 1px solid #FF4628; cursor: pointer;}
#order-step div.next_step { }
 

#div-sliderTxt		{ width: 340px; height: 100px; position: absolute; top: 50px; left: 380px; text-aligin: center; }
#sliderTxt ul 	{  }
#sliderTxt ul li{ text-align: center; }
#sliderTxt ul li p { font-size: 16px;  width: 340px !important;  color: #FFFFFF; }
#sliderTxt a:visited { color:#DC0000; }
.highslide-credits { display: none !important; }