/* 
  SITE: Ultrabody.co.uk
  AUTHOR: Quentin James
  LAST UPDATED: 
  LE VERSION: 1.0
----------------------------------*/

/* COLORS
  HEX COLOR      	 DESCRIPTION
  
  ---MAIN COLORS---
  #ED1D24         	Ultrabody RED
  #3D5BA8			Ultrabody BLUE
  #808285			Ultrabody GREY
  #0A002B			Dorian Yates BLUE
  #F37C2F			Dorian Yates ORANGE
  #8B8D9C			Dorian Yates GREY
  #AAC638			Lyme Regis LIGHT GREEN
  #135247			Lyme Regis DARK GREEN
  #72BD5D			Lyme Regis LOGO MID GREEN
  

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

/* TABLE OF CONTENTS
  ALL SECTIONS OF THE CSS SHOULD BE NUMBERED FOR EASY REFERENCE AND SEARCHING
  
  =01 GENERIC
  =02 NAVIGATION
  =03 LAYOUT
  =04 MAIN IMAGE
  =05 LEFT CONTENT
  =06 RIGHT CONTENT
  =07 FOOTER
  =08 MAIN SINGLE
  =09 COLUMN 1
  =10 GALLERY

----------------------------------*/

/* CSS STRUCTURE
  DEFINES THE ORDER OF CSS TAGS WITHIN ELEMENTS TO KEEP THINGS CONSISTENT
  
  - positioning (with coordinates) styles
  - float/clear styles
  - display/visibility styles
  - spacing (margin, padding, border) styles
  - dimensions (width, height) styles
  - typography-related (line-height, color, etc.) styles
  - miscellaneous (list-style, cursors, etc.) styles  

----------------------------------*/

/*---------------------------------
 =02 GENERIC 
 
 NOTES:
 GLOBAL FONT SIZE SET TO 11px
 GLOBAL LINE HEIGHT SET TO 15px
----------------------------------*/

