/*
general styles
    body styles
    reset
    links
    headings
    other elements, tags
helper styles
    forms
    notifications and errors
    consistant items with normally just one class
page structure
    skeleton including page furniture,
page components
    most of your styles will be in here
overrides
*/

/*Group: General Styles */
/* body styles, reset, default element styles */
/*BeginGroup */

/*@ body styles 
============ */ 

body
{
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 background-color: #999;
}
.style1 {
	font-size: 10px;
	color: #333333;
}


/*@ resets
============ */

ul, li
{
    margin: 0;
    padding: 0;
}

ul
{
    padding-left: 2em;
}





/*@ links 
============ */

a, a:link {
	color: #996600;
	text-decoration: none;
    font-weight: normal;
}
a:visited {
	text-decoration: none;
	color: #80560C;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #996600;
}

a img
{
 border: none;
 margin: 0;
 padding: 0;
}

/*@ headings
============ */

#branding h1
{
    margin: 0;
}

h2
{
 margin-top: 2em;
 font-size: 18px;
}

h3
{
 font-size: 18px;
 font-weight: bold;
 margin-top: 2em;
}

h4
{
 margin-bottom: 0;
}

/*EndGroup General Styles*/











/*Group: Helper Styles */
/* forms, notifications, paginations, etc: consistent items with a class */
/*BeginGroup */


/*@ general
============ */

.accessibility_structure
{
 display: none;
}

.subhead
{
 font-size: 14px;

}

/*@ forms
============ */

fieldset
{
 margin-bottom: 1em;
 border: 1px solid #bfbab0;
 padding: 0.5em 1em;
}

label
{
font-weight: bold;
}

legend
{
 font-size: 14px;
 font-weight: bold;
 padding: 0;
}

input, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input.reset, input.submit
{
 margin: 0 0.25em;
}

textarea
{
 width: 100%;
}

.text_field input,
.text_field textarea
{
 width: 12em;
}

.textarea_field
{
 width: 42em;
}

.textarea_field label
{
 display: block;
}



.text_field label,
.select_field label
{
 text-align: right;
 padding-top: 0.2em;
 float: left;
 width: 12.5em;
 margin-right: 0.5em;
}

.field, .text_field, .select_field
{
 float: left;
 clear: left;
 width: 100%;
 padding-bottom: 0.5em;
}


em.req, .error-indicator
{
 color: #900;
 font-variant: small-caps;
}



form table .text_field,
form table .text_field label,
form table .select_field,
form table .select_field label
{
 float: none;
 width: auto;
}

.has_errors
{
 border: 1px solid #700;
 background-image: url('img/transparent_orange.png');
 background-repeat: repeat;
 padding: 0.5em 0;
 margin: 0.5em 0;
}

.has_errors input, .has_errors textarea
{
 background-color: #ffc0cb;
}








/*@ notifications and errors
============ */

p.required
{
 font-weight: bold;
 text-align: center;
}

.main_error_info
{
 border-top: 1px solid #900;
 border-bottom: 1px solid #900;
 margin: 1em 0;
 padding: 0 1em;
 background: #ddd;
 font-weight: bold;
}

.main_error_info h3
{
 color: #900;
 font-size: 1.25em;
}



.field .accessible_errors
{
 display: none;
}

.field ul.errors
{
 margin: 0 0.5em;
}

ul.errors li
{
 margin-top: 0.75em;
 font-weight: bold;
 /* padding: 0.1em 0.25em; */
 color: #500;
}


/*EndGroup Helper Styles*/














/*Group: Page Structure */
/* Skeleton including page furniture ---
the header, footer, and the generic layout blocks that make
up a basis for your components to fit snugly into. */
/*BeginGroup */

#main_container
{
 width: 955px;
 border: 1px solid #5c5c5c;
 margin: 0 auto;
}

#main_nav
{
 background-color: #80560C;
 color: white;
 border-top: 1px solid #fff;
}

#content_container
{
 background-color: #fefefe;
 color: #333;
 font-size: 11px;
}

#main_content
{
 padding: 0 1em;
 padding-left: 2em;
 font-size: 13px;
 min-height: 400px;
 width: 95%;
 margin: 0 auto;
 font-size: 13px;
 color: #444;
}

#main_content h2, 
#main_content h3, 
#main_content h4, 
#main_content h5, 
#main_content h6,
 #main_content .subhead
{
 color: #666;
}

#main_content p,
#main_content ul,
#main_content h4
{
 margin-left: 1.5em;
 margin-right: 1.5em;
}

#main_content.custom_body
{
 margin: 0;
 width: 100%;
}

#IEroot #main_content /* not enough top padding in IE */
{
 padding-top: 1em;
}

