@CHARSET "UTF-8";
/*
 * TemplateBox Web Design Framework
 * default 
 * 
 * filename: default.css
 *  
 * author: ertan kayalar
 * (c) 2010 24saat Web Tasarim Hizmetleri
 * 
 */

/* links & types */
body {  font:14px Verdana, Geneva, sans-serif;  }
 

a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2em; }
h1 a {  }
h1 a:hover { }

h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; }
h2 a { }
h2 a:hover { }
#header h1 { font-size: 3em; padding-left: 20px; } 

h3 { font-family: Tahoma, Geneva, sans-serif; font-size: 1.3em; }
h4 { font-family: Tahoma, Geneva, sans-serif; font-size: 1.1em; }
h5 { font-family: Tahoma, Geneva, sans-serif; font-size: 0.9em; }


#footer { font-family:Tahoma, Geneva, sans-serif; font-size: 80%; text-align: center; }


.rtform form { font-family: Tahoma, Geneva, sans-serif; font-size: 80%; }
.rtform label { font-family: "Lucida Console", Monaco, monospace; }
.rtform input { font-family: Arial, Helvetica, sans-serif; }
.rtform input[type=submit], .rtform input[type=reset], .rtform form a { text-decoration: none; font-size: 120%; }
.rtform legend { text-shadow: 0 1px 0 white; }

/* layout */

#header { height: 100px; } 
#header h1 { padding-top: 10px;  }
#billboard { height: 200px; } 
/*#menu { height: 48px; } */
/*#menu ul {padding-top: 10px; }
#menu li { display: inline; }
#menu a { border:none; margin-right: 1em; text-decoration: none; }
#menu a:hover { cursor: pointer; }
*/

.content { padding: 15px 5px 10px 10px; }
#sidebar { } 
#footer { height: 150px; }

/* form */

.rtform form { width: auto; margin: 10px 10px 10px 10px; padding: 1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rtform fieldset { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rtform legend { padding: 0.5em; }

.rtform input[type=text], .rtform input[type=password], .rtform textarea, .rtform select {
	display: block; margin: 0 0 1em 0; width: 95%; padding: 1em; }


.rtform input[type=submit],  .rtform input[type=reset], .rtform form a {
	border:none; margin-right: 1em; padding: 6px; -moz-border-radius: 4px; }


/* pagination */
#pagination a, #pagination strong {
	 background: #e3e3e3;
	 padding: 4px 7px;
	 text-decoration: none;
	border: 1px solid #cac9c9;
	color: #292929;
	font-size: 13px;
}

#pagination strong, #pagination a:hover {
	 font-weight: normal;
	 background: #cac9c9;
}
	

/* misc */
ul.horizontalmenu { padding: 1px; }
ul.horizontalmenu li { display: inline;  }
ul.horizontalmenu a { border:none; margin: 5px 5px 5px 0px; padding: 3px; text-decoration: none; }
ul.horizontalmenu a:hover { cursor: pointer; background: gray; }

ul.topselect_horizontalmenu  {border-top: solid 4px white; }

/* vertical list */
  h6.vlist {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:100%;
    width:90%;
    padding:3px 0px 3px 10%; /* LTR */
    margin:0;

    border-top:2px #ddd solid;
    border-bottom:4px #888 solid;
  }
  
.vlist {
    width:100%;
    overflow:hidden;
    margin:0 0 1.5em 0;
    list-style-type:none;	
    border-bottom:2px #ddd solid;
	font-size:80%;
  }
  
ul.vlist { list-style-type:none; margin:0; padding:0; }
ul.vlist li { float:left; width:100%; margin:0; padding:0; }