/* PNG FIX */
 img, div { behavior: url(http://www.ultrabody.co.uk/css/iepngfix.htc) }
/* CF2007 last modified 17.04.2008  */

body {
  color: font: .6875em/1.3636em "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  background: url("../images/backgrounds/ultrabody.jpg")  #FFF;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}


body.home {
  color: font: .6875em/1.3636em "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  background: url("../images/backgrounds/home3.jpg")  #FFF;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}


body.dorian {
  color: font: .6875em/1.3636em "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  background: url("../images/backgrounds/dorian_yates.jpg")  #8b8d9c;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}


body.snack {
  color: font: .6875em/1.3636em "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  background: url("../images/backgrounds/health_snacking.jpg")  #135247;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}


h1, h2, h3, h4, h5, h6,
dt, em, strong, caption{
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
}


fieldset {
  border: 0;
}


table {
	padding: 0px;
	margin: 0px;
}


em {
  font-style:normal;
}

strong, dt {
  font-weight: bold;
}

hr
{
	border: 0;
	background: #333333;
	padding: 0;
	margin: 0px;
	height: 1px;
}



/*---------------------------------
  =02 NAVIGATION
----------------------------------*/

#navigation
{
	width: 930px;
	height: 40px;
	padding: 38px 0px 0px 0px;
    margin: 0px;
}


#navigation div
{
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
}


#navigation ul
{
	padding: 4px 10px 10px 20px;
	margin: 0;
	text-align: left;
}


#navigation li
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	display: inline;
	margin-right: 0.50em;
	margin-left: 0.0em;
	padding-right: 0.75em;
	border-right: 1px solid #FFF;
	text-decoration: none;
}

#navigation li.menu
{
	border-right: 0;
}

#navigation a:link
{
	color: #FFF;
	text-decoration: none; 
}


#navigation a:visited
{
	color: #FFF;
	text-decoration: none; 
}

#navigation a:hover
{
	color: #ED1D24;
	text-decoration: none; 
}


#navigation2 ul
{
	padding: 6px 10px 10px 20px;
	margin: 0;
	text-align: left;
}



#navigation2	
{
	width: 930px;
	height: 26px;
	padding: 0;
}

#navigation2 ul
{
	padding: 6px 10px 10px 20px;
	margin: 0;
	text-align: left;

}

#navigation2 li
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	display: inline;
	margin-right: 0.50em;
	margin-left: 0.0em;
	padding-right: 0.75em;
	border-right: 1px solid #FFF;
	text-decoration: none;
}

#navigation2 li.menu
{
	border-right: 0;
}

#navigation2 a:link
{
	color: #FFF;
	text-decoration: none; 
}


#navigation2 a:visited
{
	color: #FFF;
	text-decoration: none; 
}

#navigation2 a:hover
{
	color: #ED1D24;
	text-decoration: none; 
}



#navigation.dorian ul
{
	padding: 4px 10px 10px 20px;
	margin: 0;
	text-align: left;
}


#navigation.dorian li
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	display: inline;
	margin-right: 0.50em;
	margin-left: 0.0em;
	padding-right: 0.75em;
	border-right: 1px solid #0A002B;
	text-decoration: none;
}

#navigation.dorian li.menu
{
	border-right: 0;
}

#navigation.dorian a:link
{
	color: #0A002B;
	text-decoration: none; 
}


#navigation.dorian a:visited
{
	color: #0A002B;
	text-decoration: none; 
}

#navigation.dorian a:hover
{
	color: #FFF;
	text-decoration: none; 
}


#navigation2.dorian ul
{
	padding: 6px 10px 10px 20px;
	margin: 0;
	text-align: left;
}



#navigation2.dorian li
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	display: inline;
	margin-right: 0.50em;
	margin-left: 0.50em;
	padding-right: 0.75em;
	border-right: 1px solid #0A002B;
	text-decoration: none;
}

#navigation2.dorian li.menu
{
	border-right: 0;
}

#navigation2.dorian a:link
{
	color: #0A002B;
	text-decoration: none; 
}


#navigation2.dorian a:visited
{
	color: #0A002B;
	text-decoration: none; 
}

#navigation2.dorian a:hover
{
	color: #FFF;
	text-decoration: none; 
}





/*---------------------------------
  =03 LAYOUT
----------------------------------*/

#wrapper 
{
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}


#content_container
{
	padding: 0;
	margin: 0;
	border: 0;
	width: 930px;
}

#narrow
{
	float: left;
	width: 280px;
	padding: 15px 0px 15px 0px;
    margin: 0px;
	border: 0px;
}


#wide
{
	float: right;
	width: 630px;
	padding: 15px 0px 15px 0px;
    margin: 0px;
	border: 0px;
}


#product
{
	padding: 10px;
    margin: 10px;
	border: 0px;
}


#googlecart-add-button
{
	padding: 10px;
    margin: 10px;
	border: 0px;
}


#full_width
{
	width: 930px;
	padding: 15px 0px 15px 0px;
    margin: 0px;
	border: 0px;
}


#clear
{
	clear: both;
}



/*---------------------------------
  =04 MAIN IMAGE
----------------------------------*/

#main_image
{
	width: 930px;
	height: 290px;
}


/*---------------------------------
  =05 CONTENT LEFT
----------------------------------*/


#narrow h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #ED1D24;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
}


#narrow h2
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 14px;
	line-height: 120%;
	text-align: left;
	color: #0A002B;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
}



#narrow h3
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #3D5BA8;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
}


#narrow h4
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #8B8D9C;
	background: #0A002B;
	padding: 5px 5px;
	padding: 5px 5px 5px 10px;
}


#narrow h5
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #135247;
	background: #AAC638;
	padding: 5px 5px;
	margin: 25px 0 10px 10px;
}

#narrow h6
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #3D5BA8;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
}


#narrow p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 130%;
	padding: 5px 5px 5px 10px;
}


