/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


@font-face {
	font-family: 'MyriadPro';
	src: url('/wp-content/themes/coffeebreak/myriadpro-regular-webfont.eot');
	src: local('Myriad Pro'), url('/wp-content/themes/coffeebreak/myriadpro-regular-webfont.woff') format('woff'), url('/wp-content/themes/coffeebreak/myriadpro-regular-webfont.ttf') format('truetype'), url('/wp-content/themes/coffeebreak/myriadpro-regular-webfont.svg#webfontZ8sLuER4') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('/wp-content/themes/coffeebreak/myriadpro-it-webfont.eot');
	src: local('Myriad Pro'), url('/wp-content/themes/coffeebreak/myriadpro-it-webfont.woff') format('woff'), url('/wp-content/themes/coffeebreak/myriadpro-it-webfont.ttf') format('truetype'), url('/wp-content/themes/coffeebreak/myriadpro-it-webfont.svg#webfontqmGUUXpC') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('/wp-content/themes/coffeebreak/myriadpro-bold-webfont.eot');
	src: local('Myriad Pro'), url('/wp-content/themes/coffeebreak/myriadpro-bold-webfont.woff') format('woff'), url('/wp-content/themes/coffeebreak/myriadpro-bold-webfont.ttf') format('truetype'), url('/wp-content/themes/coffeebreak/myriadpro-bold-webfont.svg#webfontN5IBcsuE') format('svg');
	font-weight: normal;
	font-style: italic;
}

 
body.custom
{
	font-family:  'Myriad Pro', 'MyriadPro', Trebuchet MS, Verdana, Arial;
}

html,body
{
	background: #e1e1e1;
	font-size: 13px;
}

.custom div#wrap
{
	background: #fff; 
}

#main p, #main ul, #main ol 
{
	font-size: 15px;
}



#featured 
{
background: url(./images/custom/barbg.jpg) repeat-x #19395b !important; 
border-top: 1px solid #8899BB;
}

#featured a
{
color:		#FFF;
}

#featured a:hover
{
text-decoration: underline;
}

div #loopedSlider
{
height: 250px;
}

div #loopedSlider, h2.page
{
background: url(./images/custom/bargradient.jpg) no-repeat; 
padding: 10px 0 10px 0px;
}

div #loopedSlider p
{
color: #d0e2ef;
}

div #loopedSlider h1
{
color: #CCCCCC;
}

#header
{
background: url(./images/custom/headerbg.jpg);
height: 100px;
padding-top: 5px;
padding-bottom: 5px;
}

#header .logo
{
position: relative;
right:	7px;
}

#top
{
background: #151515;
border-bottom: 1px solid #222222;
}


/* NAVIGATION */

#nav li.current_page_item
{
border-bottom: 3px solid #3e5265;
}

#nav li a
{
padding-top: 100px;
margin-top: -80px;
padding-bottom: 1px;

font-family: Trebuchet MS, Verdana, Arial, Sans Serif;
}


#nav li a:hover
{
background: #444444;
}



#nav li.current_page_item a
{
background: #111111;
}

#wrap .page h1
{
font-size: 30px;
}

#wrap .page h2
{
font-size: 22px;
margin-bottom: 10px;
margin-top: 15px;
}

#footer .col-left, #footer div.hr
{
background: none;
}

#footer .col-left h3
{
display: none;
}

#footer .col-left
{
height: 40px;
overflow: hidden;
}

#footer .cufon
{
display: none;
}

#wrap h3
{
	margin: 10px 0;
	font-size: 20px;
}

p
{
padding: 0px 0px 20px 0px;
}

.post
{
margin-top: -15px;
position: relative;
z-index: 800;
}

.post ul
{
	padding: 0px 0px 10px 0px;
}

/* Homepage widget */

div.home #sidebar .widget
{
	background: none;
	border: 0px;
	position: relative;
} 

#customers
{
width: 200px;
overflow: hidden;
margin: 0 auto;
position: relative;
}

#customers img
{
	position: relative;
	right: 200px;
	margin: 10px 0;
}

#customers a:hover img
{
	position: relative;
	right: 0px;
}

.smlist
{
	margin: : -15px 0 0 20px;
}

#sidebar .smlist
{
	margin: 0 auto;
	width: 145px;
	position: relative;
	bottom: 40px;
	margin-bottom: -40px;
}

.smlist li
{
line-height: 32px;
}

#sidebar .smlist li
{
	height: 42px;
	margin-top: -10px;
}

.smlist img
{
position: relative;
top: 10px;
margin-right: 10px;

}

