﻿
/**
Buttons **/
a, a:hover{cursor:pointer;}
.button {display:inline-block;}
.button .button_insert {
background:transparent url(/store/images/admin/button_insert.png) no-repeat scroll 0 0;
}
.button .button_left {
display:block;
float:left;
height:30px;
width:30px;
}
.button .button_middle {
background:transparent url(/store/images/admin/button_middle.png) repeat-x scroll 0 0;
color:#333333;
display:block;
float:left;
padding-bottom:8px;
padding-top:8px;
}

.button .button_right {
background:transparent url(/store/images/admin/button_right.png) no-repeat scroll 0 0;
display:block;
float:left;
height:30px;
width:15px;
}

.tabbox {width:750px;}
.tabbox2 {width:570px;}
.tabs {
background:#303F4A url(/store/images/admin/top_1.png) no-repeat scroll center top;
height:40px;
padding-left:10px;
}

.tabs a {
background:transparent url(/store/images/admin/tab_1.png) no-repeat scroll center bottom;
color:#C2D4DD;
display:block;
float:left;
margin-right:5px;
padding:16px 0 9px;
text-align:center;
text-decoration:none;
width:100px;
cursor:pointer;
}
.tabs a.selected {
background:transparent url(/store/images/admin/tab_3.png) no-repeat scroll center bottom;
color:#333333;
}

.white .tabs
{
    background:none;padding:0px;
    height:30px;
    display:block;
    float:none;
    clear:both;
}
.white .tabs  a.selected {
background:#FFFFFF url(/store/images/icons/tab.png) repeat-x scroll 0 0;
border-bottom:0 none;
padding-bottom:8px;
z-index:3;
}
.white .tabs a {
background:#FFFFFF url(/store/images/icons/tab.png) repeat-x scroll 0 0;
border:1px solid #DDDDDD;
color:#000000;
display:block;
float:left;
font-size:13px;
font-weight:bold;
margin-right:2px;
padding:6px 15px 7px;
position:relative;
text-decoration:none;
top:1px;
z-index:1;
width:auto;
}

.white .page {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
clear:both;
display:block;
margin-bottom:10px;
padding:10px;
width:536px;
z-index:2;
}
.hr{width:80%;border-bottom:1px solid #c0c0c0;margin:0 auto;margin-top:9px;margin-bottom:9px;}
#productManagerPages
{
    background:#F8F8F8 none repeat scroll 0 0;
    height:500px;
    overflow:auto;
}

h1.heading {
color:#333333;
float:left;
font-size:24px;
font-weight:normal;
margin:0;
}

ul.categories {
list-style-position:outside;
list-style-type:disc;
margin-bottom:0;
margin-left:8px;
margin-top:0;
padding-left:12px;
list-style-image:url(/store/images/icons/bullet_1.png);
background-image:none !important;
}

ul.categories li {font-weight:bold; padding:2px 0;}

#column_left {
float:left;
margin-right:10px;
width:180px;
margin-left:10px;
}
#content {
float:left;
margin-bottom:10px;
width:570px;
}

#column_right {
float:right;
margin-left:10px;
width:180px;
margin-right:10px;
}

#product_overview label
{
    float:left;
    display:block;
    font-weight:bold;
    width:60%;
    margin-bottom:5px;
}
#product_overview span
{
    display:block;
     margin-bottom:5px;
}
#add_to_cart_div
{
    background-attachment:scroll;
background-color:#F7F7F7;
border:1px solid #DDD;
padding:10px;
}
#productMainImage
{
    width:250px;
    height:250px;
}
#productAdditionalImages ul
{
    padding:0px;margin:0px;
}
#productAdditionalImages li
{
    float:left;
    margin:5px;
    list-style-type:none;
}
#productAdditionalImages li div{display:block;height:150px;border:1px solid #c0c0c0;vertical-align:middle;}
#productAdditionalImages li img{width:150px; height:150px;}

/**LIGHTBOX**/
#overlay{ 
    background-image: url(/store/images/icons/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(/store/images/icons/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="/store/images/icons/overlay.png", sizingMethod="scale");
}

#box{
    background:#FFFFFF;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}
/**END LIGHTBOX**/

