/* This CSS Stylesheet is for the Detail Page Only */

#detail {
    width: 90%;
    font-size: 1em;
    margin-top: 50px;
}


    #detail h1 {
        font-size: 1.5em;
        font-weight: normal;
        text-align: left;
        border-width: 2px;
        border-color: #989DA5;
        border-bottom-style: solid;
        margin-bottom: 10px;
    }

    #detail h2 {
        font-size: .8em;
        color: #666;
        font-weight: normal;
        text-align: center;
        margin: 0;
    }

    #detail em {
        font-style: italic;
    }

    #detail a:link, #detail a:visited {
        color: #00E;
    }


    #detail a:hover {
        color: #c00;
        text-decoration: underline;
    }


#footer {
    background-color: #fff;
}


#layout_panel                   /* Responsive layout for image and buybox */
{
    position:relative;
    display: table;             /* Use a table-style layout */
    width: 100%;
    margin: 0px;
    padding: 0px;
   /* border: solid 1px blue; */
    border-collapse: collapse;
}

#layout_panel > div             
{
    display: table-row;         /* table row */
    width: 100%;
}

#layout_panel > div > div       /* table cells */
{
    width: 50%;
    display: table-cell;
   /* border: solid 1px green; */
}

#product_imagebox           /* Responsive container */
{
    text-align: center;
    vertical-align: middle;
    min-width: 300px;       /* The box must not be narrower than this  */
    min-height: 200px;      /* and no shorter than this.               */
}

#product_imagebox p.zoomhint
{
    background: url(images/icons/zoomhint.gif) no-repeat 2px 50%;
    color: #999;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}

#product_image {  
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: auto;
    max-width: 100%; 
    max-height: 100%;
    z-index:1; 
}

#image_gallery > * {
	float: left;	
    margin: .5em .5em 0 0;
	border: solid 1px silver;
	height: 75px;
	width: 75px;
}

#image_gallery > *:hover {
	border: solid 1px black;
}

#image_gallery img {
	max-width: 100%;
	height: auto;
}

#sale_corner_image
{
    z-index: 2;
    position: absolute; 
    top:0px; 
    left:0px;
    border:none;
}


#product_textbox
{
    vertical-align: top;
    width: auto;
    min-width: 250px;
    overflow: auto;
    padding: 0 0 0 20px;
    margin: 0; 
}


#product_features
{
    float: left; 
    max-width:400px;
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1em;
}

    #product_features p
    {
        font-weight: normal;
        font-style: normal;
        text-align: left;
        margin: 0px;
        padding: 0px;
    }

    #product_features h1
    {
        text-align: left;
        font-size: 1.2em;
        font-weight: bold;
        font-style: italic;
        border-style: none;
        margin: 0px;
        padding: 0px;
    }

    #product_features h2
    {
        text-align: left;
        font-size: 1em;
        font-style: italic;
        margin: 0px;
        padding: 0px;
    }

    #product_features ul
    {
        margin: 0px;
        padding-left: 1.2em;
        font-style: italic;
        text-align: left;
    } 
	
    #product_features li
    {
        font-size: 1em;
        margin-top: 4px;
        font-style: italic; 
    } 
	

#price_group
{
    width: 248px;
    overflow: auto;
    padding-top: 20px;
    margin-left: auto; 
    margin-right: auto; 
}


#price_box
{
    width: auto;
    background-color: #eaf1fb;
    border:1px solid #CCCCCC;
    padding: 10px;
}


    #price_box p {
	    font-size: .9em;
	    font-weight: normal;
	    text-align: left;
	    margin-top: 0px;
	    margin-bottom:10px;
    }

        #price_box p span.currency
        {
            font-size: 1.6em;
            font-weight: bold;
            color: #cc0000;
        }


#buy_box
{
    background-color:#f2f2f0;
    border: 1px solid #c0c0c0;
    padding: 10px;
}

    #buy_box input[type=text] {
	    font-size: 1em;
	    color: #000;
	    font-weight: normal;
	    text-align: right;
    }