#narrow p.dorian
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #0A002B;
	line-height: 130%;
	padding: 5px 5px 5px 10px;
}



#narrow p.snack, #wide p.snack
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 5px 5px 10px;
}



#narrow a:link 
{
	color: #3D5BA8;
	text-decoration: underline; 
}


#narrow a:visited
{
	color: #3D5BA8;
	text-decoration: underline; 
}

#narrow a:hover
{
	color: #ED1D24;
	text-decoration: underline; 
}



#narrow a:link.dorian 
{
	color: #0A002B;
	text-decoration: underline; 
}


#narrow a:visited.dorian
{
	color: #0A002B;
	text-decoration: underline; 
}

#narrow a:hover.dorian
{
	color: #FFF;
	text-decoration: underline; 
}



#narrow a:link.snack 
{
	color: #AAC638;
	text-decoration: underline; 
}


#narrow a:visited.snack
{
	color: #AAC638;
	text-decoration: underline; 
}

#narrow a:hover.snack
{
	color: #FFF;
	text-decoration: underline; 
}



.datatable{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.75em;
	color: #0A002B;
 	border-collapse: collapse;
  	border-spacing: 0px;
  	margin-bottom: 15px;
  	margin-top: 10px;
  	width: 100%;
}

.datatable th{
	color: #8B8D9C;
	background: #0A002B;
  	padding: 5px 0px 5px 10px;
 	font-weight: bold;
  	text-align: left;
}

.datatable td{
  	border-bottom: 1px solid #0A002B;
  	padding: 5px 0px 5px 10px;
  	text-align: left;
}


.newstable{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 0.75em;
	color: #333;
 	border-collapse: separate;
  	border-spacing: 10px;
  	margin-bottom: 15px;
  	padding: 0px;
  	width: 100%;
}

.newstable td{
  	background: url("../images/common/press_table.png");
  	background-position: top center;
  	background-repeat: repeat;
  	border-bottom: 1px solid #333;
  	padding: 0;
  	margin: 25px;
  	text-align: left;
  	vertical-align: top;
}

.newstable th{
  	padding: 0;
  	margin: 0;
  	text-align: left;
}

.newstable td IMG{
  	padding: 10px 0 0 0;
}

/*---------------------------------
  =06 CONTENT RIGHT
----------------------------------*/


#wide h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #3D5BA8;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
}


#full_width h1
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #3D5BA8;
	padding: 5px 5px;
	margin: 20px 0 0 10px;
}



#full_width h2
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #3D5BA8;
	padding: 0px 5px;
	margin: 0px;
}

#full_width h3
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #3D5BA8;
	padding: 5px 10px;
	margin: 0px;
}

#full_width h4
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #0A002B;
	padding: 5px 10px;
	margin: 0px;
}

#full_width h5
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #135247;
	padding: 5px 10px;
	margin: 0px;
}



#wide h2
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #8b8d9c;
	background: #0A002B;
	padding: 5px 5px;
	margin: 25px 0 10px 10px;
}



#wide h4
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #135247;
	background: #AAC638;
	padding: 5px 5px;
	margin: 25px 0 10px 10px;
}



#wide h2.dorian
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #FFF;
	background: #0A002B;
	padding: 5px 5px;
	margin: 25px 0 10px 10px;
}



#wide p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 130%;
	padding: 5px 5px 10px 10px;
}


#full_width p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 130%;
	padding: 5px 5px 10px 10px;
}


#full_width p.news
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 100%;
	padding: 0px 5px;
}


#full_width ul
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #000;
	line-height: 130%;
	padding: 5px 5px 10px 2em;
}



#wide p.dorian
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 5px 10px 10px;
}


#wide a:link.dorian 
{
	color: #fff;
	text-decoration: underline; 
}


#wide a:visited.dorian
{
	color: #fff;
	text-decoration: underline; 
}

#wide a:hover.dorian
{
	color: #0A002B;
	text-decoration: underline; 
}


