/* Winchelsea Designs General Stylesheet August 2009 written by Peter King - Rules by Classes */



/*  ========== BELOW ARE RULES RELATING TO PAGE STRUCTURE ==========  */


 body { 

background-color:#223344;
font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
color:#ffffff;
text-align:center;
direction: ltr;
margin:0;
padding:0;

} 

#container {

width:930px;
margin-left:auto;
margin-right:auto;

}

/* Containing envelope 930px wide used both to wrap content */


/* ========== BELOW ARE RULES RELATING TO TITLE SECTION ========== */
 

#sitetitle {

float:left;
width:620px;
padding-top:25px;
padding-bottom:10px;
text-align:left;

}

/* Website title floated left at top of page */


#viewbasket {

margin-left:640px;
padding:10px 10px 0 10px;
text-align:center; 
color:#ffffff;

} 

/* Div showing contents of Shopping Basket at top right of page */

#basket {

margin-bottom:10px;

}

/* Shopping Basket image within viewbasket div at top right of page */


/*  ========== BELOW ARE RULES RELATING TO NAVIGATION BAR ========== */  
	   

#navbar {

width:100%;
padding:10px 0 10px 0;
background-color:#334455;
border:1px solid #445566;
clear:both;

}

/* Div holding ul #navlist */

#navlist {

list-style:none;
padding:0;
margin:0;
text-align:left;

}

#navlist li {

display:inline;
font-size:24px;

}

#navlist a {

font-size:24px;
text-decoration:none;
color:#ffffff;
padding:10px 25px 10px 25px;

}

#navlist a:hover {

color:#ffff00;

}

#navlist a#active {

color:#ffffff;
background-color:#112233;
border-left:1px solid #445566;
border-right:1px solid #445566;

}

/* ========== End of rules concerning navigation bar ========== */


/* ========== BELOW ARE RULES RELATING TO MAIN SECTION OF PAGE ========== */


#pagetitle {

font-size:24px;
font-weight: normal;
text-align:left;
margin-top:15px;
margin-bottom:20px;

}

/* Title of each page between navigation bar and content section */

#main {

float:left;
width:620px;
text-align:center;

}

/* Wrapper containing main section of each page floated left */


#maintext {

padding:10px;
text-align:justify;

}

/* Text block within main section */

.panel290 {

width:290px;
display: inline;
float: left;
position: relative;
margin-right:10px;
margin-bottom: 10px;
text-align:center;
color:#333333;
background-color:#f5f5dc;
border:1px solid #636363;

}

/* Panel containing thumbnail image and caption on Cards and Prints index and gallery pages */

.panel290trans {

width:290px;
display: inline;
float: left;
position: relative;
margin-right:10px;
margin-bottom: 10px;
text-align:center;
color:#ffffff;
background-color:transparent;

}

/* As above but without background colour and border */

.paneltext {

padding:0 20px 20px 20px;
text-align:justify;

}

/* Text block within panel above */

#panel615 {

width:615px;
display: inline;
float: left;
position: relative;
margin-bottom: 15px;
padding-top:18px;
padding-bottom:10px;
text-align:center;
color:#333333;
background-color:#f5f5dc;
border:1px solid #636363;

}

/* Panel containing image and caption on individual Cards and Prints pages */

.addtobasket {

padding-top:10px;
padding-bottom:10px;

}

/* Div wrapping Add to Basket button giving padding at top and bottom - Necessary for IE to work properly */		 
#gallery {

width: 100%;
list-style-type: none;
margin-left: 0;
padding-left: 0;
display:inline;

}

/* Div containing gallery for FAA Cards and Prints pages */

#gallery li {

background: #eeeeee;
border-color: #dddddd #bbbbbb #aaaaaa #cccccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin-right: 3px;
margin-top: 3px;
padding: 4px;
position: relative;

}

/* Individual gallery listings on FAA Cards and Prints pages */

#gallery img {

background: #ffffff;
border-color: #aaaaaa #cccccc #dddddd #bbbbbb;
border-style: solid;
border-width: 1px;
padding: 2px;
vertical-align: top;
width: 100px;
height: 100px;

}

/* Images within the above gallery */

#right  {

margin-top:10px;
margin-left:640px;
text-align:center;

}

/* Right-hand column of each page */


#righttext {

padding-bottom:10px;
text-align:justify;

}

/* Text block within right-hand column */

#currency {

margin-top:50px;

}

/* Text and images relating to payment in other currencies */


/* ========== BELOW ARE RULES RELATING TO THE FOOT OF EACH PAGE ========== */


#foot {
 
width:100%;
border-top:1px solid #334455;
margin-top:10px;

}

/* Div containing section at foot of each page */

#copyright {

font-size:12px;
color:#999999;
text-align:center;
margin-top:10px;
margin-bottom:10px;

}

/* Copyright Statement at foot of each page */


/* ========== BELOW ARE OTHER STRUCTURAL AND LINK ELEMENTS ========== */


.clear {
	
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;

} 

/* Divs or paragraphs used as horizontal spacer elements clearing both sides */

a {

color: #ffffff;
text-decoration:none;

}

/* Text links not underlined unless specifically stated */

a:hover {

text-decoration:underline;

}

/* Underline on text links when mouse hovers unless specifically stated */

a img {

border:none;

}

/* No borders on image links */


/*  ========== BELOW ARE RULES RELATING TO IMAGES, TEXT AND CAPTIONS ========== */

.text {

font-size:15px;

}

/* Regular captions and text */

.textbold {

font-size:15px;
font-weight:bold;

}

/* Regular captions & text bold  */ 

.minitext {

font-size:12px;

}

/* Small size text */

.image {

border:1px solid #cccccc;

}

/* Border around image on individual cards and prints pages */

.mini {

margin-top:20px;
border:1px solid #cccccc;

}

/* Margin above and border around thumbnail images */

.title {

font-size: 24px;
color:#666666;
margin-top: 15px;
margin-bottom: 20px;

}

/* Title in grey below thumbnail images */

.wtitle {

font-size: 24px;
color:#ffffff;
margin-top: 15px;
margin-bottom: 20px;

}

/* Title in white below thumbnail images */


/* ========== BELOW ARE STYLES FOR CHECKOUT SECTION PAGES ========== */


#shoppingbasket2 {

width: 100%;
margin-top:10px; 
margin-left:auto;
margin-right:auto;
font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:13px;
color:#ffffff;
text-align:center;

}

/* Shoppingbasket2 is the notice at head of Basket page regarding contents of Shopping Basket. */

#basketcontents {

width:100%;
margin-top:20px;
margin-left:auto;
margin-right:auto;
font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:15px;
color:#ffffff;
text-align:center;

}

/* The div containing the dynamically generated basket contents */

#sectionheader {

width:100%;
font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-align:center;
padding-bottom:2px;
border: 1px solid #cccccc;

}

#sectionheader td {

width: 155px;

}

/* Section header is a table giving the descriptive headings for the dynamically generated contents of the Basket */

#basketcontents table td {

width: 155px;
padding-top:5px;
padding-bottom:5px;

}

/* Basketcontents are detailed dynamically generated contents of Shopping Basket set out as a table with cells 155px wide */

#sectionheader2 {

width:100%;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-align:center;
padding-bottom:2px;

}

/* Section header 2 identifies the columns for basket contents on the Cheque Order and Cardspay pages */

#paypalbutton {

background-color:#00cc00;
border:3px outset #ccffcc;

}

/* Borders and background-colour around PayPal button on Cardspay page */


        


/*  PK 17th August 2009  */