body {                                   
background:#FFCCCC url(violet/bg.png) 0 0 repeat-x; /*violet color theme*/ 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
} 
/* TinyMCE specific rules 
---------------------------*/
body.mceContentBody {
background:#FFF;
}
/* Page header
-----------------*/ 
#header{ 
width:auto;
margin:0;
padding:0; 
display:block;   
height:80px;  
line-height:80px; 
}
#header h1,
#header h1 a{
color:#D10000; /*violet color theme*/    
font-size:38px;                
text-decoration:none;
margin-left:18px;
float:left;
width:auto;
}
#header img#logo{
float:left;
}            
/* Page heading
-----------------*/
h1 {                
font-size:18px;
color:#FF0099; /*violet color theme*/ 
font-family:"Trebuchet MS", Arial, sans-serif;
}
h2 {        
font-size:15px;
color:#FF66CC; /*violet color theme*/ 
font-family:"Trebuchet MS", Arial, sans-serif;
}
h3, h4 {        
font-size:14px;
color:#333; /*violet color theme*/
}
h5, h6 {        
font-size:13px;
color:#666;
}
hr {
color:#FF0099; /*violet color theme*/  
} 
/* Page title
-----------------*/
h1.title {   
padding-top:10px;   
margin-left:28px;   
margin-bottom:0;
font-size:18px;
color:#FF0099;   
} 
/* Link color
-----------------*/ 
a{
color:#CC0099;   /*violet color theme*/   
text-decoration:none;
}
a:hover {    
text-decoration:underline;
}
/* Style print
-------------------*/
a.print {
font-size:10px;
padding:2px 0 2px 19px;
background:url(violet/print.gif) center left no-repeat; 
line-height:19px;
height:19px;
}  
/* Style info
-------------------*/
a.moreinfo {
font-size:10px;
padding:2px 0 2px 19px;
background:url(violet/info.gif) center left no-repeat; 
line-height:19px;
height:19px;
}  
/* Style link with icons
-------------------------*/
.download-pdf{
padding-left:35px;
height:32px;
line-height:32px;
display: block;
background:url(violet/download-pdf.gif) no-repeat center left; 
color:#c60000;   /*violet color theme*/ 
font-weight:bold;
text-transform: uppercase;
}
.download-pdf-little{
padding-left:30px;
height:32px;
line-height:32px;
display: block;
background:url(violet/download-pdf-little.gif) no-repeat center left; 
color:#c60000;   /*violet color theme*/ 
font-weight:bold;
}
.pdf{
padding-left:20px;
background:url(violet/icon_pdf.gif) no-repeat center left; 
color:#000;   /*violet color theme*/ 
font-weight:bold;
}
.doc, .rtf{
padding-left:20px;
background:url(violet/icon_doc.gif) no-repeat center left;  
color:#000;   /*violet color theme*/ 
font-weight:bold;
}
.zip, .rar{
padding-left:20px;
background:url(violet/icon_archive.gif) no-repeat center left; 
color:#000;   /*violet color theme*/ 
font-weight:bold;
}
.mov, .dvx, .mpg, .mpeg, .avi, .youtube{
padding-left:20px;
background:url(violet/icon_mov.gif) no-repeat center left;  
color:#000;   /*violet color theme*/ 
font-weight:bold;
}
.audio, .mp3, .mp4{
padding-left:20px;
background:url(violet/icon_audio.gif) no-repeat center left;  
color:#000;   /*violet color theme*/ 
font-weight:bold;
}
.xls{
padding-left:20px;
background:url(violet/icon_xls.gif) no-repeat center left;  
color:#000;   /*violet color theme*/ 
font-weight:bold;
}
.gif, .jpg, .jpeg, .png{
padding-left:20px;
background:url(violet/icon_image.gif) no-repeat center left;  
color:#000;   /*violet color theme*/ 
font-weight:bold;
}      
/* Page container   
-----------------*/
div#container { 
background-color:#fff; /*violet color theme*/ 
height:100%;  
}
/* Page content
-----------------*/
div#content {      
background-color:#efefef; /*violet color theme*/ 
border-color:#666;  /*violet color theme*/ 
min-height:380px;
height:auto !important;
height:100%;
}
/* Ajax loading
-----------------*/
.ajax-loading {
padding:20px 0;
background:url(violet/spinner.gif) no-repeat center;
}
/* Height moflow gallery
-------------------------*/             
div#MooFlow{ 
height:425px; 
max-height:425px; 
}    
/* Page Dettail (news, services, products, pages)
--------------------------------------------------*/
div#page_dettail{
width:98%;     
}        
div#page_dettail div#tools_date,
div#page_dettail div#tools_info {
width:50%;     
float:left;
font-weight:bold;
margin-left:4px;
padding-bottom:8px;
}      
div#page_dettail div#tools_print {
width:48%;     
float:left;
font-weight:bold;
text-align:right;
padding-bottom:8px;
}         
div#page_dettail div#tools_print a,
div#page_dettail div#tools_info a {
color:#333; /*violet color theme*/ 
}   
div#page_dettail h1 { 
clear:left;  
padding-bottom:8px;
font-size:18px;
color:#FF0099; /*violet color theme*/ 
}               
/* List related page dettail
------------------------------*/ 
div#related { 
width:auto;    
}
div#related h3 {
width:auto;
font-size:17px;   
display:block;  
color:#FF66CC; /*violet color theme*/ 
}                
div#related ul {  
width:100%;
list-style:none;
padding:0;  
float:left; 
margin-bottom:10px; 
}
div#related li {
float:left;
width:45%;
margin:0 6px 0 8px;
}                          
div#related li a {
font-size:10px;
padding:2px;
display:block;  
color:#333;  /*violet color theme*/ 
border-bottom:1px solid #FF99CC; /*violet color theme*/ 
}    
div#related li a:hover {
color:#000;  /*violet color theme*/ 
background-color:#ddd;  /*violet color theme*/
text-decoration:none;
}                      
/* Contacts box styles
------------------------*/ 
div#box-contacts div {
padding:4px 4px 4px 13px; 
margin:4px 0 4px 0;    
}   
div#box-contacts a#skype-button,
div#box-contacts a#contacts_email,
div#box-contacts span#contacts_hotmail,
div#box-contacts span#contacts_phone,
div#box-contacts span#contacts_address {
color:#ff0099 !important;
border:1px solid #ff0099 !important;
width:140px;
font-size:12px;
padding:4px 10px 3px 25px;
position:relative;
display:block;
background:url('violet/c-email-bkg.png');
background-repeat:repeat-x;
text-decoration:none;
}
div#box-contacts a#skype-button img,
div#box-contacts a#contacts_email img,
div#box-contacts span#contacts_hotmail img,
div#box-contacts span#contacts_phone img,
div#box-contacts span#contacts_address img {
position:absolute;
top:-4px;
left:-12px;
border:none;
}
div#box-contacts a#skype-button:hover,
div#box-contacts a#contacts_email:hover {
color:#ff66cc !important;
border-color:#ff66cc !important;
}                 
/* Contacts page style
------------------------*/
div#contacts{
margin:0 auto;
font-weight:bold;
}
div#contact_data{
text-align:left;
width:49%;
float:left;
background:#fff; /*violet color theme*/ 
height:380px; 
}
div#contact_data p{
padding:6px;
}
div#contact_data h3{
background-color:#FF0099; /*violet color theme*/ 
padding:6px;
color:#fff; /*violet color theme*/ 
} 
div#contact_form{
text-align:left;
width:50%;
float:right;
background:#fdfdfd;  /*violet color theme*/ 
height:380px;
}
div#contact_form h3{
background-color:#FF66CC; /*violet color theme*/ 
padding:6px;
color:#fff; /*violet color theme*/ 
} 
div#contact_form strong{
color:#ff0000 !important; /*violet color theme*/
font-weight:bold;
font-size:15px;
}  
div#contact_form label {
display: block;
}
div#contact_form input[type="text"] {
padding:3px;
width:80%;
font-size:14px;
font-weight:bold;
color:#999;  /*violet color theme*/
} 
div#contact_form textarea{ 
padding:3px;
width:95%;
height:120px;
font-size:14px;
font-weight:bold;
color:#999;  /*violet color theme*/
}          
/* Style syte form
------------------------*/
div#syte_form{ 
width:98%;
}
div#syte_form h3{ 
padding:6px;
color:#ff0000; /*violet color theme*/ 
} 
div#syte_form strong{
color:#ff0000 !important; /*violet color theme*/
font-weight:bold;
font-size:15px;
}   
div#syte_form input[type="text"],
div#syte_form input[type="password"] {
padding:3px;
width:80%;
font-size:14px;
font-weight:bold;
color:#999;  /*violet color theme*/
} 
div#syte_form textarea{ 
padding:3px;
width:95%;
height:120px;
font-size:14px;
font-weight:bold;
color:#999;  /*violet color theme*/
} 
/* Style form of the site
--------------------------*/
fieldset {
width:auto;
margin-bottom:15px; 
border:1px solid #333; /*violet color theme*/
}
legend {
text-transform:uppercase;
font-weight:bold;
color:#333; /*violet color theme*/
}
form p.odd,
form div.odd {
background:#ddd;  /*violet color theme*/
}
/* Style form of the site
--------------------------*/
div#cssform {
margin:0 auto;
width:auto;   
}
div#cssform p {
width:auto;
clear:left;  
margin:7px 0 0 0;
padding:5px 0 8px 0;
padding-left:165px;
height:1%; 
}
div#cssform label {
float:left;
margin-left:-155px; 
width:150px; 
}
div#cssform p strong {
color:red;
font-weight:bold;
}
div#cssform input[type="text"],
div#cssform input[type="password"] {
width:250px;
}
div#cssform div {
width:98%;
clear:left;
margin-left:5px;
padding:5px 0 8px 8px;
}
div#cssform div textarea,
div#cssform div label {
width:98%;
}
div#cssform div label {
display:inline;
margin-left:2px;
padding:0 0 8px 0; 
} 
form input.send{
border:1px solid #999;   /*violet color theme*/
font-weight:bold;
cursor: pointer;
} 
form input.send:hover{
border-color:#666666;   /*violet color theme*/ 
color:#333;   /*violet color theme*/
}
/* Style breadcrumb
------------------------*/
.breadcrumb{
width:auto;
font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding:2px;
margin-bottom:6px;
border-bottom:1px solid #ccc;  /*violet color theme*/ 
}
.breadcrumb a{
background:transparent url(violet/breadcrumb.gif) no-repeat center right;  /*violet color theme*/
text-decoration:none;
padding-right:18px;
color:#CC9900; /*violet color theme*/
} 
.breadcrumb a:visited, .breadcrumb a:active{
color:#CC9900;  /*violet color theme*/
}
.breadcrumb a:hover{
text-decoration:underline;
}
/* Lists items style
------------------------*/ 
div.lists ul {
width:98%;
list-style:none; 
margin:0 auto; 
padding:0;
text-align:left;
}
div.lists ul li { 
margin:4px;
padding:10px;
line-height:16px;
display:block;  
border:1px dashed #FFCCCC; /*violet color theme*/ 
color:#333;  /*violet color theme*/
background:#fff; /*violet color theme*/
margin-bottom:12px;
min-height:85px;
height:auto !important;
}
div.lists ul li h3 {
font-size:17px;
width:auto;
display:block;  
color:#660033; /*violet color theme*/ 
}
div.lists ul li div.date {
width:auto;
float:right;
text-align:right;  
color:#FFAACC; /*violet color theme*/
font-weight:bold;
} 
div.lists ul li strong {
font-size:14px;  
color:#666;  /*violet color theme*/
}
div.lists ul li a.searchmore {
color:#fff;  /*violet color theme*/ 
font-size:11px;
text-decoration:none; 
font-weight:bold; 
display: block;
line-height: 25px;
height: 25px;
width:160px;
background:transparent url(violet/more.png) top left no-repeat;  /*violet color theme*/ 
padding-left:8px;
margin:5px 0 5px 0;
text-shadow:2px 2px 2px #666;   
}
div.lists ul li a:hover {
text-decoration:underline;
}
div.lists ul li a.searchmore:hover {
color:#fff !important;  /*violet color theme*/ 
background:transparent url(violet/more.png) bottom left no-repeat;  /*violet color theme*/    
}
/* Holly Hack for IE \*/  
* html div.lists ul li { height:1%; }
* html div.lists ul li a { height:1%; }
   