#wide a:link.dorian2 
{
	color: #8B8D9C;
	text-decoration: underline; 
}


#wide a:visited.dorian2
{
	color: #8B8D9C;
	text-decoration: underline; 
}

#wide a:hover.dorian2
{
	color: #fff;
	text-decoration: underline; 
}



#wide img .thumbs
{
	padding: 0px 10px 10px 0px;
}



#wide form
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	margin: 0;
	text-decoration: none;
	padding: 5px 10px;
}

#wide label
{
	float: left;
	width: 120px;
}


#wide a:link 
{
	color: #3D5BA8;
	text-decoration: underline; 
}


#wide a:visited
{
	color: #3D5BA8;
	text-decoration: underline; 
}

#wide a:hover
{
	color: #ED1D24;
	text-decoration: underline; 
}

#full_width a:link 
{
	color: #3D5BA8;
	text-decoration: underline; 
}


#full_width a:visited
{
	color: #3D5BA8;
	text-decoration: underline; 
}

#full_width a:hover
{
	color: #ED1D24;
	text-decoration: underline; 
}


#full_width a:link.ultra 
{
	color: #fff;
	text-decoration: underline; 
}


#full_width a:visited.ultra
{
	color: #fff;
	text-decoration: underline; 
}

#full_width a:hover.ultra
{
	color: #ED1D24;
	text-decoration: underline; 
}

.gallery
{
 	border-collapse: collapse;
  	border-spacing: 0px;
  	margin: 0 0 0 10px;
  	width: 620px;
}

.gallery td
{
  	padding: 0 0 10px 0;
}


/*---------------------------------
  =07 FOOTER
----------------------------------*/

#footer
{
	clear: both;
	background: #3D5BA8;
	width: 930px;
	height: 26px;
	padding: 0;
}


#footer p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	line-height: 130%;
	padding: 5px 5px 10px 10px;
}


#footer a:link
{
	color: #FFF;
	text-decoration: none; 
}


#footer a:visited
{
	color: #FFF;
	text-decoration: none; 
}

#footer a:hover
{
	color: #ED1D24;
	text-decoration: underline; 
}


#footer_dorian
{
	clear: both;
	background: #0A002B;
	width: 930px;
	height: 26px;
	padding: 0;
}


#footer_dorian p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #8b8d9c;
	line-height: 130%;
	padding: 5px 5px 10px 10px;
}


#footer_dorian a:link
{
	color: #8b8d9c;
	text-decoration: none; 
}


#footer_dorian a:visited
{
	color: #8b8d9c;
	text-decoration: none; 
}

#footer_dorian a:hover
{
	color: #FFF;
	text-decoration: underline; 
}


#footer_snack
{
	clear: both;
	background: #AAC638;
	width: 930px;
	height: 26px;
	padding: 0;
}


#footer_snack p
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #135247;
	line-height: 130%;
	padding: 5px 5px 10px 10px;
}


#footer_snack a:link
{
	color: #135247;
	text-decoration: none; 
}


#footer_snack a:visited
{
	color: #135247;
	text-decoration: none; 
}

#footer_snack a:hover
{
	color: #FFF;
	text-decoration: underline; 
}



/*---------------------------------
  =08 TICKER
----------------------------------*/


#TICKER
{
	background: #3D5BA8;
	color: #FFFFFF;
	padding: 10px 10px;
	margin: 6px 0px 0px 0px;
}

#TICKER .flash
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ED1D24;
	background: #FFFFFF;
	padding: 10px 10px;
}



/*---------------------------------
  =09 SLIDER
----------------------------------*/



#slider {
    width: 910px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0 0 0 15px;
}
#sliderContent {
    width: 910px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 11px/16px  "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", lucida, Arial, sans-serif;
    padding: 10px 13px;
    width: 910px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 16px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul { list-style-type: none; padding: 0;}
#slider li { padding: 0; margin 0;}
img { border: 0;}