#footer
{
 text-align: center;
 color: #333;
 font-size: 10px;
 margin: 0 1em;
 margin-top: 3em;
 margin-bottom: 2em;
 border-top: 1px dotted #666;
}

/*EndGroup Page Structure */











/*Group: Page Components */
/* most styles will go in here */
/*BeginGroup */



/*@ Branding
============ */




/*@ Navigation
============ */

#main_nav .phone
{
 float: right;
 margin: 0.1em 1em;
 margin-top: 0.2em;
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#main_nav .navlinks
{
 float: left;
 padding-bottom: 1px;
}

#main_nav, #main_nav a
{
 color: #fff;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}

.navlinks ul
{
 margin: 0;
 padding: 0;
 list-style: none;
 margin-top: 0.2em;
}

.navlinks li
{
 float: left;
}

.navlinks a
{
 display: block;
 padding: 0 1.5em;
 border-right: 1px solid white;
}

.navlinks a:hover
{
 /* background-image: url("img/sisneros-header-bg.jpg"); 
 background-repeat: repeat;
 background-position: top center;
 background-color: #aaa; */
 color: #D8BE2E!important;
 text-decoration: none;
}




/*@ Content
============ */





/*@ Ads
============ */



/*@ footer
============ */



/*EndGroup Page Components */




/*Group: Specific Pages */
/*  */
/*BeginGroup */


/*@ Job Form
============ */

/*
#IEroot #job_form_container
{
 text-align: center;
 margin-top: 1em;
}

#IEroot #job_form_container *
{
 text-align: left;
}
*/

#job_form_container
{
 width: 60em;
 margin: 0 auto;
 position: relative;
 padding-bottom: 1em;
}

#job_form #job-info-1,
#job_form #job-info-2
{
 float: left;
 width: 28em;
 padding-top: 0.5em;
}

#job_form #job-info-1
{
 margin-right: 1em;
 border-right: 1px dotted #bfbab0;
}

#job_form #job-info-1 .innertube
{
 padding-right: 1em;
}

#job_form #textarea_Shipping_Address
{
 width: 12em;
}

* html #textarea_Shipping_Address
{
 width: 11.5em!important;
}

#job_form #textarea_Shipping_Address_wrapper
{
 width: 100%;
}

#job_form #textarea_Shipping_Address_wrapper label
{
 float: left;
 margin-right: 0.5em;
 width: 12.5em;
 text-align: right;
 padding-top: 0.2em;
}

#job_form #job-items table
{
 margin: 0 auto;
}

#job_form .qty input.text
{
 width: 3em;
 text-align: right;
}

#IEroot #job_form .qty input.text
/* The cursor doesn't seem to show up at all when first entering the field when
    it's text-aligned right in IE and opera - this makes it confusing. */
{
 text-align: center;
}
/* opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
    #job_form .qty input.text 
    { 
        text-align: center; 
    }
}


#job_form .size select
{
 text-align: right;
}

#job_form #job-items td
{
 padding: 0.1em 0.5em;
 margin-bottom: 0;
}

#job_form #job-items td input
{
 margin: 0;
 padding: 0;
}

#job_form #job-items tr:hover
{
 background: #aaa;
}

#job_form #job-items table label
{
 display: none;
}

#job_form #comments .textarea_field
{
 float: none;
 margin: 0 auto;
 width: 29em;
}

#IEroot #textarea_Comments_wrapper
/* IE fieldset issues - not enough space at top */
{
 margin-top: 1em!important;
}

#submit 
{
 border: none;
 /*
 width: 20em;
 text-align: left;
 margin: 0 auto;
 */
}
/*
#reset
{
 width: 20em;
 margin: 0 auto;
 text-align: right;
 margin-top: -2.45em;
}

* html #reset
{
 margin-top: -4.25em;
}
*/

#submit_Submit_Order
{
 position: absolute;
 bottom: 1em;
 left: 22em;
 font-weight: bold;
}

#gteIE7 #submit_Submit_Order
    /* IE7 did stretched these abso-pos form buttons full width - very strange */
{
 width: 10em;
}

#submit_Clear_Form
{
 position: absolute;
 bottom: 1em;
 right: 22em;
}

#gteIE7 #submit_Clear_Form
    /* IE7 did stretched these abso-pos form buttons full width - very strange */
{
 width: 8em;
}


/*EndGroup Specific Pages */







/*Group: Overrides */
/* with good overall structure, shouldn't have to use this much */
/*BeginGroup */


#main_content td h2,
#main_content td h3
{
    margin-top: 1em;
}


/*@ IE
============ */

#IEroot th
{
 font-size: 11px;
}


/*EndGroup Overrides */