ul.vlist a,
ul.vlist strong,
ul.vlist span { display:block; padding:3px 0px 3px 2px;
    text-decoration:none; border-bottom:1px #ddd solid; }
ul.vlist li span { display:block; font-weight:bold; border-bottom:1px #ddd solid; }
	

/* Level 1 */
ul.vlist li a,
ul.vlist li strong,
ul.vlist li span { width:100%; } /* LTR */

ul.vlist li a:focus,
ul.vlist li a:hover,
ul.vlist li a:active { outline: 0 none; }


/* Level 2 */
ul.vlist ul { list-style-type: none; }
ul.vlist li ul li a,
ul.vlist li ul li strong,
ul.vlist li ul li span { width:95%; padding-left:5%; } /* LTR */



/* Level 3 */
ul.vlist li ul li ul li a,
ul.vlist li ul li ul li strong,
ul.vlist li ul li ul li span { width:90%; padding-left:10%; } /* LTR */

 /* Level 4 */
ul.vlist li ul li ul li ul li a,
ul.vlist li ul li ul li ul li strong,
ul.vlist li ul li ul li ul li span { width:85%; padding-left:15%; } /* LTR */


/* horizontal list */
.hlist {
    width:100%;
    overflow:hidden;
    float:left;
    display:inline;    
    position:relative;        
    
    line-height:0;
  }

ul.hlist  {
    margin:0;
    padding:0;    
    display:inline;
    float:left; /* LTR */    
    
  }  
  
  
ul.hlist li {
       
    display:inline;
    float:left; /* LTR */
    font-size:1.0em;
    line-height:1em;
    list-style-type:none;
    margin:0;
    padding:0;
  }  
ul.hlist li a,
ul.hlist li strong {
    
    
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:0.5em 0.8em 0.5em 0.8em;
    text-decoration:none;
    width:auto;
  }  

ul.hlist li a:focus,
ul.hlist li a:hover,
ul.hlist li a:active  { text-decoration:none; outline: 0 none; }


ul.hlist li.active strong,
ul.hlist li.active a:focus,
ul.hlist li.active a:hover,
ul.hlist li.active a:active { text-decoration:none; }  
  
  
/* box shadow */

div.boxshadow {
   background: gray; /* must use for IE */
   -webkit-box-shadow: 0px 0px 15px #222;
   -moz-box-shadow: 0px 0px 15px #222;
   box-shadow: 0px 0px 15px #222;
}



/*-----------------------------------------
  
   Shop
   
 ------------------------------------------*/

#shop_header, #shop_body, #shop_footer
{
	font-family: Arial, Helvetica, sans-serif;
}
#shop_header {	height: 100px; 	background: #EBEBEB; border-bottom: 1px solid white; }  

#shop_header table { padding: 5px; }
#shop_header tr.number td { font-size: 200%; width:20%; font-weight: bold; color: #454545; border-bottom: dotted 1px #ccc; }
#shop_header tr.shopstep { font-size: 110%; width:20%; font-weight: bold; color: #404040; }
  
#shop_body { font-size: 100%; border-bottom: 1px solid white; }  
table.shopcart th { background: #E0E0E0; color:#454545; padding: 8px 1px 8px 3px;	}
#shop_body td.dark { background: #F2F2F2; }  
#shop_body td { height: 100px; }
#shop_body .center { text-align: center; }

#shop_body input[type=text] { width: 40px; text-align: center; border: solid 1px #D3D3D3;
 margin: 2px; padding: 3px;  }
#shop_footer { height: 100px; background: white; font-size: 90%; border-bottom: 1px solid white;}
	
#shop_footer .left {
	text-align: left;
	width: 50%;
	float: left;
	
}

#shop_footer .right {
	text-align: right;
	width: 50%;
	float: right;
	
}

#cc table { 
	
	
}

.ccdate select {width: 80px; display:inline-table; margin-right: 5px; }


table.ccnum input[type=text] {  margin: 0 15px;}

/* -----------------------------------------------------------------------


Tabs Plugin 0.2 for the Blueprint CSS Framework
http://blueprintcss.org

* Copyright (c) 2008-Present. Refer to the main Blueprint license.
* See README for instructions on how to use this plugin.
* For credits and origins, see AUTHORS.

----------------------------------------------------------------------- */

.tabs {
border-bottom:1px solid #ccc;
height:auto;
margin:0 0 .75em 0;
overflow:auto;
padding-left:0;
}
* html .tabs { height:1%; /* fixing IE 6 */ }
.tabs li {
  border:1px solid #ccc;
  border-bottom:none;
  float:left;
  line-height:1.5;
  list-style-type:none;
  margin:0 .25em 0 0;
  padding:0;
}
.tabs li a {
background:#ddd;
  border:1px solid #eee;
  border-bottom:none;
  color:#222;
  cursor:pointer;
  display:block;
  float:left;
  font-weight:bold;
  padding:.15em .33em .25em .33em;
}
.tabs li a.selected {
  background:#666;
  border:1px solid #666;
  border-bottom:none;
  color:#fff;
  cursor:default;
}
.tabs li a, .tabs li a:focus, .tabs li a:hover {
  text-decoration:none;
}
.tabs li a:focus, .tabs li a:hover {
  color:#555;
  outline:none;
}
.tabs li a.selected:focus, .tabs li a.selected:hover {
  color:#fafafa;
}
.tabs li.label {
border:none;
font-weight:bold;
line-height:1.5;
margin-right:.5em;
padding:.25em .33em .25em .33em;
}

  

  
/*-----------------------------
 * 
 *  
 *  default colors 
 *    
 *  
 -----------------------------*/ 

