/* LBD STYLESHEET 
by DARREN TAYLOR for INTERNETCREATION LTD 2009

MAIN COLORS:
#white - #FFFFFF
#purple - #9900cc
#green - #8fd400
#blue - #00ccff
#pink - #ec008c
#gray - #7e7e7e 

*/

p { font-size: 14px; }

* 
{ text-decoration: none; font-family: Trebuchet MS; }

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



div#container 
{ text-align: left; margin: 0 auto; width: 980px; }

div#header
{ background: #FFF url(../images/logo.jpg) no-repeat; height: 85px; margin-top: 20px;}

div#navigation
{ background: url(../images/navGradient.jpg) repeat-x; height: 25px; margin-top: 4px; width: 710px;}

div#navigation ul
{ padding: 4px 0 0 0;}

div#navigation ul li
{ display:inline; padding: 0 7px;}

div#navigation ul li a
{ font-size: 12px; color: #FFF; padding-top: 5px; font-weight: bold;}

div#navigation ul li a:hover, div#navigation ul li a:active
{ text-decoration: underline; }

div#col1
{ float: left; width: 705px;}

div#col1 h1
{ font-size: xx-large; padding: 15px 0 10px 0; color: #9900cc; letter-spacing: 1px; border-bottom: 1px solid #cccccc; margin-bottom: 10px;}

div#col1 p.pink
{ font-size: 18px; padding: 0 0 15px 40px; color: #ec008c; letter-spacing: 1px; width: 600px;  line-height: 20px;}

div#col1 p.gray
{ font-size: 15px; padding: 0 0 15px 40px; color: #7e7e7e;  width: 600px;  line-height: 16px; }

div#col2
{ float: left; padding-left: 8px; padding-top: 109px; }

div#col2 img
{ display: block; padding-bottom: 8px;}

div#twoCol
{ width: 640px; padding: 30px; font-size: 14px; }

div#twoCol #c1
{ width: 300px; float: left;  }

div#twoCol h4
{ color: #7e7e7e; letter-spacing: 1px; padding: 5px 0 5px;  width: 91%; font-size: 14px;}

div#twoCol #c2
{ width: 280px; float: left; text-align:right; }

div#twoCol #c2 #resultAdvert
{
	clear: both; float: right; 
	width: 200px; height: 130px; margin-top: 30px;

}

div#twoCol h3
{ font-size: 26px; color: #AE00D6; border-bottom: 1px #CCCCCC solid; padding: 15px 0 15px 5px; letter-spacing: 1px; width: 90%;}

div#welcomeImg
{ width: 690px; height: 223px; background: #9900cc url(../images/welcomeStock.jpg) no-repeat right; margin-top: 25px;  }

div#welcomeImg p
{ padding: 15px 370px 0 50px; color: #FFF; font-size: 14px; }

div#welcomeImg h3
{ padding: 5px 370px 0 50px; color: #FFF; font-size: 24px; }

div#welcomeImg h4
{ padding: 0 400px 10px 50px; color: #FFF; font-size: 22px; }

div#welcomeImg h2
{ padding: 50px 370px 10px 50px; color: #FFF; font-size: 28px; }

div#clear
{ clear: both; }

div#footer
{ border-top: 1px solid #c7c7c7; padding-top: 10px; margin-top: 30px;}

div#footer p
{ font-size: 12px; color: #8fd400; }

#publications
{ 
	width: 700px;
}

#publications h2
{
border-bottom:3px solid #8FD400;
color:#7E7E7E;
font-size:13px;
margin-bottom:10px;
padding:3px 0 3px 3px;
}

div#footer a
{ color: #00ccff;}

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

div#cmsContent
{ padding:20px; width:650px; overflow: visible;}

div#cmsContent ul
{ list-style-type: square; padding-left: 30px; padding-top: 10px; font-size: 14px;}

div#cmsContent ol
{ list-style-type: decimal; padding-left: 40px; font-size: 14px;  }

div#cmsContent h4
{ color: #7e7e7e; letter-spacing: 1px; padding: 5px 0 5px;  width: 91%; font-size: 14px;}

#search
{
	margin-top: 14px;

}

/* CLASSES */

.bold
{ font-weight: bold; }

.floatRight
{ float: right; }

.floatLeft
{ float: left; }

.cover
{ float: left; padding-left:30px; padding-top:25px; }

.displayLogo
{ float: right; border: 3px solid #7e7e7e; width: 90px; height: 30px;}

.displayLabel
{ font-weight: bold; font-size: 16px; letter-spacing: 1px;}

.youAreHere
{ color: #8FD300; }

.sector
{ color: #FF00FE; }

.business
{ color: #00CCFF; }

.errorBox
 { background-color: #fed5d5; border: 1px solid #cc0000; padding: 5px; margin-top: 10px;  font-size: 14px; color: #660000;}

.action
 { background-color: #ececec;  padding: 5px; margin-top: 10px;  font-size: 14px; color: #000; width: 150px; float: right; display: block;}

.logo { border: 1px solid #656565; width: 90px; height: 30px;}

.clear { clear: both; }

/* SIZES AND PRICES CSS */


#adHolder { padding-top: 20px;}

#fifty { border: 3px #ff0066 solid; width: 377px; height: 208px; left:180px; background:#FFF url(../images/50bg.jpg) no-repeat top left;}
#fifteen { position: relative; border: 3px #7fffff solid; width: 181px; height: 55px; left: 180px; top: 8px;background:#FFF url(../images/15bg.jpg) no-repeat top left; }
#twentyTwo { position: relative; border: 3px #99ff00 solid; width: 181px; height: 118px;  left: 180px; top:16px; background:#FFF url(../images/22bg.jpg) no-repeat top left;}

#seventy { background:#FFF url(../images/70bg.jpg) no-repeat top left; border: 3px #9900ff solid; width: 377px; height: 272px;  margin-top: 10px;}
#thirtyFive { background:#FFF url(../images/35bg.jpg) no-repeat top left; border: 3px #ff9966 solid; width: 180px; height: 207px; position: relative; top: 5px; left: 180px;}


#sizeHolder { float:right; }
#sizeHolder p { font-size: 11px; padding-top: 10px; line-height: 15px;}

.orderButton15 { height: 40px; width: 37px; position: relative; left: 140px; top: 7px;}
.orderButton22{ height: 40px; width: 37px; position: relative; left: 140px; top: 75px;}
.orderButton50{ height: 40px; width: 37px; position: relative; left: 6px; top: -27px; }
.orderButton70{ height: 40px; width: 37px; position: relative; left: 6px; top: 13px; }
.orderButton35{ height: 40px; width: 37px; position: relative; left: 138px; top: 160px; }
.orderButton110{ height: 23px; width: 21px; position: relative; left: 110px; top: -14px; }
.orderButton205{ height: 23px; width: 21px; position: relative; left: 84px; top: 10px; }

.priceText	{ padding: 5px 0 0 5px; }

table.results { border-collapse: collapse; margin-top: 10px;}
table.results td { background: #ececec; padding: 5px; vertical-align: middle; border-left: 5px #FFF solid;border-bottom: 3px #FFF solid; width: 260px; font-size: 12px;}
table.results tr { }
table.results td.image { width: 90px;  }
table.results img.logo { border: 1px solid #656565; width: 90px; height: 30px;}

table.sizes	{ font-size: 11px; border: 2px solid #000; margin-top: 20px; }
table.sizes th { background: #99cc33; color: #FFF; padding: 5px 0; }
table.sizes td { padding: 6px 4px; border: 1px solid #bfbfbf; }


form#order	{ font-size: 14px; }
form#order h2 { background: #8fd400; border: 1px solid #e5fcb7; padding: 5px; color: #FFF; margin: 15px 0;}
form#order label	{ display: block; float: left; width: 160px; } 

div#currentOrder {  width: 320px; font-size: 12px; float: left; margin: 3px 0 0 10px;}
.advertRemove { color: #ED008C;  }


#designInfo { padding:0; margin:0; width: 500px; height: 85px; }
.small {font-size:10px; }