/* your code starts here    */
/* 
	Main style sheet for Ambassador Marine's www.ropestripper.com web site.
	All generic style items are controlled via this file including colours,
	themes and layout.

	All code produced by Petabytes web design http://www.petabytes.co.uk
	Copyright Ambassador Marine 2008.
*/
html {
	border: 0;
	margin: 0;
	padding-top: 5;
	background-color: #000000;
	background-image: url('../images/background-stripe.jpg');
}
/*			BODY			*/
/*	Contains IE centering fudge (text-align) as early
	IE versions don't handle #wrapper correctly. Text
	needs to be justified in child classes. */	
body {
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 90%;
	color: white;
}



/*			A:LINK A:VISITED	*/
/*	Format links and visited links to be the same
	colour and without an underline			*/
a:link, a:visited {
	/*color: #9cabd0;*/
	color: #00ddff;
	text-decoration: none;
}



/*			A:HOVER			*/
/*	When the user hovers over a link underline the
	link to re-inforce the fact its a link		*/
a:hover {
	text-decoration: underline;
}


/*			FIELDSET		*/
/*	Allows formatted coloured boxes to be placed
	around linked form elements			*/
fieldset {
	border: solid 1px;
	background: #0a1534;
	padding-bottom: 10px;
	padding-left: 10px;
}



/*			INPUT			*/
/*	Sets all form text entry boxes to a standard
	length						*/
input {
	width: 200px;
}

data {
	width: 500px;
}

/*			LABEL			*/
/*	Formats form text in white and places text above
	form elements					*/
label {
	color: white;
	display: block;
}



/*			LEGEND			*/
/*	Overrides legends formatting to format test
	in white					*/
legend {
	color: white;
}



/*			WRAPPER			*/
/*	Provides container in the center of the page
	for the site structure to be inserted into.	*/
.wrapper {
	width: 802px;
	height: auto;
	margin: 0 auto;
	border: solid white 1px;
	background-color: #070f27;
}



/*			BANNER			*/
/*	Provides container for the site	logo		*/
.banner {
	width: 800px;
	height: 120px;
	text-align: left;
	background-image:url('../images/background-banner.jpg');
	float: right; 
}

/*			BANNER H1		*/
/*	Overrides H1 behaviour to position the logo text
	correctly. Fudge position as IE and Firefox don't
	agree. Close to center both vertically and
	horizontally					*/
.banner h1 {
	position:relative;
	padding-top: 0px;
	padding-left: 15px;
	text-align:left;
}
.ambassador {
	position:absolute;
	top: 20px;
	padding-left: 100px;
	text-align:left;
}

/*			CONTENT			*/
/*	Provides container the entire width of the page
	for content					*/
.content {
	width: 798;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	clear: both;
}


/*			CONTENTHR		*/
/*	Provides a graphical hardrule break of 1px to 
	place between items in the #content container	*/
.contentHR {
	background-image: url('../images/hardrule.jpg');
	background-repeat: repeat-x;
	width: auto;
	height: 1px;
}
/*           Notice      */
/* This creates a box to place text held on the datas base 
 * when the display flag is set            
 */
.notice {
	top: 50px;
	width: 780;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	border: 2px red;
	text-align: justify;
	font-size: small;
	color: yellow;
	clear: both;
}

/*			CRUMBLINE		*/
/*	Provides container for the crumbline and offers
	spacing between the menu and the main content	*/
.crumbline {
	width: 550px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	float: left;
	font-size: 11px;
	color: yellow;
	/*color: #9cabd0;*/
}


/*			SHOPPING CART BANER		*/
/*	Provides container for the crumbline and offers
	spacing between the menu and the main content	*/
.shoppingcartbanner {
	width: 210px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	text-align: left;
	font-size: 11px;
	color: yellow;
	/*color: #9cabd0;*/
}



/*			LEFTCONTENT		*/
/*	Provides container for the left hand side of the
	page, usually containing the page content text and
	images						*/
.leftContent {
	position:relative;
	/*left: 0px;*/
	width: 480px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #070f27;
	text-align: justify;
	float: left;
}
.leftcontent p {
	left: -40px;
	width: 480px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #070f27;
	text-align: justify;
	float: left;	
}
.leftcontent ul {
	left: -40px;
	width: 480px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #070f27;
	text-align: justify;
	float: left;	
}


/*			LEFTCONTENT IMG		*/
/*	Overrules img tag in main content to float the image
	to the left allowing text to flow around it	*/
.leftContent img {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}



/*			CONTENT IMG		*/
/*	Overrules img tag in main content to float the image
	to the left allowing text to flow around it	*/
.contentimg {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}



/*			QUESTIONS		*/
/*	Allows paragraphs to be italicised to stand out	*/
.question p{
	font-style: italic;
}



/*			RIGHTCONTENT		*/
/*	Provides container for the right hand side of the
	page, usually containing a related graphic, news or
	advert						*/
.rightContent {
	width: 280px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	bottom:auto;
	background-color: #070f27;
	text-align: justify;
	float: right;
}



/*			RIGHTCONTENTHR		*/
/*	Provides a graphical hardrule break of 1px to 
	place between items in the #rightContent
	container					*/
.rightContentHR {
	margin: 10px;
	background-image: url('../images/hardrule.jpg');
	background-repeat: repeat-x;
	width: auto;
	height: 1px;
}


/*			LEFTCONTENTHALF		*/
/*	Provides container for the left hand side of the
	page, half the width of the page						*/
.leftContentHalf {
	width: 370;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #070f27;
	text-align: justify;
	float: left;
}


/*			RIGHTCONTENTHALF		*/
/*	Provides container for the right hand side of the
	page, half the width of the page						*/
.rightContentHalf {
	width: 370;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #070f27;
	text-align: justify;
	float: right;
}



/*			COPYRIGHT		*/
/*	Provides a centered container below all other
	page content to list the copyright details in
	a small font					*/
.copyright {
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: xx-small;
	clear: both;
	color: white;
}
/* replace the bar menu on panels that do not require menu */

.nohorizontalmenu {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	
}

.quote {
	font-style: italic;
	padding-left: 15px;
	padding-right: 15px;
}



.stripperTable {
	border: solid white 1px;
	font-size: 90%;
	text-align: center;
}



.stripperTable td {
	border: solid white 1px;
	color: white;
	background-color: #070f27;
}



.stripperTable tr.alt td {
	background-color: #0c183c;
}



.stripperTable tr.header td {
	background-color: #374f8f;
}
.holder {
    float:right;
    position: relative;
    right:0%;
    height:auto;
    width:500px; 
    margin-left: auto;
    margin-right: auto;
    background-color: yellow;
    color:black;
}
.holder p {
    border-left:1px solid #333;
    border-right:1px solid #333;
    padding:10px 15px;
    margin:0;
}
.top {
    width:498px;
    height:30PX;
    border:1px solid #333;
    background:#c5bdbd;
}
.top h3 {
    margin:0;
    padding: 10px 10px;
}

.bottom {
    width:498px;
    height:0PX;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-color: #333;
    border-left-color: #333;
    border-bottom-color: #333; 
    -moz-border-radius-bottomleft:12px;
    -moz-border-radius-bottomright:12px;
   }