/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background-color: #F8F8F8;
    background-image:url('themes/stockroom/images/right_strip_pattern.png');
    font-size: .82em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Garuda","sans-serif", "Arial", "Helvetica", "Garuda", "sans-serif";
    margin: 0;
    padding: 0;
    color: #696969;
}

.HomeImg{
	width:100%;
	max-width:1353px;
	height:60%;
	min-height:400px;
}

a:link {
    color: #034af3;
    text-decoration: none;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

section{
    clear:right;
    border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    min-height:500px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #444;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}


h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.CheckoutLink
{
    padding:5px;
    margin-top:20px;
    display:block;
    width: 250px;
    height: 50px;
    background: url("../../Content/themes/stockroom/images/rfq.png") no-repeat;
}
.CheckoutLink:hover
{
    margin-top:23px;
    margin-left:3px;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
   
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    width: 1024px;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 20px 10px 15px 10px;
    background-color: #fff;
    -moz-box-shadow: 5px 5px 7px #b9b9b9;
    -webkit-box-shadow: 5px 5px 7px #b9b9b9;
    min-height:1000px;
  
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
/*Adds
---------------------------------------------------------*/

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    padding:5px 0 5px 0px;
    position: relative;
    margin: 0 auto 0 auto;
}

ul#menu li {
    display: inline;
    list-style: none;
    margin-right:5px; 
    
}

ul#menu li#greeting {
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    font-weight: bold;
    text-decoration: none;
    background-color: #777;
    color: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

ul#menu li a:hover {
    background-color: #fff;
    color: #76A0AB;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 15px 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    max-width:200px;
    width: 97%;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}


/*MEssage
---------------------------------*/
#message {
font-family:Arial,Helvetica,sans-serif;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:105;
text-align:center;
font-weight:bold;
font-size:100%;
color:white;
padding:10px 0px 10px 0px;
background-color:#8E1609;
}
#message span {
text-align: center;
width: 95%;
float:left;
}
.close-notify {
white-space: nowrap;
float:right;
margin-right:10px;
color:#fff;
text-decoration:none;
border:2px #fff solid;
padding-left:3px;
padding-right:3px
}
.close-notify a {
color: #fff;
}



/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    position:relative;
}

table td {
    border: solid 2px #e8eef4;
    padding-right:7px;
    min-width:80px;
    
}

table th {
    font-size: 0.8em;
    padding: 6px 3px 0px 3px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
    min-width:80px;
}

.single-line
{
    width:97% !important;
}

.search-group td
{
    border:none;
}

.search-table
{
    border:none;
}

/* MISC  
----------------------------------------------------------*/


.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin: 0 auto 0 auto;
    clear:both;
    text-align: center;
    background-color:#777;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -moz-box-shadow: 5px 5px 7px #b9b9b9;
    -webkit-box-shadow: 5px 6px 6px #b9b9b9;
}

div#title {
    background:url('themes/stockroom/images/logo.png') center no-repeat;
    background-size: contain;
    display: block;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
    text-indent:-9999px;
    max-height: 40%;
    width: 1024px;
    min-height:80px;
    clear:right;
}

#logindisplay {
    float:right;	
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: #777;
    clear:right;
    background-color:white;
    margin-top:0.5%;
    padding:3px;  
    -moz-box-shadow: 5px 5px 7px #b9b9b9;
    -webkit-box-shadow: 5px 6px 6px #b9b9b9; 
}

#logindisplay a:link {
    color: #777;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: black;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: black;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label 
{
    clear: left;
    float: left;
    margin-bottom:6px;
    
}



.editor-label p
{
    margin:10px 0 0 0;
}
.editor-label label
{
    margin:50px 0 0 0;
}

.display-field, 
.editor-field 
{
    float: left;
    margin: 0 0 10px 10px;
}

.editor-label, 
 .editor-field {
    
    float: none !important;
    margin-left: 0px;
}

.editor-field option {
    text-transform: uppercase;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}



#test
{
    display:block;
    
}
.PagedList-pager > ul{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	
}
.PagedList-pager > ul > li{
	margin: .25em;
	display: inline-block;
}
.PagedList-goToPage > fieldset{
	border: 0;
}

.cartLink
{
    background-size:contain;
    text-indent: -9999px;
    height:35px;
    display:block;
    background:url("/Content/themes/stockroom/images/cart.png") no-repeat center;
    
}

