/* 
   modified by Gilbert l Edwards (www.gledwards.com)
 */


/* default styles
   -------------- */



body, div, p, h1, h2, h3, h4, ul, li, table
{
    margin: 0;
    padding: 0;
    border: none;
}

/* wrapper stuff */
#wrapper
{
    position: relative;
    width: 910px;
    height: auto;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    top: 10px;
}

.clear
{
    clear: both;
}

.none
{
    display: none;
}

#leftcolcontainer
{
    float: left;
    width: 60%;
    margin: 0 0 15px 10px;
    border: #fff;
}

#rightcolcontainer
{
    float: right;
    width: 39.6%;
    margin: 0 0 5px 0;
}

#leftcolcontainer2
{
    float: left;
    width: 74%;
    margin: 0 0 10px 0;
}
#rightcolcontainer2
{
    float: right;
    width: 25%;
    margin: 0 0 5px 0;
}
/* wrapper stuff */


body
{
    padding: 0;
    margin: 0;
    background: url(images/bg_b.gif);
    background-repeat: repeat-x;
    font: 10pt Tahoma, sans-serif;
    line-height: 1.5em; /*background: #fff url(new_bgrd.jpg) */
}

#justcontent
{
    border: 1px solid #000;
    padding: 10px;
}


a
{
    color: #0066cc;
    background: inherit;
}
a:hover
{
    color: #6C757A;
    background: inherit;
}

h1
{
    font: normal 2.1em Arial, Sans-Serif;
    letter-spacing: -1px;
    padding: 7px 0 0 8px;
    margin: 0;
}
.dark
{
    color: #737373;
    background: inherit;
    font-weight: bold;
}
h1 a, h2 a
{
    text-decoration: none;
}
h1 a:hover, h2 a:hover
{
    color: #FF6600;
    background: inherit;
}
h2
{
    margin: 0;
    padding: 0;
    font: bold 1.7em Arial, Sans-Serif;
    letter-spacing: -1px;
}
h2
{
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #000;
    background: inherit;
}

p
{
    margin: 0 0 5px 0;
}

ul
{
    margin: 0;
    padding: 0;
}

form
{
    margin: 0;
}

input.search
{
    width: 292px;
    border: 0;
    background: #FFF url(input.gif) no-repeat;
    padding: 4px;
    color: #E0691A;
    font-weight: bold;
}

input.submit
{
    background: #E0691A url(submit.gif) no-repeat;
    border: 0;
    padding: 4px 0;
    width: 65px;
    margin: 0 15px 1px 0;
    color: #FFF;
    font: bold 1em Arial, Sans-Serif;
}

input.login
{
    width: 150px;
    border: none;
    padding: 4px;
}

div.readmore
{
    text-align: right;
    font-size: 0.9em;
}

/* layout
   ------ */

.content
{
    margin: 0 auto;
    width: 792px;
    padding: 25px;
    background-color: White; /* border-right:1px solid #399DC7; border-left:1px solid #399DC7; border-bottom:1px solid #399DC7; */
}

#headercontent
{
    position: relative; /*height:80px; */ /*border-bottom:1px solid #000000; 8/ 	/* background-image: url("../images/topheaderv3.jpg") */
    font: veranda;
    font-size: 1.0em;
    background: url(images/bg_b.gif);
    background-repeat: repeat-x;
}
.header
{
    height: 55px;
    background: url(images/bg_b.gif);
    background-repeat: repeat-x;
    margin: 3px 0;
    padding: 10px 0 0 0;
}

.top_info
{
    float: right;
    width: 555px;
    padding: 5px 0 4px 0;
    border-bottom: 1px solid #eee;
    background: #eee;
    color: #808080;
    z-index: 300;
}

.top_info_left
{
    width: 200px;
    float: left;
}

.top_info_right
{
    float: right;
    width: 290px;
    padding: 0 0 0 35px;
    border-left: 1px solid #eee;
}

.browse_category
{
    font-size: 1.0em;
    width: 190px;
    color: #FFF;
    background: inherit;
}

