﻿@media screen
{
    body 
    {
	    margin: 10px;
	    background-color: #e5f0f6;
	    color: #000;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 9pt;
	    line-height: 1.3em;
    }

    a
    { color: #1a57a7; text-decoration: none; }
    a:link
    { color: #1a57a7; text-decoration: none; }
    a:hover
    { text-decoration: underline; }
    a:visited
    { }
    p
    {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
	    text-align: justify;
    }
    h1 { font-family: sans-serif, Arial, Trebuchet MS, Verdana; margin: 0; padding: 0; line-height: 100%; font-size: 1.5em; color: #0f8fd0;}
    h2 { font-size: 1.2em; color: #0f8fd0; margin:0; padding:0; margin-bottom: 7px;}
    h3 { font-size: 1.2em; padding: 0; margin: 0; color: #0f8fd0;}
    h4 { font-family: Trebuchet MS, Verdana; margin: 0; padding: 0; line-height: 100%; font-size: 1.34em; color: #30130b; font-style: oblique;}
    hr { color: #fff; background-color: #fff; border: solid 1px #d5ecf8; border-style: none none solid; padding: 0; margin: 0;}
    hr.yellow { color: #fff; background-color: #fff; border: solid 1px #fc3; border-style: none none solid; }
    hr.grey { color: #fff; background-color: #fff; border: solid 1px #ccc; border-style: none none solid; }

    /* Page wrapper */

    #outershadow
    {
        margin: auto;
	    width: 940px;
    }

    #wrapper
    {
        margin: auto;
	    width: 940px;
	    background-color: #fff;
	    border: solid 1px #c4daf3;
    }

    /* Header Section */

    #headerOuter
    {
	    background-image: url(images/header_bg.jpg);
	    background-repeat: no-repeat;
    }

    #header 
    {
    }

    #header .title {
	    font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	    color: black;
	    background-color: transparent;
	    float: left;
	    margin-right: 2em;
	    margin-top: 0.3em;
	    margin-left: .8em;
    }

    #toplinks 
    {
	    background-image: url(images/toptab_right.gif);
	    background-repeat: no-repeat;
	    background-position: top right;
	    padding: 0;
	    margin: 0;
	    float: right;
    }

    #toplinks ul
    {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    padding-top: 7px;
	    padding-left: 7px;
	    padding-right: 7px;
	    padding-bottom: 7px;
    }

    #toplinks li
    {
	    display: inline;
    }

    #toplinks a
    {
	    color: #1a57a7;
	    padding: 5px;
    }

    #header .logo
    {
        float: left;
    }

    #header .breadcrumb {
	    color: black;
	    font-weight: bold;
    }

    /* Main Content */

    #contentwrapper
    {
	    margin: 0;
	    padding: 7px;
	    z-index: 1;
    }

    #maincontent
    {
	    padding: 1px;
    }
    
    #leftcolumn
    {
        width: 200px;
	    float: left;
	    margin-right: 7px;
    }

    #maincolumn
    {
        width: 719px;
        float: left;
    }

    #onecolumn
    {
    }

    #rightcolumn
    {
	    width: 200px;
        float: left;
    }

    #searchpanel
    {
	    height: 83px;
	    padding-left: 230px;
	    padding-top: 10px;
	    background: #fff url(images/hizliarama_bg.jpg) no-repeat;
	    color: #fff;
    }

    .welcomepanel
    {
	    color: #000;
    }

    .messages
    {
	    margin-bottom: 10px;
	    padding: 10px;
	    background-color: #f8f8ff;
	    border: 1px solid #b8d3e5;
    }
    div.info
    {
        background-color: #bd8c7e;
        padding: 10px;
        border: solid 1px #5c311f;
    }
    div.newmember
    {
	    background-color: #f4f4f4;
	    border-color: #eee;
    }
    div.status
    {
	    color: #3cb371;
	    border-color: #b1dfb2;
    }
    .error
    {
	    color: #fff;
    }
    div.error
    {
	    border: 1px solid #f00;
	    background-color: #f00;
	    color: #fff;
    }
    div.description
    {
	    border: solid 1px #fc3;
	    background-color: #ffc;
    }
    div.form_labels_req
    {
	    font-size: 110%;
	    font-weight: bold;
	    margin-bottom: 3px;
    }
    div.form_labels
    {
	    font-size: 110%;
	    margin-bottom: 3px;
    }
    div.form_field
    {
	    margin-bottom: 10px;
    }
    div.form_input
    {
	    margin-top: 5px;
	    margin-bottom: 5px;
    }
    .required_field
    {
	    font-size: 110%;
	    padding-bottom: 5px;
    }
    #breadcrumbs
    {
	    font-size: 13px;
	    padding: 5px;
	    padding-left: 0px;
	    border-top: solid 1px #dceef8;
	    border-bottom: solid 1px #dceef8;
	    color: #dceef8;
	    margin-bottom: 10px;
    }

    #breadcrumbs a
    {
    }

    #membernavigation
    {
	    width: 185px;
	    height: 192px;
	    padding-top: 18px;
	    padding-left: 18px;
    }
    #membernavigation a
    {
	    color: #036;
	    margin-bottom: 5px;
    }
    #searchresultsheader
    {
	    height: 60px;
	    padding: 10px;
	    background-image: url(images/aramasonuclari_bg.jpg);
	    background-repeat: no-repeat;
	    margin-bottom: 10px;
    }
    #searchresults
    {
    }
    #searchresults a
    {
	    font-size: 18px;
	    font-weight: bold;
	    background-color: #025E77;
	    padding: 5px;
	    color: #fff;
    }
    #searchresults .searchlistlabel
    {
	    width: 80px;
	    text-align: right;
	    color: #404040;
	    font-weight: bold;
    }
    #footer
    {
        width: 940px;
        margin: auto;
	    text-align: center;
	    font-size: 11px;
	    background-color: #1094db;
	    color: #fff;
    }
    #footer ul
    {
	    list-style: none;
	    margin: 7px;
	    padding: 0;
    }

    #footer li
    {
	    display: inline;
    }

    #footer a
    {
        color: #fff;
	    padding: 0px;
	    padding-left: 5px;
	    padding-right: 5px;
    }
    .niceTabs .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px; color: #003366; background:url('images/tabs/tab-line.gif') repeat-x bottom;}
    .niceTabs .ajax__tab_outer {padding-right:0px;background:url('images/tabs/tab-right.gif') no-repeat right;height:29px;}
    .niceTabs .ajax__tab_inner {padding-left:3px;background:url('images/tabs/tab-left.gif') no-repeat;}
    .niceTabs .ajax__tab_tab {height:21px;padding:8px 4px 0 4px;margin:0;background:url('images/tabs/tab.gif') repeat-x;}
    .niceTabs .ajax__tab_hover .ajax__tab_outer {background:url('images/tabs/tab-hover-right.gif') no-repeat right;}
    .niceTabs .ajax__tab_hover .ajax__tab_inner {background:url('images/tabs/tab-hover-left.gif') no-repeat;}
    .niceTabs .ajax__tab_hover .ajax__tab_tab {background:url('images/tabs/tab-hover.gif') repeat-x;}
    .niceTabs .ajax__tab_active .ajax__tab_outer {background:url('images/tabs/tab-active-right.gif') no-repeat right;}
    .niceTabs .ajax__tab_active .ajax__tab_inner {background:url('images/tabs/tab-active-left.gif') no-repeat;}
    .niceTabs .ajax__tab_active .ajax__tab_tab {color: #003366; font-weight: bold; background:url('images/tabs/tab-active.gif') repeat-x;}
    .niceTabs .ajax__tab_body {font-family: verdana,tahoma,helvetica; font-size:11px; border:1px solid #bad0e2; border-top:0; padding:10px; background-color: #ffffff;}

    fieldset
    {
	    border: solid 1px #ddd;	
	    margin-bottom: 10px;
	    padding: 10px;
    }
    legend
    {
	    color: #000;
	    font-size: 15px;
    }
    #membercoins
    {
	    padding: 10px;
	    color: #fff;
	    height: 150px;
	    background-color: #f00;
    }
    #membercoins a
    {
	    color: #fff;
    }
    .unwatermarked {
	    height:18px;
	    width:148px;
    }

    .watermarked 
    {
	    padding: 2px;
	    border:1px solid #BEBEBE;
	    background-color:#F0F8FF;
	    color:#000;
    }	

    .sr_items 
    {
    }

    dl
    {
	    width: 100%;
	    margin: 0.5em 0;	
    }
    dt
    {
	    width: 90px;
	    margin: 0 10px 0 0;
	    float: left;
	    padding: 5px;
	    text-align: right;
	    font-weight: bold;
    }
    dt
    {
	    clear: both;
    }
    dd
    {
	    margin: 0px;
	    padding: 5px;
    }

    .row
    {
	    padding: 10px;
    }
    .altrow
    {
	    background-color: #f4f4f4;
	    padding: 10px;
    }
    .surveyouter
    {
	    border: solid 1px #ddd;
	    border-bottom: none;
	    padding: 1px;
    }
    .surveyrow
    {
	    padding: 10px;
	    border-bottom: solid 1px #ddd;
	    background-color: #fff;
    }
    .surveyaltrow
    {
	    background-color: #f4f4f4;
	    padding: 10px;
	    border-bottom: solid 1px #ddd;
    }
    .rfv
    {
	    color: #f00;
    }
    .requiredtextbox
    {
	    border-color: #f00;
	    border-width: 1px;
	    border-style: solid;
    }

    #login-buttony {
	    width:113px;
	    height:27px;
	    font-size:14px;
	    text-align:center;
    }
    #login-buttony a {
	    display:block;
	    color:#fff;
	    width:113px;
	    height:27px;
	    line-height:25px;
	    background:url(images/buttons/btnsmall_y.gif) center top no-repeat;
	    text-shadow: #1e6c8f 2px 2px 0px;
	    letter-spacing:-1px;
    }
    #login-buttony a:hover {
	    color:#fff;
	    text-decoration:underline;
	    background:url(images/buttons/btnsmall_y.gif) center bottom no-repeat;
	    text-shadow: #b8441c 2px 2px 0px;
    }
    #login-button {
	    width:113px;
	    height:27px;
	    font-size:14px;
	    text-align:center;
    }
    #login-button a {
	    display:block;
	    color:#fff;
	    width:113px;
	    height:27px;
	    line-height:25px;
	    background:url(images/buttons/btnsmall_r.gif) center top no-repeat;
	    text-shadow: #1e6c8f 2px 2px 0px;
	    letter-spacing:-1px;
    }
    #login-button a:hover {
	    color:#fff;
	    text-decoration:underline;
	    background:url(images/buttons/btnsmall_r.gif) center bottom no-repeat;
	    text-shadow: #b8441c 2px 2px 0px;
    }
    #large-button {
	    width:622px;
	    height:48px;
	    font-size:19px;
	    text-align:center;
    }    
    .testimonialbox
    {
	    width: 270px;
	    height: 310px;
	    background-image:url(images/testimonial_bg.jpg);
	    background-repeat: no-repeat;
    }
    /* Top Navigation */
    #topnav  
    {
        height:32px;
        margin:0;
	    background-image:url(images/topmenu_bg.gif);
	    background-repeat: repeat-x;
    }

    #topitems *
    {
        margin:0;
        padding:0;
    }
    #topitems
    {
        float: left;
	    width:700px;
	    margin:10px auto;
	    border: solid 1px #ccc;
	    border-bottom: none;
    }
    #topitems img
    {
        float: left;
        padding-right: 15px; 
        border: solid 1px #000;
    }
    #topitems ul
    {
	    list-style-type:none;
    }
    #topitems li
    {
        width:auto;
    }
    #topitems li a{
	    background:#fff url(images/topitem_bg.gif) repeat-x;
	    border-bottom:1px solid #ccc;
	    margin:0 1px;
	    padding:15px;
	    display:block;
	    color:#036;
	    text-decoration:none;
	    font-size:1.5em;
	    font-weight:bold;
	    width: auto;
	    height: 120px;
    }
    #topitems li a span{
	    color:#444;
	    font-size:10px;
	    font-weight:normal;
    }
    #topitems li a:hover{
	    background:#fff url(images/topitem_hover_bg.gif) repeat-x;
	    border-bottom:1px solid #ccc;
	    text-decoration:none;
	    color: #000;
    }
    #topitems li a:hover span{
	    color:#333;
    }
    
    #contentitem
    {
        width: 100%;
    }

    #contentitem span.content_sign
    {
        font-style: oblique;
    }

    #contentitem img
    {
        float: left;
        padding: 5pz;
        margin: 5px 10px 10px auto;
        border: solid 1px #ddd;
    }
    .clear
    {
        clear: both;
    }
    #content_column
    {
        float: left;
        width: 750px;
    }
    #right_column
    {
        float: left;
        width: 220px;
        margin-left: 10px;
    }
    
    #editor_info
    {
        background-color: #f7f7f7;
        padding: 10px;
        border: solid 1px #ddd;
        margin-bottom: 10px;
    }
    #editor_contact
    {
        background-color: #f0f0f0;
        padding: 10px;
        border: solid 1px #ddd;
        margin-bottom: 10px;
    }
    #editor_info .editor_title
    {
        font-size: 9pt;
        font-style: oblique;
    }
    .content_labels
    {
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .content_categories
    {
        border: solid 1px #ddd;
        background-color: #f4f4f4;
        padding: 10px;
        font-size: 1.2em;
    }
    
    .linktoall
    {
        background-color: #dceef8;
        font-size: 11px;
        padding: 5px;
        padding-top: 3px;
    }

    #categorynav
    {
    }
    #categorynav div.categorynav-header
    {
        background-color: #e6f1f6;
        line-height: 28px;
        padding-left: 7px;
        color: #1a57a7;
        font-weight: bold;
	}
    #categorynav div.categorynav-body
    {
        background-color: #fff;
        border: solid 1px #dceef8;
	}

    .clear_left{clear:left;}
    
    #psubcategories
    {
        background-color: #dceef8;
        padding: 10px;
        border: solid 1px #d5ecf8;
    }
    #categorythumbs
    {
        width: 719px;
        margin: auto;
    }
    #categorythumbs div.cthumb
    {
        width: 169px;
	    float: left;
	    margin-bottom: 7px;
	    text-align: center;
    }

    #categorythumbs div.last
    {
	    margin-right: 0;
    }

    #categorythumbs div.thumb_img
    {
        width: 169px;
        height: 169px;
        background-color: #fff;
        border: solid 1px #dceef8;
        margin-bottom: 7px;
    }

    #categorythumbs a
    {
        font-size: 12px;
        font-weight: bold;
    }
    
    #categorythumbs img
    {
        border: none;
        padding: 1px;
    }
    
    #brandthumbs
    {
        width: 719px;
        float: left;
    }
    
    .mr7
    {
        margin-right: 7px;
    }

    .mt7
    {
        margin-top: 7px;
    }

    .mt4
    {
        margin-top: 4px;
    }

    #brandthumbs div.bthumb
    {
        width: 233px;
	    float: left;
	    margin-bottom: 7px;
	    text-align: center;
    }

    #brandthumbs div.last
    {
	    margin-right: 0;
    }

    #brandthumbs div.thumb_img
    {
        margin: 0;
        padding: 0;
        width: 233px;
        height: 87px;
        background-color: #fff;
        border: solid 1px #dceef8;
    }

    #brandthumbs a
    {
        font-size: 12px;
        font-weight: bold;
    }
    
    #brandthumbs img
    {
        border: none;
    }

    #productthumbs 
    {
    }

    #productthumbs div.thumb
    {
        width: 171px;
	    float: left;
	    margin-right: 10px;
	    margin-bottom: 5px;
	    text-align: center;
    }
    
    #productthumbs div.thumb_img
    {
        width: 171px;
        height: 171px;
        background-color: #fff;
	    margin-bottom: 5px;
        border: solid 1px #5c311f;
    }


    #productthumbs img
    {
        border: none;
        padding: 1px;
    }

    #productthumbs div.product_code
    {
        font-size: 10px;
    }
    
    .paggingpanel
    {
        border: solid 1px #86c5d1;  
        margin-bottom: 10px;
    }
    .margin-top
    {
        margin-top: 10px;    
    }
    #productdetails
    {
        margin-top: 15px;
    }
    #productdetails a, img
    {
        color: #30130b;
    }

    #productthumbs table
    {
        font-size: 9px;
    }

    #productthumbs td
    {
        text-align: right;
    }
    
    #productthumbs td.left
    {
        text-align: left;
    }

    #productthumbs tr.head
    {
        background-color: #036;
        color: #fff;
    }

    #productthumbs tr.alt
    {
        background-color: #f4f4f4;
    }
    
    #productthumbs div.brandgroup
    {
        margin-bottom: 10px;    
    }

    .product_image
    {
        width: 300px;
        height: 300px;
        float: left;
        margin-right: 15px;
        background-color: #fff;
        text-align: center;
        border: solid 1px #5c311f;
    }
    #searchbox
    {
        margin-top: 5px;
        margin-right: 10px;
        width: 252px;
        background-image: url(images/searchbox_bg.png);
        background-repeat: no-repeat;
        clear: right;
        float: right;
    }
    #searchbox input.query
    {
        font-size: 15px;
        color: #036;
        border: none;
        float: left;
        width: 185px;
        border: 0;
        margin: 5px 10px 0 8px;
    }
    #searchbox .watermarked
    {
        background-color: #fff;
        font-size: 15px;
        color: #036;
        border: none;
        float: left;
        width: 185px;
        border: 0;
        margin: 5px 10px 0 8px;
    }
    #searchbox input.btn_search
    {
        width: 35px;
        height: 30px;
        float: right;
        background-image: url(images/btn_search.gif);
        margin: 1px 5px 1px 0;
    }
    #searchbox input.btn_search:hover
    {
        float: right;
        background-image: url(images/btn_search_on.gif);
        margin: 1px 5px 1px 0;
    }

    /* Pager Style */
    #paging, #paging_bottom         
    {
        color: #30130b;
        height: 27px;
        margin:0 auto;
        float: right;
        margin-bottom: 10px;
    }
    #paging ul, #paging_bottom ul{
        list-style:none;
        margin:0 auto;
    }
    #paging li, #paging_bottom li{
        float:left;
        list-style:none;
        margin-right: 2px;
    }
    #paging li a, #paging_bottom li a {
        float:left;
        display:block;
        color:#30130b;
        text-decoration:none;
        font:12px Arial, 'Lucida Sans', sans-serif;
        font-weight:bold;
        padding:0 0 0 5px;
        height:27px;
        line-height:22px;
        text-align:center;
        cursor:pointer;	
    }
    #paging li.pager_info, #paging_bottom li.pager_info{
        float:left;
        display:block;
        padding:8px 15px 0 0;
    }

    #paging li a span, #paging_bottom li a span{
        float:left;
        display:block;
        padding:5px 5px 2px 0px;
    }
    #paging li.current a, #paging_bottom li.current a{
        color:#fff;
        background:url(images/paging_l.gif) no-repeat left 5px;
    }
    #paging li.current a span, #paging_bottom li.current a span{
        color:#fff;
        background:url(images/paging_r.gif) no-repeat right 5px;
    }
    #paging li a:hover, #paging_bottom li a:hover{
        color:#fff;
        background:url(images/paging_l.gif) no-repeat left 5px;
    }
    #paging li a:hover span, #paging_bottom li a:hover span{
        color:#fff;
        background:url(images/paging_r.gif) no-repeat right 5px;
    }
    /* End Pager Style */
    
    #welcome
    {
        float: left;
        width: 540px;
        height: 186px;
        background:url(images/welcome_bg.jpg) no-repeat;
    }
    #welcome .welcomebody
    {
        padding: 10px;
        padding-top: 0px;
    }
    #newproducts
    {
        height: 186px;
        background:url(images/newproducts_bg.jpg) no-repeat;
    }   
    
    #newspanel
    {
        border: solid 1px #d2e6fd;
        border-top: none;
        margin-top: 7px;
    }
    
    #newspanel h3
    {
        margin-bottom: 10px;   
    }

    #newspanel ul
    {
        margin: 7px;
        padding: 0;
    }
    #newspanel li
    {
        margin-bottom: 7px;   
        list-style: none;
    }
    
    #newspanel div.thumb
    {
		float:left;
		margin:0;
		padding:0;
		margin-right:7px;
    }
    #newspanel div.thumb a
    {
        float: left;
		display:block;
		float:left;
		width:80px;
		height:80px;
		line-height:80px;
		overflow:hidden;
		position:relative;
		z-index:1;	
    }
    #newspanel div.thumb img
    {
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
    }

    #newscontent
    {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    
    #newscontent img.photo
    {
        float: left;
        margin-right: 7px;
    }
    .texttoleft
    {
        text-align: left;    
    }
        
    /* Easy Slider */

	#sliderwide ul, #sliderwide li
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#sliderwide li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:719px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:0px;
		height:77px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:719px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:0px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:-27px 7px;
		padding:0;
		height:20px;	
		float: right;
		}
	ol#controls li{
		margin:0 0px 0 7px; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #036;
		background:#eaf5fa;
		color:#036;
		padding:0 7px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#036;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
    /* // Easy Slider */
    
    #boxheader
    {
	    background-image:url(images/topmenu_bg.gif);
	    background-repeat: repeat-x;
	    padding: 7px;
	    font-size: 13px;
	    font-weight: bold;
	    color: #036;
    }
    .pl10
    {
        padding-left: 10px;
    }
    
    #slidermainpage { z-index: 1; }
    #slidermainpage .pics { height: 200px; width: 719px; padding:0; margin:0; overflow: hidden; z-index: 1; }
    #slidermainpage .pics img { height: 200px; width: 719px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0; z-index: 1;}
    #slidermainpage .pics img {
	    -moz-border-radius: 10px; -webkit-border-radius: 10px;
    }

#catalog-download
{
	float: left;
margin-left: 50px;
margin-top: 15px;
}

#catalog-download a
{
display: block;
width: 250px;
height: 51px;
line-height: 51px;
background-image: url(images/catalog-download.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#catalog-download a:hover
{
display: block;
width: 250px;
height: 51px;
line-height: 51px;
background-image: url(images/catalog-download-on.jpg);
background-repeat: no-repeat;
background-position: center top;
}
}
