/* @override
	http://redesign.dev.vintagemaineimages.com/css/css-vmi.css
	http://dev.vintagemaineimages.com/css/css-vmi.css
*/

/*
*********************************************************************
Language:       CSS 2.1
Web Site:       http://www.vintagemaineimages.com/
File Path:      http://www.vintagemaineimages.com/css/css-vmi.css
Copyright:      ©2006 Axon Design and Marketing (www.axondm.com)
Created:        2006-04-10 12:13:17
Created by:     Jamie Peloquin
*********************************************************************
*********************************************************************
NOTES:

*********************************************************************
*/

/*
<< PAGE STYLES
*********************************************************************
*/
html { background-color: #FFF; }

body {
	border: 1px solid #AAA;
	width: 1000px;
}


#content a,
#myalbum_albumslist a {color: #09C;}
#content h2 {color: #48B;}
#content h3 {color: #444;}

#content .highlight_story {
	background-color: rgb(255,255,203);
	border-color: rgb(230,229,102);
	color: #047;
}

body div#mycart + div#content, body div#myalbum + div#content {
    margin-right: 210px;
}

* html #content {
	/* Always narrow with IE6 */
	margin-right: 210px;
}

#Column1 {
    width: 49%;
    /*outline: 1px dotted pink;*/
    }

#Column2 {
    float: right;
    width: 49%;
    /*outline: 1px dotted cyan;*/
    }

/* Photo Boxes */
.photo_box {
	background-color: #ddd;
	border-color: #bbb;
}
.photo_box .caption {color: #333;}
#content .photo_box a {color: #333;}
#content .photo_box a:hover {color: #09C;}
.photo_box a img {border-color: #999;}
.photo_box a:hover img {border-color: #09C;}

#content .photo_box .printed_dimensions {
    font-size: 12px; font-weight: bold; color: #48B;
}

.spec_feat_home_highlights {
	width: 75px !important;
	height: 100px;
}

.spec_feat_highlights {
	width: 125px !important;
	height: 124px;
}

/*
*********************************************************************
>> PAGE STYLES
*/

/*
<< IMAGE TABLES
*********************************************************************
*/

.table_view_container {
    float: left; /* Float allows box to expand when it has floating children */
    width: 100%; /* Occupy the full width of the parent container */
    margin-left: -10px;
}

* html .table_view_container {
	margin-left: -5px;
}

div>.table_view_container { /* WinIE will ignore these */
    height: auto;
    margin-bottom: 15px; /* Puts some space after the image table for CSS2.1 browsers */
}

.table_view_image {
    float: left;
    display: block; /* Define the spans be treated as blocks */
    width: 133px;
    height: 180px;
    padding: 10px;
    text-align: center;
    font-size: 80%;
    /*outline: 1px dotted green;*/
    }

/*
*********************************************************************
>> IMAGE TABLES
*/

/*
<< SIDEBAR
*********************************************************************
*/
#content_sidebar {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-width: 0px 0px 0px 1px;
	}

#content_sidebar .sidebar_item {
    background-color: #FFE;
    border: 1px solid #DDD;
    margin: 14px 0px;
    margin-left: 14px;
    padding: 7px;
    width: 184px;
    clear: left;
    }

#content_sidebar h3 {color: #48B;}

/*
*********************************************************************
>> SIDEBAR
*/

/*
<< TOOLBARS
*********************************************************************
*/
#content .toolbar,
#content .paginationbar{ background-color: #F5F7F7; }

.toolbar {
	border: 1px solid #DDD;
	padding: 8px;
	background-color: #F5F5F5;
	margin-bottom: 1.5em;
	}

.toolbar { width: auto; }

.toolbar fieldset { border: 3px solid #EEE; }

#content .toolbar *, #content .paginationbar * {
	font-size: 10px;
	margin: 0;
	}

.toolbar .field, .paginationbar .field { line-height: 3em; }

.toolbar .field, .paginationbar .field,
.toolbar .field *, .paginationbar .field *{ font-size: 11px; }

.toolbar hr, .paginationbar hr {margin: 1em 0 !important;}

.toolbar h3, .paginationbar h3 {
	font-size: 12px;
	margin-bottom: .5em;
	}

/* Home page Search */
#form_searchkeyword .field input {
    padding: 2px;
    font-size: 14px;
    color: #000;
    }

#form_searchkeyword .field input:focus { border-color: #0C0; }

/* Advanced Search */
#form_register fieldset { margin-bottom: 1.5em !important; }

#form_register legend {
    font-size: 14px !important;
    padding-bottom: .5em;
    }

#form_register .field input {
    padding: 2px;
    font-size: 14px;
    color: #000;
    }

#form_register .field input:focus { border-color: #0C0; }

/* Detailed Image Tools */
a.button {
    display: inline;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #a7a7a7;
    padding: .25em 1em;
    text-transform: uppercase;
    letter-spacing: .10em;
    white-space: nowrap;
    background-color: #eaeaea;
    text-shadow: #fff 1px 1px 2px;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

a.button:hover, a.button:focus {
    color: #09c;
}

a.button:active {
    color: #fff !important;
    background-color: #888;
    text-shadow: none;
}

a.icn {
    padding-left: 2em !important;
}

a.add2cart {
    background: #fad474 url(/graphics/icn_plus_small.png) no-repeat .25em center;
    padding: .25em 1em .25em 2em !important;
}

a.add2cart:hover, a.add2cart:focus {
    background-color: #fbe9b4;
}

a.add2cart:active {
    background-color: #c1a35a;
}

.result_detail a.button {
    /*padding: 0 .5em;*/
    font-size: .75em;
    white-space: normal;
    text-align: center;
}

.result_detail a.icn {
    /*background-image: none;*/
}

/* IE 6 */
* html a.button {
	padding: .5em 0;
}

* html a.icn {
	padding-left: 8px !important;
}
/* // */

/* IE 7 */
*:first-child+html a.button {
	padding: .5em 0;
}

*:first-child+html a.icn {
	padding-left: 8px !important;
}
/* // */

/*
*********************************************************************
>> TOOLBARS + FORMS
*/

/*
<< MASTHEAD
*********************************************************************
*/
#masthead {
	background-color: #48B;
	background-image: url(/vmi/graphics/bkgnd-masthead.jpg);
	background-repeat: no-repeat;
	border: 0px solid #269;
	border-width: 1px 0 0 0;
	}

#masthead_bar {
	background-color: #F0F0F0;
	background-image: url(/vmi/graphics/bkgnd-masthead_bar.jpg);
	background-repeat: repeat-y;
	border-color: #48B;
	}

#masthead h1 {}

#masthead #masthead_tagline {}
/*
*********************************************************************
>> MASTHEAD
*/

/*
<< FOOTER
*********************************************************************
*/
#footer {
	background-color: #F5F7F7;
	border: 0px solid;
	}

#footer a { color: #09C; }

#footer p#footer_navigation {
	border: 1px solid #AAA;
	border-width: 1px 0;
	background-color: #F0F0F0;
	background-image: url(/vmi/graphics/bkgnd-footer_nav.jpg);
	background-repeat: repeat-y;
}

/*
*********************************************************************
>> FOOTER
*/