/* SVC style sheet settvalleycycles.co.uk 
 *
 * The main color scheme is blue, and the blue used throughout is #3366FF
 *
 *
 * BB_ Ben Blundell 2004/2005
 */

body {background-image:url(../images/page_bg.gif)}

/* 1. Structural */
		  
#svcContent {width:580px; height:325px}

#svcIntro {width:580px; height:155px}
#svcIntroText {margin-left:10px; width:340px}
#svcIntroImage {float:right; width:200px}
#svcIntroBikeSelector {width:580px; height:175px}

#svcClothing {}
#svcClothing img.small {margin-top:10px; margin-bottom:10px}
#svcClothing .im {height: 20px}
#svcClothing .text {width:230px; padding-left:20px; padding-right:20px}

#svcClothing #svcClothingHeader {border-bottom:5px solid #CCCC33; height:126px}
#svcClothing #svcClothingHeader img {margin:0px; float:right}
#svcClothing #svcClothingHeader p.heading {float:left; margin-top:2px}


.1pxmargin {margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px}

#ssc_text {margin-left:40px; margin-right:40px}
#billato_logo_holder {border-bottom:1px solid #000000}

#ridleyRangeContent {background-image:url(../images/bikes/ridley_bikes_bg.jpg)}

/* 2.  Table Styles  */
td.headerFade123 {background-image: url("../images/header_fade_tile123.gif"); background-repeat: repeat-x}
td.headerFade1 {background-image: url("../images/header_fade_tile1.gif"); background-repeat: repeat-x}
td.headerFade2 {background-image: url("../images/header_fade_tile2.gif"); background-repeat: repeat-x}
td.leftPageLine {background-image: url("../images/left_page_line.gif"); background-repeat: repeat-y}
td.rightPageLine {background-image: url("../images/right_page_line.gif"); background-repeat: repeat-y}
td.footerFade {background-image: url("../images/footer_fade_tile.gif"); background-repeat: repeat-x}
    /* 2a. About Page Table Styles */
table.openingTimesTable {background-image: url("../images/openingtimes_box.gif"); background-repeat: no-repeat}
    /* 2b. Bike Pages Table Styles */
table.belgianFlag {background-image: url("../images/bikes/belgian_page_flag.jpg"); background-repeat: no-repeat; background-position: bottom right}
table.italianFlag {background-image: url("../images/bikes/italian_page_flag.jpg"); background-repeat: no-repeat; background-position: bottom right}

td.schwinnbar {background-image:  url("../images/bikes/schwinnbar_tile.gif"); background-repeat: repeat-x}
td.ridleybar {background-image:  url("../images/bikes/ridleybar_tile.gif"); background-repeat: repeat-x}
table.ridleyTable {background-image: url("../bikes/images/ridleylogo_bg.gif"); background-repeat: repeat-x}
    /* 2c. Offers page table styles */
