/* 
Theme Name: Default Text
Theme URL: www.access-bydesign.com	
Description: Normal Text Size
Author: Paul Whitehead
Author URI: www.access-bydesign.com
Version: 1.0
*/

/*start reset*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead,  th, caption, th,blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


.linklove
{
display:none;	
}

.nodisplay
{
	display:none;
}


/* main headings typographical framework ====================================== */
.subhead{
font-family: Helvetica, Arial, sans-serif;
font-size: x-large;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
margin-top:10px;
margin-left:8px;
margin-bottom:15px;
color:#233412;

}

.subhead2{ 
font-family: Helvetica, Arial, sans-serif;
font-size: large;
font-style: normal;
font-weight: bold;

letter-spacing: normal;
line-height: 1.2em;
margin-top:5px;
margin-left:8px;
margin-bottom:5px;
}

.subhead2_grey{ 
font-family: Helvetica, Arial, sans-serif;
font-size: large;
font-style: normal;
font-weight: bold;

letter-spacing: normal;
line-height: 1.2em;
margin-top:5px;
margin-left:8px;
margin-bottom:5px;
color:#999999;
}

.subhead_italic{
font-family: Helvetica, Arial, sans-serif;
font-size: x-large;
font-style: normal;

letter-spacing: 0;
line-height: 1.1em;
font-style: italic;
margin-top:10px;
margin-left:8px;
margin-bottom:5px;
}

.subhead_grey_italic{
font-family: Helvetica, Arial, sans-serif;
font-size: x-large;
font-style: normal;
color:#999999;
letter-spacing: 0;
line-height: 1.1em;
font-style: italic;
margin-top:10px;
margin-left:8px;
margin-bottom:5px;
}

.third_heading{
font-family: Helvetica, Arial, sans-serif;
font-size: large;
font-style: normal;
font-weight: bold;

letter-spacing: normal;
line-height: 1.2em;
margin-top:5px;
margin-left:8px;
margin-bottom:5px;
}

.third_heading_italic{
font-family: Helvetica, Arial, sans-serif;
font-size: large;
font-style: italic;
font-weight: bold;

letter-spacing: normal;
line-height: 1.4em;
margin-left:10px;
margin-top:5px;
margin-left:8px;
margin-bottom:5px;
}

.gray_box
{
background-color:#F4F2F1;
border:1px solid #CCC;
padding:5px;
margin-bottom:10px;
width:90%;
padding-left:5%;
padding-right:5%;
min-height:500px;
}

