/*======================================*
** odt-stylesheet.css
** ------------------------------------------------------------*
** Created: 02-03-07 (dd-mm-yy)
** Website: onedollartemplates.org
**======================================*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html, body { height: 100%; }
body {
	background: #303 url(http://www.onedollartemplates.com/img/bg.png) repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 83%;
	margin: 0;
	padding: 0;
	color: #ccc;
	}
img { border: 0; }
a { text-decoration: none; color: #fc6; }
a:hover { text-decoration: underline; }
p { font-size: 1.05em; line-height: 1.4em; margin: 30px 0; }
.w { color: #fff !important; }
.wide { width: 100%; }
h2 { color: #fc6; font-weight: normal; font-size: 1.8em; margin: 35px 0 30px; }
h5 { font-size: 1.3em; margin: 30px 0 0; color: #fff; }

p.alert { margin-top: 20px; background: #480048 url(http://www.onedollartemplates.com/img/ico_alert2.gif) no-repeat 10px 12px; color: #fc6;  padding: 12px 12px 12px 42px; }
p.error { margin-top: 20px; background: #480048 url(http://www.onedollartemplates.com/img/ico_alert2.gif) no-repeat 10px 12px; color: #fc6;  padding: 12px 12px 12px 42px; }
p.note { font-size: 0.9em !important; margin-top: 20px; background: #480048 url(http://www.onedollartemplates.com/img/ico_info.gif) no-repeat 10px 50%; color: #ccc;  padding: 3px 3px 4px 32px; }
a.cart { background: url(http://www.onedollartemplates.com/img/ico_cart.gif) no-repeat 10px 50%; padding: 3px 3px 4px 32px; }

.hide { display: none; }
.show { display: block; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	margin: 0 auto;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 70px 0 35px;
	}
/* client bar */
#header div {
	width: 100%;
	position: absolute;
	top: 0;
	background: #480048 url(http://www.onedollartemplates.com/img/customer_.gif) no-repeat 0% 100%;
	}
#header div p { margin: 0; padding: 6px 20px 7px; position: relative; }
#header div p.usr_options { position: absolute; top: 0; right: 0; }
/* logo */
#header h1 {
	width: 339px;
	height: 59px;
	background: url(http://www.onedollartemplates.com/img/logo.gif) no-repeat;
	margin: 0 auto;
	text-indent: -9999px;
	margin: 0;
	}
#header h1 a { display: block; height: 100%; }
#header h1 a span { display: none; }
/* search */
#header form { float: right; margin-top: -50px; }
#header form p { margin: 0; }
#header form input { border: 0; float: left; margin: 2px 0 0 8px; }
#header form span input {
	margin: 0;
	padding: 11px 10px;
	background: url(http://www.onedollartemplates.com/img/search_.gif) no-repeat 0% 50%;
	font-size: 1em;
	width: 174px;
	color: #ccc;
	}


/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#nav {
	margin: 0;
	padding: 10px 0;
	background: url(http://www.onedollartemplates.com/img/navul_.gif) repeat-x 0% 100%;
	list-style-type: none;
	text-align: center;
	}
#nav li { margin: 0; display: inline; }
#nav li a { font-size: 1.3em; }
#nav li a span { padding: 14px 15px; margin: 0; }
#nav li a:hover { text-decoration: none; color: #fff; }
#nav li a.on { color: #fff; background: url(http://www.onedollartemplates.com/img/nav_l.png) no-repeat 0% 0%; text-decoration: none;  }
*:lang(en) #nav li a.on { padding: 14px 0; }
#nav li a.on span { background: url(http://www.onedollartemplates.com/img/nav_r.png) no-repeat 100% 0%; }

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	width: 780px;
	margin: 0 auto;
	padding: 0 0 150px;
	overflow: hidden;
	}
#content:after	{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}
#content h4 { padding: 8px; font-size: 1.2em; font-weight: normal; margin: 40px 0 0; width: 764px !important; }
#content p,
#content li {
	font-size: 1.2em;
	line-height: 1.5em;
	}
/* box */
#content div.box,
#content h4 { background: #000 url(http://www.onedollartemplates.com/img/box_t.gif) no-repeat; clear: both; }
#content div.box div {
	background: url(http://www.onedollartemplates.com/img/box_b.gif) no-repeat 0% 100%;
	padding: 1px 20px;
	position: relative;
	overflow: hidden;
	}

#content ul { padding: 0 15px; margin: 15px 0; }

/* category list */
#content ul.catg { list-style-type: none; padding: 0; }
#content ul.catg li { display: inline; margin: 0 14px 0 0; }
#content ul.catg li span { white-space: nowrap; }
#content ul.catg li a { padding: 0; }