table.offerTable {border: 1px solid #CCCCCC}

/* 3. Paragraphs and Text */
p {color: #999999; font-size: 10pt; font-family: Verdana, Tahoma, Sans-serif;}
p.heading {color: #FF3300; font-weight: bold; margin:2px}
p.address, p.repairItem, p.shopOnline, p.shopOnlineHeading {margin-top: 1px; margin-bottom: 1px}
p.shopOnline {background-color: #FFFFCC}
p.smallPrint {font-size: 8pt; margin-top: 1px; margin-bottom: 1px}
p.pageSmallPrint {color: #FFFFFF; font-size: 8pt; margin-bottom: 2px}
p.offerDescription {color: #FFFFFF; font-weight:bold}

p.white {color:#FFFFFF; font-size:10pt}

span.svcLarge {font-size:11pt; font-weight:bold; color:#666666}

.price {color: #FF3300; font-weight: bold; margin-top: 1px; margin-bottom: 1px}
.oldPrice {color: #FF3300; text-decoration: line-through}

span.open {color: #6699FF}
span.closed {font-weight: bold; color: #FFFFFF; background-color: #FF0000}

p.indent0 {margin:1px; margin-top:15px}
p.indent1 {margin:1px; text-indent:20px}

/* 4. Links */
a {color: #3366FF; font-size: 10pt; text-decoration: none; font-family: Verdana, Tahoma, Sans-serif}
a img {border: 0px}
a:hover {text-decoration: underline}
a:active {text-decoration: underline}

a.pageSmallPrintLink {color: #FFFFFF; font-size: 8pt; margin-bottom: 2px}
.blank {text-decoration: none}


/* 5. Menu System */
div#svcMenu {width:145px}

a.menuLink {color: #999999; text-decoration: none}
a.menuLink:hover {color: #3366FF; text-decoration: none} 
a.menuLink:active {color: #3366FF; text-decoration: underline}
a.menuLinkSelected {color: #3366FF; text-decoration: underline}
a.menuLinkSelected:hover {color: #3366FF; text-decoration: underline}
a.menuLinkSelected:active {color: #3366FF; text-decoration: underline}


div.svcMenuItem {
				 background-color:#FFFFFF}
div.svcMenuItem p {margin:2px 1px 2px 1px;
			       text-align:right}

div.menuTable {background-image: url("../images/menu/svcMenuCorner.gif"); background-repeat: no-repeat;
			   border-bottom: 1px solid #CCCCCC}


/* 6. InfoSliders */
img.bikeImage {border: 2px solid #CCCCCC}
p.sliderText {margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px}
table.sliderTable {background-color: #FFFFFF; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}
table.sliderTableDescription {background-color: #FFFFFF; border-top: 1px solid #CCCCCC}

/* GALLERY section (formerly projects) */

div#projects {padding:0px; margin:0px}

div#projects div.filmstrip {margin-top:3px; background-color:#000000;
							height:168px} /* force height to align in FireFox and IE */
  
  
  /* gallery image wrapper */
  div#projects div.filmstrip .buildup {margin-top:0px; margin-bottom:0px; margin-left:5px; margin-right:5px; border: 1px solid #999999}
							
  div#projects div.filmstrip#fsTop {text-align:center}
  div#projects div.filmstrip#fsBottom {text-align:right}
							
  div#projects div.filmstrip#fsBottom div#filmstripNav {float:right;
  														overflow:hidden;
  														text-align:center;
														background-color:#FFFFFF;
  														width:193px; height: 168px;
											 			background-image:url(../images/projects/filmstrip_tailoff.gif);
											 			background-position:top left;
														background-repeat:no-repeat}
														
  div#projects div.filmstrip#fsBottom div#filmstripNav img {padding:8px} /*separate back and next nav buttons*/

  /*no underline on nav links */
  div#projects div.filmstrip#fsBottom div#filmstripNav a, div#projects div.filmstrip#fsBottom div#filmstripNav a:link {text-decoration:none}
  
  div#projects div.filmstrip#fsBottom div#filmstripNav a img {border:1px solid #000000}
  div#projects div.filmstrip#fsBottom div#filmstripNav a:hover img {border:1px dashed #FFFFFF}
  div#projects div.filmstrip#fsBottom div#filmstripNav a:active img {border:1px dashed #FFFFFF}

  /* styles for pop-up window showcasing project */
  div#projectDetail {padding:0px; margin:0px}
  div#projectDetail img {border:1px solid #CCCCCC; margin:0px}
  
  div#projectDetail #title {padding:3px}
  div#projectDetail #description {width: 580px; padding:10px; background-color:#FFFFFF;
  								  border:1px solid #000000; margin-top:10px; margin-bottom:5px}
    

/* SPECIAL OFFERS SECTION */
  
  /* the special offers div is scrollable vertically */
div#specialOffers {width:580px; height:300px; overflow:auto; white-space:normal;
					padding:0; margin:0}
					
div#specialOffers .p {border: 1px solid #CCCCCC}			
		
div#specialOffers p {margin: 1px} /* Special Offers are closely spaced */


/* NEWS and LOCAL INFO sections generic styles */

 /* article has a repeated background image to denote the images section on the left, and text on the right */
 /* and an auto-scroll overflow for large content / more than 2 images */
div#article {overflow: auto;
			background-image:url(../images/newslocal/nli_page_bg.gif);			
			background-repeat:repeat-y;
			height: 325px;
			/* min-height:325px; 
			_height: 325px; */ /* ie hack to make image column height of content area */
			margin:0;
			padding:0}

div#article #images {width:180px;
					 text-align:center}
					 
div#article #images img {border:1px solid #000000;
						 margin: 0}
   /*image captions */
div#article #images p {margin: 0 0 6px 0;
					   font-style:italic;
					   color:#000000;
					   text-align:center;
					   font-size:9px}						 

div#article #text {}



/* This code marks a move
 * away from a table based layout, to pure XHTML markup
 *
 * Declarations here define styles for the Shop Interior page
 *
 * BB_ December 2006
 */

div#svc_home_shopinterior{}

	div#shop_large_pic {float: right}
	div#shop_pic_selector {position: relative;
						   width: 135px;
						   height: 334px;
						   margin:0;
						   padding:0;
						   overflow:visible}
						   
      div#shop_pic_selector img.shopPicSmall {border: 1px solid #CCCCCC}

	  div#shop_pic_selector #pic1 {position: absolute; z-index:101; left:0; top:55px}
	  div#shop_pic_selector #pic2 {position: absolute; z-index:102; left:60px; top:115px}
	  div#shop_pic_selector #pic3 {position: absolute; z-index:103; left:5px; top:175px}
	  div#shop_pic_selector #pic4 {position: absolute; z-index:105; left:85px; top:220px}
	  div#shop_pic_selector #pic5 {position: absolute; z-index:104; left:0px; top:270px}
 
div.clearright {clear: right}


/* Declarations for recycling page
 * BB_ January 2007
 */

div#svc_home_environment{}

	div#recycle {text-align: center}
	
	
/* Declarations for colnago page
 * BB_ January 2007
 */	
div#svc_bikes_colnago{background-image: url(../images/bikes/colnago_page_bg.gif);
					  background-position: top left;
					  background-repeat:no-repeat}
					  
	div#colnago_intro {margin-left: 200px}
	
		div#colnago_text_logo {text-align: left;
								margin-top: 50px}

div#call_for_details {border: 1px solid #CCCCCC;
				      background-color: #EEEEEE;
					  padding: 5px}
					  
	div#call_for_details p {margin: 1px}
	
/* Declarations for Colnago page
 * BB_ February 2007
 */
div#svc_bikes_cervelo{background-image:url(../images/bikes/cervelo_page_bg.jpg);
					  background-position:top right;
					  background-repeat:no-repeat}
					  	
	div#cervelo_intro {margin-top: 35px;
					   margin-right: 230px}
					   
	div#cervelo_more {float:right;
						width: 210px;
						margin-top: 250px}					   					  
						
/* Declarations for Colnago page
 * BB_ February 2007
 */
div#svc_bikes_viper{background-image:url(../images/bikes/viper_page_bg.jpg);
					  background-position:top center;
					  background-repeat:no-repeat}
						
	div#viper_intro {margin-left: 20px;
					 margin-right: 20px;
					 margin-top: 150px;}
					 
/* Declarations for main bikes page
 * BB_ February 2007
 */					 						
div#svc_bikes {}

	div#bikes_main {margin-right: 190px;
					border-right: 2px dashed #CCCCCC}
	
	  div#brand_logos img {padding:5px}
	  div#brand_logos img.viper {float: right; padding-right:20px}
	
	div#bikes_kids {float: right;
					width:180px}
	
/* PayPal misc
 * BB_ November 2008
 *
 */
div#svc_store_thankyou {padding: 50px}	

	
	div#svc_store_thankyou p.payment {text-align:center; font-size:14px; color:#000000; font-weight:bold}
	div#svc_store_thankyou img {padding:10px}
	
	
div#paypal_buyitnow {padding: 10px; text-align:right; border-bottom: 2px solid #003399; border-top: 2px solid #003399}

	div#paypal_buyitnow img {border:0}

	div#paypal_buyitnow span#paypal_cost {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 20px; color:#000000}
	
	div#paypal_buyitnow p.paypalSmallprint {text-align: left; font-size:9px; margin: 10px 5px 0 5px}