.menua
{
    text-transform: uppercase;
    font-size: 1.0em;
    font-weight: bold;
    color: #000000;
    background: inherit;
}
.menua a:link, a:visited, a
{
    color: #000000;
}

.menua a:hover
{
    color: #E0691A;
    background: inherit;
}
#breadcrumbcontrol
{
    position: absolute;
    top: 49px;
    left: 15px;
}
#menucontrol
{
    position: absolute;
    top: 29px;
    left: 15px;
}
.bar
{
    clear: both;
    font-size: 1.1em;
    height: 40px;
    color: #FFF;
    margin: 0 0 0 0px;
    background: #FF9148;
}

#toolbox
{
    position: absolute;
    top: 49px;
    left: 15px;
    color: #000;
}
#supportbox
{
    position: absolute;
    top: -116px;
    left: 455px;
    color: #000;
    width: 247px;
    height: 109px;
    z-index:999;
}
#Controlpanelbox
{
    position: absolute;
    top: 49px;
    left: 15px;
}
#content-container-two-column
{
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    width: 870px; /*border:1px solid #818181; */
  
}


#content-container-one-column
{
    margin-top: 3px;
    margin-left: 5px;
    padding: 5px;
    width: 880px;
    border: 1px solid #818181;
    background: #ffffff;
    margin-right: 5px;
    position: relative;
    border-bottom: 1px solid #818181;
    margin-bottom: -5px; /*height:auto;*/
}


#header
{
    width: 900px; /*background-color:White;*/
    position: relative;
    height: 328px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 5px; /*background:#fff url(bg_b.gif) */
}

.search_field
{
    background: #fff url(searchbg.gif) no-repeat right;
    color: #808080;
    clear: both;
    font-weight: bold;
    padding: 7px 25px 10px 10px;
    margin: 5px 0;
}

.grey
{
    color: #808080;
    background: inherit;
    font-weight: normal;
}

.search_form
{
    float: right;
}

.subheader
{
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #eee;
    padding: 5px 0 5px 0;
    background: #A4A4A4;
    color: #fff;
}

/* left side
   --------- */

.left
{
    float: left;
    width: 98%;
    margin: 0 0 10px 0; /* font: 1.2em Tahoma,sans-serif,veranda,arial ;  	line-height: 1.5em; */
}
.leftnocolumn
{
    float: left;
    width: 94%;
    margin: 10px 10px 10px 10px; /* font: 1.2em Tahoma,sans-serif,veranda,arial ;  	line-height: 1.5em; */
}
.left a
{
    color: #0066cc;
}
.left h3
{
    clear: both; /*background: #A9C0CE url(corner.gif) no-repeat top right;*/
    background: #ffcc66 url(corner.gif) no-repeat top right; /*color: #FFF;*/
    color: #000;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0 0 0px 0;
}
.left_side
{
    float: left;
    width: 180px;
    padding: 0 0 0 10px;
    margin: 10px 0;
}

/*.left_side a, .right_side a { color: #414141; background: #FFF; }*/

.right_side
{
    float: right;
    width: 220px;
    background: #FFF url(dotted.gif) repeat-y;
    color: #414141;
    padding: 0 0 0 40px;
    margin: 10px 0;
}

.left_box
{
    margin: 0 0 10px 0;
    color: #000;
    background: #FFF;
    padding: 3px 0;
}


/* right side
   ---------- */

.right
{
    float: right;
    width: 95.0%;
    margin: 0 0 5px 0;
}
.right_box
{
    margin: 0 0 0px 0;
    color: #000;
    background: #FFF;
    padding: 3px 0;
}

.right h3
{
    background: #6C757A url(corner.gif) no-repeat top right;
    color: #FFF;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0 0 3px 0;
}

.right_articles
{
    background: #f5f5f5;
    color: #414141; /*padding: 4px;	*/
    margin: 0 0 0px 0;
}
/*	
	
.rightstyler a, a:link, a:hover,a:visited
{
 color: #FF9148;  
}
*/
.image
{
    float: left;
    margin: 0 9px 3px 0;
}