/*.menu_wPoints {background:transparent url(images/img_sbrPoints.png) no-repeat scroll 0 10px; width:141px;}
.menu_mHome{background:transparent url(images/map03.png) no-repeat scroll 0 -367px; width:71px;}
.menu_mSpecialOffers{background:transparent url(/store/images/icons/icon_special.png) no-repeat;}
.menu_mLogOff{background:transparent url(images/map03.png) no-repeat scroll -50px -367px; width:57px;}
.menu_mAccount{background:transparent url(images/map03.png) no-repeat scroll -114px -367px; width:67px;}
.menu_mCheckout{background:transparent url(images/map03.png) no-repeat scroll -324px -367px; width:75px;}
.menu_mBasket{background:transparent url(images/map03.png) no-repeat scroll -244px -367px; width:74px;}
.menu_mAdmin {background:transparent url(images/map03.png) no-repeat scroll -185px -367px; width:49px;}
.menu_mPoints {background:transparent url(images/map03.png) no-repeat scroll -397px -367px; width:51px;}
.mainMenu a span{display: none;}*/

#productList thead td{font-weight:bold;}
#print table{border-collapse:collapse;}
#print #productList td{padding:5px;}
#print  td{border-right:1px solid #CDDDDD;border-bottom:1px solid #CDDDDD}
#print thead td{background:#E7EFEF none repeat scroll 0 0;padding:5px;font-weight:bold}
#print  tr.hr{display:none}
#print table.no-border td{border:none}
table td{vertical-align:top;}
table thead td {font-weight: bold;}
table.padded td{padding:5px;}
.errorSummary ul{width:400px;margin:0 auto;margin-top:10px;}

#searchDiv
{
    margin-top:-2px;
    float:right;
}
.searchContainer {
background:transparent url(images/icons/searchbg.png) no-repeat scroll 0 0;
float:right;
height:25px;
margin-right:7px;
margin-top:6px;
width:180px;
}
.searchInput {
border:0 none;
display:table-cell;
height:16px;
margin:4px 5px 0 10px;
vertical-align:top;
width:126px;
display:inline;
}
.searchButton {

background:transparent url(images/icons/searchbutton.png) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
height:21px;
margin-right:-7px;
margin-top:3px;
width:21px;

}
.searchContainer .searching{
background:transparent url(images/icons/searchloading.gif) no-repeat scroll 0 0 !important;}

/**POINT REPORT**/
#breakDown table{border-collapse:collapse;}
#breakDown table  th{
text-align: left;
font-size: 2.0em;
border-bottom:1px solid #c0c0c0;
}
#breakDown table th.alignRight{text-align:right;}
#breakDown .leftCell  { width: 400px; padding: 10px 40px; }
#breakDown .rightCell { width: 400px; padding: 10px 40px; }

#breakDown h3{width:50%;float:left;font-size:1.4em;}
#breakDown div{  }
#breakDown label{float:left;width:50%;display:block;font-size:1.1em;font-weight:bold;margin:10px 0px 5px 20px;cursor:pointer;padding-left:17px;background:transparent url(images/icons/arrow-right.png) top left no-repeat;}
#breakDown label.noClick{cursor:default !important;background:none !important;}

#breakDown span{display:block;width:30%;float:right;margin-top:10px;text-align:right;}
#breakDown .details span{display:inline;float:none;margin:0px;}
#breakDown .details .y { float: right; text-align: right; }
#breakDown .heading {  }
#breakDown .heading span{height:20px;font-size:1.25em;padding:0px;font-weight:bold;margin:0px;margin-top:10px; text-align: right;}

#breakDown .section { width: 100%; margin: 0px auto; }

#breakDown .section .heading h3{margin:10px 0px 0px;padding:0px 0px 0px 20px;cursor:pointer;background:transparent url(images/icons/plus.png) center left no-repeat;}
#breakDown .heading h3.open {background:transparent url(images/icons/minus.png) center left no-repeat !important;}

#breakDown .details{clear:both;margin:0px;padding:0px;margin-left:35px;  border:1px solid #CDCDCD; }
#breakDown .details table {clear:both;border-collapse:collapse;}
#breakDown .details table tr { border-bottom: 1px dotted #CDCDCD; }
#breakDown .details table tr:hover { font-weight: bold; }
#breakDown .details table tr td, #breakDown .details table tr th{padding:4px 5px;}
#breakDown .details table th{font-size:1em;border:0px;background:#F0F0F0;}
#breakDown .lineItem{}
#breakDown .viewing label{background:transparent url(images/icons/arrow-down.png) top left no-repeat;}
#breakDown label.loading{background:transparent url(images/icons/loading.gif) top left no-repeat !important;}

#breakDown .bottomTotal {width: 100%; margin: 10px 0px; border-top: 3px solid #CDCDCD; float: left; }
#breakDown .bottomTotal h3 { padding-left: 5px; }


#breakDown img.chartIcon, #breakDown img.downloadIcon{cursor:pointer;margin-left:10px;}
#breakDown h2 { font-size: 19px; border-bottom: 2px solid #666666; padding-bottom: 3px; }
/**END POINT REPORT**/