body { background: #D6D6D6;}
#container { background: white; }
#header { background: #BBBBBB; color: #6792AB; }
#header h1 { color: #2F3133; }
#main_container { background: white; }
#sidebar { background: #D1D1D1; color: #404040; }

#content_container { color: #383838; }
#billboard { background: #AAAAAA; }
#footer { background: #E0E0E0; }
#col3 { background: #919999; color: white; }
/* list colors */

/* vertical list */
h6.vlist {
	color:#444;
    background-color:#fff;
}

ul.vlist a,
ul.vlist a:visited { color: #303030;  }
ul.vlist li.active { color:#FAFAFA; background-color:#303030; font-weight:bold; }
ul.vlist li a:focus,
ul.vlist li a:hover,
ul.vlist li a:active { background-color:#303030; color:#FAFAFA; }


/* level 2 colors */
ul.vlist li ul li a, 
ul.vlist li ul li a:visited { background-color:#F2F2F2; color:#999999; }
ul.vlist li ul li a:focus,
ul.vlist li ul li a:hover,
ul.vlist li ul li a:active { background-color:#919999; color:#fff; }

/* level 3 colors */
ul.vlist li ul li ul li a,
ul.vlist li ul li ul li a:visited{ background-color:#FAFAFA; color:#222; }
ul.vlist li ul li ul li a:focus,
ul.vlist li ul li ul li a:hover,
ul.vlist li ul li ul li a:active { background-color:#666666; color:#fff; }

/* level 4 colors */
ul.vlist li ul li ul li ul li a,
ul.vlist li ul li ul li ul li a:visited { background-color:#F0F0F0; color:#111; }
ul.vlist li ul li ul li ul li a:focus,
ul.vlist li ul li ul li ul li a:hover,
ul.vlist li ul li ul li ul li a:active { background-color:#666666; color:#fff; }


/* horizontal list */

.hlist {
 
  }

.border_hlist {
            
    border-top:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
    
  }
ul.hlist  {
        
   
  }  
  
ul.border_hlist  {
        
   border-left:1px #CCCCCC solid;
   border-right:1px #CCCCCC solid;  
  }  

  
ul.hlist li {
  
  }
  
ul.border_hlist li {
	  border-left:1px #CCCCCC solid;
    border-right:1px #CCCCCC solid;   
    
} 
    
ul.hlist li a,
ul.hlist li strong {
    background:transparent;
    color:#333333;
    
    
  }  

ul.hlist li a:focus,
ul.hlist li a:hover,
ul.hlist li a:active  { background:#eee; color:#333; outline: 0 none; }

ul.hlist li.active {
    background:#D8D8D8;
  /*  border-left:1px #CCCCCC solid;
    border-right:1px #CCCCCC solid; */
  }
  

ul.hlist li.active strong,
ul.hlist li.active a:focus,
ul.hlist li.active a:hover,
ul.hlist li.active a:active { background:transparent; color:#515151;  }  
  
	
	
/* form colors */
.rtform form { background: #f0f0f0; border: 1px solid #DCDCDC; }
.rtform form h1 { text-shadow: 0 1px 0 white; }
.rtform fieldset { border-color:#DCDCDC; }
.rtform input { color:  #52A3FF; }
.rtform label { color: 	#606060; }
.rtform input[type=submit], .rtform input[type=reset], .rtform form a {	background: #52A3FF; color: white; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; }
.rtform select { color:#52A3FF; }
.rtform input[type=submit]:hover, .rtform input[type=reset]:hover, .rtform form a:hover { background: 	#2F4F4F; cursor: pointer; }
.rtform input[type=text]:disabled { background: #D3D3D3; }