/* footer
   ------ */

#footer
{
    /*margin-top:10px;*/
    width: 910px;
   
    position: relative;
    background-color: transparent;
    margin-left: 0px;
   
}

.footer a, a:visited, a:link
{
    color: #0066ff;
    font-size: smaller;
}
.footer a:hover
{
    /*color: #FF9148;  	*/
}

/* three column layout */

#leftcolumn
{
    width: 21%;
    float: left;
    margin: 0 0 10px 0;
    padding: 5px;
    padding-bottom: 10px;
}
#centercolumn
{
    width: 53%;
    float: left;
    margin: 10px 10px 10px 10px;
    margin-left: -5px; /*** Static fix ***/
    padding: 5px;
    padding-bottom: 10px;
}
#rightcolumn
{
    width: 21%;
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 5px;
    padding-bottom: 10px;
}

.box_top
{
    background: #F0F0F0 url(../images/leftbox_top.gif) no-repeat;
    color: #808080;
    height: 40px;
    width: 159px;
}

.box_bottom
{
    background: #FFF url(../images/leftbox_bottom.gif) repeat-x;
    color: #000;
    height: 13px;
    width: 460px;
    margin: 0 0 7px 0;
}

.box
{
    border-left: 2px solid #F0F0F0;
    border-right: 2px solid #F0F0F0;
    padding: 0 4px 0 7px;
    margin: 0;
    width: 144px;
    color: #595959;
    background: #FFF;
}

.greenbox
{
    background-color: #CCFFCC;
    color: inherit;
    border: 1px solid #00CC33;
    margin: 2px;
    padding: 5px;
}
.grey_top
{
    clear: both;
    width: 382px;
    background: #EDEDED url(grey_top.gif) no-repeat;
    color: #000;
    height: 5px;
    padding: 0;
    margin: 0px 0 0 6px;
}
.grey
{
    width: 362px;
    margin: 0 0 0 6px;
    padding: 10px;
    background: #EDEDED url(grey_bottom.gif) no-repeat bottom left;
    color: #808080;
}

.grey a
{
    color: #C83C3C;
    background: inherit;
    font-weight: bold;
}

.grey a:hover
{
    color: #000;
    background: #EDEDED;
}
.featurebox
{
    color: #333;
    padding: 15px 20px 20px;
    border-top: 1px solid #d7d7d7;
    margin: 0 0 1.5em;
    background: #f6f6f6 url("featurebox_bg.gif") no-repeat 100% 100%;
}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6
{
    margin: 0 0 .3em;
    border-bottom: 1px solid #c00;
    color: #c00;
}
.featurebox p
{
    border: none;
    margin: 0 0 1em;
    color: #444;
}
.featurebox a
{
    font-weight: bold;
}
.gfeaturebox3
{
    color: #333;
    padding: 15px 20px 20px;
    border-top: 1px solid #d7d7d7;
    margin: 0 0 1.5em;
    background: #f6f6f6 url("featurebox_bg3.gif") no-repeat 100% 100%;
}
/* single column */
.single_page
{
    width: 700px;
    margin: 0 auto;
    padding-bottom: 3px;
    text-align: left;
    background-color: #ffffff;
    background-position: top center;
}
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
    background: transparent url() no-repeat bottom right;
}
.cssbox
{
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */
}