div.shipping_info {
	margin-bottom: 5px;
}

    div.shipping_info a {
	    font-size: .85em;
	    font-weight: normal;
 	    text-decoration: none;
 	    text-align: left;
    }

    div.shipping_info a:link, div.shipping_info a:visited {color:#333; text-decoration: none;}
    div.shipping_info a:active, div.shipping_info a:hover {color:#c00; text-decoration: none;}


#social_media_buttons
{
    padding-top: 10px;
    width: auto;
    height:25px;
}

    #social_media_buttons ul
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    #social_media_buttons li
    {
        float: left;
        display: block;
        white-space: nowrap;
        margin: 0px;
        padding-right: 10px;
    }

    #social_media_buttons .google-plus
    {
        width: 60px;
    }

    #social_media_buttons .facebook-like
    {
        border:none; 
        overflow:hidden; 
        width:75px; 
        height:21px;
    }


#main_text, #alt_main_text
{
    clear: left;
    margin: 0px;
    font-size: 1.15em;
}


#main_text
{
    padding-top: 5px;
    padding-bottom: 20px;
}

#alt_main_text
{
    max-width: 400px;
    padding-top: 10px;
    padding-bottom: 0px;
}


p.notice, p.tip {
	font-size: .8em;
	font-weight: normal;
    border: 1px solid #eee;
	padding: 15px;
	text-align: left;
	margin: 10px 0 10px 0;
}

p.notice {
	color: #4d2328;
	background-color: #f8f2e7;
}

p.tip {
	color: #20264b;
	background-color: #e5f4ef;
}

.centertext {text-align:center}
.lefttext   {text-align: left }
.righttext  {text-align:right }

table.graytable {
	border-collapse:collapse;	
	background-color: #eeeeee;  
	border: 1px solid #999999; 
    width: 100%;
}

table.graytable th {
	background-color: black;
    color: white;
    font-weight: bold;
    text-align: center; 
}

table.graytable th a {
    color: white !important;
    font-weight: bold !important;
    /* text-decoration: none; */
}

table.graytable th a:hover {
    color: yellow !important; 
    text-decoration: underline !important;
}

table.graytable tr.header td {
	font-weight:bold;
	text-align: center;
	border: 1px solid #999999; 
	padding:3px;
}

table.graytable tr:nth-child(2n+1) {
	background-color: #FFFFFF; 
}

table.graytable tr:nth-child(2n) {
	background-color: #EEEEEE; 
}

table.graytable td {
	border: 1px solid #999999; 
	padding-top: 2px;
	padding-bottom: 2px;
    text-align: center;
}

table.graytable tr td:first-child  {
    text-align: left;
    padding-left: 1em;
}

table.graytable .leftalign {
	padding-left: 1em;
	text-align: left !important;
}

table.graytable .rightalign {
	padding-right: 1em;
	text-align: right !important;
}

table.graytable .centeralign {
	text-align: center !important;
}


/**** Tabs & Product Information ****/

#productBottom {
	clear:both;
}

#navtabs {
	float:left;
	width: 100%;
	background:#fff url("images/tabs/tab-bk.gif") repeat-x bottom;
	line-height:normal;
	clear: left;
	margin-bottom: 30px;
}

    #navtabs ul {
	    float:left;
	    margin:0;
	    padding:.833em .0833em  0em .500em;
	    list-style:none;
    }

    #navtabs li {
	    float:left;
	    background:url("images/tabs/tab-right.gif") no-repeat right top;
	    margin:0;
	    padding:0;
	    width:auto;
    }

    #navtabs a {
	    display:block; 
	    background:url("images/tabs/tab-left.gif") no-repeat left top;
	    padding:0.833em 1.25em 0.33em;
	    font-size:.9em;
	    color:#666;
	    text-decoration:none;
    }

    #navtabs .tab_selected {
	    background-image:url("images/tabs/tab-right-on.gif");
    }

        #navtabs .tab_selected a {
	        background-image:url("images/tabs/tab-left-on.gif");
	        padding-bottom:0.416em;
	        color:#333;
	        font-weight:bold; 
        }

    #navtabs .tab_hidden {
	    display:none;
    }


/****End Tabs & Product Information****/

/* Features panel formatting area */


/* *** moreinfo *** */

#moreinfo {
	font-size: 1em;
}


    #moreinfo h1 {
	    font-size: 1.25em;
	    font-weight: bold;
	    color: #669966;
	    border-width: 2px;
	    border-color: #989DA5;
	    border-bottom-style: solid;
	    margin-bottom: 10px;
    }

    #moreinfo h2 {
	    font-size: 1.1em;
	    font-weight: bold;
    }

    #moreinfo h3 {
	    font-size: 1em;
	    font-weight: bold;
    }

    #moreinfo p {
	    font-size: 1em;
	    font-weight: normal;
	    text-align: left;
    }


    #moreinfo ul {
        margin: 0;
        padding-left: 1em;
    }

    #moreinfo ul li {
	    font-size: 1em;
	    font-weight: normal;
	    font-style: italic;
        margin: 0;
        padding: 0;
    }


/* accessories */

#accessories {
	font-size: 1em;
}

    #accessories .listheader p {
	    color: #666666;
    }


    #accessories .productcell {
	    height:auto; 
	    padding: 5px 0px 5px 0px;
	    border-bottom-style: dotted;
	    border-width: 1px;
	    border-color: #cccccc;
    }

    #accessories .productcellimage {
	    text-align:center; 
	    margin-left:10px; 
	    margin-right:10px; 
	    width:96px; 
	    float:left;	
    }

        #accessories .productcellimage img {
	        width: auto;
            height: auto;
            max-width: 96px;
            max-height: 96px;
        }

    #accessories .productcellbody {
	    margin-left:100px;
    }


    #accessories dt {
	    color: #518049; 
	    font-weight: bold; 
	    font-size: 1em; 
	    margin-top:5px;
    }

    #accessories dd {
	    font-size: .9em;
	    color: #666666; 
	    text-align: left; 
	    text-decoration: none;
        margin: 0px;
    }


    #accessories dd.partnumber 	{font-weight: normal}
    #accessories dd .quantity {font-size: 1em; color: #000000;}
    #accessories dd.description	{margin: 5px 0 0 0;}
    #accessories dd.pricing	{font-size: 1em; color: #000000; margin: 5px 0 10px 0;}
    #accessories dd.pricing input[type=text]  {font-size: 1em; text-align: right; font-weight: normal; color: #000000;}

    #accessories dt a:link, #accessories dt a:visited { color: #518049; text-decoration: none;}
    #accessories dt a:active, #accessories dt a:hover	{ color: #cc0000; text-decoration: underline; }