/*Notifcaiton system */
#purr-container {
			position: fixed;
			margin-right:40%;
			margin-top:30%;
			top: 0;
			right: 0;
			
		}
		
		.notice {
			position: relative;
			width: 324px;
			border-radius: 4px 4px 4px 4px;
             -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            -moz-box-shadow: 0 0 5px 5px #b9b9b9;
    -webkit-box-shadow: 0 0 5px 5px #b9b9b9;
        background: white no-repeat left top;
		}
			.notice .close	{position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url("/Content/themes/stockroom/images/purrClose.png") no-repeat 0 10px;}
		
		.notice-body 
		{
		    
			min-height: 50px;
			padding: 22px 22px 0 22px;
			
			color: black;
		}
			.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
			.notice-body h3	{margin: 0; font-size: 1.1em;}
			.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}
		
		.notice-bottom {
			height: 22px;
			background: url("/Content/themes/stockroom/images/purrBottom.png") no-repeat left top;
		}
		
		/*--------------------Ads---------------------------*/
		
		#ad-container .ad
		{
		    display:inline-block;
		    height:130px;
		}
		#ad-container .ad img
		{
            border-style: none;
        }
		
        .table-ad {
            background-color:rgb(224, 253, 229);
        }
		
		#ad-container .TopLeft, #ad-container .TopLeft img
		{
		    width:250px;
		    height:95px;
           margin-bottom:30px;
		}

		#ad-container .TopRight,
        #ad-container .TopRight img
		{
		     width:250px;
		    height:95px;
		    margin-bottom:30px;
		}
		#ad-container .TopCenter,
        #ad-container .TopCenter img
		{
		    width:450px;
            height: 171px; 
		}

        #ad-container .TopCenter {
            border:1px solid black;
            margin:0 auto;
        }
		
        #ad-container
		{
		    width:999px;
            padding:25px;
		    position:relative;
		}

        #side-ads {
            float:right;
            margin-top:79px;
            width:230px;
        }

        a.Side.ad {
            display:block;
            width:230px;
            height:88px;
            margin-bottom:20px;
        }

        a.Side.ad img{
            width:230px;
            height:88px;
        }

        .SearchResults {
            width:765px;
        }

		#searchField
		{
		    float:left;
		    margin-right:1%;
		}
        #searchField table
		{
            margin: auto;
            border: solid 0px #fff;
            text-align: center;

		}
        #searchField table td {
            border: solid 0px #fff;
        }

        #searchField input[type="submit"] {
            margin-top: 15px;
        }

        #showSearch {
            margin-bottom: 10px;
        }
        /*Gallery*/
     .clear {
	    clear:both
      }
    

    #gallery {
	    position:relative;
	    height:370px;
        width:960px;
        margin: auto;
    }
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px !important; 
		width:100% !important; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
        
	}
	
    /*Boxes*/
    #box-4-wrapper {
        width: 960px;
        min-height: 120px;
        margin: auto;
        background: url('/Content/themes/stockroom/images/4-box-shadow.png') no-repeat center bottom;
        display: block;
        overflow: hidden;
    }
    .box1-4 {
        width: 210px;
        float: left;
        padding: 15px;
        overflow: hidden;
        display: block;
    }
    .box-icon {
        width: 50px;
        margin: 0px auto 0px;
        text-align: center;
        overflow: hidden;
        display: block;
    }
    .box-detail-wrapper {
        width: 200px;
        margin: 5px auto 0px;
        text-align: center;
        overflow: hidden;
        display: block;
    }
    .header-box {
        font-size: 16px;
        font-weight: bold;
        color: #444;
    }
    
        
    /***Clear fix*/
    
    .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
    .clearfix {
	    display: inline-block;
    }
 
    html[xmlns] .clearfix {
	    display: block;
    }
 
    * html .clearfix {
	    height: 1%;
    }
.actionLink {
    background: #E8EEF4;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}
.actionLink:after{
    content: ' ➨';
}

.categoryKey {
    font-size:13px;
}

#test th img {
    float: right;
    
}
.image-label {
    float: none !important;
}
#image-holder {
    float: right;
}
.product-image img{
    max-width:640px;
    max-height: 480px;
}

.RemoveLink {
    margin-left: 30px;
}
.TableDescription {
    width: 250px;

}

.clear-right {
    clear:right;
}

.clear-left {
    clear:left;
}

.clear {
    clear:both;
}

/* Captcha */
.captcha  img, .captcha  a { display: block; clear: left;}