@media print
{

    body
    {
        padding: 0;
        margin: 0;
        font: 0.8em Tahoma, sans-serif;
        line-height: 1.5em;
        background: #fff;
    }
    #headercontent
    {
        position: relative;
        height: 320px;
        background: url(images/bg_b.gif);
        background-repeat: repeat-x;
    }

    .left
    {
        float: left;
        width: 98%;
        margin: 0 0 10px 0; /* font: 1.2em Tahoma,sans-serif,veranda,arial ;  	line-height: 1.5em; */
    }
    .leftnocolumn
    {
        float: left;
        width: 94%;
        margin: 10px 10px 10px 10px; /* font: 1.2em Tahoma,sans-serif,veranda,arial ;  	line-height: 1.5em; */
    }
    .left h3
    {
        clear: both; /*background: #A9C0CE url(corner.gif) no-repeat top right;*/
        background: #6699cc url(corner.gif) no-repeat top right;
        color: #FFF;
        padding: 7px 0 7px 5px;
        font: bold 1em Tahoma, Arial, Sans-Serif;
        margin: 0 0 0px 0;
    }
    .left_side
    {
        float: left;
        width: 180px;
        padding: 0 0 0 10px;
        margin: 10px 0;
    }

    /*.left_side a, .right_side a { color: #414141; background: #FFF; }*/

    .right_side
    {
        float: right;
        width: 220px;
        background: #FFF url(dotted.gif) repeat-y;
        color: #414141;
        padding: 0 0 0 40px;
        margin: 10px 0;
    }

    .left_box
    {
        margin: 0 0 10px 0;
        color: #000;
        background: #FFF;
        padding: 3px 0;
    }


    /* right side
       ---------- */

    .right
    {
        float: right;
        width: 95.0%;
        margin: 0 0 10px 0;
    }
    .right_box
    {
        margin: 0 0 0px 0;
        color: #000;
        background: #FFF;
        padding: 3px 0;
    }

    .right h3
    {
        background: #6C757A url(corner.gif) no-repeat top right;
        color: #FFF;
        padding: 7px 0 7px 5px;
        font: bold 1em Tahoma, Arial, Sans-Serif;
        margin: 0 0 3px 0;
    }

    .right_articles
    {
        background: #f5f5f5;
        color: #414141;
        padding: 8px;
        margin: 0 0 3px 0;
    }
    #wrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn
    {
        width: auto !important;
        margin: auto !important;
    }



    #mainnav
    {
        padding: 0;
        text-align: center;
    }

    #leftcolumn, #rightcolumn, #search
    {
        display: none;
    }

    #wrapper, #contentwrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer
    {
        background: transparent;
    }
    #centercolumn
    {
        float: none;
        margin: 0 1em 0 2.5em;
    }

    #breadcrumbs
    {
        position: static;
    }

    #copy .container
    {
        margin: 0;
        padding: 0 !important;
        border-style: none !important;
        border-width: 0;
    }

}