.light_gray_box
{
border:1px solid #F4F2F1;
background-color: #f9f8f8;
width:100%;
height:auto;
min-height:10px;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

.white_box
{
background-color:#FFF;
border:1px solid #CCC;
padding:5px;
margin-bottom:10px;
min-height:100px;
height:auto;
}

/*

colors

ligher: F4F2F1 

*/

/* content textual style framework */

.small_gray
{
font-size:80%;
color:#999999;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bolditalic
{
	font-weight: bold;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}

.bigtext
{
	font-size: large;
}

.medium_text
{
	font-size: medium;
}

.smalltext
{
	font-size: 80%;
}

.verysmalltext
{
	font-size: x-small;
}

.x-small
{
font-size:x-small;	
}

.underlined
{
	text-decoration:underline;
}

/*alignment framework*/

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}

.center
{
	text-align: center;
}

.indent
{
	text-indent: 3em;
}

.align_left
{
	text-align: left;
}

.align_right{
	text-align: right;
}

.justify
{
	text-align: justify;
}

.smallcaps
{
	font-variant:small-caps;
}

.smallcaps_bold
{
	font-variant:small-caps;
	font-weight:bold;
}


.float_right
{
float:right;
margin-right:10px;
margin-top:10px;
display:inline;
}

.float_left
{
margin-top:10px;
float:left;
margin-left:10px;
display:inline;
}

/*image positionig/stylings framework*/

.image_right{
margin: 15px;
float: right;
border: none;
display:block;
border: 1px solid #CCC;
}

.image_left{
margin: 15px;
float: left;
border: none;
display:block;
border: 1px solid #CCC;
}

.images_inline{
margin: 1em;
float: left;
display:inline;
border: none;
display:block;
border: 1px solid #CCC;
}

.end_images_inline{
margin: 1em;
float: none;
display:inline;
border: none;
border: 1px solid #CCC;
}

/* link styling */

a 
{
	text-decoration:none;
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}

a:hover
{
text-decoration:underline;
}

a:active
{
	text-decoration:underline;
}

/* li a
{
display:block;
padding:2px;
}


#sidebar li a, #footer li a, #footer li
{
display:inline;
}
*/
/*start layout */

html
{
	padding:0;
	margin:0;
	background-color: #f1fbf0;
}

body
{
background-color:#f1fbf0; /*FBFAFA;*/
color:#222;
font-family: Verdana, sans-serif;
font-size: small;
font-style: normal;
letter-spacing: normal;
line-height: 1.5em;
}

/*wrappers*/

#wrapper
{
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
overflow:hidden;
background-color: #f1fbf0;
}

#header_wrapper
{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}

#mid_wrapper
{
	width:90%;
	height:auto;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
	border:1px solid #F4F2F1;
background-color: #f1fbf0;

padding:10px;

}

#footer_wrapper
{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	background-color: #f1fbf0;
}


/*header syling */
#nav
{
	width:100%;
	height:40px;
	overflow:hidden;
	float:left;
	background-color:#333;
	color:#FFF;
	margin-bottom:20px;
	padding-left:20px;
}

#image_wrapper
{
	width:100%;
	height:180px;
	float:left;
	margin-bottom:20px;
}

#image
{
width:90%;
height:160px;
background-image:url(images/head.jpg);
background-position: top left;
border:1px solid #ccc;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

#logo
{
float:left;
vertical-align:bottom;
z-index:100;
height:77px;
width:400px;
background-image:url(images/title.png);
margin-top:90px;
}

#breadcrumb{
	width:90%;
height:20px;
border:1px solid #CCC;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}


/*midsection styling */
#content_wrapper
{
width:65%;
height:auto;
min-height:400px;
float:left;
padding-top:10px;
}

#content
{
width:80%;
height:auto;
float:right;
min-height:400px;
}

/*shop style*/

#content_shop
{
width:80%;
height:auto;
float:right;
min-height:400px;
z-index:999;
}

span.gotocheckout, span.emptycart, span.visitshop, span.empty, span.gocheckout
{

font-weight:bold;

}

span.total
{
	text-decoration:underline;
}

#sidebar #calendar
{
margin-top:30px;	
}

#sidebar .shopping_cart ul
{
border: 1px solid #CCC;
background-color:#FFF;
padding:5px;
width:100%;
}

#content_shop .textcol
{
background-color:#FFF;	
margin-top:10px;
margin-bottom:10px;
padding:5px;
border: 1px solid #CCC;
width:75%;
}
/*shop style*/



#content_wrapper_wide
{
width:90%;
min-height:400px;height:auto;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

#content_wide
{
width:90%;
min-height:400px;height:auto;
margin-left:auto;
margin-right:auto;
}



#content ul li
{
	margin-left:20px;
	padding-left:20px;	
	list-style:none;
}

.featured_item
{
border:1px solid #F4F2F1;
background-color: #FFF;
width:100%;
min-height:50px;height:auto;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

#content .navi
{
display:inline;
float:right;
min-height:50px;height:auto;
margin-bottom:20px;
margin-right:50px;
margin-top:20px;
width:auto;
}

#sidebar_wrapper
{
width:30%;
min-height:400px;height:auto;
float:right;
padding-top:10px;
}

#sidebar
{
width:70%;
min-height:400px;height:auto;
float:left;
}

#sidebar .sidebar_widget
{
margin-bottom:20px;

}

#sidebar li 
{
list-style:none;
}

#urgent, #news, #calendar .calendar_widget
{
width:100%;
height:auto;
margin-bottom:20px;
margin-top:20px;
float:left;

}

#urgent
{
background-color:#F4F2F1;
border:1px solid #CCC;
padding:5px;
padding-right:0px;
}

ul.list-news
{
list-style:none;

}


/*footer styling*/


#footer_content
{
	height:auto;
	width:100%;
	float:left;
	padding-left:10px;
	overflow:hidden;
	border-top:1px solid #CCC;
}

#footer_content .center_align
{
width:80%;
margin-left:10%;
margin-right:10%;
}

#footer_content ul
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#footer_content li
{
	display:inline;
	
	float:left;
	border-left: 1px solid #CCC;
	padding-left:5px;
	padding-right:5px;
	
	margin-right:5px;
	
}


/*suckerfish*/
#suckerfishnav {
    background:#333 ;
    font-size:14px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;

    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 15px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:121px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:119px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:10px 10px;
    width:90px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-33px 0 0 120px;
    }
#suckerfishnav li li:hover {
    background:#fff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#333;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#333;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#333;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#ffffff;
    }