.smlist li
{
position: relative; bottom: 10px;
}

.quotebox
{
	padding: 10px;
	width: 95%;
	margin: 0 auto;

}

.quotebox .quote
{
	background: #f4f5f8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 10px 0;
	padding: 5px;
}

.quotebox p
{
	margin: 0px; padding: 0px;
	font-size: 12px;
}

#main .quotebox p a
{
	text-decoration: none;
	color:		#888;
	font-weight: 	bold;
}

#main .quotebox p a:hover
{
	color: #555;
}

.custom #main .quotebox blockquote, .custom #main .quotebox blockquote p
{
	border: 0px;
	font-size: 16px;
	margin: 0px;
	color:	#333;

}

#main .post h4
{
	font-size: 16px;
	
}

.alignright
{
margin-top: 0px;
}

#contact-page
{
	font-size:	15px;
}

table th
{
	text-align:	left;
}


.producttable
{
	border-color:	#666;
	font-size:	15px;
	-moz-border-radius: 5px;
	margin: 20px auto;
	empty-cells:show;
}

.producttable td, .producttable th, .producttable tr
{
	border: 1px solid #CCC;
	border-right: 0px;
	border-bottom: 0px;
}

table.producttable tr .right
{
	border-right: 1px solid #CCC;
}

table.producttable tr.bottom td, table.producttable tr.bottom td.bottom
{
	border-bottom: 1px solid #CCC;
}

.producttable td, .producttable th
{
	padding:	12px;
}

.producttable th[scope=col]
{
	background: #EEE;
	font-size: 18px;
}

.producttable th[scope=col]:first-child
{
	background:	none;
	border-left:	1px solid white;
	border-top:	1px solid white;
	
}

.producttable th.left
{
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px
}

.producttable th[scope=row]
{
	background:	#EEE;
	text-align:	left;
}

.producttable tr:last-child td:last-child {
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px}

.producttable tr:first-child th:last-child {
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px}

.producttable th.bottomleft
{
	border-left: 0px;
	border-bottom: 0px;
	background: none;
}

.producttable td.bottomleft-rounded
{
	-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px
}

.producttable th.basic
{
	background:	#c4d9e6;
}

.producttable th.middle
{
	background:	#a8c5d8;
	text-shadow: 1px 1px 2px #FFF,  0 0 25px #FFF;
}

.producttable th.super
{
	background:	#276792;
	text-shadow:	1px 1px 0px #000,  0 0 25px #FFF;
	color:		#FFF;
} 

.producttable small
{
	font-weight: normal;
}



.addontable
{
	margin:	0 auto;
	border-color:	#666;
	font-size:	15px;
	-moz-border-radius: 5px;
	margin: 20px auto;
	width:		500px;
}

.addontable small, .producttable small
{
	display:	block;
}

.addontable td, .addontable th, .addontable tr
{
	border: 1px solid #CCC;
	border-right: 0px;
	border-bottom: 0px;
	padding:		12px;
}

table.addontable tr td:last-child, table.addontable tr th:last-child
{
	border-right: 1px solid #CCC;
}

table.addontable tr:last-child td, table.addontable tr:last-child th
{
	border-bottom: 1px solid #CCC;
}


.addontable tr:last-child td:last-child {
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px}

.addontable tr:last-child td:first-child {
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px}

.addontable tr:first-child th:last-child {
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px}

.addontable tr:first-child th:first-child {
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px}

table.addontable tr .right
{
	border-right: 1px solid #CCC;
}

table.addontable tr.bottom td, table.addontable tr.bottom th
{
	border-bottom: 1px solid #CCC;
}

/* Payment options */

.payment-options
{
	text-align:		center;

}

.payment-options form
{
	text-align:		left;
	display:		block;
	margin:			0 auto;
	width:			280px;
	background:		#fcfcfc;
	border-radius:		10px;
	-moz-border-radius:		10px;
	-webkit-border-radius:		10px;
	padding:		10px;
	border:			1px solid #e9e9e9;
}

.payment-options td strong
{
	padding-top:		10px;
	display:		block;
}

.payment-options input[type=radio]
{
	margin-top:		10px;
	display:		block;
}

.payment-options input[type=image]
{
	margin-top:		10px;
}

.payment-options table
{
	margin:			0 auto;
}



.roundthumb
{
	-moz-border-radius:	10px;
	-moz-box-shadow:	inset 0 0 10px rgba(0,0,0,0.3); 
	border: 		1px solid #BBB;
	display:		inline-block;
	margin-right:		5px;
}

.roundthumb img
{
}