/* set the lower-left corner image */
.cssbox_body
{
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

.collapsePanelHeader
{
    width: 100%;
    height: 30px;
    background-image: url(../images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}
.teaser
{
    color: #666666;
    font-size: 1.5em;
    font-weight: bold;
    font-family: georgia,Helvetica;
}
#logobrochure
{
    float: right;
    margin: 0;
    padding: 7px 32px 5px 22px;
}

.textboxheader
{
    font-weight: bold;
    font-size: 8pt;
    color: #f5f5f5;
    font-family: verdana;
    background-color: #65738E;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 190px;
}
.textboxheader a
{
    color: #f5f5f5;
    font-family: verdana;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
}
.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}
.checkout
{
    margin-top: 5px;
    color: #696969;
    font-size: 8pt;
}
.textbox
{
    border: solid 1px #CBCED4;
    background: #f5f5f5;
    padding: 11px;
    margin-bottom: 7px;
    width: 190px;
}
.textbox li
{
    list-style-type: none;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #97AF64;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.tdcolor
{
    background: gray;
    color: white;
}

.bluebold
{
    font: bold 11px Tahoma;
    color: #158CE0;
}
.footer a
{
    text-decoration: none;
    color: #404040;
}
.footer a:hover
{
    text-decoration: underline;
    color: #404040;
}
td
{
    font-size: 11px;
    font-weight: normal;
    font-family: tahoma, arial;
    vertical-align: top;
    color: #858585;
}
.input
{
    width: 110px;
    height: 15px;
    font: normal 11px Tahoma, Arial;
    color: #777777;
    border: none;
    padding: 1px 0px 0px 2px;
    margin: 20px 0px 0px 0px;
    vertical-align: top;
}
.al a
{
    text-decoration: underline;
    color: #003252;
}
.al a:hover
{
    text-decoration: none;
    color: #003252;
}
.bl a
{
    text-decoration: underline;
    color: #158CE0;
    font: normal 10px Tahoma, Arial;
}
.bl a:hover
{
    text-decoration: none;
    color: #158CE0;
    font: normal 10px Tahoma, Arial;
}
.cl a
{
    text-decoration: underline;
    color: #E87E00;
    font: normal 11px Tahoma, Arial;
}
.cl a:hover
{
    text-decoration: none;
    color: #E87E00;
    font: normal 11px Tahoma, Arial;
}
.dl a
{
    text-decoration: underline;
    color: #158CE0;
    font: normal 11px Tahoma, Arial;
}
.dl a:hover
{
    text-decoration: none;
    color: #158CE0;
    font: normal 11px Tahoma, Arial;
}
.el a
{
    text-decoration: underline;
    color: #96979A;
    font: normal 11px Tahoma, Arial;
}
.el a:hover
{
    text-decoration: none;
    color: #96979A;
    font: normal 11px Tahoma, Arial;
}

.bluebold
{
    font: bold 11px Tahoma;
    color: #158CE0;
}
.footer a
{
    text-decoration: none;
    color: #404040;
}
.footer a:hover
{
    text-decoration: underline;
    color: #404040;
}
.input2
{
    width: 188px;
    height: 17px;
    font: normal 11px Tahoma, Arial;
    color: #858585;
    border: 1px solid #CDCDCD;
    padding: 1px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
}
.ta
{
    width: 188px;
    height: 34px;
    font: normal 11px Tahoma, Arial;
    color: #858585;
    border: 1px solid #CDCDCD;
    padding: 3px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
    overflow: auto;
}
/* Ticker CSS */
.middleLeft
{
    float: left;
    width: 20px;
    height: 27px;
}
.middleCenter
{
    float: left;
    width: 524px;
    height: 27px; /*background-image: url('../Images/middleCenter.gif'); */
}
.middleRight
{
    float: left;
    width: 20px;
    height: 27px;
}

.jewelryImage
{
    height: 251px;
    width: 153px;
    float: left;
}
.jewelryRightPane
{
    height: 251px;
    width: 224px;
    float: left;
}
.jewelryDescription
{
    height: 168px;
    width: 224px;
    background-image: url('../Images/descriptionBg.gif');
}

.jewelryDescription_Text
{
    font: bold 10px Arial, Verdana, Helvetica; /*color: #b0b098;*/
    color: #158CE0;
    margin-left: 10px;
    padding-top: 90px;
    margin-right: 20px;
}
.jewelryName
{
    height: 35px;
    width: 224px;
}
.addToCart
{
    height: 48px;
    width: 224px;
    background-image: url('Images/shoppingCartBg.gif');
}
ul
{
    margin: 0;
    padding: 0;
}

.bullet
{
    list-style: none;
    background: url(../images/bullet1.jpg) no-repeat 0 .5em;
    padding: .3em 0 .2em 1.5em;
    margin-left: 0.4em;
}
/* Css style for roatating ad on front page */
.top
{
    width: 280px;
    background-image: url(../Images/top.gif);
    padding-top: 6px;
}
.details
{
    width: 285px;
    height: 336px; /* background-image: url(../Images/cellBg.gif); */
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 16px;
    margin: 0px;
    background-repeat: repeat-y;
}
.details a, a:link, a:visited, a:hover
{
    text-decoration: none;
    font: normal 11px Tahoma, Arial;
    color: #000000;
    background: inherit;
}
.bottom
{
    width: 280px;
    height: 26px;
    background-image: url(../Images/bottom.gif);
}
.day
{
    width: 93px;
    height: 94px; /*background-color: #fafaf7;*/
    float: left;
}
.paneCenter
{
    width: 280px;
    height: 300px; /* background-image: url(../Images/paneCenter.gif);     background-color: #fafaf7; */
    float: left;
    background-repeat: no-repeat;
}
.paneCenter_Text
{
    /* text-transform: uppercase;*/
    font: normal 11px Arial, Verdana, Helvetica;
    color: #798048; /*margin-top: 17px;     margin-left: 2px;*/
}
.paneDetails
{
    width: 280px;
    height: 324px; /*background-image: url(Images/paneDetails.gif);     background-color: #fafaf7; */
    float: left;
    font: normal 11px Arial, Verdana, Helvetica;
    color: #5c6c6a;
    background-repeat: no-repeat;
    text-align: center;
}
.paneDetails_Text
{
    font: normal 11px Arial, Verdana, Helvetica;
    color: #798048;
    padding-top: 16px;
    padding-left: 5px;
}

div.qsf_bluemodule
{
    float: left;
    width: 456px;
    height: auto;
    font: normal 12px Verdana, Arial, Sans-serif;
    cursor: default;
}

div.qsf_bluemodule_corners
{
    font-size: 1px;
    height: 12px;
}

.topcorner
{
    background: url('../Images/BlueModuleTop.gif') no-repeat;
}

.bottomcorner
{
    clear: both;
    background: url('../Images/BlueModuleBottom.gif') no-repeat;
}

div.qsf_bluemodule h2
{
    padding: 0;
    margin: 0;
    background: transparent url('Images/BlueModuleHeaderBgGray.gif') no-repeat;
    line-height: 31px;
    padding-left: 29px;
    font-size: 16px;
    font-weight: bold;
    color: #446174;
    clear: both;
}

div.qsf_bluemodule a
{
    color: #303030;
    font-size: 11px;
}

ul.qsf_bluemodule_list
{
    padding: 0;
    margin: 0;
    background: transparent url('Images/BlueModuleBgGray.gif') repeat-y;
    list-style: none;
    width: 80%;
    float: left;
}

ul.qsf_bluemodule_list li
{
    float: right;
    text-align: center;
}

ul.qsf_bluemodule_list img
{
    display: block;
    border: solid 1px #909090;
    margin: 8px 52px 8px 52px;
}

ul.qsf_bluemodule_list span
{
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

span.integration_info
{
    font-size: 10px;
    font-weight: normal;
    line-height: 28px;
}

/* right info panel classes */
div.qsf_infopanel
{
    width: 290px;
    float: left;
    margin-right: 6px;
    font: normal 11px Verdana, Arial;
    color: #303030;
    position: relative;
    left: 4px;
}

div.qsf_infopanel_top
{
    height: 11px;
    font-size: 1%;
    background: transparent url(images/InfoPanelBgTopGray.gif) no-repeat;
}

div.qsf_infopanel_btm
{
    height: 11px;
    font-size: 1%;
    background: transparent url('Images/InfoPanelBgBtmGray.gif') no-repeat;
}

div.qsf_infopanel_content
{
    background: url('Images/InfoPanelBgrGray.gif') repeat-y;
    padding: 16px;
    height: 395px;
}

div.qsf_infopanel_content div.listHolder
{
    margin: 13px 0 13px 42px;
}

div.qsf_infopanel_content div.inputHolder
{
    margin-bottom: 34px;
    float: left;
}

div.qsf_infopanel_content ul
{
    padding: 0;
    margin: 0;
}

div.qsf_infopanel_content ul li
{
    line-height: 17px;
}

div.qsf_infopanel_content h4
{
    color: #446174;
    font-size: 16px;
    padding: 0;
    padding-left: 12px;
    margin: 0;
    background: url('Images/InfoPanelHeadingBgGray.gif') no-repeat;
    line-height: 31px; /*clear: both;*/
}

div.qsf_infopanel_content a
{
    color: #303030;
}

div.qsf_infopanel_content input
{
    border: solid 1px #d3dde2;
    width: 152px;
    float: right;
    color: #303030;
}

div.qsf_infopanel_content button
{
    float: left;
}

#desna_kolona
{
    float: right;
    width: 240px;
    background: #FFF url(rightcontent.gif);
    text-align: justify;
    color: #ccc;
}
.whitetext
{
    font-family: Tahoma,Arial,Veranda,san-Serif;
    color: #ffffff;
    font-weight: bold;
}
.srednja_kolona
{
    margin-left: 135px;
    margin-right: 240px;
    max-width: 34em;
    background: url(content.gif) top left;
    text-align: justify;
}
div.bluebox
{
    float: left;
    width: 260px;
    height: auto;
    font: normal 12px Verdana, Arial, Sans-serif;
    cursor: default;
}
div.bluebox_topcorner
{
    width: 260px;
    background: url('../images/blueheader_01.jpg') no-repeat;
}
div.bluebox_bottomcorner
{
    width: 260px;
    background: url('../images/blueheader_03.jpg') no-repeat;
}
div.bluebox_infopanel
{
    width: 258px;
    float: left;
    font: normal 11px veranda,arial;
    color: #fff;
    position: relative;
    background: url('../images/blueheader_02.jpg') repeat-y;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


ul
{
    margin: 0;
    padding: 0;
}
/*
li 
{
	list-style:none;
	background:url(../images/2blt1.jpg) no-repeat 0 .3em;
	padding:.1em 0 .1em 2em;
	/*margin-left:0.3em;
	
}
*/

ul.list-of-links
{
    border-bottom: 1px dotted #B2B2B2;
}

#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links
{
    margin: 0 0 30px 0px;
}

ul.list-of-links li
{
    border-top: 1px dotted #B2B2B2;
    background: url(../images/arrow2.gif) no-repeat;
}

ul.list-of-links li.current
{
    background-color: #E5E5E5;
}

ul.list-green
{
    border: none;
}
ul.list-green li
{
    background-image: url(../images/arrow2.gif);
}
ul.no-lines, ul.no-lines li
{
    border: none;
}

.collapsePanel
{
    width: 460px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    width: 460px;
    height: 50px;
    background-color: White;
    font-weight: bold;
    float: left;
    cursor: pointer;
    vertical-align: middle;
}

#area1, #areaM, #area2
{
    float: left;
}
.region6
{
    width: 300px;
    border: solid 1px grey;
    background-color: Blue;
}

.region5
{
    width: 255px;
    border: solid 2px;
    background-color: Olive;
}
region4
{
    width: 300px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#content-container-two-column
{
    margin-top: 3px;
    width: 870px; /*border:1px solid #818181;*/
    background: #ffffff;
    position: relative;
}

#content-main-two-column
{
    width: 530px;
    float: left;
    padding-right: 10px;
}

#content-side-two-column
{
    float: right;
    min-height: 600px;
    width: 305px;
    position: relative;
    border-left-color: #CCCCCC;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#fcontent-container-three-column
{
    margin-top: 3px;
    margin-left: 0;
    width: 860px; /*border:1px solid #818181;*/
    background: url(../../images/bg-three-column-main.png) repeat-y;
    position: relative;
}

#fcontent-main-three-column
{
    width: 370px;
    float: left;
    margin-left: 5px;
}


#fcontent-side1-three-column
{
    width: 250px;
    font-size: .9em;
    margin-right: 5px;
    float: left;
    padding-left: 5px;
}

#fcontent-side2-three-column
{
    float: right;
    width: 200px;
    border: 2px blaclk;
    padding-left: 3px;
}

#contentwrapper
{
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 900px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-left: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    left: 0px;
    height:auto;
}

.header_brand
{
    height: 100px;
    overflow: hidden;
    width: 982px;
}

#iframe
{
    background: inherit inherit inherit inherit inherit;
}
#brand_wrap
{
    background: #006699 url(images/caboback2.png) no-repeat scroll left top;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    width: 860px;
}
.header_brand
{
    height: 95px;
    overflow: hidden;
    width: 860px;
}
.header_brand_right
{
    overflow: hidden;
    padding-top: 1px;
    text-align: center;
}
.header_brand_left
{
    float: left;
    text-align: left;
    width: 237px;
}
.header_brand_leftbox
{
    margin: 0pt 0pt 0pt 12px;
}
.header_brand_ad
{
    padding-top: 3px;
}
.parent.chrome5
{
    border: 1px solid #e6e8ea;
    margin: 6px 6px 12px;
}
.parent.chrome5 .child
{
    margin: 6px;
}
.parent.chrome5 .more
{
    display: block;
    margin: 6px 0pt 0pt 6px;
    padding: 0pt 0pt 6px;
}
.parent.chrome5 .child .more
{
    margin: 0pt;
    padding: 0pt;
}
.parent.chrome5 h2
{
    background-color: #006699; /*EBF3FB; */
    border-bottom: 1px solid #e6e8ea;
    margin: 0pt 0pt 6px;
    padding: 3px 6px;
}
.parent.chrome5 h3
{
    background-color: #cc6666; /* Transparent  */
    margin: 0pt 0pt 6px;
    padding: 3px 6px;
}
.parent.chrome5 h2 a, .parent.chrome5 h3 a
{
    background-color: transparent;
    color: #0e3863; /*07519A */
}
.parent.chrome5.paid
{
    border-color: #ADDEB5;
}
.parent.chrome5.paid h2
{
    background-color: #EBFAEB;
    border-color: #ADDEB5;
}
.parent.chrome5.alt1
{
    background-color: #EBF3FB;
}
.parent.chrome5.alt2
{
    background-color: #EBFAEB;
}
.parent.chrome5.promo h2, .parent.chrome5.promo h2 a
{
    background-color: #408CD9;
    color: #FFFFFF;
}
.parent.chrome1 .child
{
    margin: 6px 6px 6px 0pt;
}
.parent.chrome7.promo h2, .parent.chrome7.promo h2 a
{
    background-color: #408CD9;
    color: #FFFFFF;
}
.linklist16
{
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}
.linklist16 li
{
    background: transparent url(i/bullet.gif) no-repeat scroll 0pt 0.7em;
    margin: 0pt;
    padding: 0.25em 0pt 0.2em 9px;
}
.single1 .linklist16 .first
{
    list-style-type: none;
}
.parent .child p
{
    margin: 0pt;
    padding: 0.8ex 0pt;
}
#hlp p
{
    background: transparent url(i/bullet.gif) no-repeat scroll 0pt 0.8em;
    padding: 0.25em 0pt 0.4ex 1ex;
}
.imglistset1 ul
{
    height: 1%;
    list-style-type: none;
    margin: -0.15em 0pt 0pt;
    padding-left: 0pt;
}
#faux
{
    background: url(faux-34-4.gif);
    margin-bottom: 0px;
    overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
    width: 100%;
}
#leftcolumn
{
    display: inline;
    color: #333;
    margin: 10px;
    padding: 0px;
    width: 205px;
    float: left;
}
#leftmiddle
{
    float: left;
    color: #333;
    margin: 10px 13px;
    padding: 0px;
    width: 209px;
    display: inline;
    position: relative;
}
#rightmiddle
{
    display: inline;
    position: relative;
    color: #333;
    margin: 10px 10px 10px 10px;
    padding: 0px;
    width: 205px;
    float: left;
}
#rightcolumn
{
    display: inline;
    position: relative;
    color: #333;
    margin: 10px 10px 10px 17px;
    padding: 0px;
    width: 205px;
    float: left;
}
#maintempx
{
    background: url('images/bg_b.gif') repeat-x;
    height: 420px;
}
#menug
{
    background-color: #ffffff;
    height: 38px;
}
.supportlinks a, a:link, a:visited 
{
  color: #ffffff;
}
.graylinks a, a:link, a:visited 
{
  color: #333333;
 
  
}