/* image list */
#content ul.img { list-style-type: none; text-align: center; margin: 20px 10px; height: 1%; padding: 0; }
* html #content ul.img { margin: 20px 5px; }
#content ul.img:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
#content ul.img li { float: left; margin: 5px; }
#content ul.img li a img { display: block; border: 6px solid #480048; }
#content ul.img li a:hover img { border-color: #000; }
#content ul.img li p {
	background-color: #480048;
	margin: 1px 0;
	padding: 5px 7px;
	font-size: 1em;
	}

/* pagination */
#content div.pg p { margin: 4px 0 6px; }
#content div.pg ol { margin: 0; padding: 0; position: absolute; right: 10px; top: 5px; list-style-type: none; }
#content div.pg ol li { display: inline; }
#content div.pg ol li a { padding: 2px 8px 3px; }
#content div.pg ol li a.on { background-color: #303; color: #fff; }
#content div.pg ol li a.on:hover { text-decoration: none; }


#content #left,
#content #right { padding: 30px 0 5px; float: left; }


#content #left div img { border: 6px solid #480048; margin-bottom: -3px; }
#content #left ol { background-color: #480048; list-style-type: none; margin: 0; padding: 0 6px 6px; }
#content #left ol li { display: inline; }
#content #left ol li a { padding: 2px 8px 3px; }
#content #left ol li a.on { background-color: #303; color: #fff; }
#content #left ol li a.on:hover { text-decoration: none; }

#content #right { width: 314px; }
#content #right h3 { margin: 10px 0 0; background-color: #480048; font-weight: normal; padding: 10px; color: #fff; font-size: 1.1em; text-transform: uppercase; }
#content #right p { padding-left: 15px; font-size: 1em; margin: 15px 0; white-space: normal; }

#content #right ul.packages {
	margin: 0;
	padding: 0 15px 15px;
	list-style-type: none;
	}
#content #right ul.packages li { padding: 0 0 15px; }

/*------------------------------------------------------------*
**  Forms
**------------------------------------------------------------*/
#content form { padding: 5px 30px 25px; margin: 20px 0; background-color: #480048; height: 1%; }
#content form:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
#content form p { clear: both; margin: 0; padding: 20px 0 0; }
#content form h3 { color: #fff; background-color: #303; margin: 20px 0 0; padding: 15px 10px; }
#content form hr { border: 0; background-color: #303; height: 3px; margin: 50px 0 40px; }
#content form p label { display: block; float: left; width: 186px; color: #fff; padding-right: 20px; }
#content form p input,
#content form p select,
#content form p textarea { width: 485px; }
#content form p select { width: 500px; }
#content form p textarea { height: 150px; }

#content form input,
#content form textarea,
#content form select {
	padding: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #ccc;
	border: 3px solid #eee;
	}



#content .chk input { background: transparent !important; border: 0 !important; margin-left: 15px; margin-right:4px; }
#content .chk input,
#content .chk label { width: auto !important; }

#content form p.col { float: left !important; clear: none; padding: 20px 20px 0 0; }
#content form p.col select { width: 155px; }
#content form p.col input { width: 140px; }

#content form ul.chklist { list-style-type: none; padding: 0; margin: 0 0 0 205px; }
#content form ul.chklist:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#content form ul.chklist li { display: block; float: left; margin: 0 10px 15px 0; white-space: nowrap; }
#content form ul.chklist li input { margin-right: 10px; background: transparent !important; border: 0 !important; }

#content form input.btn {
	background: #fc6 url(http://www.onedollartemplates.com/img/button_bg.jpg) repeat-x;
	border: 1px solid #fc6;
	color: #000;
	font-weight: bold;
	width: auto;
	overflow: visible;
	text-transform: capitalize;
	margin-right: 10px;
	}

#content form table {
	border-collapse: collapse;
	width: 100%;
	margin: 30px 0 10px;
	font-size: 1.1em;
	}
#content form table thead th,
#content form table tfoot th,
#content form table tfoot td {
	padding: 20px;
	background-color: #303;
}
#content form table tfoot th {
	text-align: left;
	}
#content form table th {
	text-align: left;
	}
#content form table td {
	padding: 13px 60px 13px 20px;
	border-top: 1px solid #303;
	border-bottom: 1px solid #303;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	/* footer stick */
	position: absolute;
	bottom: 0;
	width: 100%;
	/* format */
	background-color: #000;
	border-top: 4px solid #480048;
	}
#footer p { padding: 10px 10px; text-align: center; }