/* Style images in the lists
----------------------------*/
div.lists ul li div.list-images {
float:left;
}    
div.lists ul li div.list-images img {
float:left;
}    
/* Style news lists
----------------------*/
div.news ul li{

}          
/* Style products lists
----------------------*/
div.products ul li {

}
.sale, #sale{
color:#ff0000;   /*violet color theme*/
font-size:18px;
}
.holdprice, #holdprice{
text-decoration:line-through;
font-size:11px;
font-weight:normal;
color:#333;   /*violet color theme*/
}
.price, #price {
color:#CC33CC;  /*violet color theme*/
font-size:18px;
}
div.products ul li div.prices {
width:auto;
float:right;
text-align:right;  
color:#CC3366; /*violet color theme*/
font-weight:bold;
font-size:18px;
}
input.qty, input#qty{
color:#FF66AA;  /*violet color theme*/
margin-left:10px;
width:40px;
font-weight:bold;
} 
div.products ul li button.addcart {
float:left;
width:180px;
padding:4px 4px 4px 20px;
background:#EEE url(violet/cart/cart_add.gif) center left no-repeat;  /*violet color theme*/
color:#333;  /*violet color theme*/ 
border:1px solid #FF9999;  /*violet color theme*/
font-weight:bold; 
cursor: pointer;
}
div.products ul li a.morecart {
float:left;
width:auto;
margin-right:10px; 
padding:5px;
background-color:#EEE;  /*violet color theme*/
color:#333;  /*violet color theme*/ 
border:1px solid #FF9999;  /*violet color theme*/
font-weight:bold; 
text-decoration: none;
}
div.products ul li a:hover,
div.products ul li button.addcart:hover {
border-color:#FF6666;
}
/* Style services lists
----------------------*/
div.services ul li {  
padding:11px;
width:42%;
float:left;
height:210px !important;
}    
/* Style home
----------------------*/ 
div.home_box {
margin:0 auto; 
width:94%;
padding:6px;
line-height:16px;
display:block;         
border:1px dashed #FFCCCC; /*violet color theme*/  
color:#333;  /*violet color theme*/
background:#fff; /*violet color theme*/
} 
div#home_img {  
margin:0 auto;
text-align:center; 
} 
#maskimg{   
margin:0 auto;
text-align:center;
position:relative;
width:500px;
height:300px;
overflow:hidden; 
}
#maskimg img{   
margin:0 auto;
text-align:center; 
position:absolute;
display:block;
border:none;
}    
div.home ul li { 
border:1px dashed #FFCCCC; /*violet color theme*/
}  
/* Style box template
-------------------------*/
div.pages_box{ 
margin:4px;
padding:6px;
line-height:16px;
display:block;    
border:1px solid #CC3399; /*violet color theme*/ 
color:#333;  /*violet color theme*/
background:#fff; /*violet color theme*/
margin-bottom:12px;
}
div.pages_box h3 {
font-size:17px;
width:auto;
display:block;               
color:#CC3399; /*violet color theme*/ 
}
div.pages_box strong {
font-size:14px;                 
color:#666;  /*violet color theme*/
}
/* Style doble box template
----------------------------*/ 
div.container_doble{
float:left;
width:100%;   
margin:0;
padding:0;
}
div.container_doble div{
text-align:left;
float:left;
width:45%; 
margin:2px;
padding:6px;
line-height:16px; 
display:block;                    
border:1px solid #CC3399; /*violet color theme*/ 
color:#333;  /*violet color theme*/
background:#fff; /*violet color theme*/ 
margin-bottom:12px;
}
div.container_doble h3 {
font-size:17px;
width:auto;
display:block;                         
color:#CC3399; /*violet color theme*/ 
}
div.container_doble strong {
font-size:14px;  
color:#666;  /*violet color theme*/ 
} 
/* Style pullquotes template
------------------------------*/ 
.pullquote_r{
float:right;
width:10em;
margin:0.1em 0 0.3em 0.3em;
padding:0.3em; 
border:1px solid #cc0000;
background:#FFF url(violet/pullbk.png) repeat-x top;
color:#666;
font:normal normal 95% Georgia,sans-serif;
text-align:center;
line-height:1.2
}
.pullquote_l{
float:left;
width:10em;   
margin:0.1em  0.3em 0.3em 0;
padding:0.3em; 
border:1px solid #FF66CC;
background:#FFF url(violet/pullbk.png) repeat-x top;
color:#666;
font:normal normal 95% Georgia,sans-serif;
text-align:center;
line-height:1.2
}
/* Thumbnail style 
---------------------------*/
#thumbs { 
width:98%; 
margin:0 auto;
text-align:center;
padding:0;
overflow:hidden;
}
#thumbs h1 {
border-bottom:1px solid #ccc; /*violet color theme*/
color:#FF0099; /*violet color theme*/
font-size:16px;
text-align:left;
width:auto;
padding:4px 0 4px 4px;
margin:0; 
}
#thumbs ul {
margin:0 auto; 
}
#thumbs ul li,
#thumbs ul li a {
margin:0;
padding:0;
}
#thumbs ul li a {
background-color:#FF6699; /*violet color theme*/ 
color:#000;
}
#thumbs ul li {
float:left;
margin:5px 0 0 5px; 
background:#efefef; /*violet color theme*/   
}     
#thumbs li:hover {
border-color:#FF3366; /*violet color theme*/
}      
#thumbs li {                  
border:1px solid #FF6699; /*violet color theme*/ 
color:#333;  /*violet color theme*/
/* high enough for image plus 2-line caption */ 
height:12.5em;
/* wide enough for widest image with a bit of padding */    
width:12.5em; 
/* as many as can fit in window width */    
float:left;  
/* do not let IE stretch the container */    
overflow:hidden; 
text-align:center;
padding:.3em;
margin:.5em;
font-family:"\"}\"";
font-family:inherit;
width:12em;
height:13.5em;  
} 
.IE5IsQuirky2 {
}
#thumbs img {   
/* prevent text from flowing on the side */ 
display:block; 
/* image resolution may suffer a little, but not much */      
height:8.5em; 
/* center for IE */      
text-align:center; 
/* center for non-IE */  
margin:0 auto .3em auto; 
padding:0;
}  
/* Search styles
---------------------*/
.searchresults {
background-color:#C0FFC0;  /*violet color theme*/  
color:#000;
} 
/* Lists pagination
---------------------*/
/*div pagination color (found xx pages ... page 1 of 6)*/
div#pagination_desc {  
color:#666;    /*violet color theme*/
margin:0 auto;
width:auto;
margin:5px 0 10px 4px;
padding:4px;
}  
div#pagination_desc span.left {
float:left;
width:50%;
}
div#pagination_desc span.rig {
float:left;
width:50%;
text-align:right;
} 
/*div pagination ul*/
div#pagination { 
color:#fff;   /*violet color theme*/ 
margin:0 auto;
text-align:center;
width:auto;
padding:25px 0 0 0;
}   
div#pagination ul{
margin:0;
text-align:center;
width:auto;
padding:10px 0 10px 0;
}
/*div pagination li*/
div#pagination ul li{     
color:#fff;    /*violet color theme*/
margin:2px 0 2px 2px;
padding:1px;
list-style:none;
display:inline;
background-image:none;
font-weight:bold;
font-size:11px;
}
/*div pagination a*/
div#pagination ul li a{ 
border:1px solid #FF0099;    /*violet color theme*/
background:#FF66CC;     /*violet color theme*/
color:#fff;    /*violet color theme*/
padding:2px 5px 2px 5px; 
text-decoration:none; 
}
/*div pagination a:hover state*/
div#pagination ul li a:hover{
border-color:#990066;    /*violet color theme*/
background:#CC3399;    /*violet color theme*/
color:#fff;    /*violet color theme*/
text-decoration:none;
}
/*div pagination current state*/
div#pagination ul li.current{
background:#CC3399;      /*violet color theme*/
padding:2px 5px 2px 5px; 
border:1px solid #660033;    /*violet color theme*/
margin:0;
} 
* html div#pagination ul li.current {
/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right:6px;
padding-right:0;
}
/* Style calendar
--------------------*/
table.calendar th {
background-color:#FF0099;  /*violet color theme*/
color:#fff;
}  
table.calendar caption { 
background-color:#CC0099; /*violet color theme*/
color:#fff; /*violet color theme*/
}
table.calendar caption a {
color:#efe;
}
table.calendar td a { 
background-color:#fff; /*violet color theme*/
border:1px solid #AA0066; /*violet color theme*/
color:#333;  
}
table.calendar td a:hover {
color:#000000;  /*violet color theme*/
background-color:#fff; /*violet color theme*/
border-color:#FF0099; /*violet color theme*/
} 
table.calendar td#today_day a {
color:#0000cc; /*violet color theme*/ 
border-color:#CC0099; /*violet color theme*/ 
}
table.calendar td#today_day {
color:#CC0099; /*violet color theme*/ 
background:#eee; /*violet color theme*/ 
border:none; 
}
table.calendar td.selected_day a{
color:#CC0099; /*violet color theme*/ 
background:#eee; /*violet color theme*/
border-color:#CC0099; /*violet color theme*/
}
/* Page footer style
----------------------*/
div#footer {
background-color:#3A77A6;  /*violet color theme*/
width:100%;
margin:0 auto;
padding:0; 
height:39px;
}
div#footer .footer-l {
background:transparent url(violet/bottom-r.gif) 100% 0 no-repeat;
}
div#footer .footer-r {
background:transparent url(violet/bottom-l.gif) 0 0 no-repeat; 
}
div#the-footer { 
font-weight:bold;
color:#fff;  /*violet color theme*/
text-align:center;
height:39px; 
line-height:39px;  
}
div#the-footer a {
color:#fff;   /*violet color theme*/  
}
div#the-footer a:hover {
color:#ddd;  /*violet color theme*/  
text-decoration:underline;
}